/* Sona3 V6.1.0 plus — complete dark theme and flatter case-detail sections. */
html.dark-mode, html.dark-mode body { background:#0b1220; color:#e5edf8; }
html.dark-mode body, html.dark-mode #mainApp, html.dark-mode .tab-content, html.dark-mode .page-content,
html.dark-mode .settings-content, html.dark-mode .content-area, html.dark-mode .modal-box,
html.dark-mode .login-card, html.dark-mode .result-card, html.dark-mode .case-pro-card,
html.dark-mode .case-list-item, html.dark-mode .add-section-card, html.dark-mode .case-engine-section,
html.dark-mode .v603-users-table-wrap, html.dark-mode .v603-lazy-load-bar,
html.dark-mode .side-panel, html.dark-mode .notification-panel, html.dark-mode .dropdown-menu {
  background-color:#111b2d !important; color:#e5edf8;
}
html.dark-mode .login-screen, html.dark-mode .modal-overlay, html.dark-mode .global-loader-overlay { background-color:rgba(2,6,23,.82) !important; }
html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode strong,
html.dark-mode label, html.dark-mode th, html.dark-mode td, html.dark-mode dt, html.dark-mode dd { color:#f8fafc; }
html.dark-mode p, html.dark-mode small, html.dark-mode .settings-mini-note, html.dark-mode .modal-note { color:#b9c7dc; }
html.dark-mode input, html.dark-mode textarea, html.dark-mode select { background:#0b1323 !important; color:#f8fafc !important; border-color:#334155 !important; }
html.dark-mode input::placeholder, html.dark-mode textarea::placeholder { color:#8fa2bd; }
html.dark-mode table, html.dark-mode tr, html.dark-mode td, html.dark-mode th { border-color:#334155 !important; }
html.dark-mode thead, html.dark-mode th { background:#17243a !important; }
html.dark-mode tr:nth-child(even), html.dark-mode .v603-user-actions { background-color:rgba(30,41,59,.42); }
html.dark-mode .btn-light, html.dark-mode .mini-btn:not(.mini-delete):not(.mini-warn):not(.mini-success) { background:#25344d !important; color:#f8fafc !important; border-color:#41536f !important; }
html.dark-mode .badge, html.dark-mode .v603-role-badge { background:#233654; color:#dbeafe; }
html.dark-mode .case-images-wrap, html.dark-mode .image-preview, html.dark-mode .upload-zone { background:#0b1323; border-color:#334155; }
html.dark-mode .v606-user-filter { background:#17243a; color:#e2e8f0; border-color:#334155; }
html.dark-mode .v606-user-filter.is-active { background:#0f766e; color:white; border-color:#2dd4bf; }
html.dark-mode .case-v610-detail-section { border-color:#334155; background:#111b2d; }

.case-dynamic-details.v604-dynamic-only-details { display:grid; gap:12px; }
.case-v610-detail-section { margin:0; padding:14px; border:1px solid #e2e8f0; border-radius:12px; background:#fff; box-shadow:none; }
.case-v610-detail-section h4 { margin:0 0 10px; padding:0 0 8px; border-bottom:1px solid #e2e8f0; font-size:15px; }
.case-v610-detail-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px 12px; }
.case-v610-detail-item { min-width:0; padding:9px 0; border-bottom:1px dashed #dbe4ef; }
.case-v610-detail-item span { display:block; margin-bottom:4px; color:#64748b; font-size:12px; font-weight:700; }
.case-v610-detail-item strong { display:block; color:#172033; overflow-wrap:anywhere; }
.case-v610-detail-section.case-dynamic-images-section { padding-bottom:12px; }
.v604-user-row.is-deleted { opacity:.82; }
.v603-status.deleted { background:#5b2130; color:#ffe4e6; }

@media (max-width:640px){
  .case-v610-detail-grid { grid-template-columns:1fr; }
  .case-v610-detail-section { padding:12px; }
}