/* KENJAC SOIMS Design System — canonical visual layer, August 2026 */
:root{
 --soims-blue:#1958A2;--soims-blue-700:#123F75;--soims-blue-900:#082D56;
 --soims-gold:#F2B31B;--soims-gold-700:#8A5A00;--soims-ink:#172033;--soims-copy:#46627E;
 --soims-muted:#667A90;--soims-line:#D7E4F1;--soims-surface:#FFFFFF;--soims-surface-soft:#F7FBFF;
 --soims-bg:#EEF6FD;--soims-danger:#B42318;--soims-success:#067647;--soims-warning:#9A6700;
 --soims-radius:18px;--soims-shadow:0 14px 40px rgba(18,63,117,.08);--soims-shadow-lg:0 30px 80px rgba(18,63,117,.15);
 --soims-font-ui:Outfit,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--soims-font-display:"Playfair Display",Georgia,serif;--soims-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace
}
*{box-sizing:border-box}html{background:var(--soims-bg)}body{font-family:var(--soims-font-ui)!important;background:radial-gradient(circle at 8% -5%,rgba(242,179,27,.10),transparent 24%),radial-gradient(circle at 100% 8%,rgba(25,88,162,.10),transparent 28%),linear-gradient(145deg,#FBFDFF 0%,#F1F7FC 56%,#EAF4FB 100%)!important;color:var(--soims-ink)!important;letter-spacing:-.005em}
.font-brand,.soims-display,.soims-title{font-family:var(--soims-font-display)!important}.font-brand{letter-spacing:-.025em}h1,h2,h3,h4,h5,h6{font-family:var(--soims-font-ui)!important;letter-spacing:-.024em}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#9ABDDD transparent}.custom-scrollbar::-webkit-scrollbar{width:7px;height:7px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9ABDDD;border-radius:999px}
.glass-panel,.glass,.glass-card,.glass-modal,.analysis-card,.recon-soft-card,.recon-modal-panel{background:rgba(255,255,255,.97)!important;border:1px solid var(--soims-line)!important;box-shadow:var(--soims-shadow)!important;backdrop-filter:none!important}
.soims-panel{background:rgba(255,255,255,.96);border:1px solid var(--soims-line);border-radius:var(--soims-radius);box-shadow:var(--soims-shadow);overflow:hidden}
.soims-page-header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--soims-line);backdrop-filter:blur(12px)}
.soims-kicker,.aims-kicker{font:800 10px/1.2 var(--soims-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--soims-blue)}
.aims-top-accent{height:3px;background:linear-gradient(90deg,var(--soims-blue) 0 78%,var(--soims-gold) 78%)}
.aims-btn-primary,.soims-btn-primary{background:var(--soims-blue)!important;color:#fff!important;border:1px solid var(--soims-blue)!important;border-radius:11px;padding:.65rem 1rem;font-weight:800;box-shadow:0 7px 16px rgba(25,88,162,.15)}.aims-btn-primary:hover,.soims-btn-primary:hover{background:var(--soims-blue-700)!important;transform:translateY(-1px)}
input,select,textarea{background:#fff!important;color:var(--soims-ink)!important;border-color:#C9DBEB!important;border-radius:11px!important}input:focus,select:focus,textarea:focus{outline:0!important;border-color:var(--soims-blue)!important;box-shadow:0 0 0 3px rgba(25,88,162,.12)!important}input::placeholder,textarea::placeholder{color:#8296A9!important;opacity:1}
table{border-collapse:separate;border-spacing:0}thead{background:#F4F9FE!important}th{color:#46627E!important;font-size:.69rem!important;letter-spacing:.08em;text-transform:uppercase}tbody tr{background:#fff}tbody tr:hover{background:#F8FBFF!important}td,th{border-color:#DCE8F3!important}
.soims-notice{display:flex;gap:.7rem;align-items:flex-start;border-radius:14px;padding:13px 15px;border:1px solid var(--soims-line);background:#fff;margin:0 0 16px}.soims-notice strong{font-weight:900}.soims-notice span{font-size:12px;color:var(--soims-copy)}.soims-notice-warning{background:#FFFBEB;border-color:#FDE68A}.soims-access-note{padding:16px;border:1px dashed #B9CCE0;border-radius:14px;background:#F8FBFF}.soims-access-note strong{color:var(--soims-blue)}.soims-access-note p{margin:.25rem 0 0;color:var(--soims-copy);font-size:12px}
/* Canonical sidebar */
#sidebar{background:linear-gradient(180deg,#FFFFFF 0%,#F6FAFE 100%)!important;border-right:1px solid #D7E4F1!important;box-shadow:8px 0 30px rgba(18,63,117,.06)}#sidebar .sidebar-label{color:#1958A2!important}#sidebar nav a{border-radius:10px!important}#sidebar nav a:hover{transform:translateX(2px)}#sidebar nav a.bg-\[\#1958A2\]{box-shadow:0 8px 20px rgba(25,88,162,.18)!important}
/* Legacy Tailwind dark surfaces are translated once here. This compatibility section replaces the former three-theme cascade. */
[class*="bg-[#020617]"],[class*="bg-[#0f172a]"],.bg-slate-950,.bg-slate-900,.bg-slate-900\/80,.bg-slate-900\/60,.bg-slate-900\/50,.bg-gray-950,.bg-gray-900,.bg-zinc-950,.bg-zinc-900,.bg-neutral-950,.bg-neutral-900{background-color:#F8FBFF!important;color:var(--soims-ink)!important}
.bg-slate-800,.bg-slate-700,.bg-slate-600,.bg-gray-800,.bg-gray-700,.bg-zinc-800,.bg-zinc-700,.bg-neutral-800,.bg-neutral-700{background-color:#EAF3FB!important;color:var(--soims-ink)!important}
.bg-black\/80,.bg-black\/70,.bg-black\/60,.bg-black\/50,.bg-black\/40{background-color:rgba(8,45,86,.18)!important}.bg-white\/5,.bg-white\/10{background-color:rgba(255,255,255,.9)!important}
.border-white\/5,.border-white\/10,.border-slate-800,.border-slate-700,.border-slate-600,.border-gray-800,.border-gray-700,.border-zinc-800,.border-zinc-700,.border-neutral-800,.border-neutral-700{border-color:#D7E4F1!important}
.text-white,.text-slate-50,.text-slate-100,.text-slate-200,.text-slate-300{color:var(--soims-ink)!important}.text-slate-400,.text-slate-500,.text-slate-600,.text-slate-700,.text-slate-800,.text-slate-900{color:var(--soims-copy)!important}.text-amber-300,.text-amber-400,.text-amber-500{color:var(--soims-gold-700)!important}.text-blue-300,.text-blue-400,.text-blue-500,.text-teal-400{color:var(--soims-blue)!important}.text-emerald-300,.text-emerald-400,.text-emerald-500{color:var(--soims-success)!important}.text-red-300,.text-red-400,.text-red-500{color:var(--soims-danger)!important}
[class*="bg-blue-"][class*="text-white"],[class*="bg-indigo-"][class*="text-white"],[class*="bg-emerald-"][class*="text-white"],[class*="bg-green-"][class*="text-white"],[class*="bg-teal-"][class*="text-white"],[class*="bg-purple-"][class*="text-white"],[class*="bg-rose-"][class*="text-white"],[class*="bg-red-"][class*="text-white"],[class*="bg-amber-"][class*="text-white"],[class*="bg-orange-"][class*="text-white"],.bg-\[\#1958A2\].text-white,.bg-\[\#123F75\].text-white,.bg-\[\#E8961C\].text-white,.bg-\[\#D42B4F\].text-white{color:#fff!important}
.bg-teal-600,.bg-indigo-600{background-color:var(--soims-blue)!important}.bg-amber-600{background-color:var(--soims-gold)!important}.hover\:bg-teal-500:hover,.hover\:bg-indigo-500:hover{background-color:var(--soims-blue-700)!important}.hover\:bg-slate-900:hover,.hover\:bg-slate-800:hover,.hover\:bg-slate-700:hover{background:#DFEDF9!important}
.shadow-2xl,.shadow-xl{box-shadow:var(--soims-shadow)!important}main.bg-slate-900,main.bg-slate-950,main.bg-slate-50{background:transparent!important}
@media(max-width:900px){#sidebar{box-shadow:none}.soims-page-header{padding-left:1rem!important;padding-right:1rem!important}}

/* Sidebar mechanics migrated from the former inline shell layer */
/* One-sidebar layout guard: imported Node pages must not reserve a second 16rem gutter. */
    #sidebar + main,
    #sidebar ~ main,
    .no-print:has(> #sidebar) + main {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
    }
    /* Workspace palette for legacy/imported panel names. */
    .glass,
    .glass-card,
    .glass-panel,
    .glass-modal,
    .recon-soft-card,
    .recon-modal-panel,
    .analysis-card,
    .annual-toolbar,
    .annual-studio,
    .toolbar,
    .tabs {
        background: rgba(248,251,255,.96) !important;
        border-color: #BCD3EB !important;
        color: #172033 !important;
        box-shadow: 0 10px 28px rgba(25,88,162,.08) !important;
    }
    body [class*="bg-slate-9"],
    body [class*="bg-slate-8"],
    body [class*="bg-gray-9"],
    body [class*="bg-gray-8"],
    body [class*="bg-[#020617]"],
    body [class*="bg-[#0f172a]"],
    body [class*="bg-[#0B1120]"] {
        background-color: #F8FBFF !important;
        border-color: #BCD3EB !important;
        color: #172033 !important;
    }
    .grid-row:nth-child(even),
    .row:nth-child(even) {
        background: #EEF7FF !important;
    }
    #sidebar .workspace-sidebar-section-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .625rem;
        padding: .625rem .75rem;
        border: 1px solid #BCD3EB;
        border-radius: .625rem;
        background: rgba(255,255,255,.48);
        color: #2B4661;
        transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    }
    #sidebar .workspace-sidebar-section-toggle:hover,
    #sidebar .workspace-sidebar-section[data-open="true"] > .workspace-sidebar-section-toggle {
        background: rgba(255,255,255,.84);
        border-color: #F2B31B;
        color: #1958A2;
    }
    #sidebar .workspace-section-chevron {
        color: #1958A2;
        transition: transform .2s ease;
    }
    #sidebar .workspace-sidebar-section[data-open="true"] .workspace-section-chevron {
        transform: rotate(180deg);
    }
    #sidebar .workspace-section-panel {
        margin-top: .375rem;
    }
    #sidebar .workspace-section-panel.hidden {
        display: none;
    }
    #sidebar .workspace-subnav-link {
        display: flex;
        align-items: center;
        gap: .5rem;
        min-height: 1.9rem;
        padding: .375rem .75rem .375rem 2.5rem;
        border-left: 2px solid transparent;
        border-radius: .5rem;
        font-size: 11px;
        transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    }
    #sidebar .workspace-subnav-link i {
        width: .75rem;
        text-align: center;
        font-size: 10px;
    }
    #sidebar .workspace-subnav-link.bg-\[\#1958A2\] {
        background-color: #1958A2 !important;
        border-left-color: #F2B31B !important;
        color: #ffffff !important;
    }
    #sidebar.w-16 .workspace-section-panel,
    #sidebar.w-16 .workspace-section-chevron {
        display: none !important;
    }
    /* Retire the former multicolour palette on shared SOIMS workspace pages. */
    [class*="bg-[#FDFAF6]"],
    [class*="bg-[#F6F0E8]"] {
        background-color: #EAF4FF !important;
    }
    [class*="border-[#E8D8BE]"] {
        border-color: #BCD3EB !important;
    }
    [class*="text-[#1A1008]"] {
        color: #172033 !important;
    }
    [class*="text-[#7A6A5A]"] {
        color: #46627E !important;
    }
    [class~="text-[#7339AF]"],
    [class~="text-[#2655C8]"] {
        color: #1958A2 !important;
    }
    [class~="bg-[#7339AF]"],
    [class~="bg-[#2655C8]"] {
        background-color: #1958A2 !important;
    }
    [class~="text-[#E8961C]"] {
        color: #B87900 !important;
    }
    [class~="bg-[#E8961C]"] {
        background-color: #F2B31B !important;
        color: #172033 !important;
    }
.soims-inline-input{min-width:95px;max-width:120px;border:1px solid var(--so-line);border-radius:8px;padding:6px 8px;background:#fff;color:var(--so-ink);font-size:10px}.soims-mini-btn{border:1px solid var(--so-line);border-radius:8px;padding:6px 8px;background:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.soims-mini-btn.success{color:#14714c;border-color:#b8ddce;background:#effaf5}.soims-mini-btn.danger{color:#a53d3d;border-color:#efcaca;background:#fff5f5}
.soims-integration-note{margin:10px 18px 0;padding:12px 14px;border:1px solid var(--soims-line,#cfe0ef);background:#f8fbff;border-radius:14px;color:var(--soims-muted,#526b84);font-size:12px;line-height:1.55}.soims-integration-note strong{color:var(--soims-ink,#172033)}


/* Contrast safety pass — exact token matching prevents translucent brand chips
   from being promoted to solid backgrounds with same-colour text. */
[class~="bg-[#2655C8]/5"]{background-color:rgba(25,88,162,.05)!important}
[class~="bg-[#2655C8]/10"]{background-color:rgba(25,88,162,.10)!important}
[class~="bg-[#7339AF]/5"]{background-color:rgba(115,57,175,.05)!important}
[class~="bg-[#7339AF]/10"]{background-color:rgba(115,57,175,.10)!important}
[class~="bg-[#059669]/5"]{background-color:rgba(5,150,105,.05)!important}
[class~="bg-[#059669]/10"]{background-color:rgba(5,150,105,.10)!important}
[class~="bg-[#D42B4F]/5"]{background-color:rgba(212,43,79,.05)!important}
[class~="bg-[#D42B4F]/10"]{background-color:rgba(212,43,79,.10)!important}
[class~="bg-[#E8961C]/5"]{background-color:rgba(232,150,28,.05)!important}
[class~="bg-[#E8961C]/10"]{background-color:rgba(232,150,28,.10)!important}
[class~="bg-[#14B8A6]/10"]{background-color:rgba(20,184,166,.10)!important}
[class~="bg-[#14B8A6]/15"]{background-color:rgba(20,184,166,.15)!important}

/* Solid brand surfaces keep readable foregrounds even though the legacy
   compatibility layer maps .text-white to dark text on converted light panels. */
[class~="bg-[#1958A2]"],[class~="bg-[#123F75]"],[class~="bg-[#2655C8]"],[class~="bg-[#7339AF]"],[class~="bg-[#059669]"],[class~="bg-[#047857]"],[class~="bg-[#D42B4F]"],[class~="bg-[#1A1008]"],[class~="bg-[#0B1120]"],[class~="bg-[#020617]"],[class~="bg-[#0f172a]"]{color:#fff!important}
[class~="bg-[#1958A2]"] .text-white,[class~="bg-[#123F75]"] .text-white,[class~="bg-[#2655C8]"] .text-white,[class~="bg-[#7339AF]"] .text-white,[class~="bg-[#059669]"] .text-white,[class~="bg-[#047857]"] .text-white,[class~="bg-[#D42B4F]"] .text-white,[class~="bg-[#1A1008]"] .text-white{color:#fff!important}
[class~="bg-[#1958A2]"].text-white,[class~="bg-[#123F75]"].text-white,[class~="bg-[#2655C8]"].text-white,[class~="bg-[#7339AF]"].text-white,[class~="bg-[#059669]"].text-white,[class~="bg-[#047857]"].text-white,[class~="bg-[#D42B4F]"].text-white,[class~="bg-[#1A1008]"].text-white{color:#fff!important}

/* Standard Tailwind solid action surfaces. */
.bg-blue-600.text-white,.bg-blue-700.text-white,.bg-indigo-600.text-white,.bg-purple-600.text-white,.bg-emerald-600.text-white,.bg-emerald-700.text-white,.bg-green-600.text-white,.bg-red-600.text-white,.bg-pink-600.text-white{color:#fff!important}

/* White cards and fields should never inherit low-contrast white foregrounds
   from old dark-mode page markup. */
.bg-white.text-white,.bg-white\/90.text-white,.bg-white\/95.text-white,.bg-white\/5.text-white,.bg-white\/10.text-white{color:var(--soims-ink)!important}

/* Accessible minimum contrast for common muted copy and disabled-looking text. */
.text-slate-400,.text-gray-400,.text-zinc-400,.text-neutral-400{color:#60768C!important}
.text-slate-500,.text-gray-500,.text-zinc-500,.text-neutral-500{color:#526B84!important}

/* Shared page headings must inherit a deliberate foreground instead of an old
   hard-coded dark-mode colour. */
main h1,main h2,main h3{color:inherit}


/* === 2026-08-20 comprehensive contrast audit =================================
   Tailwind arbitrary-opacity classes contain the base hex in their class name.
   Older broad compatibility selectors therefore promoted translucent chips to
   solid brand blocks while leaving foreground text in the same brand colour.
   Exact opacity selectors below win and preserve legibility everywhere. */
[class~="bg-[#2655C8]/5"]{background-color:rgba(38,85,200,.05)!important}
[class~="bg-[#2655C8]/10"]{background-color:rgba(38,85,200,.10)!important}
[class~="bg-[#2655C8]/15"]{background-color:rgba(38,85,200,.15)!important}
[class~="bg-[#2655C8]/20"]{background-color:rgba(38,85,200,.20)!important}
[class~="bg-[#7339AF]/5"]{background-color:rgba(115,57,175,.05)!important}
[class~="bg-[#7339AF]/10"]{background-color:rgba(115,57,175,.10)!important}
[class~="bg-[#7339AF]/15"]{background-color:rgba(115,57,175,.15)!important}
[class~="bg-[#7339AF]/20"]{background-color:rgba(115,57,175,.20)!important}
[class~="bg-[#059669]/5"]{background-color:rgba(5,150,105,.05)!important}
[class~="bg-[#059669]/10"]{background-color:rgba(5,150,105,.10)!important}
[class~="bg-[#059669]/15"]{background-color:rgba(5,150,105,.15)!important}
[class~="bg-[#059669]/20"]{background-color:rgba(5,150,105,.20)!important}
[class~="bg-[#D42B4F]/5"]{background-color:rgba(212,43,79,.05)!important}
[class~="bg-[#D42B4F]/10"]{background-color:rgba(212,43,79,.10)!important}
[class~="bg-[#D42B4F]/15"]{background-color:rgba(212,43,79,.15)!important}
[class~="bg-[#D42B4F]/20"]{background-color:rgba(212,43,79,.20)!important}
[class~="bg-[#E8961C]/5"]{background-color:rgba(232,150,28,.05)!important}
[class~="bg-[#E8961C]/10"]{background-color:rgba(232,150,28,.10)!important}
[class~="bg-[#E8961C]/15"]{background-color:rgba(232,150,28,.15)!important}
[class~="bg-[#E8961C]/20"]{background-color:rgba(232,150,28,.20)!important}
[class~="bg-[#14B8A6]/5"]{background-color:rgba(20,184,166,.05)!important}
[class~="bg-[#14B8A6]/10"]{background-color:rgba(20,184,166,.10)!important}
[class~="bg-[#14B8A6]/15"]{background-color:rgba(20,184,166,.15)!important}
[class~="bg-[#14B8A6]/20"]{background-color:rgba(20,184,166,.20)!important}

/* Solid action surfaces must keep a high-contrast foreground even though the
   legacy light-theme translator remaps generic .text-white elsewhere. */
[class~="bg-[#1958A2]"].text-white,
[class~="bg-[#123F75]"].text-white,
[class~="bg-[#2655C8]"].text-white,
[class~="bg-[#7339AF]"].text-white,
[class~="bg-[#059669]"].text-white,
[class~="bg-[#047857]"].text-white,
[class~="bg-[#D42B4F]"].text-white,
[class~="bg-[#1A1008]"].text-white,
[class~="bg-[#1e40af]"].text-white,
[class~="bg-[#5b21b6]"].text-white,
[class~="bg-[#991b1b]"].text-white,
[class~="bg-[#1d459f]"].text-white,
[class~="bg-[#b62545]"].text-white,
[class~="bg-[#0d9488]"].text-white,
.bg-blue-600.text-white,.bg-blue-700.text-white,.bg-indigo-600.text-white,
.bg-indigo-700.text-white,.bg-purple-600.text-white,.bg-purple-700.text-white,
.bg-emerald-600.text-white,.bg-emerald-700.text-white,.bg-green-600.text-white,
.bg-green-700.text-white,.bg-red-600.text-white,.bg-red-700.text-white,
.bg-pink-600.text-white,.bg-slate-950.text-white,.bg-slate-900.text-white,
.bg-slate-800.text-white,.bg-slate-700.text-white{color:#fff!important}

/* Gold/amber is a light action surface and uses dark ink. */
[class~="bg-[#E8961C]"].text-white,.bg-amber-500.text-white,.bg-amber-600.text-white{color:#172033!important}

/* === Resident-portal theme shared across SOIMS · September 2026 ============
   This final layer intentionally mirrors the resident portal's warm canvas,
   typography, card language and amber/blue/violet accents. */
:root{
 --soims-blue:#2655C8;--soims-blue-700:#1F46A9;--soims-blue-900:#172A4A;
 --soims-gold:#E8961C;--soims-gold-700:#B5720D;--soims-ink:#1A1008;--soims-copy:#6F6256;
 --soims-muted:#7A6A5A;--soims-line:#E8D8BE;--soims-surface:#FFFFFF;--soims-surface-soft:#F6F0E8;
 --soims-bg:#FDFAF6;--soims-danger:#D42B4F;--soims-success:#059669;--soims-warning:#B5720D;
 --soims-radius:20px;--soims-shadow:0 14px 42px rgba(84,53,22,.07);--soims-shadow-lg:0 28px 75px rgba(23,19,31,.18);
 --soims-font-ui:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --soims-font-display:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif
}
html,body{background:#FDFAF6!important;color:#1A1008!important}
body{background:radial-gradient(circle at 8% 0,rgba(232,150,28,.14),transparent 28rem),radial-gradient(circle at 100% 12%,rgba(38,85,200,.08),transparent 34rem),#FDFAF6!important}
main,.main-content,.board-container,main.bg-slate-50,main.bg-slate-900,main.bg-slate-950{background:transparent!important;color:#1A1008!important}
h1,h2,h3,h4,h5,h6,.font-brand,.soims-title,.soims-display{font-family:var(--soims-font-display)!important;color:#1A1008!important}
.soims-kicker,.aims-kicker{color:#B5720D!important;-webkit-text-fill-color:#B5720D!important;background:none!important}
.brand-line,.aims-top-accent{background:linear-gradient(90deg,#E8961C,#2655C8,#7339AF)!important}
.soims-page-header{background:rgba(253,250,246,.91)!important;border-color:#E8D8BE!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.soims-panel,.glass-panel,.glass,.glass-card,.glass-modal,.analysis-card,.recon-soft-card,.recon-modal-panel,
.coa-card,.toolbar,.tabs,.annual-toolbar,.annual-studio,.cell,.report-card,.metric,.soims-form-section,.soims-table-shell{
 background:rgba(255,255,255,.96)!important;border-color:#E8D8BE!important;color:#1A1008!important;border-radius:20px!important;box-shadow:var(--soims-shadow)!important
}
.soims-hero,.soims-finance-banner{background:linear-gradient(130deg,#fff 0%,#fff7ea 56%,#eef3ff 100%)!important;border-color:#E8D8BE!important;color:#1A1008!important;border-radius:26px!important;box-shadow:var(--soims-shadow)!important}
.soims-hero h1,.soims-finance-banner h1,.soims-hero p,.soims-finance-banner p{color:#1A1008!important}
.soims-stat,.soims-action,.soims-control-card{background:#fff!important;border-color:#E8D8BE!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(84,53,22,.05)!important}
.soims-action:hover,.soims-control-card:hover,.cell:hover{background:#FFF8ED!important;border-color:rgba(232,150,28,.42)!important;transform:translateY(-1px)!important}
.soims-action>i,.soims-form-heading>span{background:#FFF5E6!important;color:#B5720D!important}
input,select,textarea{background:#FFFDF9!important;color:#1A1008!important;border-color:#E8D8BE!important;border-radius:13px!important}
input:focus,select:focus,textarea:focus{border-color:#2655C8!important;box-shadow:0 0 0 3px rgba(38,85,200,.10)!important}
input::placeholder,textarea::placeholder{color:#9A8D80!important}
thead,.bg-\[\#F7FBFF\]{background:#F6F0E8!important}th{color:#7A6A5A!important}td,th,table,thead,tbody,tr{border-color:#E8D8BE!important}tbody tr:hover{background:#FFF8ED!important}
.soims-btn,.soims-btn-primary,.aims-btn-primary,.soims-button,.submit,
button.bg-\[\#1958A2\],a.bg-\[\#1958A2\],button.bg-\[\#2655C8\],a.bg-\[\#2655C8\],
.bg-blue-600.text-white,.bg-blue-700.text-white,.bg-indigo-600.text-white{
 background:#2655C8!important;border-color:#2655C8!important;color:#fff!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(38,85,200,.14)!important
}
.soims-btn:hover,.soims-btn-primary:hover,.aims-btn-primary:hover,.soims-button:hover,.submit:hover{background:#1F46A9!important;border-color:#1F46A9!important;color:#fff!important}
.soims-btn.ghost,.soims-btn.secondary,.soims-button.secondary{background:#fff!important;color:#2655C8!important;border-color:#E8D8BE!important;box-shadow:none!important}
.soims-btn.ghost:hover,.soims-btn.secondary:hover,.soims-button.secondary:hover{background:#EEF3FF!important;border-color:rgba(38,85,200,.3)!important}
.text-slate-400,.text-gray-400,.text-slate-500,.text-gray-500,.text-slate-600,.text-gray-600{color:#7A6A5A!important}

/* The staff sidebar follows the resident portal on desktop and becomes its
   dark, fully scrollable off-canvas treatment on smaller screens. */
#sidebar{height:100vh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(253,250,246,.99))!important;border-right:1px solid #E8D8BE!important;color:#1A1008!important;box-shadow:10px 0 42px rgba(84,53,22,.06)!important}
#sidebar:not(.w-16){width:288px!important}
#sidebar:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#E8961C,#2655C8,#7339AF);z-index:2}
#sidebar>.h-14,#sidebar>.p-3.border-t{background:rgba(255,255,255,.72)!important;border-color:#E8D8BE!important}
#sidebar h1,#sidebar h2,#sidebar p,#sidebar span,#sidebar small,#sidebar a,#sidebar button,#sidebar i,#sidebar .sidebar-text{color:#1A1008!important}
#sidebar .sidebar-label{color:#7A6A5A!important}
#sidebar>nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-color:#D6B98D transparent;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))!important}
#sidebar nav a,#sidebar .workspace-subnav-link{color:#7A6A5A!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important}
#sidebar nav a:hover,#sidebar .workspace-subnav-link:hover{background:#EEF3FF!important;border-color:rgba(38,85,200,.14)!important;color:#2655C8!important;transform:translateX(2px)!important}
#sidebar nav a.bg-\[\#1958A2\],#sidebar .workspace-subnav-link.bg-\[\#1958A2\],#sidebar nav a.text-white,#sidebar .workspace-subnav-link.text-white{
 background:linear-gradient(90deg,rgba(232,150,28,.17),rgba(232,150,28,.07))!important;border-color:rgba(232,150,28,.30)!important;color:#B5720D!important;box-shadow:none!important
}
#sidebar nav a.bg-\[\#1958A2\] i,#sidebar .workspace-subnav-link.bg-\[\#1958A2\] i{color:#B5720D!important}
#sidebar .workspace-sidebar-section-toggle{background:#FFFDF9!important;border-color:#E8D8BE!important;color:#7A6A5A!important}
#sidebar .workspace-sidebar-section-toggle:hover,#sidebar .workspace-sidebar-section[data-open="true"]>.workspace-sidebar-section-toggle{background:#FFF5E6!important;border-color:rgba(232,150,28,.38)!important;color:#B5720D!important}
#sidebar .workspace-section-panel{border-color:#E8D8BE!important}
.soims-mobile-trigger{background:#2655C8!important;color:#fff!important;border-color:#2655C8!important;border-radius:13px!important;box-shadow:0 12px 30px rgba(38,85,200,.22)!important}
.soims-mobile-backdrop{background:rgba(23,19,31,.55)!important;backdrop-filter:blur(4px)}

@media(max-width:1023px){
 body{min-width:0;overflow-x:hidden!important}
 #sidebar,#sidebar:not(.w-16){position:fixed!important;inset:0 auto 0 0!important;width:min(310px,88vw)!important;max-width:88vw!important;height:100dvh!important;max-height:100dvh!important;background:linear-gradient(180deg,#fff,#FDFAF6)!important;border-right:1px solid #E8D8BE!important;box-shadow:20px 0 55px rgba(84,53,22,.18)!important;padding-bottom:env(safe-area-inset-bottom)}
 #sidebar>.h-14,#sidebar>.p-3.border-t{background:rgba(255,255,255,.92)!important;border-color:#E8D8BE!important}
 #sidebar h1,#sidebar h2,#sidebar p,#sidebar span,#sidebar small,#sidebar a,#sidebar button,#sidebar i,#sidebar .sidebar-text{color:#1A1008!important}
 #sidebar .sidebar-label{color:#7A6A5A!important}
 #sidebar nav a,#sidebar .workspace-subnav-link{color:#7A6A5A!important}
 #sidebar nav a:hover,#sidebar .workspace-subnav-link:hover{background:#EEF3FF!important;border-color:rgba(38,85,200,.14)!important;color:#2655C8!important}
 #sidebar nav a.bg-\[\#1958A2\],#sidebar .workspace-subnav-link.bg-\[\#1958A2\],#sidebar nav a.text-white,#sidebar .workspace-subnav-link.text-white{background:#FFF5E6!important;border-color:rgba(232,150,28,.30)!important;color:#B5720D!important}
 #sidebar .workspace-sidebar-section-toggle{background:#FFFDF9!important;border-color:#E8D8BE!important;color:#7A6A5A!important}
 #sidebar .workspace-sidebar-section-toggle:hover,#sidebar .workspace-sidebar-section[data-open="true"]>.workspace-sidebar-section-toggle{background:#FFF5E6!important;border-color:rgba(232,150,28,.32)!important;color:#B5720D!important}
 #sidebar [onclick="toggleSidebar()"]{display:none!important}
 #sidebar>nav{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))!important}
 #sidebar~main,#sidebar+main{width:100%!important;max-width:100vw!important;min-width:0!important;margin:0!important;padding-top:max(4.5rem,calc(3.5rem + env(safe-area-inset-top)))!important;overflow-x:hidden!important}
 .soims-page,.soims-page-wrap{width:100%;max-width:100%;padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:700px){
 .soims-page-header{padding:18px 14px!important}.soims-page-header h1{font-size:1.55rem!important;line-height:1.15!important}
 .soims-panel,.glass-panel,.glass,.glass-card,.soims-form-section{border-radius:16px!important}
 .soims-panel-head{padding:14px!important}.soims-form-section{padding:16px!important}
 main .grid{min-width:0}main img,main iframe,main video{max-width:100%}
 main td,main th{overflow-wrap:anywhere}
 .soims-actions{display:grid!important;grid-template-columns:1fr!important}.soims-actions>*{width:100%!important}
}

/* Authoritative responsive navigation. The resident portal's light rail is the
   shared SOIMS navigation at every viewport, with an independently scrollable
   menu and fixed account controls. */
#sidebar:not(.w-16){width:288px!important}
.soims-mobile-trigger{background:#2655C8!important;border-color:#2655C8!important;color:#fff!important;box-shadow:0 12px 30px rgba(38,85,200,.22)!important}
@media(max-width:1023px){
 #sidebar,#sidebar:not(.w-16){width:min(310px,88vw)!important;max-width:88vw!important;background:linear-gradient(180deg,#fff 0%,#FDFAF6 100%)!important;border-color:#E8D8BE!important;color:#1A1008!important;box-shadow:20px 0 55px rgba(84,53,22,.18)!important}
 #sidebar>.h-14,#sidebar>.p-3.border-t{background:rgba(255,255,255,.94)!important;border-color:#E8D8BE!important}
 #sidebar h1,#sidebar h2,#sidebar p,#sidebar span,#sidebar small,#sidebar a,#sidebar button,#sidebar i,#sidebar .sidebar-text{color:#1A1008!important}
 #sidebar .sidebar-label{color:#7A6A5A!important}
 #sidebar nav a,#sidebar .workspace-subnav-link{color:#7A6A5A!important;background:transparent!important;border-color:transparent!important}
 #sidebar nav a:hover,#sidebar .workspace-subnav-link:hover{background:#EEF3FF!important;border-color:rgba(38,85,200,.14)!important;color:#2655C8!important}
 #sidebar nav a.bg-\[\#1958A2\],#sidebar .workspace-subnav-link.bg-\[\#1958A2\],#sidebar nav a.text-white,#sidebar .workspace-subnav-link.text-white{background:#FFF5E6!important;border-color:rgba(232,150,28,.30)!important;color:#B5720D!important}
 #sidebar .workspace-sidebar-section-toggle{background:#FFFDF9!important;border-color:#E8D8BE!important;color:#7A6A5A!important}
 #sidebar .workspace-sidebar-section-toggle:hover,#sidebar .workspace-sidebar-section[data-open="true"]>.workspace-sidebar-section-toggle{background:#FFF5E6!important;border-color:rgba(232,150,28,.32)!important;color:#B5720D!important}
}

/* Translucent badges sit on light panels: never leave white copy on them. */
.bg-blue-600\/10.text-white,.bg-blue-600\/20.text-white,
.bg-indigo-600\/10.text-white,.bg-indigo-600\/20.text-white,
.bg-purple-600\/10.text-white,.bg-purple-600\/20.text-white,
.bg-emerald-600\/10.text-white,.bg-emerald-600\/20.text-white,
.bg-green-600\/10.text-white,.bg-green-600\/20.text-white,
.bg-red-600\/10.text-white,.bg-red-600\/20.text-white,
.bg-pink-600\/10.text-white,.bg-pink-600\/20.text-white,
[class~="bg-[#2655C8]/10"].text-white,[class~="bg-[#2655C8]/20"].text-white,
[class~="bg-[#7339AF]/10"].text-white,[class~="bg-[#7339AF]/20"].text-white,
[class~="bg-[#059669]/10"].text-white,[class~="bg-[#059669]/20"].text-white,
[class~="bg-[#D42B4F]/10"].text-white,[class~="bg-[#D42B4F]/20"].text-white{color:#17324E!important}

/* Utility text that was visually present but too faint on white/ice panels. */
.text-slate-400{color:#61758A!important}.text-slate-500{color:#526A82!important}
.placeholder\\:text-slate-400::placeholder{color:#708399!important;opacity:1}

/* Converted legacy dark panels stay light, so their old white copy must remain ink. */
[class~="bg-[#020617]"],[class~="bg-[#0f172a]"],.bg-slate-950,.bg-slate-900,.bg-slate-800,.bg-slate-700{color:var(--soims-ink)!important}
[class~="bg-[#020617]"].text-white,[class~="bg-[#0f172a]"].text-white,.bg-slate-950.text-white,.bg-slate-900.text-white,.bg-slate-800.text-white,.bg-slate-700.text-white{color:var(--soims-ink)!important}
[class~="bg-[#020617]"] .text-white,[class~="bg-[#0f172a]"] .text-white,.bg-slate-950 .text-white,.bg-slate-900 .text-white,.bg-slate-800 .text-white,.bg-slate-700 .text-white{color:var(--soims-ink)!important}

/* Remaining legacy utility colours from dark-mode pages are normalized for the
   light SOIMS canvas. This prevents bright 300/400 text from washing out. */
.text-green-300,.text-green-400,.text-green-500{color:#14714C!important}
.text-purple-300,.text-purple-400,.text-purple-500{color:#6B35A7!important}
.text-indigo-300,.text-indigo-400,.text-indigo-500{color:#3949A0!important}
.text-pink-300,.text-pink-400,.text-pink-500,.text-rose-300,.text-rose-400,.text-rose-500{color:#A32452!important}
.text-orange-300,.text-orange-400,.text-orange-500,.text-yellow-300,.text-yellow-400,.text-yellow-500{color:#8A5B00!important}
.text-cyan-300,.text-cyan-400,.text-cyan-500,.text-sky-300,.text-sky-400,.text-sky-500{color:#126A83!important}

/* Complete the old slate-panel translation, including opacity values that were
   not covered by the first theme pass. */
.bg-slate-600,.bg-slate-600\/20,.bg-slate-600\/60,
.bg-slate-700\/60,
.bg-slate-800\/30,.bg-slate-800\/35,.bg-slate-800\/40,.bg-slate-800\/50,.bg-slate-800\/60,.bg-slate-800\/90,
.bg-slate-900\/30,.bg-slate-900\/40,.bg-slate-900\/90,
.bg-slate-950\/60,.bg-slate-950\/70,.bg-slate-950\/80{background-color:#F2F7FC!important;color:var(--soims-ink)!important}
.bg-slate-600.text-white,.bg-slate-600\/20.text-white,.bg-slate-600\/60.text-white,
.bg-slate-700\/60.text-white,
.bg-slate-800\/30.text-white,.bg-slate-800\/35.text-white,.bg-slate-800\/40.text-white,.bg-slate-800\/50.text-white,.bg-slate-800\/60.text-white,.bg-slate-800\/90.text-white,
.bg-slate-900\/30.text-white,.bg-slate-900\/40.text-white,.bg-slate-900\/90.text-white,
.bg-slate-950\/60.text-white,.bg-slate-950\/70.text-white,.bg-slate-950\/80.text-white{color:var(--soims-ink)!important}
.hover\:bg-slate-600:hover,.hover\:bg-slate-500:hover{background:#DFEDF9!important;color:var(--soims-ink)!important}
.bg-rexius-teal.text-white{color:#fff!important}

/* === Canonical SOIMS components ============================================
   These components replace page-local shell/theme fragments. They are used by
   the dashboard, HR personnel forms and the shared responsive navigation. */
.soims-page{width:min(1480px,100%);margin:0 auto;padding:clamp(18px,2.4vw,36px)}
.soims-hero{position:relative;overflow:hidden;padding:clamp(28px,3.4vw,50px);border:1px solid #D5E5F3;border-radius:26px;background:radial-gradient(circle at 88% 16%,rgba(242,179,27,.18),transparent 24%),linear-gradient(125deg,#FFFFFF 0%,#F5FAFF 62%,#FFF9E7 100%);box-shadow:0 24px 64px rgba(18,63,117,.11)}
.soims-hero::after{content:"";position:absolute;right:-74px;top:-124px;width:300px;height:300px;border-radius:999px;border:42px solid rgba(25,88,162,.055);background:rgba(255,255,255,.22);pointer-events:none}
.soims-title{position:relative;z-index:1;margin:.5rem 0 .75rem;max-width:940px;color:var(--soims-ink)!important;font-family:var(--soims-font-display)!important;font-size:clamp(2.1rem,4.2vw,4rem);line-height:1.01;font-weight:800;letter-spacing:-.04em}
.soims-lead{position:relative;z-index:1;max-width:880px;margin:0;color:var(--soims-copy);font-size:clamp(.94rem,1.25vw,1.08rem);line-height:1.72}
.soims-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.soims-stat{position:relative;min-width:0;padding:20px;border:1px solid var(--soims-line);border-radius:19px;background:linear-gradient(160deg,#fff,#FBFDFF);box-shadow:0 10px 28px rgba(18,63,117,.065);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.soims-stat:hover{transform:translateY(-2px);border-color:#BDD5E9;box-shadow:0 16px 34px rgba(18,63,117,.09)}
.soims-stat small{display:block;color:var(--soims-blue);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.soims-stat strong{display:block;margin:.42rem 0 .24rem;color:var(--soims-ink);font:800 clamp(1.8rem,2.8vw,2.65rem)/1 var(--soims-font-ui);letter-spacing:-.045em}
.soims-stat span{display:block;color:var(--soims-copy);font-size:.76rem;line-height:1.5}
.soims-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 21px;border-bottom:1px solid var(--soims-line);background:linear-gradient(180deg,#fff,#FBFDFF)}
.soims-panel-head h2{margin:.22rem 0 0;color:var(--soims-ink)!important;font-size:1.15rem;font-weight:800}
.soims-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}
.soims-action{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid var(--soims-line);border-radius:16px;background:linear-gradient(145deg,#FFFFFF,#F5FAFE);color:var(--soims-ink)!important;text-decoration:none;box-shadow:0 5px 16px rgba(18,63,117,.035)}
.soims-action:hover{border-color:#9fc0df;background:#eef7ff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,63,117,.08)}
.soims-action>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#EAF4FD,#DDEDF9);color:var(--soims-blue);box-shadow:inset 0 0 0 1px rgba(25,88,162,.05)}
.soims-action div{min-width:0}.soims-action b{display:block;color:var(--soims-ink);font-size:.82rem}.soims-action span{display:block;margin-top:3px;color:var(--soims-copy);font-size:.7rem;line-height:1.4}
.soims-dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.soims-list{padding:6px 16px 16px}
.soims-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 4px;border-bottom:1px solid #e5eef7;color:var(--soims-ink)!important;text-decoration:none}
.soims-list-item:last-child{border-bottom:0}.soims-list-item:hover{color:var(--soims-blue)!important}.soims-list-item>div{min-width:0}.soims-list-item b{display:block;font-size:.8rem}.soims-list-item span{display:block;margin-top:3px;color:var(--soims-copy);font-size:.69rem;line-height:1.45}.soims-list-item small{flex:0 0 auto;color:#6b7f93;font-size:.64rem;white-space:nowrap}
.soims-empty{padding:18px;border:1px dashed #bed1e3;border-radius:14px;background:#f8fbff;color:var(--soims-copy);font-size:.78rem;line-height:1.55}
.soims-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:10px;border:1px solid var(--soims-blue);background:var(--soims-blue);color:#fff!important;font-size:.69rem;font-weight:900;text-decoration:none;white-space:nowrap}
.soims-btn:hover{background:var(--soims-blue-700);border-color:var(--soims-blue-700)}.soims-btn.ghost{background:#fff;color:var(--soims-blue)!important;border-color:#bed1e3}.soims-btn.ghost:hover{background:#eef7ff;border-color:#91b6d9}
.soims-form-section{padding:clamp(18px,2.5vw,28px);border:1px solid var(--soims-line);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(18,63,117,.055)}
.soims-form-section+.soims-form-section{margin-top:16px}.soims-form-section label{display:block;color:var(--soims-ink);font-size:.72rem;font-weight:800}.soims-form-section label>input:not([type=checkbox]):not([type=radio]),.soims-form-section label>select,.soims-form-section label>textarea{display:block;width:100%;margin-top:7px;font-weight:500}.soims-form-section label>small{display:block;margin-top:5px;color:var(--soims-copy);font-size:.66rem;font-weight:500;line-height:1.45}
.soims-form-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.soims-form-heading>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#eaf4ff;color:var(--soims-blue);font-size:.7rem;font-weight:900}.soims-form-heading h2{margin:0;color:var(--soims-ink)!important;font-size:1.08rem;font-weight:800}.soims-form-heading p{margin:3px 0 0;color:var(--soims-copy);font-size:.72rem;line-height:1.5}
.soims-check,.soims-choice{display:flex!important;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #cbdceb;border-radius:12px;background:#f8fbff;color:var(--soims-ink)!important;cursor:pointer}.soims-choice{align-items:center;width:max-content;max-width:100%;font-size:.72rem!important}.soims-check:hover,.soims-choice:hover{border-color:#91b6d9;background:#eef7ff}.soims-check input,.soims-choice input{flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;accent-color:var(--soims-blue)}.soims-check span{min-width:0}.soims-check strong{display:block;color:var(--soims-ink);font-size:.72rem}.soims-check small{display:block;margin-top:2px;color:var(--soims-copy);font-size:.65rem;line-height:1.4}
.soims-status-pill{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border:1px solid #bfd3e6;border-radius:999px;background:#eef7ff;color:var(--soims-blue);font-size:.63rem;font-weight:900;line-height:1.2}

/* Shared responsive navigation. Desktop remains sticky; mobile becomes a true
   off-canvas panel instead of compressing or covering page content. */
.soims-mobile-trigger{display:none;position:fixed;left:14px;top:14px;z-index:95;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #a9c4dd;border-radius:12px;background:#fff;color:var(--soims-blue);box-shadow:0 10px 28px rgba(18,63,117,.18)}
.soims-mobile-backdrop{display:none;position:fixed;inset:0;z-index:79;background:rgba(8,45,86,.38);backdrop-filter:blur(2px)}
.soims-mobile-backdrop.open{display:block}
@media(max-width:1180px){.soims-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.soims-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){
 body{overflow-x:hidden}.soims-mobile-trigger{display:flex}#sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:90!important;width:min(19rem,88vw)!important;max-width:88vw!important;height:100dvh!important;transform:translateX(-108%);transition:transform .22s ease!important;box-shadow:20px 0 48px rgba(8,45,86,.18)!important}.soims-mobile-trigger~#sidebar.mobile-open,#sidebar.mobile-open{transform:translateX(0)!important}.soims-page{padding:72px 16px 24px}.soims-dashboard-columns{grid-template-columns:1fr}
}
@media(max-width:700px){.soims-grid,.soims-actions{grid-template-columns:1fr}.soims-panel-head{flex-direction:column;align-items:stretch}.soims-panel-head .soims-btn{width:100%}.soims-list-item{flex-direction:column;gap:5px}.soims-list-item small{white-space:normal}.soims-hero{padding:24px 20px}.soims-form-heading{gap:10px}.soims-form-heading>span{flex-basis:34px;width:34px;height:34px}}

/* August 2026 premium refinement: richer hierarchy without page-level theme forks. */
body{font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}
button,input,select,textarea{font-family:var(--soims-font-ui)!important}
#sidebar .sidebar-text{letter-spacing:-.006em}
#sidebar .workspace-subnav-link{min-height:35px;font-size:.73rem!important}
#sidebar .workspace-subnav-link i{opacity:.9}
#sidebar nav>div{position:relative}
.soims-page-header{box-shadow:0 8px 24px rgba(18,63,117,.035)}
.soims-kicker,.aims-kicker{background:linear-gradient(90deg,var(--soims-blue),#3978B6);-webkit-background-clip:text;background-clip:text;color:transparent}
.soims-btn,.aims-btn-primary,.soims-btn-primary{letter-spacing:.01em}
.soims-lead{font-weight:500}
.soims-panel-head h2,.soims-form-heading h2{letter-spacing:-.025em}
.coa-card,.glass,.glass-card,.glass-panel{border-radius:18px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* === Final premium readability pass — August 2026 ==========================
   Outfit brings the clean financial/workspace character used in the strongest
   legacy finance screens, while the KENJAC serif is reserved for deliberate display
   moments instead of making every page heading feel like a document title. */
.money,.font-mono,code,kbd,pre,[class*="font-mono"]{font-family:var(--soims-font-mono)!important;font-variant-numeric:tabular-nums}
p,li,td,label,input,select,textarea,button{line-height:1.48}
.text-xs{font-size:.79rem!important;line-height:1.48!important}
[class~="text-[9px]"]{font-size:.66rem!important;line-height:1.4!important}
[class~="text-[10px]"]{font-size:.70rem!important;line-height:1.4!important}
[class~="text-[11px]"]{font-size:.74rem!important;line-height:1.42!important}
[class~="text-[12px]"]{font-size:.78rem!important;line-height:1.45!important}
#sidebar{background:linear-gradient(180deg,#FFFFFF 0%,#F7FBFF 72%,#EEF6FD 100%)!important}
#sidebar .workspace-sidebar-section{margin-top:.2rem}
#sidebar .workspace-sidebar-section-toggle{border-radius:10px;transition:background .18s ease,color .18s ease}
#sidebar .workspace-sidebar-section-toggle:hover{background:#EAF4FF}
#sidebar .workspace-subnav-link{font-weight:600!important;color:#48657F!important}
#sidebar .workspace-subnav-link:hover{color:#123F75!important;background:#EAF4FF!important}
#sidebar .workspace-subnav-link.bg-\[\#1958A2\]{color:#fff!important;background:linear-gradient(135deg,#1958A2,#2B70B5)!important;box-shadow:0 8px 18px rgba(25,88,162,.17)!important}
#sidebar .workspace-subnav-link.bg-\[\#1958A2\] i{color:#FFE09A!important}
.soims-panel,.glass-panel,.glass,.glass-card{box-shadow:0 12px 34px rgba(18,63,117,.07)!important}
.soims-hero{box-shadow:0 28px 74px rgba(18,63,117,.12)}
.soims-title{font-weight:800;letter-spacing:-.038em}
.soims-page-header h1,.soims-page-header h2{color:var(--soims-ink)!important}
button,.soims-btn,.aims-btn-primary,.soims-btn-primary{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}
button:hover,.soims-btn:hover,.aims-btn-primary:hover,.soims-btn-primary:hover{box-shadow:0 8px 22px rgba(18,63,117,.13)}
input,select,textarea{min-height:40px}
textarea{min-height:84px}
.soims-table-shell{overflow:auto;border:1px solid var(--soims-line);border-radius:18px;background:#fff;box-shadow:var(--soims-shadow)}
.soims-table-shell table{width:100%}
.soims-finance-banner{position:relative;overflow:hidden;border:1px solid #C5DAED;border-radius:24px;padding:clamp(24px,3.2vw,42px);background:radial-gradient(circle at 90% 12%,rgba(242,179,27,.22),transparent 26%),linear-gradient(135deg,#0E4176 0%,#1958A2 58%,#2F76B8 100%);color:#fff;box-shadow:0 24px 64px rgba(18,63,117,.18)}
.soims-finance-banner h1{color:#fff!important;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;letter-spacing:-.04em}
.soims-finance-banner p{color:#EAF4FF;max-width:780px;font-size:.98rem}
.soims-finance-banner .soims-kicker{color:#FFE09A!important;background:none;-webkit-text-fill-color:initial}
.soims-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.soims-control-card{display:block;padding:16px;border:1px solid #D5E4F1;border-radius:16px;background:linear-gradient(150deg,#fff,#F8FBFF);text-decoration:none;color:var(--soims-ink)!important}
.soims-control-card:hover{transform:translateY(-2px);border-color:#AFCBE3;box-shadow:0 12px 26px rgba(18,63,117,.09)}
.soims-control-card i{color:var(--soims-blue)}.soims-control-card b{display:block;margin-top:9px;font-size:.84rem}.soims-control-card span{display:block;margin-top:3px;color:var(--soims-copy);font-size:.73rem}
@media(max-width:1000px){.soims-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body{font-size:14px}.soims-control-grid{grid-template-columns:1fr}.text-xs{font-size:.76rem!important}}


/* === SOIMS reference dashboard theme — September 2026 =======================
   Matches the approved SOIMS-only visual direction: dark navy navigation,
   white dashboard cards, compact blue accents and a clean light canvas. */
:root{
 --soims-blue:#0057A8;--soims-blue-700:#003F7C;--soims-blue-900:#002F5D;
 --soims-gold:#F2B31B;--soims-gold-700:#A06A00;--soims-ink:#0F2742;--soims-copy:#526373;
 --soims-muted:#6B7A8C;--soims-line:#E2E8F0;--soims-surface:#FFFFFF;--soims-surface-soft:#F8FAFC;
 --soims-bg:#F5F7FA;--soims-shadow:0 8px 24px rgba(15,39,66,.06);--soims-shadow-lg:0 16px 44px rgba(15,39,66,.10)
}
html,body{background:#F5F7FA!important;color:#0F2742!important}
body{font-family:var(--soims-font-ui)!important}
main,.main-content,.board-container{background:#F5F7FA!important}
.main-content{background:#F5F7FA!important}
.board-container{padding-top:24px!important}
.soims-page{max-width:1440px}
.brand-line,.aims-top-accent{background:linear-gradient(90deg,#0057A8 0 78%,#F2B31B 78% 100%)!important}
.soims-page-header,header.bg-white\/90,.soims-panel-head{background:#fff!important;border-color:#E2E8F0!important;box-shadow:0 1px 0 rgba(15,39,66,.04)!important}
.soims-panel,.glass-panel,.glass,.glass-card,.glass-modal,.analysis-card,.recon-soft-card,.recon-modal-panel,
.coa-card,.toolbar,.tabs,.annual-toolbar,.annual-studio,
.cell,.report-card,.metric,.soims-form-section,.soims-table-shell{
 background:#fff!important;border-color:#E2E8F0!important;color:#0F2742!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(15,39,66,.05)!important;backdrop-filter:none!important
}
.soims-hero,.soims-finance-banner{
 background:#fff!important;border:1px solid #E2E8F0!important;color:#0F2742!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(15,39,66,.05)!important
}
.soims-hero::after{display:none!important}
.soims-title,.soims-finance-banner h1,.soims-page-header h1,.soims-page-header h2,main h1,main h2,main h3{color:#0F2742!important;font-family:var(--soims-font-ui)!important;letter-spacing:-.028em}
.soims-lead,.soims-finance-banner p,p,.lead,.text-slate-500,.text-gray-500{color:#526373!important}
.soims-kicker,.aims-kicker{background:none!important;-webkit-text-fill-color:#0057A8!important;color:#0057A8!important}
.soims-stat{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(15,39,66,.04)!important;padding:14px!important}
.soims-stat small{color:#526373!important;font-size:.62rem!important}
.soims-stat strong{color:#0F2742!important;font-size:1.45rem!important}
.soims-stat span{color:#526373!important;font-size:.68rem!important}
.soims-action,.soims-control-card{background:#fff!important;border-color:#E2E8F0!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(15,39,66,.04)!important}
.soims-action:hover,.soims-control-card:hover,.cell:hover{background:#F8FAFC!important;border-color:#B7C8D8!important;transform:none!important;box-shadow:0 6px 16px rgba(15,39,66,.06)!important}
.soims-action>i,.soims-form-heading>span{background:#EEF6FF!important;color:#0057A8!important;border-radius:10px!important}
.soims-btn,.soims-btn-primary,.aims-btn-primary,.submit,
button.bg-\[\#1958A2\],a.bg-\[\#1958A2\],button.bg-\[\#2655C8\],a.bg-\[\#2655C8\],
.bg-blue-600.text-white,.bg-blue-700.text-white,.bg-indigo-600.text-white{
 background:#0057A8!important;border-color:#0057A8!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important
}
.soims-btn:hover,.soims-btn-primary:hover,.aims-btn-primary:hover,.submit:hover,
button.bg-\[\#1958A2\]:hover,a.bg-\[\#1958A2\]:hover,button.bg-\[\#2655C8\]:hover,a.bg-\[\#2655C8\]:hover{
 background:#003F7C!important;border-color:#003F7C!important;color:#fff!important
}
.soims-btn.ghost,.white,a.white,button.white{background:#fff!important;color:#0057A8!important;border:1px solid #CDD8E3!important}
.soims-status-pill,.status-pill{background:#EEF6FF!important;color:#0057A8!important;border-color:#C7DAEC!important}
input,select,textarea{border-color:#CDD8E3!important;background:#fff!important;color:#0F2742!important;border-radius:10px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:#0057A8!important;box-shadow:0 0 0 3px rgba(0,87,168,.10)!important}
table,thead,tbody,tr,td,th{border-color:#E2E8F0!important}
thead,.bg-\[\#F7FBFF\]{background:#F8FAFC!important}
th{color:#526373!important}
tbody tr:hover{background:#F8FAFC!important}
.drawer{background:#F5F7FA!important;border-left-color:#E2E8F0!important;box-shadow:-14px 0 40px rgba(15,39,66,.12)!important}
.drawer-overlay{background:rgba(15,39,66,.22)!important}
#resident-profile-container [data-resident-tab]{border-color:transparent;color:#526373}
#resident-profile-container [data-resident-tab].resident-profile-tab-active,
#resident-profile-container [data-resident-tab][aria-selected="true"]{color:#0057A8!important;border-color:#0057A8!important;background:#EEF6FF!important}
#resident-profile-container [data-resident-tab-panel]{min-width:0}
#resident-profile-container [data-resident-modal]{background:rgba(15,39,66,.30)!important}

/* Dark compact sidebar, matching the reference financial dashboard image. */
#sidebar{
 background:#00345F!important;border-right:0!important;color:#DDEBFA!important;box-shadow:6px 0 20px rgba(0,52,95,.18)!important
}
#sidebar .h-14,#sidebar .p-3.border-t{background:#002F5D!important;border-color:rgba(255,255,255,.12)!important}
#sidebar h1,#sidebar h2,#sidebar p,#sidebar span,#sidebar small,#sidebar a,#sidebar button,#sidebar i,#sidebar .sidebar-text{color:#DDEBFA!important}
#sidebar .sidebar-label{color:#9FC2E4!important;opacity:1!important}
#sidebar nav a,#sidebar .workspace-subnav-link{
 color:#DDEBFA!important;background:transparent!important;border-left:0!important;border-radius:8px!important;box-shadow:none!important;transform:none!important
}
#sidebar nav a:hover,#sidebar .workspace-subnav-link:hover{
 background:#0B63B5!important;color:#fff!important;transform:none!important
}
#sidebar nav a.bg-\[\#1958A2\],#sidebar .workspace-subnav-link.bg-\[\#1958A2\],
#sidebar nav a.text-white,#sidebar .workspace-subnav-link.text-white{
 background:#0057A8!important;color:#fff!important;box-shadow:none!important
}
#sidebar nav a.bg-\[\#1958A2\] i,#sidebar .workspace-subnav-link.bg-\[\#1958A2\] i{color:#fff!important}
#sidebar .workspace-sidebar-section-toggle{
 background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#DDEBFA!important;border-radius:8px!important
}
#sidebar .workspace-sidebar-section-toggle:hover,
#sidebar .workspace-sidebar-section[data-open="true"]>.workspace-sidebar-section-toggle{
 background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important
}
#sidebar .workspace-section-chevron{color:#9FC2E4!important}
#sidebar .workspace-section-panel{border-color:rgba(255,255,255,.10)!important}
.soims-mobile-trigger{background:#00345F!important;color:#fff!important;border-color:#00345F!important}
.soims-mobile-backdrop{background:rgba(0,52,95,.38)!important}
@media(max-width:1023px){#sidebar{box-shadow:18px 0 46px rgba(0,52,95,.25)!important}}

/* Final visibility safety net: old SOIMS cream text tokens are readable on light glass panels. */
[class~="text-[#D1C4B2]"],
[class~="text-[#E8D8BE]"],
[class~="text-[#CBD5E1]"],
[class~="text-[#E2E8F0]"],
[class~="text-slate-200"],
[class~="text-slate-300"],
[class~="text-gray-200"],
[class~="text-gray-300"] {
    color: #526373 !important;
}

[class~="text-[#F6F0E8]"],
[class~="text-[#FDFAF6]"],
[class~="text-[#F8FAFC]"],
[class~="text-slate-50"],
[class~="text-slate-100"],
[class~="text-gray-50"],
[class~="text-gray-100"] {
    color: #0F2742 !important;
}

#sidebar [class~="text-[#D1C4B2]"],
#sidebar [class~="text-[#E8D8BE]"],
#sidebar [class~="text-[#F6F0E8]"],
#sidebar [class~="text-[#FDFAF6]"],
#sidebar [class~="text-[#F8FAFC]"],
#sidebar [class~="text-[#CBD5E1]"],
#sidebar [class~="text-[#E2E8F0]"],
#sidebar [class~="text-slate-50"],
#sidebar [class~="text-slate-100"],
#sidebar [class~="text-slate-200"],
#sidebar [class~="text-slate-300"],
#sidebar [class~="text-gray-50"],
#sidebar [class~="text-gray-100"],
#sidebar [class~="text-gray-200"],
#sidebar [class~="text-gray-300"],
[class~="bg-[#00345F]"] [class~="text-[#D1C4B2]"],
[class~="bg-[#00345F]"] [class~="text-[#E8D8BE]"],
[class~="bg-[#002F5D]"] [class~="text-[#D1C4B2]"],
[class~="bg-[#002F5D]"] [class~="text-[#E8D8BE]"],
[class~="bg-[#0057A8]"] [class~="text-[#D1C4B2]"],
[class~="bg-[#0057A8]"] [class~="text-[#E8D8BE]"],
[class~="bg-[#1958A2]"] [class~="text-[#D1C4B2]"],
[class~="bg-[#1958A2]"] [class~="text-[#E8D8BE]"] {
    color: #DDEBFA !important;
}

[class~="bg-[#00345F]"] p,
[class~="bg-[#00345F]"] span,
[class~="bg-[#00345F]"] small,
[class~="bg-[#002F5D]"] p,
[class~="bg-[#002F5D]"] span,
[class~="bg-[#002F5D]"] small,
[class~="bg-[#0057A8]"] p,
[class~="bg-[#0057A8]"] span,
[class~="bg-[#0057A8]"] small,
[class~="bg-[#1958A2]"] p,
[class~="bg-[#1958A2]"] span,
[class~="bg-[#1958A2]"] small {
    color: #FFFFFF !important;
}

.soims-shell [style*="color:#fff"][style*="background:#fff"],
.soims-shell [style*="color: #fff"][style*="background: #fff"],
.soims-shell [style*="color:white"][style*="background:white"],
.soims-shell [style*="color: white"][style*="background: white"] {
    color: #0F2742 !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar)
    :where(div,td,th,span,strong,small,em,h1,h2,h3,h4,label)[class~="text-white"]:not([class*="bg-"]) {
    color: #0F2742 !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar)
    :where(div,td,th,span,strong,small,em,p,label)[class~="text-slate-400"],
.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar)
    :where(div,td,th,span,strong,small,em,p,label)[class~="text-gray-400"] {
    color: #526373 !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-blue-400"] {
    color: #0057A8 !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-teal-400"] {
    color: #0F766E !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-emerald-300"],
.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-emerald-400"],
.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-green-400"] {
    color: #047857 !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-rose-300"],
.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-red-400"] {
    color: #BE123C !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-amber-300"],
.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-yellow-300"] {
    color: #A16207 !important;
}

.soims-shell :where(.glass,.glass-panel,.glass-card,.soims-panel,.soims-table-shell,.report-card,.metric,.cell,.soims-form-section,.recon-soft-card,.annual-studio,.toolbar) [class~="text-purple-400"] {
    color: #7E22CE !important;
}

/* Final resident-portal skin. Keep this last so legacy finance/dashboard
   compatibility rules cannot restore the retired blue theme. */
:root{
 --soims-blue:#2655C8;--soims-blue-700:#1F46A9;--soims-blue-900:#172A4A;
 --soims-gold:#E8961C;--soims-gold-700:#B5720D;--soims-ink:#1A1008;--soims-copy:#6F6256;
 --soims-muted:#7A6A5A;--soims-line:#E8D8BE;--soims-surface:#fff;--soims-surface-soft:#F6F0E8;
 --soims-bg:#FDFAF6;--soims-radius:20px;--soims-shadow:0 14px 42px rgba(84,53,22,.07);
 --soims-font-ui:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --soims-font-display:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif
}
html,body{background:#FDFAF6!important;color:#1A1008!important}
body{background:radial-gradient(circle at 8% 0,rgba(232,150,28,.14),transparent 28rem),radial-gradient(circle at 100% 12%,rgba(38,85,200,.08),transparent 34rem),#FDFAF6!important}
main,.main-content,.board-container,main.bg-slate-50,main.bg-slate-900,main.bg-slate-950{background:transparent!important;color:#1A1008!important}
h1,h2,h3,h4,h5,h6,.font-brand,.soims-title,.soims-display{font-family:var(--soims-font-display)!important;color:#1A1008!important}
.soims-kicker,.aims-kicker{color:#B5720D!important;-webkit-text-fill-color:#B5720D!important;background:none!important}
.brand-line,.aims-top-accent{background:linear-gradient(90deg,#E8961C,#2655C8,#7339AF)!important}
.soims-page-header{background:rgba(253,250,246,.91)!important;border-color:#E8D8BE!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.soims-panel,.glass-panel,.glass,.glass-card,.glass-modal,.analysis-card,.recon-soft-card,.recon-modal-panel,.coa-card,.toolbar,.tabs,.annual-toolbar,.annual-studio,.cell,.report-card,.metric,.soims-form-section,.soims-table-shell{background:rgba(255,255,255,.96)!important;border-color:#E8D8BE!important;color:#1A1008!important;border-radius:20px!important;box-shadow:var(--soims-shadow)!important}
.soims-hero,.soims-finance-banner{background:linear-gradient(130deg,#fff 0%,#fff7ea 56%,#eef3ff 100%)!important;border-color:#E8D8BE!important;color:#1A1008!important;border-radius:26px!important;box-shadow:var(--soims-shadow)!important}
.soims-title,.soims-finance-banner h1,.soims-page-header h1,.soims-page-header h2,main h1,main h2,main h3,.soims-hero h1,.soims-hero p,.soims-finance-banner p{color:#1A1008!important}
.soims-stat,.soims-action,.soims-control-card{background:#fff!important;border-color:#E8D8BE!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(84,53,22,.05)!important}
.soims-action:hover,.soims-control-card:hover,.cell:hover{background:#FFF8ED!important;border-color:rgba(232,150,28,.42)!important;transform:translateY(-1px)!important}
.soims-action>i,.soims-form-heading>span{background:#FFF5E6!important;color:#B5720D!important}
input,select,textarea{background:#FFFDF9!important;color:#1A1008!important;border-color:#E8D8BE!important;border-radius:13px!important}
input:focus,select:focus,textarea:focus{border-color:#2655C8!important;box-shadow:0 0 0 3px rgba(38,85,200,.10)!important}
thead,.bg-\[\#F7FBFF\]{background:#F6F0E8!important}th{color:#7A6A5A!important}td,th,table,thead,tbody,tr{border-color:#E8D8BE!important}tbody tr:hover{background:#FFF8ED!important}
.soims-btn,.soims-btn-primary,.aims-btn-primary,.soims-button,.submit,button.bg-\[\#1958A2\],a.bg-\[\#1958A2\],button.bg-\[\#2655C8\],a.bg-\[\#2655C8\],.bg-blue-600.text-white,.bg-blue-700.text-white,.bg-indigo-600.text-white{background:#2655C8!important;border-color:#2655C8!important;color:#fff!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(38,85,200,.14)!important}
.soims-btn:hover,.soims-btn-primary:hover,.aims-btn-primary:hover,.soims-button:hover,.submit:hover{background:#1F46A9!important;border-color:#1F46A9!important;color:#fff!important}
.soims-btn.ghost,.soims-btn.secondary,.soims-button.secondary{background:#fff!important;color:#2655C8!important;border-color:#E8D8BE!important;box-shadow:none!important}
.text-slate-400,.text-gray-400,.text-slate-500,.text-gray-500,.text-slate-600,.text-gray-600{color:#7A6A5A!important}

#sidebar{height:100vh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(253,250,246,.99))!important;border-right:1px solid #E8D8BE!important;color:#1A1008!important;box-shadow:10px 0 42px rgba(84,53,22,.06)!important}
#sidebar:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#E8961C,#2655C8,#7339AF);z-index:2}
#sidebar>.h-14,#sidebar>.p-3.border-t{background:rgba(255,255,255,.72)!important;border-color:#E8D8BE!important}
#sidebar h1,#sidebar h2,#sidebar p,#sidebar span,#sidebar small,#sidebar a,#sidebar button,#sidebar i,#sidebar .sidebar-text{color:#1A1008!important}
#sidebar .sidebar-label{color:#7A6A5A!important}
#sidebar>nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-color:#D6B98D transparent;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))!important}
#sidebar nav a,#sidebar .workspace-subnav-link{color:#7A6A5A!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important}
#sidebar nav a:hover,#sidebar .workspace-subnav-link:hover{background:#EEF3FF!important;border-color:rgba(38,85,200,.14)!important;color:#2655C8!important;transform:translateX(2px)!important}
#sidebar nav a.bg-\[\#1958A2\],#sidebar .workspace-subnav-link.bg-\[\#1958A2\],#sidebar nav a.text-white,#sidebar .workspace-subnav-link.text-white{background:linear-gradient(90deg,rgba(232,150,28,.17),rgba(232,150,28,.07))!important;border-color:rgba(232,150,28,.30)!important;color:#B5720D!important;box-shadow:none!important}
#sidebar nav a.bg-\[\#1958A2\] i,#sidebar .workspace-subnav-link.bg-\[\#1958A2\] i{color:#B5720D!important}
#sidebar .workspace-sidebar-section-toggle{background:#FFFDF9!important;border-color:#E8D8BE!important;color:#7A6A5A!important}
#sidebar .workspace-sidebar-section-toggle:hover,#sidebar .workspace-sidebar-section[data-open="true"]>.workspace-sidebar-section-toggle{background:#FFF5E6!important;border-color:rgba(232,150,28,.38)!important;color:#B5720D!important}
#sidebar .workspace-section-panel{border-color:#E8D8BE!important}
.soims-mobile-trigger{background:#2655C8!important;color:#fff!important;border-color:#2655C8!important;border-radius:13px!important;box-shadow:0 12px 30px rgba(38,85,200,.22)!important}
.soims-mobile-backdrop{background:rgba(23,19,31,.55)!important;backdrop-filter:blur(4px)}

@media(max-width:1023px){
 body{min-width:0;overflow-x:hidden!important}
 #sidebar,#sidebar:not(.w-16){position:fixed!important;inset:0 auto 0 0!important;width:min(310px,88vw)!important;max-width:88vw!important;height:100dvh!important;max-height:100dvh!important;background:linear-gradient(180deg,#fff,#FDFAF6)!important;border-right:1px solid #E8D8BE!important;box-shadow:20px 0 55px rgba(84,53,22,.18)!important;padding-bottom:env(safe-area-inset-bottom)}
 #sidebar>.h-14,#sidebar>.p-3.border-t{background:rgba(255,255,255,.94)!important;border-color:#E8D8BE!important}
 #sidebar h1,#sidebar h2,#sidebar p,#sidebar span,#sidebar small,#sidebar a,#sidebar button,#sidebar i,#sidebar .sidebar-text{color:#1A1008!important}
 #sidebar .sidebar-label{color:#7A6A5A!important}
 #sidebar nav a,#sidebar .workspace-subnav-link{color:#7A6A5A!important}
 #sidebar nav a:hover,#sidebar .workspace-subnav-link:hover{background:#EEF3FF!important;border-color:rgba(38,85,200,.14)!important;color:#2655C8!important}
 #sidebar nav a.bg-\[\#1958A2\],#sidebar .workspace-subnav-link.bg-\[\#1958A2\],#sidebar nav a.text-white,#sidebar .workspace-subnav-link.text-white{background:#FFF5E6!important;border-color:rgba(232,150,28,.30)!important;color:#B5720D!important}
 #sidebar .workspace-sidebar-section-toggle{background:#FFFDF9!important;border-color:#E8D8BE!important;color:#7A6A5A!important}
 #sidebar .workspace-sidebar-section-toggle:hover,#sidebar .workspace-sidebar-section[data-open="true"]>.workspace-sidebar-section-toggle{background:#FFF5E6!important;border-color:rgba(232,150,28,.32)!important;color:#B5720D!important}
 #sidebar [onclick="toggleSidebar()"]{display:none!important}
 #sidebar>nav{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))!important}
 #sidebar~main,#sidebar+main{width:100%!important;max-width:100vw!important;min-width:0!important;margin:0!important;padding-top:max(4.5rem,calc(3.5rem + env(safe-area-inset-top)))!important;overflow-x:hidden!important}
 .soims-page,.soims-page-wrap{width:100%;max-width:100%;padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:700px){
 .soims-page-header{padding:18px 14px!important}.soims-page-header h1{font-size:1.55rem!important;line-height:1.15!important}
 .soims-panel,.glass-panel,.glass,.glass-card,.soims-form-section{border-radius:16px!important}
 .soims-panel-head{padding:14px!important}.soims-form-section{padding:16px!important}
 main .grid{min-width:0}main img,main iframe,main video{max-width:100%}
 main td,main th{overflow-wrap:anywhere}
 .soims-actions{display:grid!important;grid-template-columns:1fr!important}.soims-actions>*{width:100%!important}
}