/* Settings and administrator console inside the home application. */
html:has(body.account-admin-light) { color-scheme: light; background: #f5f9ff; }
body.account-admin-light {
    --account-bg: #f5f9ff;
    --account-panel: #fff;
    --account-soft: #edf5ff;
    --account-line: #c5daf0;
    --account-text: #172b46;
    --account-muted: #526983;
    --account-blue: #1762b3;
    --account-blue-dark: #124b8d;
    color: var(--account-text);
    background: var(--account-bg);
    color-scheme: light;
}
body.account-admin-light :is(button, a, input, select, textarea):focus-visible { outline: 2px solid #4289d2; outline-offset: 2px; }
body.account-admin-light :is(input, select, textarea) { color-scheme: light; }
body.account-admin-light :is(input, textarea)::placeholder { color: #7288a1; }
body.account-admin-light .app-main { color: var(--account-text); background: var(--account-bg); }
body.account-admin-light .app-main > header { padding-bottom: 22px; border-bottom: 1px solid var(--account-line); }
body.account-admin-light #page-title { color: var(--account-text); }
body.account-admin-light #page-subtitle { color: var(--account-muted); }
body.account-admin-light .app-main > header .bg-slate-800 { border: 1px solid #a9ccef; color: #24517f; background: var(--account-soft); }
body.account-admin-light .app-main > header .text-slate-300 { color: #24517f; }
body.account-admin-light .app-main > header .text-green-400 { color: #16845f; }

/* System settings. */
body.account-admin-light #settings-page > .grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); }
body.account-admin-light #settings-page .glass-effect { border: 1px solid var(--account-line); color: var(--account-text); background: #fff; box-shadow: 0 8px 26px rgba(35,91,154,.07); }
body.account-admin-light #settings-page h3 { color: var(--account-text); }
body.account-admin-light #settings-page label { color: var(--account-text); }
body.account-admin-light #settings-page input { border-color: #b9d2ec; color: var(--account-text); background: #fff; }
body.account-admin-light #settings-page input:disabled { color: var(--account-muted); background: #f1f7ff; opacity: 1; }
body.account-admin-light #settings-page input:focus { border-color: #4289d2; box-shadow: 0 0 0 3px rgba(66,137,210,.13); }
body.account-admin-light #settings-page :is(#edit-nickname-btn, #edit-phone-btn) { border: 1px solid #a9ccef; border-radius: 8px; padding: 4px 10px; color: #24517f; background: var(--account-soft); font-weight: 600; cursor: pointer; }
body.account-admin-light #settings-page :is(#edit-nickname-btn, #edit-phone-btn):hover { border-color: #4289d2; color: var(--account-blue-dark); background: #dcecff; }
body.account-admin-light #settings-page :is(#save-user-info, #change-password) { border: 1px solid var(--account-blue); color: #fff; background: var(--account-blue); background-image: none; box-shadow: 0 4px 12px rgba(23,98,179,.18); cursor: pointer; }
body.account-admin-light #settings-page :is(#save-user-info, #change-password):hover { color: #fff; background: var(--account-blue-dark); }
body.account-admin-light #settings-message.bg-green-500\/10 { border-color: #8bcdb2; color: #075b46; background: #e3f8ee; }
body.account-admin-light #settings-message.bg-red-500\/10 { border-color: #e6a5ae; color: #a52a36; background: #fff0f1; }

/* Administrator console tabs, cards, records and maintenance form. */
body.account-admin-light #admin-page { color: var(--account-text); }
body.account-admin-light #admin-page .glass-effect { border: 1px solid var(--account-line); color: var(--account-text); background: #fff; box-shadow: 0 8px 26px rgba(35,91,154,.07); }
body.account-admin-light #admin-page > .flex.gap-2 { flex-wrap: wrap; }
body.account-admin-light #admin-page > .flex.gap-2 button { border: 1px solid #a9ccef; color: #24517f; background: var(--account-soft); box-shadow: 0 2px 7px rgba(23,98,179,.07); }
body.account-admin-light #admin-page > .flex.gap-2 button:hover { border-color: #4289d2; color: var(--account-blue-dark); background: #dcecff; }
body.account-admin-light #admin-page > .flex.gap-2 button.bg-indigo-600 { border-color: var(--account-blue); color: #fff; background: var(--account-blue); box-shadow: 0 4px 12px rgba(23,98,179,.18); }
body.account-admin-light #admin-page h3.text-white { color: var(--account-text); }
body.account-admin-light #admin-page :is(.text-slate-200, .text-slate-300):not(button) { color: var(--account-text); }
body.account-admin-light #admin-page :is(.text-slate-400, .text-slate-500):not(button) { color: var(--account-muted); }
body.account-admin-light #admin-page .text-emerald-400:not(button), body.account-admin-light #admin-page .text-green-400:not(button) { color: #075b46; }
body.account-admin-light #admin-page .text-indigo-400:not(button), body.account-admin-light #admin-page .text-blue-400:not(button) { color: var(--account-blue); }
body.account-admin-light #admin-page .text-yellow-400:not(button), body.account-admin-light #admin-page .text-orange-400:not(button) { color: #8b5300; }
body.account-admin-light #admin-page .text-red-400:not(button) { color: #a52a36; }
body.account-admin-light #admin-page :is(input:not([type="checkbox"]), select, textarea) { border: 1px solid #b9d2ec; color: var(--account-text); background: #fff; }
body.account-admin-light #admin-page :is(input, select, textarea):focus { border-color: #4289d2; box-shadow: 0 0 0 3px rgba(66,137,210,.13); }
body.account-admin-light #admin-page input[type="checkbox"] { accent-color: var(--account-blue); }
body.account-admin-light #admin-page :is(.bg-slate-800, .bg-slate-800\/50, .bg-slate-800\/70, .bg-slate-800\/80) { background: #f7fbff; }
body.account-admin-light #admin-page :is(.border-slate-600, .border-slate-700, .border-slate-700\/50) { border-color: var(--account-line); }
body.account-admin-light #admin-page table { color: var(--account-text); }
body.account-admin-light #admin-page table thead, body.account-admin-light #admin-page table thead tr { background: #e8f2ff; }
body.account-admin-light #admin-page table th { border-color: var(--account-line); color: #244d7c; background: #e8f2ff; }
body.account-admin-light #admin-page table td { border-color: #dce9f7; color: var(--account-text); background: #fff; }
body.account-admin-light #admin-page table tbody tr:nth-child(even) td { background: #f8fbff; }
body.account-admin-light #admin-page table tbody tr:hover td { background: #f0f7ff; }
body.account-admin-light #admin-page table tbody tr.admin-row-disabled { opacity: 1; background: #f4f8fd !important; }
body.account-admin-light #admin-page table tbody tr.admin-row-disabled td { color: var(--account-muted) !important; background: #f4f8fd; }
body.account-admin-light #admin-page table tbody tr.admin-row-disabled button { opacity: .65; color: #24517f !important; }
body.account-admin-light #admin-page table .bg-slate-700\/50 { border-color: var(--account-line); color: #24517f; background: var(--account-soft); }
body.account-admin-light #admin-page button:is(.bg-indigo-600, .bg-green-600, .bg-cyan-600) { border: 1px solid var(--account-blue); color: #fff; background: var(--account-blue); box-shadow: 0 3px 10px rgba(23,98,179,.14); }
body.account-admin-light #admin-page button:is(.bg-indigo-600, .bg-green-600, .bg-cyan-600):hover { color: #fff; background: var(--account-blue-dark); }
body.account-admin-light #admin-page button.bg-slate-700 { border: 1px solid #a9ccef; color: #24517f; background: var(--account-soft); }
body.account-admin-light #admin-page button.bg-slate-700:hover { color: var(--account-blue-dark); background: #dcecff; }
body.account-admin-light #admin-page button.bg-red-600 { border: 1px solid #bd3544; color: #fff; background: #bd3544; }
body.account-admin-light #admin-page tbody button:is(.text-indigo-400, .text-yellow-400, .text-red-400), body.account-admin-light #admin-page .admin-tab-content button.text-indigo-400 { border: 1px solid #a9ccef; border-radius: 8px; padding: 5px 9px; color: #24517f; background: var(--account-soft); font-weight: 600; }
body.account-admin-light #admin-page tbody button.text-red-400 { border-color: #e6a5ae; color: #a52a36; background: #fff0f1; }
body.account-admin-light #admin-page tbody button.text-yellow-400 { border-color: #e4c58e; color: #8b5300; background: #fff6e6; }
body.account-admin-light #maintenance-current-state { border-color: var(--account-line); color: var(--account-text); background: #f7fbff; }

/* Admin dialogs are mounted directly under body by the existing loader. */
body.account-admin-light > .modal-overlay { background: rgba(23,43,70,.38); }
body.account-admin-light > .modal-overlay .modal-content { border: 1px solid var(--account-line); color: var(--account-text); background: #fff; box-shadow: 0 20px 60px rgba(23,43,70,.18); }
body.account-admin-light > .modal-overlay .modal-content h3.text-white { color: var(--account-text); }
body.account-admin-light > .modal-overlay .modal-content :is(.text-slate-200, .text-slate-300):not(button) { color: var(--account-text); }
body.account-admin-light > .modal-overlay .modal-content :is(.text-slate-400, .text-slate-500):not(button) { color: var(--account-muted); }
body.account-admin-light > .modal-overlay .modal-content label { color: var(--account-text); }
body.account-admin-light > .modal-overlay .modal-content :is(input:not([type="checkbox"]), select, textarea) { border-color: #b9d2ec; color: var(--account-text); background: #fff; }
body.account-admin-light > .modal-overlay .modal-content :is(input, select, textarea):disabled { color: var(--account-muted); background: #f1f7ff; opacity: 1; }
body.account-admin-light > .modal-overlay .modal-content input[type="checkbox"] { accent-color: var(--account-blue); }
body.account-admin-light > .modal-overlay .modal-content :is(.bg-slate-800, .bg-slate-800\/50, .bg-slate-800\/70, .bg-slate-800\/80) { border-color: var(--account-line); background: #f7fbff; }
body.account-admin-light > .modal-overlay .modal-content :is(.border-slate-600, .border-slate-700, .border-slate-700\/50) { border-color: var(--account-line); }
body.account-admin-light > .modal-overlay .modal-content button.bg-slate-700 { border: 1px solid #a9ccef; color: #24517f; background: var(--account-soft); }
body.account-admin-light > .modal-overlay .modal-content button:is(.bg-indigo-600, .bg-green-600, .bg-cyan-600) { border: 1px solid var(--account-blue); color: #fff; background: var(--account-blue); }
body.account-admin-light > .modal-overlay .modal-content button.bg-red-600 { border: 1px solid #bd3544; color: #fff; background: #bd3544; }
body.account-admin-light > .modal-overlay .modal-content button.text-indigo-400 { border: 1px solid #a9ccef; border-radius: 8px; padding: 5px 9px; color: #24517f; background: var(--account-soft); }
body.account-admin-light > .modal-overlay .modal-content button.text-slate-400 { color: #24517f; }
body.account-admin-light #edit-user-roles label.bg-slate-700 { border: 1px solid #a9ccef; color: #24517f; background: var(--account-soft); }
body.account-admin-light #edit-user-roles label.bg-slate-700:hover { background: #dcecff; }
body.account-admin-light #edit-user-roles label.bg-indigo-600 { border: 1px solid var(--account-blue); color: #fff; background: var(--account-blue); }
body.account-admin-light > .modal-overlay .modal-content .permission-section { border: 1px solid var(--account-line); background: #fff; box-shadow: 0 6px 18px rgba(35,91,154,.05); }
body.account-admin-light > .modal-overlay .modal-content .permission-section-header { border-color: var(--account-line); }
body.account-admin-light > .modal-overlay .modal-content .permission-section-header:hover { background: var(--account-soft); }
body.account-admin-light > .modal-overlay .modal-content .permission-section-title, body.account-admin-light > .modal-overlay .modal-content .permission-item-name { color: var(--account-text); }
body.account-admin-light > .modal-overlay .modal-content .permission-section-count { color: #24517f; background: var(--account-soft); }
body.account-admin-light > .modal-overlay .modal-content .permission-action-btn { border: 1px solid #a9ccef; color: #24517f; background: var(--account-soft); }
body.account-admin-light > .modal-overlay .modal-content .permission-section-body { background: #f7fbff; }
body.account-admin-light > .modal-overlay .modal-content .permission-item { color: var(--account-text); }
body.account-admin-light > .modal-overlay .modal-content .permission-item:hover { background: #edf5ff; }
body.account-admin-light > .modal-overlay .modal-content .permission-item.selected { border-color: #4289d2; background: #e8f2ff; }
body.account-admin-light > .modal-overlay .modal-content .permission-item-checkbox { accent-color: var(--account-blue); }
body.account-admin-light > .modal-overlay .modal-content .permission-item-code { color: var(--account-muted); }

@media (max-width: 720px) {
    body.account-admin-light .app-main { padding: 20px; }
    body.account-admin-light #admin-page .admin-tab-content > .flex { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
    body.account-admin-light #admin-page .glass-effect { overflow-x: auto; }
}