/* Sona3 V6.0.6 — dynamic cases, complete users, session memory and fixed compact header */

/* Feedback must never be hidden behind edit/admin modals. */
.toast-container{position:fixed!important;z-index:2147483000!important;pointer-events:none!important}
.toast-container .toast{pointer-events:auto!important}

/* Remember-me: no password is stored. */
.login-remember-row{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;row-gap:2px;margin:4px 0 14px;padding:10px 12px;border:1px solid rgba(15,130,119,.16);border-radius:12px;background:rgba(248,250,252,.78);cursor:pointer;text-align:right}
.login-remember-row input{width:18px;height:18px;accent-color:#0f8277;margin:0}
.login-remember-row span{font-weight:800;color:#1e293b;font-size:13px}
.login-remember-row small{grid-column:2;color:#64748b;font-size:10.5px;line-height:1.5}
body.dark-mode .login-remember-row{background:rgba(30,41,59,.7);border-color:#334155}.dark-mode .login-remember-row span{color:#f8fafc}

/* Dynamic schema is the only case-detail renderer. */
.v604-dynamic-only-details{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.case-dynamic-section{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}
.case-dynamic-section>h4{margin:0;padding:10px 13px;background:linear-gradient(135deg,#f0fdf4,#f8fafc);color:#14532d;font-size:13px;border-bottom:1px solid #e2e8f0}
.case-dynamic-section .case-dynamic-grid{padding:12px;margin:0}
.case-dynamic-images-section .case-images-wrap{padding:12px;display:flex;gap:12px;flex-wrap:wrap}
.case-dynamic-images-section .case-img-thumb{max-width:180px;max-height:125px;object-fit:contain}
.v604-dynamic-only-form{width:100%}
body.dark-mode .case-dynamic-section{background:#0f172a;border-color:#334155}body.dark-mode .case-dynamic-section>h4{background:#172033;color:#dcfce7;border-color:#334155}

/* Complete user registry, including safely deleted accounts. */
.v604-users-summary{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 12px}
.v604-users-summary span{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:12px}
.v604-users-summary .on{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.v604-users-summary .off{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.v604-users-summary .deleted{background:#f1f5f9;color:#475569}
.v603-status.active,.v603-status.on{background:#dcfce7;color:#166534}.v603-status.disabled,.v603-status.off{background:#ffedd5;color:#9a3412}.v603-status.deleted{background:#e2e8f0;color:#475569}
.v604-user-row.is-deleted{opacity:.72;background:#f8fafc}.v604-user-row.is-deleted td{text-decoration:none}.v604-user-archived-note{font-size:11px;color:#64748b;padding:5px 8px;border-radius:8px;background:#f1f5f9}
#userFormBox.v496-admin-modal{z-index:2147481000!important}
.v496-admin-modal-backdrop{z-index:2147480000!important}
#userFormBox .permission-box{align-self:stretch}
#userFormBox .check-item{filter:none!important}
#userFormBox .check-item:not(.permission-dependent-disabled){opacity:1!important;pointer-events:auto!important}
#userFormBox .check-item.permission-dependent-disabled{opacity:.58!important;cursor:not-allowed!important}
#userFormBox .check-item input:not(:disabled){pointer-events:auto!important}

/* Activate the already-existing V484 fixed header layout without creating a second header. */
body.v604-compact-header-controller #mainApp{overflow:visible!important}
body.v604-compact-header-controller #mainApp .app-shell-top.v484-fixed-header-ready{will-change:width,min-height,border-radius,background,transform;backface-visibility:hidden}

@media(max-width:600px){
  .case-dynamic-section .case-dynamic-grid{grid-template-columns:1fr!important}
  .login-remember-row{margin-bottom:12px}
  .v604-users-summary{gap:6px}.v604-users-summary span{font-size:11px}
}