/* Qrofis Manage Workspace V1.2 - embedded in customer panel */
#editModal{background:#f8fafc}
#editModal .manage-workspace-card{width:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none;padding:0;overflow-y:auto;background:#f8fafc;display:grid;grid-template-columns:minmax(300px,460px) minmax(0,820px);grid-auto-rows:min-content;column-gap:24px;align-content:start;justify-content:center}
#editModal .modal-head{grid-column:1/-1;width:100%;max-width:none;margin:0 0 28px;padding:0 0 20px;background:transparent;border-bottom:1px solid #e2e8f0}
#editModal .modal-head h2{font-size:22px}
#editModal #editShortCode{margin-top:4px}
#editModal #editForm{display:contents}
#editModal #editQrIdentity{grid-column:1;grid-row:2;margin:0!important;padding:22px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(15,23,42,.04);align-self:start}
#editModal #editQrIdentity{display:block!important}
#editModal #editQrPreview{width:156px!important;height:156px!important;margin:0 auto 20px;padding:6px!important}
#editModal #editQrPreview svg{max-width:144px!important;max-height:144px!important}
#editModal #editQrIdentity>div:last-child{min-width:0!important}
#editModal #editQrPublicUrl{display:block;font-size:14px}
#editModal #editForm>.form-row:first-child{grid-column:1;grid-row:3;margin:16px 0 0;padding:22px 22px 4px;background:#fff;border:1px solid #e2e8f0;border-bottom:0;border-radius:16px 16px 0 0}
#editModal #editForm>.form-row:has(#editStatus){grid-column:1;grid-row:4;margin:0;padding:4px 22px 22px;background:#fff;border:1px solid #e2e8f0;border-top:0;border-radius:0 0 16px 16px}
#editModal #editDestinationRow,#editModal #editLocationExperience,#editModal #editEventExperience,#editModal #editEmailExperience,#editModal #editContactExperience,#editModal #editWifiExperience,#editModal #editTextExperience{grid-column:2;grid-row:2/span 4;align-self:start;margin:0!important;padding:26px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)}
#editModal #editDestinationRow{grid-row:2;min-height:150px}
#editModal #editEventExperience>div:first-child{font-size:18px!important}
#editModal #editEventExperience .muted{font-size:14px}
#editModal #editEventExperience label{font-weight:600;color:#334155}
#editModal #editEventDescription{min-height:110px}
#editModal .modal-actions{position:sticky;bottom:0;z-index:4;grid-column:1/-1;grid-row:20;margin:28px 0 0;padding:16px 24px;background:rgba(255,255,255,.97);border-top:1px solid #e2e8f0;backdrop-filter:blur(8px)}
#editModal #editForm>.modal-actions+div{grid-column:1/-1;grid-row:10;margin:24px 0 0!important;padding:24px!important;background:#fff;border:1px solid #e2e8f0!important;border-radius:16px}
#editModal #geofenceForm{grid-column:1/-1;grid-row:11;margin:16px 0 0!important}
#editModal #editMessage{grid-column:1/-1;grid-row:19}
#editModal .form-row label{font-weight:600;color:#334155}
#editModal input,#editModal select,#editModal textarea{border-color:#cbd5e1}
#editModal input:focus,#editModal select:focus,#editModal textarea:focus{outline:2px solid rgba(37,99,235,.14);border-color:#2563eb}
.manage-function-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700}
@media(max-width:1120px){#editModal .manage-workspace-card{grid-template-columns:minmax(280px,36%) minmax(0,64%);padding-left:20px;padding-right:20px}#editModal .modal-head{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}}
@media(max-width:820px){#editModal .manage-workspace-card{display:block;padding:0 12px}#editModal .modal-head{margin:0 -12px 18px;width:calc(100% + 24px);padding:16px}#editModal #editQrIdentity,#editModal #editForm>.form-row:first-child,#editModal #editForm>.form-row:has(#editStatus),#editModal #editDestinationRow,#editModal #editLocationExperience,#editModal #editEventExperience,#editModal #editEmailExperience,#editModal #editContactExperience,#editModal #editWifiExperience,#editModal #editTextExperience,#editModal #editForm>.modal-actions+div,#editModal #geofenceForm,#editModal #editMessage{margin-left:0!important;margin-right:0!important}#editModal #editForm>.form-row:first-child{margin-top:14px!important}#editModal #editDestinationRow,#editModal #editLocationExperience,#editModal #editEventExperience,#editModal #editEmailExperience,#editModal #editContactExperience,#editModal #editWifiExperience,#editModal #editTextExperience{margin-top:16px!important}#editModal .modal-actions{margin:22px -12px 0;padding:14px 18px}}

#editModal .modal-head > div{display:none}
#editModal .modal-head{justify-content:flex-start}
#editModal #editCloseBtn{font-size:14px;line-height:1.2}
@media (max-width:900px){
  #editModal .manage-workspace-card{grid-template-columns:1fr!important}
}

.gps-switch{position:relative;display:inline-block;width:48px;height:26px;flex:0 0 48px}
.gps-switch input{opacity:0;width:0;height:0}
.gps-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:999px;transition:.2s}
.gps-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.gps-switch input:checked + .gps-slider{background:#2563eb}
.gps-switch input:checked + .gps-slider:before{transform:translateX(22px)}

/* V1.3.2: keep location/geofence DOM intact; simplify customer-facing Website Manage */
#editModal #editForm>.form-row:has(#editStatus){
    border-radius:0;
    padding-bottom:12px;
}
#editModal #editLocationCapabilities{
    grid-column:1;
    grid-row:5;
    margin:0!important;
    padding:4px 22px 22px!important;
    background:#fff;
    border:1px solid #e2e8f0;
    border-top:0;
    border-radius:0 0 16px 16px;
}
#editModal #editLocationCapabilities>div:first-child{
    display:none;
}
#editModal #editLocationCapabilities>.form-row{
    margin:0;
    padding:16px 0 0!important;
    border:0!important;
    border-top:1px solid #e2e8f0!important;
    border-radius:0!important;
    background:transparent!important;
}
#editModal #editGeofenceAdvanced{
    display:none!important;
}
@media(max-width:820px){
    #editModal #editLocationCapabilities{
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* V1.3.2 GPS placement fix */
#editModal #editForm>.modal-actions+#editLocationCapabilities{grid-column:1!important;grid-row:5!important;margin:0!important;padding:4px 22px 22px!important;border-top:0!important;border-radius:0 0 16px 16px!important;}

/* 2026-09-18 Hosted Experience Manage Workspace
   Message/Content Studio: compact QR management strip + full-width Studio. */
#editModal.hosted-experience-layout .manage-workspace-card{
  display:grid;
  grid-template-columns:minmax(250px,1.25fr) minmax(220px,1fr) minmax(170px,.72fr);
  column-gap:14px;
  row-gap:16px;
  justify-content:stretch;
  padding:0;
}
#editModal.hosted-experience-layout .modal-head{grid-column:1/-1;margin-bottom:8px}
#editModal.hosted-experience-layout #editQrIdentity{
  grid-column:1;grid-row:2;
  display:flex!important;align-items:center!important;gap:14px!important;
  margin:0!important;padding:14px 16px!important;min-height:108px;
}
#editModal.hosted-experience-layout #editQrPreview{
  width:76px!important;height:76px!important;min-width:76px;margin:0!important;padding:4px!important;
}
#editModal.hosted-experience-layout #editQrPreview svg{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important}
#editModal.hosted-experience-layout #editQrIdentity>div:last-child{min-width:0!important}
#editModal.hosted-experience-layout #editQrIdentity .muted{font-size:11px!important}
#editModal.hosted-experience-layout #editQrPublicUrl{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#editModal.hosted-experience-layout #editQrIdentity .muted:nth-of-type(2){display:none}
#editModal.hosted-experience-layout #editForm>.form-row:first-child{
  grid-column:2;grid-row:2;margin:0!important;padding:16px!important;
  background:#fff;border:1px solid #e2e8f0;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);align-self:stretch;
}
#editModal.hosted-experience-layout #editForm>.form-row:has(#editStatus){
  grid-column:3;grid-row:2;margin:0!important;padding:16px!important;
  background:#fff;border:1px solid #e2e8f0!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);align-self:stretch;
}
#editModal.hosted-experience-layout #editTextExperience{
  grid-column:1/-1!important;grid-row:3!important;
  margin:0!important;padding:18px!important;min-width:0;
}
#editModal.hosted-experience-layout #editTextStudioHost{width:100%;min-width:0}
#editModal.hosted-experience-layout #editDestinationRow,
#editModal.hosted-experience-layout #editLocationExperience,
#editModal.hosted-experience-layout #editEventExperience,
#editModal.hosted-experience-layout #editEmailExperience,
#editModal.hosted-experience-layout #editContactExperience,
#editModal.hosted-experience-layout #editWifiExperience{grid-row:3}
#editModal.hosted-experience-layout #editLocationCapabilities{display:none!important}
#editModal.hosted-experience-layout #geofenceForm{display:none!important}
#editModal.hosted-experience-layout .modal-actions{
  grid-column:1/-1!important;grid-row:4!important;margin-top:0;
}
#editModal.hosted-experience-layout #editMessage{grid-column:1/-1!important;grid-row:5!important}
@media(max-width:1050px){
  #editModal.hosted-experience-layout .manage-workspace-card{grid-template-columns:1fr 1fr}
  #editModal.hosted-experience-layout #editQrIdentity{grid-column:1/-1}
  #editModal.hosted-experience-layout #editForm>.form-row:first-child{grid-column:1;grid-row:3}
  #editModal.hosted-experience-layout #editForm>.form-row:has(#editStatus){grid-column:2;grid-row:3}
  #editModal.hosted-experience-layout #editTextExperience{grid-row:4!important}
  #editModal.hosted-experience-layout .modal-actions{grid-row:5!important}
}
@media(max-width:720px){
  #editModal.hosted-experience-layout .manage-workspace-card{display:block}
  #editModal.hosted-experience-layout #editQrIdentity,
  #editModal.hosted-experience-layout #editForm>.form-row:first-child,
  #editModal.hosted-experience-layout #editForm>.form-row:has(#editStatus),
  #editModal.hosted-experience-layout #editTextExperience{margin-bottom:14px!important}
}