/* TriDrop / Interface system. Theme values live exclusively in this module. */
@layer tokens, base, components, shell, domains, responsive;
@layer tokens   {
    :root   {
        color-scheme:light;
        --bg:#f0f3f3;
        --surface:#fff;
        --surface-alt:#f6f8f8;
        --text:#182c30;
        --muted:#607479;
        --line:#d9e3e3;
        --accent:#087f75;
        --accent-hover:#05665e;
        --accent-soft:#e0f4ee;
        --on-accent:#fff;
        --danger:#bd3446;
        --danger-soft:#fff0f1;
        --warning:#916308;
        --nav:#132a2d;
        --nav-text:#dae8e7;
        --nav-muted:#93acaf;
        --shadow:0 10px 35px #102d3210;
        --radius:12px;
        --control-height:36px;
        --control-radius:8px;
        --space:20px;
        --sidebar:238px;
        --focus:0 0 0 3px #0d9b8740;
        --motion-fast:140ms ease;
        --motion-normal:220ms cubic-bezier(.2,.7,.2,1)
    }

    :root[data-theme="dark"]   {
        color-scheme:dark;
        --bg:#101b1e;
        --surface:#18282c;
        --surface-alt:#1e3135;
        --text:#e9f1f0;
        --muted:#a0b5b7;
        --line:#30464b;
        --accent:#67dfc2;
        --accent-hover:#92ecd6;
        --accent-soft:#23483f;
        --on-accent:#0e2923;
        --danger:#ff94a0;
        --danger-soft:#462932;
        --warning:#eec576;
        --nav:#0c171a;
        --nav-text:#e0ecea;
        --nav-muted:#8fa8ad;
        --shadow:0 10px 35px #0002
    }

}
@layer base   {
    *,*::before,*::after  {
        box-sizing:border-box
    }

    html  {
        min-width:320px;
        scrollbar-gutter:stable
    }

    body  {
        margin:0;
        background:var(--bg);
        color:var(--text);
        font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
        -webkit-font-smoothing:antialiased
    }

    h1,h2,h3,p  {
        margin:0
    }

    h1  {
        font-size:24px;
        line-height:1.2;
        letter-spacing:-.6px;
        font-weight:650
    }

    h2  {
        font-size:16px;
        line-height:1.35;
        letter-spacing:-.3px
    }

    h3  {
        font-size:15px
    }

    p+p  {
        margin-top:12px
    }

    a  {
        color:var(--accent);
        text-decoration:none
    }

    a:hover  {
        color:var(--accent-hover)
    }

    button,input,select,textarea  {
        font:inherit
    }

    button,a,input,select,textarea  {
        -webkit-tap-highlight-color:transparent
    }

    button  {
        cursor:pointer
    }

    button:disabled  {
        cursor:not-allowed;
        opacity:.55
    }

    a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible  {
        outline:2px solid var(--accent);
        outline-offset:3px
    }

    img,video,canvas  {
        max-width:100%
    }

    img  {
        object-fit:cover
    }

    svg  {
        width:20px;
        height:20px
    }

    small  {
        font-size:12px;
        color:var(--muted)
    }

    strong  {
        font-weight:650
    }

    code,pre,.mono-input  {
        font-family:ui-monospace,SFMono-Regular,monospace
    }

    pre  {
        max-width:100%;
        overflow:auto;
        padding:16px;
        background:var(--surface-alt);
        border-radius:8px
    }

    hr  {
        border:0;
        border-top:1px solid var(--line);
        margin:20px 0
    }

    dialog:not([open])  {
        display:none!important
    }

    [hidden]  {
        display:none!important
    }

    ::selection  {
        background:var(--accent-soft);
        color:var(--text)
    }

    .muted,.field-hint,.panel-note,.author-meta  {
        color:var(--muted)
    }

    .text-center  {
        text-align:center
    }

    .is-success  {
        color:var(--accent)
    }

    .is-danger,.field-error  {
        color:var(--danger)
    }

    .local-icon  {
        display:inline-block;
        width:18px;
        height:18px;
        flex-shrink:0;
        background:currentColor;
        mask:var(--icon-url) center/contain no-repeat;
        -webkit-mask:var(--icon-url) center/contain no-repeat
    }

    .eyebrow  {
        display:block;
        font:600 10px/1.4 ui-monospace,monospace;
        letter-spacing:1.7px;
        text-transform:uppercase;
        color:var(--accent);
        margin-bottom:8px
    }

    .content  {
        min-height:100dvh
    }

    input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea  {
        width:100%;
        min-width:0;
        border:1px solid var(--line);
        border-radius:8px;
        background:var(--surface);
        color:var(--text);
        padding:8px 11px;
        min-height:var(--control-height);
        font-size:13px;
        line-height:18px
    }

    input::placeholder,textarea::placeholder  {
        color:var(--muted);
        opacity:.85
    }

    textarea  {
        min-height:80px;
        resize:vertical
    }

    input[type=checkbox],input[type=radio]  {
        width:17px;
        height:17px;
        accent-color:var(--accent);
        cursor:pointer;
        flex-shrink:0
    }

    input[type=range]  {
        accent-color:var(--accent)
    }

    label  {
        color:var(--text)
    }

    table  {
        width:100%;
        border-collapse:collapse;
        font-size:13px
    }

    th,td  {
        text-align:left;
        padding:12px;
        border-bottom:1px solid var(--line)
    }

    th  {
        font-size:11px;
        color:var(--muted);
        font-weight:600;
        background:var(--surface-alt)
    }

    td  {
        vertical-align:middle
    }

    summary  {
        cursor:pointer
    }

    fieldset  {
        min-width:0;
        border:1px solid var(--line);
        border-radius:8px
    }

    dl,dd  {
        margin:0
    }

    @keyframes td-enter {
        from {opacity:0;transform:translateY(6px)}
        to {opacity:1;transform:translateY(0)}
    }

    @keyframes td-fade {from {opacity:0} to {opacity:1}}

    input,select,textarea {
        transition:border-color var(--motion-fast),background-color var(--motion-fast),box-shadow var(--motion-fast)
    }

    input:focus,select:focus,textarea:focus {border-color:var(--accent)}

    .guide-content a,.update-entry__body a {
        text-decoration:underline;
        text-underline-offset:3px
    }

}
@layer shell   {
    .cabinet-shell  {
        min-height:100dvh;
        padding-left:var(--sidebar)
    }

    .cabinet-nav  {
        position:fixed;
        inset:0 auto 0 0;
        width:var(--sidebar);
        background:var(--nav);
        color:var(--nav-text);
        display:flex;
        flex-direction:column;
        z-index:40
    }

    .cabinet-nav-head  {
        height:72px;
        flex-shrink:0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px 20px
    }

    .cabinet-brand  {
        display:flex;
        align-items:center;
        gap:10px;
        color:#f5fffc;
        text-decoration:none!important
    }

    .cabinet-logo-box  {
        width:36px;
        height:36px;
        display:grid;
        place-items:center;
        background:transparent;
        border-radius:10px
    }

    .td-brand-icon {display:block;width:100%;height:100%;overflow:visible;flex-shrink:0}
    .td-brand-gem,.td-brand-spark {transform-box:fill-box;transform-origin:center}
    .td-brand-gem {transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s}
    .td-brand-spark {transition:transform .5s,opacity .5s;opacity:.6}
    .cabinet-brand:hover .td-brand-gem,.cabinet-brand:focus-visible .td-brand-gem,
    .auth-logo:hover .td-brand-gem,.brand-mark:hover .td-brand-gem {
        transform:translateY(-3px) rotate(-8deg);filter:drop-shadow(0 4px 4px #41d9be66)
    }
    .cabinet-brand:hover .td-brand-spark,.cabinet-brand:focus-visible .td-brand-spark,
    .auth-logo:hover .td-brand-spark,.brand-mark:hover .td-brand-spark {transform:rotate(90deg) scale(1.2);opacity:1}
    .td-brand-facet {transition:fill .4s}
    .cabinet-brand:hover .td-brand-facet--right,.auth-logo:hover .td-brand-facet--right {fill:#7189ff}
    .brand-mark {display:block;width:56px;height:56px}


    .cabinet-wordmark  {
        font-size:22px;
        font-weight:750;
        letter-spacing:-.8px
    }

    .cabinet-wordmark>span  {
        font-weight:400
    }

    .cabinet-nav-body  {
        display:flex;
        flex-direction:column;
        overflow:auto;
        padding:0 14px 12px;
        gap:10px;
        flex:1
    }

    .cabinet-user-card  {
        padding:10px 8px;
        border-top:1px solid #ffffff12;
        border-bottom:1px solid #ffffff12
    }

    .cabinet-user-card__identity  {
        display:flex;
        align-items:center;
        gap:10px
    }

    .cabinet-user-avatar  {
        width:34px;
        height:34px;
        border-radius:50%;
        background:#365153;
        color:#c9fae9;
        display:grid;
        place-items:center;
        flex-shrink:0
    }

    .cabinet-user-avatar img  {
        width:100%;
        height:100%;
        border-radius:inherit
    }

    .cabinet-user-card__details  {
        display:grid;
        gap:3px;
        min-width:0
    }

    .cabinet-user-name  {
        display:block;
        font-size:13px;
        overflow:hidden;
        text-overflow:ellipsis
    }

    .cabinet-user-caption  {
        display:flex;
        flex-wrap:wrap;
        gap:4px;
        font-size:10px;
        color:var(--nav-muted)
    }

    .cabinet-user-caption b  {
        font-weight:400
    }

    .cabinet-user-card__stats  {
        display:flex;
        justify-content:space-between;
        margin-top:8px
    }

    .cabinet-balance>span,.cabinet-rating>span  {
        display:block;
        font-size:10px;
        color:var(--nav-muted)
    }

    .cabinet-balance strong,.cabinet-rating strong  {
        font-size:12px
    }

    .cabinet-financial-flags  {
        font-size:11px;
        margin-top:8px
    }

    .cabinet-financial-flag  {
        display:flex;
        justify-content:space-between
    }

    .cabinet-links,.cabinet-links__group  {
        display:grid;
        gap:2px
    }

    .cabinet-links__group--secondary  {
        border-top:1px solid #ffffff12;
        margin-top:4px;
        padding-top:6px
    }

    .cabinet-links a  {
        display:flex;
        align-items:center;
        gap:10px;
        color:var(--nav-muted);
        padding:6px 12px;
        min-height:32px;
        border-radius:7px;
        font-size:12px;
        line-height:1.4;
        text-decoration:none
    }

    .cabinet-links a:hover  {
        background:#ffffff09;
        color:#fff
    }

    .cabinet-links a.is-active  {
        background:#284a47;
        color:#b0f4df;
        box-shadow:inset 3px 0 #73dfbe
    }

    .nav-icon  {
        display:flex
    }

    .nav-icon__glyph  {
        width:17px;
        height:17px
    }

    .nav-label  {
        flex:1
    }

    .cabinet-nav-section-title  {
        padding:0 12px 4px;
        font-size:9px;
        letter-spacing:1.5px;
        text-transform:uppercase;
        color:var(--nav-muted)
    }

    .cabinet-nav-footer  {
        margin-top:4px;
        display:grid;
        gap:4px
    }

    .cabinet-logout .button  {
        width:100%;
        justify-content:flex-start;
        background:transparent;
        color:var(--nav-muted);
        border-color:#ffffff15
    }

    .nav-badge  {
        background:#b4efdc;
        color:#12332b;
        border-radius:5px;
        padding:1px 5px;
        font-size:10px
    }

    .cabinet-main  {
        max-width:1700px;
        margin:auto;
        padding:36px 36px 60px;
        min-width:0;
        display:flex;
        flex-direction:column;
        gap:18px
    }

    .cabinet-main--solo  {
        min-height:100vh;
        justify-content:center;
        align-items:center
    }

    .cabinet-shell:has(.cabinet-main--solo)  {
        padding:0
    }

    .cabinet-hero,.api-page-heading  {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:20px;
        min-height:50px;
        padding-bottom:16px;
        border-bottom:1px solid var(--line)
    }

    .cabinet-hero p  {
        display:none
    }

    .hero-actions,.hero-meta  {
        display:flex;
        gap:10px;
        align-items:center;
        flex-wrap:wrap
    }

    .menu-toggle  {
        display:none
    }

    /* A clipped sky: setting body leaves below the horizon as the other rises. */
    .td-theme-switch {
        display:flex;
        align-items:center;
        justify-content:center;
        width:72px;
        height:42px;
        flex-shrink:0;
        padding:3px;
        border:1px solid #ffffff30;
        border-radius:24px;
        background:#ffffff08;
        cursor:pointer;
        overflow:hidden
    }

    .td-theme-switch:hover {border-color:#ffffff70}
    .td-theme-switch:active {transform:scale(.96)}
    .cabinet-nav-footer > .td-theme-switch {align-self:flex-start;margin:0 0 8px 10px}

    .td-theme-switch__scene {
        position:relative;
        display:block;
        width:64px;
        height:34px;
        overflow:hidden;
        border-radius:20px;
        background:#9fd9ea;
        isolation:isolate;
        transition:background-color 650ms ease
    }

    .td-theme-switch__sun,.td-theme-switch__moon {
        position:absolute;
        left:24px;
        top:6px;
        width:18px;
        height:18px;
        border-radius:50%;
        transition:transform 650ms cubic-bezier(.4,0,.2,1),opacity 450ms ease
    }

    .td-theme-switch__sun {
        background:#ffe196;
        box-shadow:0 0 0 3px #ffe19635,0 0 12px #ffe19690;
        transform:translate(-7px,0);
        opacity:1
    }

    .td-theme-switch__moon {
        background:#edf4ff;
        box-shadow:inset -5px -2px 0 #a3b5d7;
        transform:translate(20px,34px) rotate(45deg);
        opacity:0
    }

    .td-theme-switch__stars {
        position:absolute;
        left:13px;
        top:8px;
        width:2px;
        height:2px;
        border-radius:50%;
        background:#e8efff;
        box-shadow:7px 10px 0 #e8efff,33px 1px 0 #e8efff,39px 13px 0 #e8efff,15px -3px 0 #e8efff;
        opacity:0;
        transform:translateY(5px);
        transition:opacity 650ms ease,transform 650ms ease
    }

    .td-theme-switch__horizon {
        position:absolute;
        inset:auto -8px -12px;
        height:22px;
        border-radius:50% 50% 0 0;
        background:#498f83;
        box-shadow:20px -3px 0 #6ba995;
        transition:background-color 650ms ease,box-shadow 650ms ease
    }

    :root[data-theme="dark"] .td-theme-switch__scene {background:#172947}
    :root[data-theme="dark"] .td-theme-switch__sun {transform:translate(-25px,34px) rotate(-45deg);opacity:0}
    :root[data-theme="dark"] .td-theme-switch__moon {transform:translate(6px,0) rotate(-12deg);opacity:1}
    :root[data-theme="dark"] .td-theme-switch__stars {opacity:1;transform:translateY(0)}
    :root[data-theme="dark"] .td-theme-switch__horizon {background:#223c50;box-shadow:20px -3px 0 #304b62}

    .td-theme-switch--public  {
        position:fixed;
        right:24px;
        top:24px;
        z-index:45;
        color:var(--text);
        background:var(--surface);
        border-color:var(--line)
    }

    body:has(.cabinet-nav) .td-theme-switch--public  {
        display:none
    }

    .auth-shell  {
        min-height:100dvh;
        display:grid;
        place-items:center;
        padding:80px 24px;
        background:radial-gradient(ellipse at 20% 10%,var(--accent-soft),transparent 55%)
    }

    .auth-panel  {
        width:min(100%,440px);
        background:var(--surface);
        padding:36px;
        border:1px solid var(--line);
        border-radius:18px;
        box-shadow:var(--shadow);
        display:grid;
        gap:24px
    }

    .auth-heading  {
        display:flex;
        align-items:center;
        gap:16px
    }

    .auth-logo  {
        display:block;
        flex:0 0 48px;
        width:48px;
        height:48px;
        object-fit:contain
    }

    .auth-passkey  {
        display:grid;
        gap:12px;
        border-top:1px solid var(--line);
        padding-top:20px
    }

    .auth-panel .muted  {
        font-size:12px
    }

    .profile-panel  {
        max-width:850px;
        margin-inline:auto;
        width:100%
    }

    .profile-top  {
        display:flex;
        align-items:center;
        gap:16px
    }

    .avatar-preview  {
        width:80px;
        height:80px;
        border-radius:18px
    }

    .access-blocked  {
        max-width:440px;
        text-align:center;
        display:grid;
        gap:20px
    }

    .brand-mark  {
        font-size:36px;
        color:var(--accent)
    }

    .td-error-page {min-height:100dvh;display:grid;place-items:center;padding:24px}
    .td-error-card {max-width:480px;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;gap:18px}
    .td-error-card p {color:var(--muted)}
    .td-error-card .button {justify-self:start}
    .cabinet-main {animation:td-fade var(--motion-normal) backwards}
    .cabinet-nav a,.td-theme-switch {transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}

    .cabinet-main:has(.dossier-form,.requisite-form,.guide-form,.project-update-form) {width:100%;max-width:1360px}

    .auth-heading > div {min-width:0}
    .auth-subtitle {margin-top:6px;font-size:13px;line-height:1.5;color:var(--muted)}
    .auth-panel > form:has(> .local-captcha) {display:grid;gap:14px}

    .cabinet-nav-preferences {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px 0;border-top:1px solid #ffffff18}
    .cabinet-nav-preferences > .cabinet-nav-section-title {padding:0}
    .cabinet-nav-preferences > .td-theme-switch {flex-shrink:0}
    .cabinet-main:has(> .project-updates-list) {max-width:1160px}
    .cabinet-main:has(> .vault-auth-panel),.cabinet-main:has(.admin-financial-passkey) {max-width:760px}

}

@layer shell {
    .cabinet-links__group--admin-only { margin-top: 6px; padding: 6px 6px 4px; border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--accent) 6%, transparent); }
    .cabinet-links__group--admin-only > .cabinet-nav-section-title { color: var(--accent); padding: 2px 8px 4px; font-size: 10px; letter-spacing: 1.3px; }
}
@layer components   {
    .button,.secret-input > button,.vault-custom-field-row > button,.vault-tag-suggest > button  {
        display:inline-flex;
        justify-content:center;
        align-items:center;
        gap:8px;
        min-height:var(--control-height);
        height:fit-content;
        flex-shrink:0;
        padding:8px 12px;
        border:1px solid var(--line);
        border-radius:var(--control-radius);
        background:var(--surface);
        color:var(--text);
        font-size:12px;
        font-weight:600;
        line-height:18px;
        text-decoration:none!important;
        white-space:normal;
        transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)
    }

    .button:hover  {
        background:var(--surface-alt);
        border-color:var(--muted)
    }

    .button--primary  {
        background:var(--accent);
        border-color:var(--accent);
        color:var(--on-accent)
    }

    .button--primary:hover  {
        background:var(--accent-hover);
        border-color:var(--accent-hover)
    }

    .button--secondary  {
        background:var(--accent-soft);
        border-color:transparent;
        color:var(--accent)
    }

    .button--danger  {
        background:var(--danger-soft);
        color:var(--danger);
        border-color:transparent
    }

    .button--ghost,.button--quiet  {
        background:transparent
    }

    .button--icon,.admin-row-icon-button  {
        height:var(--control-height);
        flex:0 0 var(--control-height);
        width:var(--control-height);
        min-width:var(--control-height);
        padding:8px
    }

    .data-panel  {
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:var(--radius);
        padding:18px;
        min-width:0
    }

    .panel-title  {
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        margin-bottom:14px
    }

    .panel-title>span,.panel-title>a  {
        font-size:12px;
        color:var(--muted)
    }

    .form-stack,.field  {
        display:grid;
        gap:8px
    }

    .form-stack  {
        gap:14px
    }

    .field>span  {
        font-size:12px;
        font-weight:600
    }

    .form-grid,.filters-grid,.dossier-form,.requisite-form,.detail-grid  {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px
    }

    .field--wide,.form-section-title,.form-sticky-actions  {
        grid-column:1/-1
    }

    .form-section-title > strong,.form-section-title > small  {
        display:block
    }

    .form-section-title > small  {
        margin-top:5px;
        font-weight:400
    }

    .form-section-title  {
        border-bottom:1px solid var(--line);
        padding:12px 0;
        font-size:15px
    }

    .filters-grid  {
        grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
        align-items:end
    }

    .filters-grid .field--wide  {
        grid-column:auto
    }

    .filters-submit  {
        display:flex;
        gap:8px
    }

    .form-sticky-actions  {
        display:flex;
        gap:10px;
        padding-top:18px;
        border-top:1px solid var(--line)
    }

    .switch-line,.toggle-cell,.tools-used-check,.tools-progress-check,.bulk-select-all,.bulk-check  {
        display:flex;
        align-items:center;
        gap:8px;
        font-size:12px
    }

    .switch-line__text  {
        display:grid
    }

    .switch-line__text small  {
        font-weight:400
    }

    .metric-grid,.admin-kpi-grid,.role-grid  {
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
        gap:14px
    }

    .metric-card,.admin-kpi-card,.role-card,.status-card  {
        padding:18px;
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:10px;
        display:grid;
        gap:8px
    }

    .metric-card>span,.admin-kpi-card>span  {
        font-size:12px;
        color:var(--muted)
    }

    .metric-card>strong,.admin-kpi-card>strong  {
        font-size:23px;
        letter-spacing:-1px
    }

    .pagination  {
        display:flex;
        gap:6px;
        flex-wrap:wrap
    }

    .pagination a,.pagination span  {
        padding:6px 11px;
        border:1px solid var(--line);
        border-radius:6px;
        font-size:12px
    }

    .pagination .is-active,.pagination .active  {
        background:var(--accent);
        color:var(--on-accent)
    }

    .users-footer,.operational-pager  {
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        margin-top:18px
    }

    .empty-state-card > strong,.empty-state-card > span  {
        display:block;
        margin:5px 0
    }

    .empty-state-card .button  {
        margin-top:12px
    }

    .empty-state-card,.empty-state  {
        padding:30px;
        text-align:center;
        color:var(--muted);
        font-size:13px;
        background:var(--surface-alt);
        border:1px dashed var(--line);
        border-radius:8px
    }

    .alert,.notice  {
        padding:14px 16px;
        border-radius:8px;
        background:var(--accent-soft);
        color:var(--accent)
    }

    .alert--error,.notice--error  {
        background:var(--danger-soft);
        color:var(--danger)
    }

    .token-reveal  {
        display:flex;
        gap:12px;
        align-items:center;
        flex-wrap:wrap;
        padding:18px;
        border:1px solid var(--line);
        border-radius:10px;
        background:var(--surface)
    }

    .token-reveal>input  {
        flex:1;
        min-width:180px!important
    }

    .token-reveal small  {
        display:block
    }

    .avatar-placeholder,.user-profile-avatar  {
        display:inline-grid;
        place-items:center;
        width:36px;
        height:36px;
        flex-shrink:0;
        border-radius:10px;
        background:var(--accent-soft);
        color:var(--accent);
        font-size:14px
    }

    .user-profile-avatar img  {
        width:100%;
        height:100%
    }

    .user-profile-head,.pending-user-main  {
        display:flex;
        align-items:center;
        gap:12px;
        min-width:0
    }

    .user-profile-head small,.pending-user-main small  {
        display:block;
        font-size:10px;
        margin-top:3px
    }

    .custom-select  {
        position:relative;
        display:block;
        min-width:0
    }

    .is-native-select-hidden  {
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        opacity:0;
        pointer-events:none;
        clip-path:inset(50%)
    }

    .custom-select__button  {
        display:flex;
        align-items:center;
        gap:8px;
        width:100%;
        min-height:var(--control-height);
        padding:8px 11px;
        border:1px solid var(--line);
        border-radius:8px;
        background:var(--surface);
        color:var(--text);
        text-align:left
    }

    .custom-select__value  {
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }

    .custom-select__arrow  {
        width:7px;
        height:7px;
        border-right:1px solid;
        border-bottom:1px solid;
        transform:rotate(45deg);
        margin:0 2px 4px 8px
    }

    .custom-select__list  {
        display:none;
        position:absolute;
        top:calc(100% + 5px);
        left:0;
        min-width:100%;
        max-height:280px;
        overflow:auto;
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:8px;
        box-shadow:var(--shadow);
        padding:5px;
        z-index:80
    }

    .custom-select.is-open .custom-select__list  {
        display:grid
    }

    .custom-select__option  {
        display:flex;
        gap:8px;
        text-align:left;
        border:0;
        background:transparent;
        color:var(--text);
        padding:9px;
        border-radius:5px
    }

    .custom-select__option:hover,.custom-select__option.is-selected  {
        background:var(--accent-soft);
        color:var(--accent)
    }

    .custom-select__network-icon  {
        width:20px;
        height:20px
    }

    .custom-select__empty  {
        padding:10px;
        font-size:12px
    }

    .local-captcha  {
        position:relative
    }

    .local-captcha__trap  {
        position:absolute;
        width:1px;
        height:1px;
        clip-path:inset(50%);
        overflow:hidden
    }

    .local-captcha__button  {
        position:relative;
        overflow:hidden;
        width:100%;
        padding:14px;
        border:1px solid var(--line);
        background:var(--surface-alt);
        color:var(--text);
        border-radius:8px;
        user-select:none;
        touch-action:none
    }

    .local-captcha__progress  {
        position:absolute;
        inset:0;
        background:var(--accent-soft);
        transform:scaleX(0);
        transform-origin:left;
        transition:transform 1.1s linear
    }

    .local-captcha__label  {
        position:relative
    }

    .upload-box input[type=file]  {
        position:absolute;
        width:1px!important;
        height:1px!important;
        min-height:0!important;
        padding:0!important;
        clip-path:inset(50%);
        opacity:0
    }

    .upload-box:focus-within  {
        outline:2px solid var(--accent);
        outline-offset:3px
    }

    .upload-box  {
        position:relative;
        cursor:pointer;
        display:flex;
        align-items:center;
        gap:12px;
        padding:20px;
        border:1px dashed var(--line);
        border-radius:8px;
        background:var(--surface-alt)
    }

    .upload-list  {
        font-size:12px
    }

    .upload-field  {
        display:grid;
        gap:8px
    }

    .toast-layer  {
        position:fixed;
        right:20px;
        bottom:20px;
        display:grid;
        gap:10px;
        z-index:300;
        width:min(390px,calc(100vw - 40px))
    }

    .toast  {
        display:flex;
        gap:16px;
        align-items:center;
        padding:16px;
        border:1px solid var(--line);
        border-left:3px solid var(--accent);
        background:var(--surface);
        border-radius:9px;
        box-shadow:var(--shadow);
        animation:td-enter var(--motion-normal) backwards;
        transition:opacity var(--motion-fast),transform var(--motion-fast)
    }

    .toast--error  {
        border-left-color:var(--danger)
    }

    .toast button  {
        margin-left:auto;
        border:0;
        background:none;
        color:var(--muted);
        font-size:20px
    }

    .toast.is-hiding  {
        opacity:0
    }

    .is-modal-open  {
        overflow:hidden
    }

    .button:active:not(:disabled) {transform:translateY(1px)}
    .custom-select.is-open .custom-select__list {animation:td-enter var(--motion-fast) backwards}
    .filters-submit {margin-top:12px}
    .field {align-content:start}
    .field > input,.field > select,.field > textarea {align-self:start}

    .button > .button-icon {width:16px;height:16px;flex:0 0 16px}
    .button > span {min-width:0}
    .custom-select__button {font-size:13px;line-height:18px;padding:8px 11px}

    .secret-input {display:flex;align-items:center;gap:8px;min-width:0;width:100%}
    .secret-input > input {flex:1;min-width:0}


    .custom-select__arrow {flex-shrink:0}
    .form-grid > .field {align-self:start;min-width:0}
    input[type=file]::file-selector-button {border:0;border-radius:5px;background:var(--accent-soft);color:var(--accent);padding:5px 9px;margin-right:10px;font:inherit;cursor:pointer}


    .token-reveal > div {display:grid;gap:4px;min-width:0}


    .custom-select__button {cursor:pointer;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
    .custom-select__button:hover:not(:disabled) {border-color:var(--muted)}
    .custom-select.is-open > .custom-select__button {border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
    .custom-select.is-open .custom-select__arrow {transform:rotate(225deg);margin-bottom:0}
    .custom-select__list {width:100%;min-width:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--surface);color:var(--text)}
    .custom-select__list[popover] {position:fixed;inset:auto;margin:0}
    .custom-select__list:popover-open {display:grid}
    .custom-select__option {align-items:center;min-height:36px;width:100%;font-family:inherit;font-size:13px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
    .custom-select__option.is-selected {font-weight:600}
    .custom-select__option.is-selected::after {content:'✓';margin-left:auto;padding-left:10px;flex-shrink:0}
    .custom-select__option:disabled {opacity:.45;cursor:not-allowed}
    .custom-select__search {position:sticky;top:0;z-index:1;margin-bottom:5px;background:var(--surface);font-size:13px}
    .custom-select__button[aria-invalid="true"] {border-color:var(--danger)}
    .custom-select__error {display:block;margin-top:5px;font-size:11px;color:var(--danger)}
}
@layer domains   {
    /* Administration: compact rows, deliberate alignment, shared data surfaces. */
    .admin-users-summary  {
        display:flex;
        gap:20px;
        color:var(--muted);
        font-size:12px
    }

    .admin-users-summary strong  {
        color:var(--text);
        font-size:18px;
        margin-right:4px
    }

    .users-search,.work-user-search,.admin-work-user-search,.admin-rights-toolbar,.preview-controls,.admin-online-filter,.api-create-line  {
        display:flex;
        gap:10px;
        margin-bottom:20px;
        align-items:end
    }

    .users-search input,.work-user-search .field  {
        flex:1
    }

    .user-account-row  {
        display:grid;
        grid-template-columns:minmax(190px,1.5fr) 120px minmax(140px,1fr) auto;
        align-items:center;
        gap:16px;
        padding:14px 4px;
        border-top:1px solid var(--line)
    }

    .user-account-pill,.status-pill,.api-service-status,.network-badge,.work-user-rank  {
        display:inline-flex;
        width:fit-content;
        align-items:center;
        padding:4px 8px;
        background:var(--surface-alt);
        color:var(--muted);
        border:1px solid var(--line);
        border-radius:5px;
        font-size:10px
    }

    .user-account-balance  {
        font:500 12px ui-monospace,monospace;
        text-align:right
    }

    .user-account-actions,.pending-user-actions,.row-actions,.admin-rate-actions,.work-rate-actions  {
        display:flex;
        align-items:center;
        gap:6px
    }

    .pending-user-card  {
        display:flex;
        align-items:center;
        gap:12px;
        padding:14px 0;
        border-top:1px solid var(--line)
    }

    .pending-user-main  {
        flex:1
    }

    .user-account-card:hover  {
        background:var(--surface-alt)
    }

    .admin-user-page-identity  {
        display:flex;
        gap:16px;
        align-items:center
    }

    .admin-user-avatar  {
        width:64px;
        height:64px;
        border-radius:14px
    }

    .admin-user-page-meta  {
        color:var(--muted);
        font-size:12px;
        margin-top:8px
    }

    .admin-user-layout,.admin-user-form-grid,.admin-work-grid,.admin-tools-grid,.admin-stats-grid  {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px
    }

    .admin-user-layout>.data-panel,.admin-user-section,.admin-user-sms-limits-form  {
        display:grid;
        gap:16px;
        align-content:start
    }

    .admin-user-finance-values  {
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
        gap:20px
    }

    .admin-user-finance-values>div  {
        display:grid;
        gap:5px
    }

    .admin-user-finance-values strong  {
        font-size:24px;
        letter-spacing:-.7px
    }

    .admin-user-danger-zone  {
        display:block;
        border-color:var(--danger)
    }
    .admin-user-danger-zone > summary {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        list-style:none;
        cursor:pointer
    }
    .admin-user-danger-zone > summary::-webkit-details-marker {display:none}
    .admin-user-danger-zone > summary > span,
    .admin-user-danger-action > div {display:grid;gap:5px;min-width:0}
    .admin-user-danger-zone small {font-size:12px;line-height:1.5;color:var(--muted)}
    .admin-user-danger-zone > summary > i {
        flex:0 0 8px;
        width:8px;height:8px;
        margin:0 4px;
        border-right:2px solid currentColor;
        border-bottom:2px solid currentColor;
        font-size:0;
        transform:rotate(45deg);
        transition:transform var(--motion-fast)
    }
    .admin-user-danger-zone[open] > summary > i {transform:rotate(225deg)}
    .admin-user-danger-zone[open] > summary {margin-bottom:20px}
    .admin-user-danger-action + .admin-user-danger-action {padding-top:14px;border-top:1px solid var(--line)}
    .admin-user-danger-action > .button {flex-shrink:0}


    .admin-user-danger-actions,.admin-user-danger-content  {
        display:grid;
        gap:14px
    }

    .admin-user-danger-action  {
        display:flex;
        align-items:center;
        gap:14px;
        justify-content:space-between
    }

    .admin-rights-search  {
        display:grid;
        gap:6px;
        flex:1;
        font-size:12px
    }

    .permissions-group  {
        margin-top:22px;
        border:1px solid var(--line);
        border-radius:9px;
        overflow:hidden
    }

    .permissions-group__head  {
        display:flex;
        gap:10px;
        justify-content:space-between;
        background:var(--surface-alt);
        padding:12px 16px;
        font-size:12px
    }

    .permissions-row  {
        display:grid;
        grid-template-columns:minmax(220px,1fr) auto;
        gap:20px;
        padding:14px 16px;
        border-top:1px solid var(--line);
        align-items:center
    }

    .permissions-row>strong  {
        font-size:12px
    }

    .permissions-row small  {
        display:block;
        max-width:450px;
        margin-top:4px;
        font-weight:400;
        font-size:11px
    }

    .permissions-row__roles  {
        display:flex;
        gap:20px
    }

    .toggle-cell  {
        flex-direction:column;
        font-size:10px;
        min-width:70px
    }

    .toggle-cell__switch  {
        display:none
    }

    .toggle-cell input  {
        width:30px;
        height:18px
    }

    .toggle-cell.is-changed  {
        color:var(--accent)
    }

    .permissions-row.has-changes  {
        background:var(--accent-soft)
    }

    .admin-rights-actions  {
        position:sticky;
        bottom:12px;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:16px;
        margin-top:20px;
        padding:12px;
        border:1px solid var(--line);
        border-radius:8px;
        background:var(--surface);
        box-shadow:var(--shadow)
    }

    .admin-audit-log-head,.admin-audit-log-row  {
        display:grid;
        grid-template-columns:1.4fr 1fr 1.5fr 130px;
        gap:16px;
        align-items:start;
        padding:14px 8px;
        border-bottom:1px solid var(--line);
        font-size:12px
    }

    .admin-audit-log-head  {
        color:var(--muted);
        font-size:10px;
        text-transform:uppercase;
        letter-spacing:1px
    }

    .admin-audit-log-row small,.admin-audit-log-row strong  {
        display:block
    }

    .admin-audit-log-row__changes  {
        overflow-wrap:anywhere
    }

    .admin-payout-row  {
        display:grid;
        grid-template-columns:1.2fr 1fr 1.5fr 1fr;
        gap:16px;
        align-items:center;
        padding:16px 4px;
        border-top:1px solid var(--line)
    }

    .admin-payout-head  {
        display:grid;
        grid-template-columns:1.2fr 1fr 1.5fr 1fr;
        gap:16px;
        font-size:11px;
        color:var(--muted);
        padding:10px 4px
    }

    .admin-payout-user,.admin-payout-user-link  {
        display:flex;
        align-items:center;
        gap:10px
    }

    .admin-payout-user small,.admin-payout-recipient small,.admin-payout-amount__label  {
        display:block;
        font-size:11px;
        color:var(--muted)
    }

    .admin-payout-money  {
        font-size:19px;
        font-weight:650
    }

    .admin-payout-wallet  {
        font-size:11px;
        overflow-wrap:anywhere
    }

    .admin-payout-action  {
        display:grid;
        gap:8px;
        min-width:0
    }

    .admin-payout-archive-row  {
        display:grid;
        grid-template-columns:1fr 1fr 1.5fr auto;
        gap:14px;
        padding:14px 0;
        border-bottom:1px solid var(--line);
        align-items:center
    }

    .admin-payout-wallet__copy,.finance-history-icon-button  {
        border:1px solid var(--line);
        background:var(--surface-alt);
        color:var(--text);
        border-radius:6px;
        padding:7px
    }

    .finance-history-icon-button {
        display:inline-grid;
        place-items:center;
        width:var(--control-height);
        height:var(--control-height);
        min-width:var(--control-height);
        min-height:var(--control-height);
        flex:0 0 var(--control-height);
        padding:0;
        line-height:1;
        vertical-align:middle;
        cursor:pointer
    }
    .finance-history-icon-button > .local-icon {display:block;width:16px;height:16px;flex-shrink:0}

    .admin-payout-review-actions  {
        display:flex;
        gap:8px
    }

    .admin-online-table-wrap  {
        overflow:auto
    }

    .admin-online-table  {
        min-width:680px
    }

    .admin-online-user,.admin-top-row  {
        display:flex;
        align-items:center;
        gap:10px
    }

    .admin-online-user>span  {
        gap:4px;
        min-width:0;
        display:grid
    }

    .admin-top-row  {
        padding:12px 0;
        border-bottom:1px solid var(--line)
    }

    .admin-top-value  {
        margin-left:auto
    }

    .admin-online-now__list  {
        display:flex;
        flex-wrap:wrap;
        gap:10px
    }

    .admin-online-now__user  {
        padding:8px 12px;
        border:1px solid var(--line);
        border-radius:8px
    }

    .admin-online-now__user img  {
        width:28px;
        height:28px;
        border-radius:8px
    }

    .admin-online-kpi-grid  {
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:14px;
        margin-bottom:20px
    }

    .api-page-heading  {
        display:block
    }

    .api-page-heading p  {
        display:none
    }

    .api-integrations-grid  {
        display:grid;
        gap:18px
    }

    .api-integration-card  {
        display:grid;
        gap:18px
    }

    .api-integration-card__head  {
        display:flex;
        align-items:center;
        gap:14px
    }

    .api-integration-card__mark  {
        display:grid;
        place-items:center;
        width:44px;
        height:44px;
        background:var(--accent-soft);
        color:var(--accent);
        border-radius:10px;
        font:700 12px ui-monospace,monospace
    }

    .api-integration-card__eyebrow  {
        font-size:10px;
        color:var(--muted)
    }

    .api-service-status  {
        margin-left:auto
    }

    .api-service-status.is-active  {
        color:var(--accent);
        background:var(--accent-soft)
    }

    .api-integration-card__description  {
        font-size:12px;
        color:var(--muted)
    }

    .api-integration-card__body  {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px
    }

    .api-integration-card__actions  {
        grid-column:1/-1;
        display:flex;
        align-items:center;
        gap:16px
    }

    .api-client-card  {
        padding:16px 0;
        border-top:1px solid var(--line);
        display:flex;
        gap:16px;
        align-items:center
    }

    .api-client-main  {
        flex:1;
        min-width:0
    }

    .api-client-main small  {
        display:block
    }

    .api-client-actions  {
        display:flex;
        gap:8px
    }

    .api-client-status,.api-client-used  {
        font-size:11px;
        color:var(--muted)
    }

    .server-metric-grid,.server-diagnostics-grid,.server-log-grid,.server-actions-grid  {
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
        gap:16px
    }

    .server-metric-card  {
        display:grid;
        gap:8px;
        padding:16px;
        background:var(--surface-alt);
        border:1px solid var(--line);
        border-radius:9px
    }

    .server-metric-card strong  {
        font-size:23px
    }

    .server-status-strip,.server-status-meta,.server-backup-actions,.server-actions-row  {
        display:flex;
        flex-wrap:wrap;
        gap:12px;
        align-items:center;
        margin-bottom:18px
    }

    .server-actions-main,.server-actions-danger  {
        display:grid;
        gap:12px;
        align-content:start
    }

    .server-actions-group-head  {
        font-size:12px;
        color:var(--muted)
    }

    .server-backup-row  {
        display:flex;
        gap:14px;
        align-items:center;
        justify-content:space-between;
        border-top:1px solid var(--line);
        padding:14px 0
    }

    .server-backup-main small  {
        display:block
    }

    .server-backup-row__actions  {
        display:flex;
        gap:8px
    }

    .matrix-admin-stats  {
        display:flex;
        gap:12px
    }

    .matrix-admin-stats>div  {
        padding:12px 18px;
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:9px
    }

    .matrix-admin-stats > div  {
        display:grid;
        gap:6px;
        min-width:140px
    }

    .matrix-admin-stats strong  {
        font-size:24px
    }

    .matrix-admin-stats span,.matrix-admin-stats small  {
        font-size:11px;
        color:var(--muted)
    }

    .matrix-admin-filters  {
        display:flex;
        gap:8px;
        flex-wrap:wrap;
        margin:12px 0
    }

    .matrix-admin-filters a  {
        padding:5px 10px;
        background:var(--surface-alt);
        border-radius:5px;
        font-size:12px
    }

    .matrix-admin-search  {
        display:flex;
        gap:8px;
        align-items:center
    }

    .matrix-admin-toolbar  {
        display:flex;
        justify-content:space-between;
        gap:16px;
        margin-bottom:18px
    }

    .matrix-admin-heading small  {
        display:block
    }

    .matrix-admin-row  {
        display:flex;
        gap:16px;
        align-items:center;
        padding:16px 0;
        border-top:1px solid var(--line)
    }

    .matrix-admin-row-main  {
        flex:1;
        min-width:0;
        overflow-wrap:anywhere
    }

    .matrix-admin-row-main small  {
        display:block
    }

    .matrix-admin-actions,.matrix-admin-badges  {
        display:flex;
        gap:8px;
        align-items:center;
        flex-wrap:wrap
    }

    .matrix-admin-user-menu  {
        position:relative
    }

    .matrix-admin-user-menu[open] {background:transparent;padding:0}

    .matrix-admin-password-form  {
        display:grid;
        gap:8px
    }

    .matrix-admin-new-token  {
        overflow-wrap:anywhere
    }

    .matrix-admin-new-token code  {
        display:block;
        margin:12px 0
    }

    .preview-user-results  {
        display:grid;
        gap:8px
    }

    .preview-user-results button  {
        display:flex;
        gap:10px;
        align-items:center
    }

    .preview-user-results img  {
        width:32px;
        height:32px;
        border-radius:8px
    }


    .api-secret-field:has([data-secret-toggle]) {grid-template-columns:minmax(0,1fr) auto;align-content:start}
    .api-secret-field:has([data-secret-toggle]) > span {grid-column:1/-1}
    .api-secret-field:has([data-secret-toggle]) > input {grid-column:1;grid-row:2}
    .api-secret-field > [data-secret-toggle] {grid-column:2;grid-row:2;align-self:center}
    .api-secret-field:has([data-secret-toggle]) > small {grid-column:1/-1;grid-row:3}
    .api-client-create {display:grid;gap:14px}
    .api-create-line > .field {flex:1;min-width:0}
    .api-create-line {margin-bottom:0}
    .api-extension-key-form {margin-top:14px}
    .admin-page:has(.admin-financial-passkey) > .data-panel {max-width:640px;width:100%;margin-inline:auto}
    .admin-financial-passkey {padding-top:16px}
    .admin-financial-passkey > div {display:grid;gap:6px}
    .admin-financial-passkey > .button {justify-self:start}
    .financial-confirm-separator {display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}
    .financial-confirm-separator::before,.financial-confirm-separator::after {content:"";height:1px;background:var(--line);flex:1}
    .matrix-admin-create-token {display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
    .matrix-admin-create-token > label {display:grid;gap:8px;flex:1 1 180px;min-width:0;font-size:12px}
    .matrix-admin-create-token > div {display:grid;gap:6px;flex:1 1 180px}
    .matrix-admin-user-menu > summary {display:grid;place-items:center;list-style:none;width:var(--control-height);height:var(--control-height);padding:0;font-size:0;border:1px solid var(--line);border-radius:8px;color:var(--muted)}
    .matrix-admin-user-menu > summary::-webkit-details-marker {display:none}
    .matrix-admin-user-menu[open] {max-width:100%;border:0}
    .matrix-admin-user-menu > div {position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;gap:10px;width:280px;max-width:calc(100vw - 48px);padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
    .matrix-admin-password-reset {display:block}
    .matrix-admin-password-reset[open] > summary {margin-bottom:8px}
    .matrix-admin-password-reset > label {display:grid;gap:6px;font-size:12px}
    .matrix-admin-row-main code {overflow-wrap:anywhere}


    .admin-online-filter {display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(110px,1fr)) auto;align-items:end;gap:12px}
    .admin-online-filter > label {display:grid;gap:8px;min-width:0;font-size:12px}
    .admin-payout-review-fields {display:grid;gap:12px}
    .admin-payout-review-fields > label {display:grid;gap:6px;font-size:12px;min-width:0}
    .admin-payout-review-actions {flex-wrap:wrap}
    .admin-payout-status {font-size:11px;color:var(--muted)}
    .matrix-admin-user-actions {display:flex;gap:10px;min-width:0;margin-top:0;flex-wrap:nowrap}
    .matrix-admin-user-actions .button {max-width:100%;white-space:normal}
    .matrix-admin-password-reset > summary {font-size:12px;padding:6px 0}

    .admin-payout-table--queue .admin-payout-head,.admin-payout-table--queue .admin-payout-row {grid-template-columns:minmax(160px,1fr) minmax(180px,1.4fr) minmax(150px,1fr)}
    .admin-payout-amount {display:grid;gap:6px;min-width:0}
    .admin-payout-amount > strong {font-size:18px}
    .admin-payout-money {display:grid;gap:4px;font-size:11px;font-weight:400;color:var(--muted)}
    .admin-payout-money > div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px}
    .admin-payout-recipient {display:grid;gap:10px;min-width:0}
    .admin-payout-wallet {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
    .admin-payout-wallet__copy {display:inline-flex;align-items:center;gap:8px;font-size:11px;max-width:100%}
    .admin-payout-status-field {display:grid;gap:8px}
    .admin-payout-archive-money,.admin-payout-archive-meta {display:grid;gap:6px;min-width:0}
    .matrix-admin-row-main > strong {margin-right:8px}
    .matrix-admin-row-main > code {font-size:11px;color:var(--muted)}
    .matrix-admin-user-menu > summary::before {content:'';width:18px;height:18px;background:currentColor;mask:url('/assets/main/icons/lucide/ellipsis.svg') center/contain no-repeat}
}
@layer domains   {
    /* Operational screens. Each domain owns its layout; controls use components. */
    .work-profile-tabs,.admin-payout-tabs,.admin-statistics-tabs,.matrix-admin-tabs,.balance-hub__tabs,.finance-operation-tabs,.finance-history-tabs  {
        display:flex;
        gap:5px;
        overflow-x:auto;
        max-width:100%;
        padding:5px;
        background:var(--surface-alt);
        border:1px solid var(--line);
        border-radius:9px;
        margin-bottom:18px
    }

    .work-profile-tabs a,.admin-payout-tabs a,.admin-payout-tabs button,.admin-statistics-tabs a,.matrix-admin-tabs a,.balance-hub__tab,.finance-operation-tabs button,.finance-history-tabs button  {
        flex-shrink:0;
        border:0;
        background:transparent;
        color:var(--muted);
        padding:9px 14px;
        font-size:12px;
        border-radius:6px;
        text-decoration:none
    }

    .work-profile-tabs .is-active,.admin-payout-tabs .is-active,.admin-statistics-tabs .is-active,.matrix-admin-tabs .is-active,.balance-hub__tab.is-active,.finance-operation-tabs .is-active,.finance-history-tabs .is-active  {
        color:var(--accent);
        background:var(--surface);
        box-shadow:0 1px 4px #0001;
        font-weight:600
    }

    .tools-navigation {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
    .tools-navigation > .button {width:auto;max-width:100%}

    .tools-menu  {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px
    }

    .tools-menu__item  {
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:26px;
        border:1px solid var(--line);
        border-radius:12px;
        background:var(--surface);
        text-decoration:none!important;
        color:var(--text)
    }

    .tools-menu__item:hover  {
        border-color:var(--accent)
    }

    .tools-menu__label  {
        display:flex;
        align-items:center;
        gap:16px;
        font-size:17px;
        font-weight:600
    }

    .tools-menu__icon  {
        display:grid;
        place-items:center;
        width:42px;
        height:42px;
        border-radius:10px;
        background:var(--accent-soft);
        color:var(--accent)
    }

    .tools-menu__arrow  {
        color:var(--muted)
    }

    .tools-admin-grid  {
        display:grid;
        grid-template-columns:300px minmax(0,1fr);
        gap:18px
    }

    .tools-user-panel  {
        align-self:start
    }

    .tools-user-search,.tools-email-filter  {
        display:flex;
        align-items:end;
        gap:8px;
        margin-bottom:16px
    }

    .tools-user-list  {
        display:grid;
        gap:5px;
        max-height:440px;
        overflow:auto
    }

    .tools-user-list a  {
        display:flex;
        align-items:center;
        gap:8px;
        padding:10px;
        border-radius:7px;
        color:var(--text);
        font-size:12px
    }

    .tools-user-list a.is-active  {
        background:var(--accent-soft);
        color:var(--accent)
    }

    .tools-user-list img  {
        width:30px;
        height:30px;
        border-radius:8px
    }

    .tools-email-create  {
        align-content:start
    }

    .tools-email-create > .button  {
        justify-self:start
    }

    .tools-email-create,.tools-create-fields,.tools-email-bulk,.tools-sms-form  {
        display:grid;
        gap:14px
    }

    .tools-create-mode  {
        align-items:center;
        display:flex;
        gap:8px;
        margin:14px 0     ;
    }

    .tools-create-mode button,.tools-email-status-tab  {
        padding:9px 12px;
        border:1px solid var(--line);
        border-radius:6px;
        background:var(--surface);
        color:var(--text)
    }

    .tools-create-mode .is-active,.tools-email-status-tab.is-active  {
        background:var(--accent-soft);
        color:var(--accent)
    }

    .tools-email-board  {
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:16px
    }

    .tools-email-status-tab  {
        display:flex;
        align-items:center;
        gap:10px;
        height:38px
    }

    .tools-email-edit  {
        grid-template-columns:1.4fr 1fr 1.6fr auto;
        align-items:end
    }

    .tools-email-edit label,.tools-create-fields label  {
        display:grid;
        gap:6px;
        font-size:12px
    }

    .tools-email-edit textarea  {
        min-height:var(--control-height);
        height:var(--control-height)
    }

    .tools-email-recipient  {
        font-size:11px;
        color:var(--muted);
        margin-bottom:8px
    }

    .tools-email-row > .tools-email-actions  {
        margin-top:12px
    }

    .tools-email-column  {
        min-width:0
    }

    .tools-email-column__head  {
        display:flex;
        justify-content:space-between;
        font-size:12px;
        padding:10px 0
    }

    .tools-email-column__empty  {
        padding:20px;
        color:var(--muted);
        font-size:12px
    }

    .tools-email-status-tabs  {
        align-items:center;
        display:flex;
        gap:8px;
        margin:14px 0;
        flex-wrap:wrap     ;
    }

    .tools-email-row,.tools-inventory-row  {
        border:1px solid var(--line);
        border-radius:9px;
        padding:16px;
        margin-bottom:10px;
        background:var(--surface)
    }

    .tools-email-value  {
        display:flex;
        gap:8px;
        align-items:center;
        font-weight:600;
        font-size:13px;
        overflow-wrap:anywhere
    }

    .tools-email-view,.tools-email-edit  {
        display:grid;
        gap:12px
    }

    .tools-email-actions,.tools-email-secret__control,.tools-email-lifecycle  {
        display:flex;
        align-items:center;
        gap:8px;
        flex-wrap:wrap
    }

    .tools-email-icon-button  {
        border:0;
        border-radius:5px;
        padding:5px;
        background:var(--surface-alt);
        color:var(--muted)
    }

    .tools-email-note  {
        color:var(--muted);
        font-size:12px;
        white-space:pre-wrap
    }

    .tools-email-progress-badge  {
        font-size:10px;
        color:var(--accent)
    }

    .tools-inventory-grid  {
        display:grid;
        grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);
        gap:20px
    }

    .tools-inventory-help  {
        font-size:12px;
        color:var(--muted)
    }

    .tools-sms-async {display:grid;gap:20px;min-width:0}

    .tools-sms-summary  {
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
        gap:16px;
        align-items:stretch
    }

    .tools-sms-balance  {
        display:grid;
        gap:12px;
        align-items:start;
        padding:14px 20px;
        border-radius:10px;
        background:var(--accent-soft);
        color:var(--accent)
    }

    .tools-sms-balance strong  {
        font-size:24px
    }

    .tools-sms-grid  {
        position:relative;
        display:grid;
        grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);
        gap:20px
    }

    .tools-sms-form  {
        align-self:start;
        position:relative
    }

    .tools-sms-loading  {
        position:absolute;
        inset:0;
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--surface);
        z-index:5;
        border-radius:12px
    }

    .tools-sms-form.is-submitting .tools-sms-loading  {
        display:flex
    }

    .tools-sms-rental  {
        padding:18px;
        border:1px solid var(--line);
        border-radius:9px;
        margin-bottom:12px;
        background:var(--surface)
    }

    .tools-sms-rental header,.tools-sms-rental-actions  {
        display:flex;
        justify-content:space-between;
        gap:8px;
        align-items:center;
        flex-wrap:wrap
    }

    .tools-sms-rental-status  {
        font-size:11px;
        color:var(--accent)
    }

    .tools-sms-rental-actions  {
        justify-content:flex-start;
        margin-top:12px
    }

    .tools-sms-manage-grid  {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
        margin-top:18px
    }

    .tools-sms-manage-card,.tools-sms-note  {
        display:grid;
        gap:10px
    }

    .tools-sms-message-list>*,.tools-sms-history-list>*  {
        padding:10px 0;
        border-bottom:1px solid var(--line);
        font-size:12px
    }

    .tools-sms-price  {
        font-size:22px;
        color:var(--accent)
    }

    .tools-sms-checklist  {
        display:grid;
        gap:10px;
        font-size:12px
    }

    .work-metric-group > header  {
        display:flex;
        align-items:baseline;
        gap:12px;
        margin:18px 0 10px
    }

    .work-metric-group > header span,.work-income-section__head > span  {
        font-size:12px;
        color:var(--muted)
    }

    .work-performance-main  {
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:24px
    }

    .work-rank-chip  {
        padding:8px 14px;
        border-radius:7px;
        background:var(--accent-soft);
        color:var(--accent);
        font-size:12px
    }

    .work-progress-line  {
        display:flex;
        justify-content:space-between;
        font-size:12px;
        color:var(--muted);
        margin:12px 0
    }

    .work-progress-bar::before  {
        content:"";
        display:block;
        width:var(--value,0%);
        height:100%;
        background:var(--accent)
    }

    .work-progress-bar  {
        display:block;
        height:7px;
        background:var(--line);
        border-radius:5px;
        overflow:hidden
    }

    .work-progress-bar>span,.work-progress-bar>i  {
        display:block;
        height:100%;
        background:var(--accent)
    }

    .work-metric-groups  {
        display:grid;
        gap:20px
    }

    .work-metric-grid,.work-income-grid  {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:14px
    }

    .work-metric-card,.work-income-card  {
        display:flex;
        gap:12px;
        align-items:center;
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:9px;
        padding:18px
    }

    .work-metric-card__body  {
        display:grid;
        gap:6px
    }

    .work-metric-card__body strong  {
        font-size:21px
    }

    .work-metric-card__icon  {
        color:var(--accent)
    }

    .work-metric-group>h3,.work-income-section__head  {
        margin-bottom:14px
    }

    .work-income-card  {
        display:grid
    }

    .work-income-card strong  {
        font-size:24px
    }

    .work-income-card.is-primary  {
        background:var(--accent-soft);
        border-color:transparent
    }

    .work-layout  {
        display:grid;
        gap:20px
    }

    .work-rate-list  {
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
        gap:16px
    }

    .work-rate-card  {
        padding:18px;
        background:var(--surface-alt);
        border:1px solid var(--line);
        border-radius:9px;
        display:grid;
        gap:10px
    }

    .work-rate-row,.admin-rate-row,.work-rank-row,.work-user-item  {
        display:flex;
        align-items:center;
        gap:16px;
        padding:14px 4px;
        border-top:1px solid var(--line)
    }

    .work-rate-main,.work-user-item__identity  {
        flex:1
    }

    .work-rate-main small,.work-user-item__identity small  {
        display:block
    }

    .work-rate-money  {
        font:600 13px ui-monospace,monospace
    }

    .work-user-item > img,.admin-work-selected > img  {
        width:36px;
        height:36px;
        border-radius:10px;
        flex-shrink:0
    }

    .work-user-item__stats  {
        display:flex;
        gap:14px;
        font-size:12px
    }

    .work-rank-create,.admin-work-form  {
        display:flex;
        align-items:end;
        gap:12px;
        margin-bottom:20px
    }

    .work-rank-row input[type=text]  {
        flex:1
    }

    .work-rank-row input[type=color],.work-rank-create input[type=color]  {
        width:48px;
        min-width:48px;
        padding:4px
    }

    .work-editor-actions  {
        display:flex;
        gap:10px;
        margin-top:20px
    }

    .balance-hub__stats  {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:24px;
        padding:8px 0 24px
    }

    .balance-hub__stat  {
        display:grid;
        gap:8px;
        border-right:1px solid var(--line);
        padding-right:20px
    }

    .balance-hub__stat:last-child  {
        border:0
    }

    .balance-hub__stat>span  {
        font-size:12px;
        color:var(--muted)
    }

    .balance-hub__stat strong  {
        font-size:24px;
        letter-spacing:-1px
    }

    .balance-hub__stat--available strong  {
        color:var(--accent)
    }

    .balance-hub-section  {
        display:grid;
        gap:20px
    }

    .withdraw-terminal-form  {
        display:grid;
        gap:16px
    }

    .withdraw-amount-stage  {
        padding:16px;
        background:var(--surface-alt);
        border:1px solid var(--line);
        border-radius:10px
    }

    .balance-amount-row  {
        display:flex;
        align-items:center;
        gap:10px
    }

    .withdraw-amount  {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:8px 12px;
        width:100%;
        max-width:560px;
    }

    .withdraw-amount > span  {
        grid-column:1/-1;
        font-size:12px;
        color:var(--muted)
    }

    .withdraw-amount > b  {
        display:flex;
        gap:6px;
        align-items:center;
        font-size:12px
    }

    .withdraw-amount img,.wallet-network-tag img,.balance-history-network img,.network-badge img  {
        width:18px;
        height:18px;
        object-fit:contain;
        vertical-align:middle
    }

    .withdraw-recipient-card__head  {
        display:flex;
        gap:12px;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap
    }

    .withdraw-recipient-card__head > span  {
        font-size:12px;
        color:var(--muted)
    }

    .withdraw-amount input  {
        font-size:20px!important;
        font-weight:650
    }

    .withdraw-quick  {
        display:flex;
        gap:8px;
        margin-top:12px;
        flex-wrap:wrap
    }

    .withdraw-quick button,.finance-debit-sources button  {
        border:1px solid var(--line);
        border-radius:5px;
        background:var(--surface);
        color:var(--muted);
        padding:6px 12px;
        font-size:12px
    }

    .withdraw-recipient-grid  {
        display:grid;
        grid-template-columns:minmax(160px,1fr) 150px minmax(220px,2fr);
        gap:16px;
        margin-top:14px     ;
    }

    .balance-form-footer,.withdraw-live-summary  {
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:18px
    }

    .withdraw-live-summary  {
        font-size:12px;
        margin-top:14px;
        color:var(--muted)
    }

    .balance-wallet-compact,.history-row,.frozen-row  {
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:18px;
        padding:16px 0;
        border-bottom:1px solid var(--line);
        font-size:12px
    }

    .balance-wallet-compact  {
        overflow-wrap:anywhere
    }

    .balance-wallet-form__row  {
        display:grid;
        grid-template-columns:180px 1fr auto;
        gap:12px;
        align-items:end
    }

    .balance-wallet-add  {
        margin-top:20px
    }

    .wallet-network-tag,.balance-history-network  {
        font:600 10px ui-monospace,monospace;
        color:var(--accent)
    }

    .balance-status  {
        font-size:11px;
        padding:5px 8px;
        border-radius:5px;
        background:var(--surface-alt)
    }

    .balance-alert  {
        padding:12px;
        border-radius:7px;
        background:var(--danger-soft);
        color:var(--danger);
        font-size:12px;
        margin:12px 0
    }

    .finance-operation-form  {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
        align-items:start;
        max-width:960px
    }

    .finance-operation-form > .button {justify-self:start;min-width:140px}
    .balance-form-footer > .field {flex:1;max-width:560px}
    .balance-submit-box {display:grid;gap:12px;justify-items:end}
    .withdraw-settlement {display:flex;gap:8px;flex-wrap:wrap;font-size:12px}

    .finance-debit-sources  {
        display:flex;
        gap:8px;
        flex-wrap:wrap;
        margin:12px 0
    }

    .finance-rate-shortcuts {display:grid;gap:8px;max-width:960px;min-width:0}
    .finance-rate-shortcuts__label {font-size:11px;line-height:1.4;color:var(--muted);font-weight:600}
    .finance-rate-shortcuts__list {display:flex;flex-wrap:wrap;gap:8px;min-width:0}
    .finance-rate-shortcuts button {
        display:inline-flex;align-items:center;justify-content:space-between;gap:12px;
        min-height:var(--control-height);max-width:100%;padding:8px 12px;
        border:1px solid var(--line);border-radius:var(--control-radius);
        background:var(--surface-alt);color:var(--text);font-size:12px;line-height:1.4;
        text-align:left;cursor:pointer;
        transition:background var(--motion-fast),border-color var(--motion-fast)
    }
    .finance-rate-shortcuts__name {min-width:0;overflow-wrap:anywhere}
    .finance-rate-shortcuts button strong {flex-shrink:0;font-size:12px;color:var(--accent);font-weight:650;white-space:nowrap}
    .finance-rate-shortcuts button:hover {background:var(--accent-soft);border-color:var(--accent)}
    .finance-rate-shortcuts button:active {background:var(--accent-soft)}

    .finance-history-row  {
        display:grid;
        grid-template-columns:1.4fr 1fr 1fr 1fr auto;
        gap:16px;
        align-items:center;
        padding:16px 0;
        border-bottom:1px solid var(--line)
    }

    .finance-history-row small  {
        display:block
    }

    .finance-history-actions  {
        display:flex;
        gap:6px
    }

    /* Matrix onboarding: one full-width surface, explicit content hierarchy. */
    .matrix-chat-start {display:grid;grid-template-columns:minmax(0,1fr)}
    .matrix-chat-copy-card {
        display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;
        background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px
    }
    .matrix-chat-connection {display:grid;align-content:start;gap:12px;min-width:0}
    .matrix-chat-badge {display:flex;align-items:center;gap:8px;font-size:11px;color:var(--accent)}
    .matrix-chat-side-info {display:grid;align-content:start;gap:20px;padding-left:28px;border-left:1px solid var(--line)}
    .matrix-chat-security,.matrix-chat-recovery {display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px}
    .matrix-chat-security h3,.matrix-chat-recovery h3 {margin-bottom:6px}
    .matrix-chat-page p {color:var(--muted);line-height:1.6}
    .matrix-copy-field,.matrix-mini-copy {display:flex;flex-wrap:wrap;gap:12px;align-items:center;min-width:0}
    .matrix-copy-field code,.matrix-mini-copy code,.matrix-chat-invite-list code {
        padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-alt);
        min-width:0;overflow-wrap:anywhere;font-size:12px
    }
    .matrix-mini-copy button {display:grid;place-items:center;min-width:36px;min-height:36px;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--accent-soft);color:var(--accent)}
    .matrix-chat-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
    .matrix-step-card {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
    .matrix-step-card > b {display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:12px}
    .matrix-step-card small {line-height:1.6;overflow-wrap:anywhere}
    .matrix-chat-invites {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px}
    .matrix-chat-invites h2 {margin-bottom:6px}
    .matrix-chat-invites__head {display:flex;align-items:center;justify-content:flex-end;gap:12px;align-self:start}
    .matrix-chat-invites__head > span {white-space:nowrap;padding:6px 10px;border-radius:6px;background:var(--surface-alt);color:var(--muted);font-size:12px}
    .matrix-chat-invite-list,.matrix-chat-invites > .alert {grid-column:1/-1}
    .matrix-chat-invite-list {display:grid;gap:0}
    .matrix-chat-invite-list article {display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
    .matrix-chat-invite-list article:last-child {padding-bottom:0}
    .matrix-chat-invite-list article > div {display:grid;gap:6px;min-width:0}
    .matrix-chat-invite-list small {font-size:11px;color:var(--muted)}

    .tools-user-search > label {display:grid;gap:6px;flex:1;min-width:0;font-size:12px}
    .tools-user-search > .button {align-self:end}
    .tools-email-filter > label {min-width:0}
    .tools-email-actions > form,.tools-email-lifecycle > form {display:flex;align-items:center}


    .balance-wallet-compact > div,.history-row > div,.frozen-row > div {display:grid;gap:6px;min-width:0}
    .balance-wallet-compact > div > small {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px}
    .history-row > div > small,.frozen-row > div > small {font-size:11px;line-height:1.5}
    .wallet-network-tag,.balance-history-network {display:inline-flex;align-items:center;gap:5px}
    .balance-wallet-form {display:grid;gap:14px;margin-top:14px}
    .balance-wallet-form > .button {justify-self:start}

    .tools-inventory-grid {align-items:start}
    .tools-email-note-field {display:grid;gap:8px;min-width:0}
    .tools-inventory-row {display:flex;flex-wrap:wrap;align-items:center;gap:14px}
    .tools-inventory-row > div {display:grid;gap:6px;min-width:0;flex:1 1 200px;overflow-wrap:anywhere}
    .tools-inventory-assign {display:flex;align-items:center;gap:8px;flex:1 1 260px;min-width:0}
    .tools-inventory-assign > select {flex:1;min-width:0}
    .tools-inventory-help ol {margin:0;padding-left:20px;line-height:1.7}

    .tools-sms-message-list > article,.tools-sms-history-list > article {
        display:grid;gap:6px;min-width:0;overflow-wrap:anywhere;line-height:1.5
    }
    .tools-sms-message-list > article > span,.tools-sms-history-list > article > span {font-size:11px;color:var(--muted)}
    .tools-sms-message-list > article > p {margin:0}
    .tools-sms-rental > div:first-child,.tools-sms-empty > div {display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
    .tools-sms-rental > div:first-child > small {font-size:11px;color:var(--muted)}
    .tools-sms-rental-status {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:8px}
    .tools-sms-price {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
    .tools-sms-price > span {font-size:12px;color:var(--muted)}
    .tools-sms-empty {display:grid;gap:14px;justify-items:start}
    .finance-history-row > div:first-child {display:grid;gap:4px;min-width:0}


    .work-profile-page {max-width:1360px}
    .work-rank-chip {display:inline-flex;align-items:center;gap:8px}
    .work-rank-chip .local-icon {width:16px;height:16px}
    .work-metric-card {align-items:flex-start;padding:16px}
    .work-metric-card__icon {display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:var(--accent-soft);border-radius:8px}
    .work-metric-card__icon .local-icon {width:16px;height:16px}
    .work-metric-card__body {min-width:0;gap:7px}
    .work-metric-card__body em {font-style:normal;font-size:11px;color:var(--muted);line-height:1.5}
    .work-metric-card__body strong {font-size:20px;line-height:1.3;overflow-wrap:anywhere}
    .work-metric-group > header {flex-wrap:wrap;gap:5px 12px;margin-top:16px}
    .work-income-card {grid-template-columns:24px minmax(0,1fr);gap:8px 12px;align-content:start;align-items:start;padding:16px}
    .work-income-card > .local-icon {grid-column:1;grid-row:1/4;width:20px;height:20px;color:var(--accent)}
    .work-income-card > span:not(.local-icon),.work-income-card > strong,.work-income-card > small {grid-column:2;min-width:0}
    .work-income-card > strong {font-size:22px;line-height:1.3;overflow-wrap:anywhere}
    .work-income-section__head {display:grid;gap:5px}
    .withdraw-amount {grid-template-columns:minmax(0,1fr);max-width:560px}
    .withdraw-amount > input {grid-column:1;grid-row:2;width:100%;min-height:44px;padding-right:100px;appearance:textfield}
    .withdraw-amount > input::-webkit-inner-spin-button,.withdraw-amount > input::-webkit-outer-spin-button {appearance:none;margin:0}
    .withdraw-amount > b {grid-column:1;grid-row:2;justify-self:end;margin-right:12px;pointer-events:none;z-index:1}
    .withdraw-quick button {min-height:32px;font-weight:600;color:var(--text);cursor:pointer}
    .withdraw-quick button:hover {background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}

    .work-rate-card em {font-style:normal;font-size:11px;color:var(--muted)}
}
@layer domains   {
    .dossier-folder-dock  {
        display:grid;
        gap:12px
    }

    .dossier-folder-dock .panel-title  {
        margin:0
    }

    .dossier-folder-dock__actions,.dossier-folder-dock__tabs  {
        display:flex;
        gap:8px;
        flex-wrap:wrap
    }

    .dossier-folder-dock__tabs a.is-active  {
        background:var(--accent-soft);
        color:var(--accent);
        border-color:var(--accent)
    }

    .dossier-list-heading  {
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:18px;
        gap:12px
    }

    .bulk-actions-inline,.dossier-list-actions,.operational-bulk-actions  {
        display:flex;
        gap:12px;
        align-items:center
    }

    .dossier-table-head,.dossier-row  {
        display:grid;
        grid-template-columns:26px minmax(100px,1fr) minmax(140px,1.3fr) minmax(130px,1fr) minmax(100px,1fr) 110px;
        gap:12px;
        align-items:center;
        padding:13px 8px;
        border-bottom:1px solid var(--line);
        font-size:12px
    }

    .dossier-table-head  {
        color:var(--muted);
        font-size:10px;
        background:var(--surface-alt);
        text-transform:uppercase;
        letter-spacing:.7px
    }

    .dossier-row--readonly,.dossier-table-head--readonly  {
        grid-template-columns:1fr 1.3fr 1fr 1fr 110px
    }

    .dossier-row-link  {
        display:contents;
        color:var(--text)
    }

    .dossier-row-target  {
        min-width:0;
        overflow-wrap:anywhere
    }

    .dossier-row-target strong,.dossier-row-target small  {
        display:block
    }

    .dossier-row:hover  {
        background:var(--surface-alt)
    }

    .media-badges  {
        display:flex;
        gap:6px;
        flex-wrap:wrap
    }

    .media-badges>*  {
        font-size:10px;
        padding:4px;
        background:var(--surface-alt);
        border-radius:4px
    }

    .dossier-table-head--selectable > span:first-child  {
        font-size:0
    }

    .dossier-row .row-quick-preview[open]  {
        grid-column:2/-1
    }

    .row-quick-preview[open]  {
        padding:14px;
        overflow-wrap:anywhere;
        background:var(--surface-alt)
    }

    .row-quick-preview[open] > div  {
        display:grid;
        gap:6px;
        margin-top:12px
    }

    .requisite-row:has(.row-quick-preview[open])  {
        flex-wrap:wrap
    }

    .requisite-row > .row-quick-preview[open]  {
        flex-basis:100%
    }

    .row-quick-preview  {
        border:1px solid var(--line);
        background:var(--surface);
        color:var(--accent);
        padding:7px;
        border-radius:6px
    }

    .dossier-view  {
        display:grid;
        grid-template-columns:280px minmax(0,1fr);
        gap:20px
    }

    .dossier-profile  {
        display:grid;
        gap:18px
    }

    .dossier-profile-meta  {
        display:flex;
        gap:20px;
        align-items:center
    }

    .dossier-profile-photo  {
        width:180px;
        height:210px;
        border-radius:10px
    }

    .dossier-profile-photo img  {
        width:100%;
        height:100%;
        border-radius:inherit;
        object-fit:cover
    }

    .detail-item  {
        border-bottom:1px solid var(--line);
        padding:10px 0;
        overflow-wrap:anywhere
    }

    .detail-item>span,.detail-item>small  {
        display:block;
        color:var(--muted);
        font-size:11px
    }

    .detail-item strong  {
        font-size:13px
    }

    .dossier-workflow-panel,.dossier-workflow-form,.dossier-workflow-comment-form  {
        display:grid;
        gap:16px;
        align-content:start
    }

    .dossier-workflow-summary  {
        display:flex;
        justify-content:space-between;
        gap:16px
    }

    .dossier-workflow-summary > div {
        display:grid;
        gap:4px
    }

    .dossier-workflow-summary > div > span {
        color:var(--muted);
        font-size:11px
    }

    .dossier-workflow-status  {
        font-size:11px;
        color:var(--accent)
    }

    .dossier-workflow-timeline  {
        border-left:2px solid var(--line);
        padding-left:18px;
        display:grid;
        gap:18px
    }

    .dossier-workflow-event__head  {
        display:flex;
        gap:10px;
        justify-content:space-between;
        font-size:12px
    }

    .dossier-workflow-comment  {
        font-size:12px;
        color:var(--muted)
    }

    .media-gallery,.video-gallery,.guide-media-grid  {
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
        gap:14px
    }

    .photo-tile,.video-card,.guide-media-tile  {
        position:relative;
        border:1px solid var(--line);
        border-radius:8px;
        overflow:hidden;
        background:var(--surface-alt)
    }

    .photo-tile img,.guide-media-tile img  {
        width:100%;
        height:170px;
        object-fit:cover
    }

    .photo-tile-actions,.guide-media-actions  {
        display:flex;
        gap:6px;
        padding:8px
    }

    .dossier-media-manager  {
        grid-column:1/-1
    }

    .dossier-form-note  {
        grid-column:1/-1;
        color:var(--muted);
        font-size:12px
    }

    .dossier-local-media  {
        display:flex;
        gap:10px;
        flex-wrap:wrap
    }

    .dossier-local-media img  {
        width:100px;
        height:100px;
        border-radius:8px
    }

    .dossier-folder-manager__body,.dossier-folder-manager__list  {
        display:grid;
        gap:14px
    }

    .dossier-folder-create-form,.dossier-folder-rename-form {
        display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;min-width:0
    }
    .dossier-folder-create-form {padding-bottom:18px;border-bottom:1px solid var(--line)}
    .dossier-folder-manager__row {
        display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:12px;align-items:center;
        padding:14px;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;min-width:0
    }
    .dossier-folder-manager__row > a {color:var(--text);overflow-wrap:anywhere;font-size:12px}
    .dossier-folder-manager__row > a:hover {color:var(--accent)}
    .dossier-folder-manager__row > a > span {font-size:11px;color:var(--muted)}
    .dossier-folder-rename-form > input {min-width:0}


    .dossier-folder-rename-form  {
        flex:1
    }

    .dossier-folder-create-form .field  {
        flex:1
    }

    .dossier-field-row  {
        display:grid;
        grid-template-columns:24px 120px minmax(150px,1.5fr) repeat(3,minmax(100px,1fr)) 80px 80px;
        gap:12px;
        align-items:end;
        padding:14px 0;
        border-bottom:1px solid var(--line)
    }

    .dossier-field-row > * {min-width:0}
    .dossier-field-row > .field {margin:0}
    .dossier-field-active,.dossier-field-action {
        display:flex;align-items:center;min-height:var(--control-height);margin:0;gap:8px
    }
    .dossier-field-active {white-space:nowrap}
    .dossier-field-active > .switch-line__control {display:none}
    .dossier-field-active > input {margin:0;flex-shrink:0}
    .dossier-field-key {display:flex;flex-direction:column;justify-content:center;min-height:var(--control-height);gap:3px;overflow-wrap:anywhere}
    .dossier-field-drag {align-self:end}
    .dossier-field-action .dossier-field-system-badge {padding:4px 6px;border-radius:5px;background:var(--surface-alt)}
    .dossier-fields-list {margin-bottom:20px}

    .dossier-field-drag {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        width:24px;
        height:36px;
        padding:0;
        border:1px solid var(--line);
        border-radius:6px;
        background:var(--surface-alt);
        color:var(--muted);
        cursor:grab;
        touch-action:none;
        user-select:none
    }

    .dossier-field-drag > span {
        display:block;
        width:3px;
        height:3px;
        margin-right:6px;
        border-radius:50%;
        background:currentColor;
        box-shadow:6px 0 currentColor
    }

    .dossier-field-drag:hover {background:var(--accent-soft);color:var(--accent)}
    .dossier-field-drag:active {cursor:grabbing}
    .dossier-field-drag:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
    .dossier-field-row.is-dragging {background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}

    .dossier-field-key small,.dossier-folder-manager__row > a span  {
        display:block
    }

    .dossier-field-system-badge  {
        font-size:10px;
        color:var(--muted)
    }

    .dossier-folder-dock__tabs a  {
        padding:8px 14px;
        border:1px solid var(--line);
        border-radius:7px;
        background:var(--surface);
        color:var(--muted);
        font-size:12px;
        display:flex;
        gap:6px;
        align-items:center;
    }

    .dossier-table-head::after  {
        content:"Просмотр"
    }

    .dossier-field-options-wrap  {
        grid-column:2/-1
    }

    .dossier-field-options  {
        display:flex;
        flex-wrap:wrap;
        gap:8px
    }

    .dossier-field-key  {
        font-size:10px;
        color:var(--muted)
    }

    .dossier-field-create  {
        margin-top:24px
    }

    .requisite-workbench  {
        display:grid;
        gap:22px
    }

    .requisite-row  {
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        gap:16px;
        padding:16px 4px;
        border-bottom:1px solid var(--line)
    }

    .requisite-main  {
        flex:1 0 220px;
        min-width:0;
        overflow-wrap:anywhere
    }

    .requisite-main strong,.requisite-main small  {
        display:block
    }

    .requisite-meta  {
        font-size:12px;
        color:var(--muted)
    }

    .requisite-row .row-actions  {
        margin-left:auto
    }

    .entity-author  {
        font-size:12px;
        color:var(--muted);
        margin-bottom:18px
    }

    .guide-grid  {
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
        gap:18px
    }

    .guide-card  {
        display:grid;
        gap:12px;
        padding:16px;
        border:1px solid var(--line);
        border-radius:12px;
        background:var(--surface)
    }

    .guide-card-main  {
        display:grid;
        gap:8px;
        color:var(--text);
        text-decoration:none;
        overflow-wrap:anywhere
    }

    .guide-card-main:hover { color:var(--text);text-decoration:none }
    .guide-card-main > strong {font-size:14px;line-height:1.4}
    .guide-card-main > small {font-size:11px;line-height:1.5}

    .guide-card-main img  {
        width:100%;
        height:150px;
        border-radius:8px
    }

    .guide-card-meta,.guide-card-actions  {
        display:flex;
        gap:10px;
        align-items:center;
        flex-wrap:wrap;
        font-size:11px;
        color:var(--muted)
    }

    .guide-reader  {
        max-width:1000px;
        width:100%;
        margin:auto
    }

    .guide-content  {
        font-size:15px;
        line-height:1.8;
        overflow-wrap:anywhere
    }

    .guide-content h2,.guide-content h3  {
        margin:24px 0 12px
    }

    .guide-content img  {
        display:block;
        max-height:600px;
        margin:20px auto;
        border-radius:8px;
        object-fit:contain
    }

    .guide-content table  {
        display:block;
        overflow:auto
    }

    .guide-content blockquote,.guide-callout  {
        border-left:3px solid var(--accent);
        margin:20px 0;
        padding:16px;
        background:var(--accent-soft)
    }

    .guide-acknowledge  {
        padding-top:20px;
        margin-top:20px;
        border-top:1px solid var(--line)
    }

    .guide-form,.guide-fields,.guide-upload-grid  {
        display:grid;
        gap:20px
    }

    .guide-editor-panel  {
        display:grid;
        gap:16px
    }

    .editor-toolbar  {
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        padding:10px;
        border:1px solid var(--line);
        border-radius:8px;
        background:var(--surface-alt)
    }

    .editor-toolbar-group  {
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        min-width:0;
        gap:4px
    }

    .editor-toolbar button,.guide-editor-tabs button  {
        border:1px solid var(--line);
        background:var(--surface);
        color:var(--text);
        border-radius:5px;
        padding:6px 9px
    }

    .guide-editor  {
        min-height:280px;
        border:1px solid var(--line);
        padding:20px;
        border-radius:8px;
        outline:none;
        line-height:1.7
    }

    .guide-editor img  {
        max-width:100%
    }

    .guide-preview  {
        padding:20px;
        border:1px solid var(--line);
        border-radius:8px
    }

    .guide-inline-upload  {
        display:none
    }

    .guide-editor-tabs  {
        display:flex;
        gap:8px
    }

    .selection-toolbar,.guide-image-toolbar  {
        position:absolute;
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:8px;
        padding:6px;
        box-shadow:var(--shadow);
        z-index:60
    }

    .project-updates-list  {
        display:grid;
        width:100%;
        max-width:100%;
        gap:18px
    }

    .project-update-card  {
        border:1px solid var(--line);
        background:var(--surface);
        border-radius:12px;
        padding:24px
    }

    .project-update-card__head  {
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        flex-wrap:wrap;
        gap:12px;
        margin:6px 0 12px
    }

    .project-update-card__date,.project-update-card__meta  {
        font-size:11px;
        color:var(--muted)
    }

    .project-update-card__content  {
        font-size:13px;
        line-height:1.65;
        overflow-wrap:anywhere
    }

    .project-update-card__content img  {
        max-height:400px
    }

    .project-update-card__actions  {
        display:flex;
        gap:8px
    }

    .project-update-form  {
        display:grid;
        gap:18px
    }

    .project-update-card__meta {display:block;margin-top:14px;line-height:1.6}
    .project-update-card__actions {flex-wrap:wrap;align-items:center}
    .project-update-readers {margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
    .project-update-readers > summary {width:fit-content;cursor:pointer;color:var(--muted);font-size:12px;padding:6px 0}
    .project-update-readers > summary:hover {color:var(--accent)}
    .project-update-readers > summary:focus-visible {outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
    .project-update-readers__list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin-top:12px}
    .project-update-readers__list > span {display:grid;gap:6px;padding:10px 12px;border-radius:8px;background:var(--surface-alt);border:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
    .project-update-readers__list small {display:block;color:var(--muted);font-size:11px;line-height:1.5}

    .folder-create-form  {
        display:flex;
        gap:12px;
        align-items:end
    }

    .folder-create-form .field  {
        flex:1
    }

    .folder-explorer  {
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
        gap:18px
    }

    .folder-card  {
        border:1px solid var(--line);
        border-radius:10px;
        padding:20px;
        background:var(--surface-alt)
    }

    .folder-card-main  {
        display:block;
        padding-bottom:18px;
        color:var(--text)
    }

    .folder__shape  {
        display:block;
        width:48px;
        height:36px;
        border-radius:5px;
        background:var(--accent-soft);
        border:1px solid var(--accent);
        margin-bottom:16px
    }

    .folder__meta  {
        display:flex;
        justify-content:space-between;
        font-size:13px
    }

    .folder__count  {
        color:var(--muted)
    }

    .folder-actions-panel,.folder-rename-form  {
        display:grid;
        gap:10px
    }

    .profile-panel  {
        display:grid;
        gap:22px
    }

    .profile-top  {
        justify-content:space-between;
        padding-bottom:20px;
        border-bottom:1px solid var(--line)
    }

    .profile-passkeys__create  {
        align-items:center
    }

    .profile-passkeys__create .field  {
        flex:1
    }

    .profile-passkeys__head small,.profile-sessions__head small,.profile-token-form small  {
        display:block;
        margin-top:5px
    }

    .profile-passkeys,.profile-sessions  {
        display:grid;
        gap:16px;
        border-top:1px solid var(--line);
        padding-top:24px
    }

    .profile-passkeys__head,.profile-sessions__head  {
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px
    }

    .profile-passkeys__create,.profile-sessions__bulk  {
        display:flex;
        gap:10px
    }

    .profile-passkey-card,.profile-session-card  {
        display:flex;
        gap:12px;
        align-items:center;
        padding:14px 0;
        border-bottom:1px solid var(--line)
    }

    .profile-passkey-card>div,.profile-session-card>div  {
        flex:1
    }

    .profile-passkey-card small,.profile-session-card small  {
        display:block
    }

    .profile-session-card__badge  {
        font-size:10px;
        color:var(--accent)
    }

    .profile-token-form  {
        display:flex;
        gap:18px;
        align-items:center;
        justify-content:space-between;
        border-top:1px solid var(--line);
        padding-top:18px     ;
    }

    .account-autosave-status  {
        font-size:11px;
        color:var(--muted)
    }

    /* Password manager keeps its separate navigation and safe, scrollable detail pane. */
    .vault-auth-grid  {
        display:flex;
        gap:12px;
        align-items:end
    }

    .vault-auth-grid .field  {
        flex:1
    }

    .vault-auth-panel {display:grid;gap:16px;width:100%;max-width:640px;align-self:center}
    .vault-auth-panel > .panel-title {margin:0;flex-wrap:wrap}
    .vault-auth-panel > .button {justify-self:start}
    .vault-auth-grid {display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
    .vault-section-switch {display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
    .vault-section-switch a {padding:6px 9px;border-radius:6px;font-size:12px}
    .vault-section-switch .is-active {background:var(--accent-soft);color:var(--accent)}
    .vault-password-field {display:grid;gap:8px}
    .vault-strength {display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
    .vault-strength b {font-weight:400}
    .vault-generator {display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
    .vault-generator-head {flex-basis:100%;margin-bottom:0}
    .vault-generator > label {display:flex;align-items:center;gap:6px;font-size:12px}
    .vault-generator > label:has([data-password-length]) {flex-basis:100%;display:grid;gap:6px;max-width:160px}
    .vault-flag-grid > label {display:flex;align-items:center;gap:6px}
    .vault-custom-fields-list {display:grid;gap:12px}
    .vault-custom-field-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}
    .vault-tag-suggest {display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--surface-alt);border:1px solid var(--line);border-radius:8px}

    .vault-app  {
        display:grid;
        grid-template-columns:180px minmax(0,1fr);
        border:1px solid var(--line);
        border-radius:12px;
        overflow:hidden;
        background:var(--surface);
        min-height:650px
    }

    .vault-rail  {
        padding:18px;
        background:var(--surface-alt);
        border-right:1px solid var(--line)
    }

    .vault-rail-head  {
        display:flex;
        align-items:center;
        gap:10px;
        padding-bottom:20px
    }

    .vault-avatar  {
        width:30px;
        height:30px;
        border-radius:8px;
        background:var(--accent-soft);
        display:grid;
        place-items:center;
        color:var(--accent)
    }

    .vault-rail-item  {
        display:flex;
        gap:8px;
        align-items:center;
        padding:10px;
        border:0;
        border-radius:6px;
        background:transparent;
        color:var(--muted);
        width:100%;
        font-size:12px;
        text-align:left
    }

    .vault-rail-item.is-active  {
        background:var(--accent-soft);
        color:var(--accent)
    }

    .vault-rail-section  {
        margin-top:20px;
        font-size:11px
    }

    .vault-toolbar  {
        display:flex;
        align-items:center;
        gap:12px;
        padding:18px;
        border-bottom:1px solid var(--line)
    }

    .vault-search  {
        display:flex;
        align-items:center;
        gap:8px;
        min-width:0;
        flex:1
    }

    .vault-workspace  {
        display:grid;
        grid-template-columns:260px minmax(0,1fr)
    }

    .vault-items  {
        border-right:1px solid var(--line);
        padding:12px;
        min-width:0
    }

    .vault-items-head  {
        font-size:10px;
        color:var(--muted);
        padding:8px
    }

    .vault-item  {
        width:100%;
        display:flex;
        gap:10px;
        padding:14px 10px;
        border:0;
        border-radius:7px;
        text-align:left;
        background:transparent;
        color:var(--text)
    }

    .vault-item.is-active  {
        background:var(--accent-soft)
    }

    .vault-item-text  {
        min-width:0;
        flex:1
    }

    .vault-item-text strong,.vault-item-text small  {
        display:block;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }

    .vault-item-icon,.vault-detail-icon  {
        color:var(--accent)
    }

    .vault-item.is-filter-hidden,.vault-detail-card:not(.is-active),.dossier-field-options-wrap.is-hidden  {
        display:none
    }

    .vault-detail  {
        padding:22px;
        min-width:0
    }

    .vault-detail-title  {
        display:flex;
        gap:14px;
        align-items:center;
        margin-bottom:24px
    }

    .vault-detail-title-actions  {
        margin-left:auto
    }

    .vault-form  {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px
    }

    .vault-tag-control  {
        display:flex;
        gap:8px
    }

    .vault-generator,.vault-custom-fields  {
        grid-column:1/-1;
        padding:14px;
        border:1px solid var(--line);
        border-radius:8px
    }

    .vault-generator-head,.vault-custom-fields-head  {
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:10px;
        justify-content:space-between;
        margin-bottom:12px
    }

    .vault-flag-grid  {
        display:flex;
        flex-wrap:wrap;
        gap:12px;
        font-size:12px
    }

    .vault-form-actions  {
        grid-column:1/-1;
        flex-wrap:wrap;
        border-top:1px solid var(--line);
        padding-top:16px;
        display:flex;
        gap:10px
    }

    .vault-field-row  {
        display:grid;
        grid-template-columns:110px minmax(0,1fr) auto;
        gap:12px;
        border-bottom:1px solid var(--line);
        padding:16px 0;
        align-items:center;
        font-size:12px;
        overflow-wrap:anywhere
    }

    .vault-field-label  {
        color:var(--muted);
        font-size:11px
    }

    .vault-field-actions  {
        display:flex;
        gap:6px
    }

    .vault-icon-button,.vault-edit-open,.vault-edit-back,.vault-tag-toggle  {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        min-height:var(--control-height);
        height:fit-content;
        flex-shrink:0;
        font-size:12px;
        line-height:18px;
        padding:8px;
        border:1px solid var(--line);
        border-radius:var(--control-radius);
        background:var(--surface-alt);
        color:var(--text)
    }

    .vault-icon-button {width:var(--control-height);padding:8px}
    .vault-icon-button .local-icon {width:16px;height:16px}

    .vault-empty  {
        padding:28px;
        color:var(--muted);
        text-align:center
    }

    .vault-tags,.vault-state-tags  {
        display:flex;
        gap:6px;
        margin:14px 0;
        flex-wrap:wrap
    }

    .vault-tags>*  {
        padding:4px 8px;
        background:var(--accent-soft);
        color:var(--accent);
        border-radius:5px;
        font-size:10px
    }

    .vault-notes  {
        font-size:13px;
        white-space:pre-wrap;
        padding:16px 0
    }

    .vault-custom-field-row  {
        display:flex;
        gap:8px;
        margin-top:8px
    }

    .vault-tag-suggest  {
        display:grid;
        gap:4px
    }

    .vault-tag-dot  {
        width:7px;
        height:7px;
        border-radius:50%;
        background:var(--accent)
    }

    .guide-card,.tools-menu__item {transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
    @media(hover:hover) {
        .guide-card:hover {border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}
    }


    .guide-composer {display:grid;gap:12px;min-width:0}
    .guide-composer-title {display:grid;gap:4px}
    .guide-composer-title small {font-size:11px}
    .editor-toolbar-group > span {font-size:11px;color:var(--muted);margin-right:4px}
    .editor-toolbar button {min-height:32px;font-size:12px}
    .guide-editor-tabs button.is-active {background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
    .guide-preview-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
    .guide-save {justify-self:start}
    .guide-callout--warning {border-color:var(--danger);background:var(--danger-soft)}
    .guide-checklist {padding-left:22px}
    .guide-checklist li {margin:8px 0}
    .guide-text-accent {color:var(--accent)}
    .guide-content > :first-child {margin-top:0}
    .profile-passkeys__create {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 10px}
    .profile-passkeys__create .field {display:contents}
    .profile-passkeys__create .field > span {grid-column:1/-1}
    .profile-passkeys__create .field > input {grid-column:1;grid-row:2}
    .profile-passkeys__create .field > small {grid-column:1/-1;grid-row:3}
    .profile-passkeys__create > .button {grid-column:2;grid-row:2;align-self:center}
    .profile-passkeys__status {line-height:1.6}
    .profile-passkey-card > div,.profile-session-card > div {min-width:0;overflow-wrap:anywhere}
    .profile-passkey-card__icon,.profile-session-card__icon {display:none}
    .profile-passkey-empty,.profile-session-empty {padding:14px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:12px}
    .profile-passkey-card small,.profile-session-card small {margin-top:4px;line-height:1.5}
    .profile-session-card__badge {padding:4px 7px;border-radius:5px;background:var(--accent-soft);white-space:nowrap}


    .dossier-workflow-history {display:grid;gap:12px;margin-top:18px}
    .dossier-workflow-event {display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);font-size:12px;overflow-wrap:anywhere}
    .dossier-workflow-event__head {display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px}

    .guide-editor:focus-visible {border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}

    .dossier-row-target,.requisite-main,.dossier-folder-manager__row > a,.folder-empty-state {display:grid;gap:4px}
    .folder-empty-state {padding:18px;line-height:1.5}
    .folder-empty-state > span {font-size:12px;color:var(--muted)}

    .project-update-delete:hover {background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}
}

@layer domains {
    .currency-calculator { max-width: 640px; padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
    .currency-calculator__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .currency-calculator__fields label { display: grid; gap: 8px; font-weight: 600; min-width: 0; }
    .currency-calculator__fields input { width: 100%; min-width: 0; }
    .currency-calculator__hint, .currency-calculator__result small { color: var(--muted); font-size: 13px; }
    .currency-calculator__hint { margin: 16px 0; }
    .currency-calculator__error { color: var(--danger); font-size: 13px; }
    .currency-calculator__result { display: grid; gap: 8px; margin-top: 16px; padding: 20px; background: var(--accent-soft); border-radius: 8px; overflow-wrap: anywhere; }
    .currency-calculator__result output { font-size: clamp(24px, 5vw, 32px); font-weight: 700; color: var(--accent); font-variant-numeric: tabular-nums; }
    @media (max-width: 560px) {
        .currency-calculator { padding: 16px; }
        .currency-calculator__fields { grid-template-columns: 1fr; }
    }
}

@layer domains {
    .currency-calculator__share { display: grid; gap: 8px; margin-top: 12px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-alt); overflow-wrap: anywhere; }
    .currency-calculator__share output { font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
    .currency-calculator__share small { color: var(--muted); font-size: 13px; }
}

@layer domains {
    .currency-calculator__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
    .currency-calculator__actions [role=status] { color: var(--muted); font-size: 13px; }
    .currency-history { min-width: 0; margin-top: 28px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
    .currency-history__head { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; margin-bottom: 16px; }
    .currency-history__head h2 { margin: 0; font-size: 18px; }
    .currency-history__head h2 span { color: var(--muted); font-size: 13px; font-weight: 400; }
    .currency-history__search { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 420px; max-width: 100%; margin: 0; }
    .currency-history__search input { min-width: 0; width: 100%; }
    .currency-history__search button { margin: 0; white-space: nowrap; }
    .currency-history__hint, .currency-history__empty { color: var(--muted); font-size: 13px; }
    .currency-history__scroll { overflow-x: auto; }
    .currency-history__table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .currency-history__table th, .currency-history__table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); }
    .currency-history__table th { white-space: nowrap; color: var(--muted); font-weight: 600; }
    .currency-history__table td { min-width: 90px; max-width: 240px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
    .currency-history__table td:first-child { white-space: nowrap; }
    .currency-history__pager { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; font-size: 13px; }
    @media (max-width: 560px) { .currency-history { padding: 16px; } .currency-history__search { width: 100%; } }
}

@layer domains {
    .accounting-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
    .accounting-total, .accounting-panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; min-width: 0; }
    .accounting-total { display: flex; flex-direction: column; gap: 10px; }
    .accounting-total > span { font-size: 13px; color: var(--muted); }
    .accounting-total strong { font-size: clamp(20px, 2.2vw, 28px); line-height: 1.25; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
    .accounting-total strong small { font-size: 12px; font-weight: 500; }
    .accounting-total--balance strong { color: var(--accent); }
    .accounting-total--debt { background: var(--danger-soft); border-color: var(--danger); }
    .accounting-total--debt strong, .accounting-total--debt > span { color: var(--danger); }
    .accounting-total__breakdown { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12px; color: var(--muted); }
    .accounting-panel { margin-bottom: 20px; }
    .accounting-panel h2 { font-size: 17px; margin: 0 0 16px; }
    .accounting-panel h2 span { color: var(--muted); font-size: 13px; font-weight: 400; }
    .accounting-entry__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
    .accounting-entry label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; min-width: 0; }
    .accounting-entry [hidden] { display: none; }
    .accounting-entry__actions { display: flex; gap: 8px; margin-top: 16px; }
    .accounting-history__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
    .accounting-history__head h2 { margin: 0; }
    .accounting-filter { display: flex; gap: 8px; max-width: 100%; }
    .accounting-history__scroll { overflow-x: auto; }
    .accounting-history__table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .accounting-history__table th, .accounting-history__table td { padding: 10px; border-bottom: 1px solid var(--line); text-align: left; }
    .accounting-history__table th { white-space: nowrap; color: var(--muted); font-weight: 600; }
    .accounting-history__table td { min-width: 80px; max-width: 240px; overflow-wrap: anywhere; }
    .accounting-history__table td:first-child, .accounting-history__amount { white-space: nowrap; font-variant-numeric: tabular-nums; }
    .accounting-history__amount { font-weight: 600; }
    .accounting-history__editor { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
    .accounting-type { display: inline-block; padding: 4px 7px; border-radius: 5px; font-size: 12px; }
    .accounting-type--income { color: var(--accent); background: var(--accent-soft); }
    .accounting-type--expense { color: var(--danger); background: var(--danger-soft); }
    .accounting-empty { color: var(--muted); font-size: 13px; }
    .accounting-pager { display: flex; gap: 12px; align-items: center; margin-top: 16px; }
    @media (max-width: 900px) { .accounting-entry__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 600px) {
        .accounting-totals, .accounting-entry__grid { grid-template-columns: minmax(0, 1fr); }
        .accounting-total, .accounting-panel { padding: 16px; }
        .accounting-filter { width: 100%; flex-wrap: wrap; }
        .accounting-filter input { flex: 1 1 100%; }
        .accounting-filter select { flex: 1; width: auto; }
    }
}

@layer domains {
    .accounting-choices { min-width: 0; padding: 0; margin: 0; border: 0; }
    .accounting-choices legend { padding: 0; margin-bottom: 6px; font-size: 13px; font-weight: 600; }
    .accounting-choices__options { display: flex; gap: 6px; }
    .accounting-choices__options label { position: relative; flex: 1; cursor: pointer; }
    .accounting-choices__options input { position: absolute; opacity: 0; width: 1px; height: 1px; }
    .accounting-choices__options span { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-alt); }
    .accounting-choices__options input:checked + span { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
    .accounting-choices__options input:focus-visible + span { box-shadow: var(--focus); }
    .accounting-date { grid-column: span 2; display: grid; align-content: start; gap: 6px; min-width: 0; }
    .accounting-date__controls, .accounting-date__shortcuts, .accounting-date__picker { display: flex; align-items: center; gap: 8px; min-width: 0; }
    .accounting-date__controls { flex-wrap: wrap; }
    .accounting-date__picker input { width: 155px; min-width: 0; }
    .accounting-date__shortcuts button[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent); border-color: var(--accent); }
    @media (max-width: 600px) { .accounting-date { grid-column: auto; } .accounting-date__controls { gap: 10px; } }
}

@layer domains {
    .accounting-categories { max-width: 840px; }
    .accounting-category-form { display: flex; align-items: flex-end; gap: 12px; }
    .accounting-category-form__name { flex: 1; display: grid; gap: 6px; min-width: 0; font-size: 13px; }
    .accounting-category-form--row { align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
    .accounting-category-form--row input[name=name] { flex: 1; width: auto; min-width: 0; }
    .accounting-category-form button, .accounting-category-form a { flex-shrink: 0; }
    .accounting-choices__options { flex-wrap: wrap; }
    .accounting-choices__options label { flex: 1 1 90px; }
    .accounting-choices__options span { overflow-wrap: anywhere; text-align: center; }
    @media (max-width: 600px) {
        .accounting-category-form--row { flex-wrap: wrap; }
        .accounting-category-form--row input[name=name] { flex-basis: 100%; }
    }
}
@layer components   {
    .image-modal,.avatar-crop-modal,.confirm-modal,.guide-views-modal,.payout-confirm-modal,.finance-confirm-modal,.withdraw-info-modal,.dossier-folder-modal  {
        position:fixed;
        inset:0;
        z-index:200;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:24px;
        background:#06191bcc;
        backdrop-filter:blur(5px)
    }

    .image-modal__backdrop,.avatar-crop-modal__backdrop,.confirm-modal__backdrop,.guide-views-modal__backdrop,.payout-confirm-modal__backdrop,.finance-confirm-modal__backdrop,.withdraw-info-modal__backdrop  {
        position:absolute;
        inset:0;
        border:0;
        background:transparent
    }

    .image-modal__dialog,.avatar-crop-modal__dialog,.confirm-modal__dialog,.guide-views-modal__dialog,.payout-confirm-modal__card,.finance-confirm-modal__card,.withdraw-info-modal__dialog,.dossier-folder-modal__dialog  {
        position:relative;
        z-index:1;
        width:min(100%,560px);
        max-height:90dvh;
        overflow:auto;
        padding:26px;
        border:1px solid var(--line);
        border-radius:16px;
        background:var(--surface);
        box-shadow:var(--shadow);
        animation:td-enter var(--motion-normal) backwards
    }

    .confirm-modal__dialog  {
        display:grid;
        gap:18px;
        max-width:420px
    }

    .confirm-modal__icon  {
        display:grid;
        place-items:center;
        width:40px;
        height:40px;
        border-radius:50%;
        background:var(--danger-soft);
        color:var(--danger);
        font-size:22px
    }

    .confirm-modal__content h2  {
        margin-bottom:10px
    }

    .confirm-modal__actions,.avatar-crop-actions  {
        display:flex;
        justify-content:flex-end;
        gap:10px
    }

    .avatar-crop-head,.guide-views-modal__head,.dossier-folder-modal__head  {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin-bottom:20px
    }

    .avatar-crop-workspace  {
        display:flex;
        gap:20px;
        align-items:center
    }

    .avatar-crop-stage  {
        position:relative;
        width:280px;
        height:280px;
        overflow:hidden;
        touch-action:none;
        background:#0a171a;
        flex-shrink:0
    }

    .avatar-crop-stage img  {
        position:absolute;
        max-width:none;
        transform-origin:0 0;
        pointer-events:none
    }

    .avatar-crop-frame  {
        position:absolute;
        inset:0;
        border:2px solid #fff8;
        pointer-events:none
    }

    .avatar-crop-preview-card  {
        display:grid;
        gap:10px
    }

    .avatar-crop-preview-card canvas  {
        border-radius:50%
    }

    .avatar-crop-zoom  {
        margin:20px 0
    }

    .image-modal__dialog  {
        width:auto;
        max-width:96vw;
        padding:50px 0 0;
        background:transparent;
        border:0;
        overflow:visible
    }

    .image-modal__dialog>img  {
        display:block;
        max-height:78dvh;
        max-width:90vw;
        object-fit:contain
    }

    .image-modal__toolbar  {
        position:absolute;
        top:0;
        left:0;
        right:0;
        display:flex;
        justify-content:flex-end;
        gap:16px;
        color:#fff;
        align-items:center
    }

    .image-modal__action  {
        color:#fff
    }

    .image-modal__close  {
        background:transparent;
        border:1px solid #fff6;
        border-radius:6px;
        width:32px;
        height:32px;
        color:#fff
    }


    .image-modal__nav  {
        position:absolute;
        top:50%;
        background:#10282bbb;
        color:#fff;
        border:1px solid #fff3;
        border-radius:8px;
        font-size:30px;
        width:38px;
        height:48px
    }

    .image-modal__nav--prev  {
        left:8px
    }

    .image-modal__nav--next  {
        right:8px
    }

    .payout-confirm-modal__close,.finance-confirm-modal__close  {
        border:0;
        background:transparent;
        color:var(--muted);
        font-size:24px
    }

    .payout-confirm-modal__details,.finance-confirm-modal__details  {
        display:grid;
        gap:10px;
        margin:22px 0;
        overflow-wrap:anywhere
    }

    .guide-views-user  {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:8px 14px;
        padding:14px 0;
        border-bottom:1px solid var(--line);
        align-items:center
    }

    .guide-views-user__identity  {
        display:flex;
        gap:10px;
        align-items:center;
        flex:1
    }

    .guide-views-user img  {
        width:32px;
        height:32px;
        border-radius:8px
    }

    .guide-views-summary  {
        display:flex;
        gap:20px;
        padding:16px;
        background:var(--surface-alt);
        border-radius:8px
    }

    .guide-views-user__date  {
        grid-column:1/-1;
        display:flex;
        flex-wrap:wrap;
        gap:6px;
        font-size:11px;
        color:var(--muted)
    }

    .dossier-search-results,.guide-suggest  {
        position:absolute;
        z-index:50;
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:8px;
        box-shadow:var(--shadow);
        animation:td-enter var(--motion-normal) backwards;
        max-height:300px;
        overflow:auto
    }

    .dossier-search-results:empty,.guide-suggest:empty  {
        display:none
    }

    .dossier-picker,.guide-search-field  {
        position:relative
    }

    .dossier-search-results button,.guide-suggest a  {
        display:block;
        width:100%;
        padding:12px;
        background:transparent;
        border:0;
        color:var(--text);
        text-align:left
    }

    .is-soft-loading .cabinet-main  {
        opacity:.65;
        pointer-events:none
    }

    .dossier-folder-modal  {
        margin:auto;
        inset:0;
        width:min(760px,calc(100vw - 28px));
        height:fit-content;
        max-height:90dvh;
        border:0;
        padding:0;
        background:transparent;
        color:var(--text);
        backdrop-filter:none;
        overflow:visible
    }

    .dossier-folder-modal::backdrop  {
        background:#06191bcc;
        backdrop-filter:blur(5px)
    }

    .dossier-folder-modal__dialog  {
        width:100%;
        max-height:90dvh
    }

    .dossier-folder-modal__head strong,.dossier-folder-modal__head span  {
        display:block
    }

    .dossier-folder-modal__head span  {
        font-size:11px;
        color:var(--muted);
        margin-bottom:5px
    }

    .guide-views-modal__head > div {display:grid;gap:4px}
    .guide-views-modal__head > div > span {font-size:11px;color:var(--muted)}
    .guide-views-overview {display:grid;gap:8px;margin-bottom:18px}
    .guide-views-summary {justify-content:space-between;font-size:12px;padding:12px}
    .guide-views-users__head {display:grid;gap:4px;margin-bottom:6px}
    .guide-views-users__head > span {font-size:11px;color:var(--muted)}
    .guide-views-user__identity {flex-wrap:wrap;gap:4px 8px;min-width:0}
    .guide-views-user__metric {display:flex;gap:6px;font-size:12px}


    .dossier-local-media__remove {border:1px solid var(--line);background:var(--surface);color:var(--muted)}

    /* A geometric cross avoids font-baseline offsets at every zoom level. */
    .image-modal__close,.payout-confirm-modal__close,.finance-confirm-modal__close,.toast button,.dossier-local-media__remove,.project-update-delete {
        position:relative;
        display:inline-grid;
        place-items:center;
        flex:0 0 36px;
        width:36px;
        height:36px;
        min-width:36px;
        min-height:36px;
        padding:0;
        line-height:1;
        font-size:0;
        border-radius:8px;
        vertical-align:middle;
        cursor:pointer
    }
    .image-modal__close::before,.payout-confirm-modal__close::before,.finance-confirm-modal__close::before,.toast button::before,.dossier-local-media__remove::before,.project-update-delete::before {
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:16px;
        height:16px;
        transform:translate(-50%,-50%);
        background:currentColor;
        clip-path:polygon(8% 0,50% 42%,92% 0,100% 8%,58% 50%,100% 92%,92% 100%,50% 58%,8% 100%,0 92%,42% 50%,0 8%);
        pointer-events:none
    }
    .image-modal__close:hover,.payout-confirm-modal__close:hover,.finance-confirm-modal__close:hover,.toast button:hover,.dossier-local-media__remove:hover,.project-update-delete:hover {background:var(--surface-alt);color:var(--text)}
    .image-modal__close:hover {background:#ffffff20;color:#fff}


    .dossier-search-results button {display:grid;gap:4px}
    .dossier-search-results button > small {font-size:11px;color:var(--muted);overflow-wrap:anywhere}

    .project-update-delete::before {width:18px;height:18px}
}
@layer responsive   {
    @media(min-width:1600px)  {
        .cabinet-main  {
            padding:44px 48px 70px
        }

    }

    @media(max-width:1200px)  {
        :root  {
            --sidebar:218px
        }

        .cabinet-main  {
            padding:28px 24px 50px
        }

        .user-account-row  {
            grid-template-columns:minmax(160px,1fr) 100px 130px auto;
            gap:10px
        }

        .tools-admin-grid  {
            grid-template-columns:260px minmax(0,1fr)
        }

        .tools-email-board  {
            grid-template-columns:1fr
        }

        .vault-workspace  {
            grid-template-columns:210px minmax(0,1fr)
        }

        .vault-app  {
            grid-template-columns:150px minmax(0,1fr)
        }

        .permissions-row  {
            grid-template-columns:1fr
        }

        .permissions-row__roles  {
            justify-content:flex-start
        }

        .dossier-table  {
            overflow:auto
        }

        .dossier-table-head,.dossier-row  {
            min-width:740px
        }

        .tools-sms-grid  {
            grid-template-columns:280px minmax(0,1fr)
        }

    }

    @media(max-width:1200px)  {
        .matrix-chat-copy-card  {
            grid-template-columns:1fr
        }

        .matrix-chat-side-info  {
            padding:20px 0 0;
            border-left:0;
            border-top:1px solid var(--line)
        }

        .tools-email-edit  {
            grid-template-columns:1fr 1fr
        }

        .matrix-admin-stats {
            flex-wrap:wrap
        }

        .cabinet-shell  {
            padding-left:0;
            padding-top:70px
        }

        .cabinet-nav  {
            width:100%;
            height:70px;
            bottom:auto;
            box-shadow:0 1px 0 #ffffff15
        }

        .cabinet-nav-head  {
            height:70px;
            padding:12px 20px;
            gap:12px
        }

        .cabinet-brand  {
            margin-right:auto
        }

        .cabinet-wordmark  {
            font-size:20px
        }

        .cabinet-nav.is-open  {
            height:100dvh
        }

        .cabinet-nav.is-open .cabinet-nav-body  {
            display:flex
        }

        .cabinet-nav-body  {
            display:none;
        padding:4px 20px 12px;
        }

        .cabinet-nav-head .td-theme-switch  {
            display:flex
        }

        .menu-toggle  {
            display:grid;
            place-items:center;
            width:38px;
            height:38px;
            border:1px solid #ffffff25;
            border-radius:7px;
            background:transparent;
            color:var(--nav-text)
        }

        .menu-toggle__icon--close  {
            display:none
        }

        .cabinet-nav.is-open .menu-toggle__icon--open  {
            display:none
        }

        .cabinet-nav.is-open .menu-toggle__icon--close  {
            display:block
        }

        .cabinet-nav-footer .td-theme-switch  {
            display:none
        }

        .cabinet-main  {
            padding:24px 20px 40px
        }

        .is-cabinet-menu-open  {
            overflow:hidden
        }

        .tools-inventory-grid,.tools-sms-grid,.admin-user-layout,.admin-work-grid,.admin-stats-grid,.work-performance-main,.matrix-chat-start,.dossier-view  {
            grid-template-columns:1fr
        }

        .tools-admin-grid  {
            grid-template-columns:1fr
        }

        .tools-user-list  {
            max-height:180px
        }

        .tools-user-panel  {
            display:grid;
            gap:10px
        }

        .vault-app  {
            grid-template-columns:1fr
        }

        .vault-rail  {
            display:flex;
            gap:10px;
            overflow:auto;
            border-right:0;
            border-bottom:1px solid var(--line);
            padding:10px
        }

        .vault-rail-head  {
            padding:0;
            flex-shrink:0
        }

        .vault-rail-section  {
            margin:0
        }

        .vault-section-switch  {
            display:flex
        }

        .vault-rail-item  {
            white-space:nowrap;
            width:auto
        }

        .vault-rail-section>span,.vault-rail-section>h3  {
            display:none
        }

        .admin-payout-head  {
            display:none
        }

        .admin-payout-row  {
            grid-template-columns:1fr 1fr
        }

        .admin-audit-log-head  {
            display:none
        }

        .admin-audit-log-row  {
            grid-template-columns:1fr 1fr
        }

        .admin-tools-grid  {
            grid-template-columns:1fr
        }

        .work-metric-grid,.work-income-grid  {
            grid-template-columns:repeat(2,minmax(0,1fr))
        }

        .matrix-chat-grid  {
            grid-template-columns:1fr
        }

        .dossier-field-row  {
            grid-template-columns:24px 1fr 1fr
        }

        .dossier-field-options-wrap  {
            grid-column:1/-1
        }

    }

    @media(min-width:1201px)  {
        .cabinet-nav-head .td-theme-switch  {
            display:none
        }

    }

    /* Tablet content gets the full viewport; dense rows become readable cards. */
    @media(max-width:1200px) {
        .cabinet-main {width:100%;padding:24px;min-width:0}
        .dossier-field-drag {grid-column:1;grid-row:1}
        .dossier-field-key {grid-column:2/-1}
        .dossier-field-row > .field {grid-column:2;min-width:0}
        .dossier-field-row > .field:nth-of-type(even) {grid-column:3}
        .dossier-field-active {grid-column:2}
        .dossier-field-action {grid-column:3}
        .dossier-field-row > .dossier-field-options-wrap {grid-column:2/-1}
        .vault-app {min-height:0;align-content:start;grid-template-rows:auto 1fr}
        .vault-rail {align-items:center;max-width:100%;min-width:0}
        .vault-rail > * {flex-shrink:0}
        .vault-rail-section {display:flex;align-items:center;gap:6px}
        .vault-section-switch {gap:8px;align-items:center}

        .cabinet-main > *, .data-panel > *, .requisite-workbench > *, .vault-browser {min-width:0;max-width:100%}
        .cabinet-hero,.panel-title,.hero-actions,.hero-meta {flex-wrap:wrap}
        .bulk-actions-inline,.operational-bulk-actions,.dossier-list-actions,
        .preview-controls,.admin-rights-toolbar,.api-create-line,
        .matrix-admin-toolbar,.matrix-admin-search,.server-backup-row,
        .profile-passkeys__create,.profile-token-form,.work-rank-create,
        .work-rate-row,.work-rank-row,.admin-rate-row {flex-wrap:wrap}
        .bulk-actions-inline > select {width:auto;min-width:150px;max-width:100%}
        .bulk-actions-inline .custom-select {min-width:150px}
        .user-account-row {grid-template-columns:minmax(150px,1fr) 100px minmax(110px,1fr) auto}
        .user-account-row > *, .admin-payout-row > *, .admin-audit-log-row > *, .finance-history-row > * {min-width:0;overflow-wrap:anywhere}
        .tools-email-board {grid-template-columns:minmax(0,1fr)}
        .tools-email-edit {grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
        .tools-email-edit > * {min-width:0}
        .tools-email-status-tabs {flex-wrap:wrap}
        .tools-email-filter {flex-wrap:wrap}
        .tools-email-filter > label {display:grid;gap:6px;flex:1 1 180px}
        .tools-menu {grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
        .admin-payout-archive-row {grid-template-columns:repeat(2,minmax(0,1fr))}
        .admin-payout-wallet {grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere}
        .permissions-row__roles {flex-wrap:wrap}
        .withdraw-recipient-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
        .withdraw-recipient-grid > .field:last-child {grid-column:1/-1}
        .balance-wallet-form__row {grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto}
        .balance-form-footer,.withdraw-live-summary,.history-row,.frozen-row {flex-wrap:wrap}
        .work-rank-row {display:grid;grid-template-columns:minmax(160px,1fr) 80px 48px 70px auto 36px 36px;gap:10px}
        .work-user-item {flex-wrap:wrap}
        .work-user-item__stats {flex-wrap:wrap}
        .matrix-chat-copy-card {grid-template-columns:minmax(0,1fr)}
        .matrix-chat-connection,.matrix-chat-invite-list article {flex-wrap:wrap;gap:12px}
        .matrix-mini-copy {min-width:0;flex-wrap:wrap}
        .matrix-mini-copy input {flex:1;min-width:0}
        .vault-toolbar,.vault-detail-title,.vault-detail-title-actions {flex-wrap:wrap}
        .vault-workspace {grid-template-columns:220px minmax(0,1fr)}
        .vault-field-row {grid-template-columns:80px minmax(0,1fr) auto}
        .vault-field-actions {flex-wrap:wrap}
        .vault-form {grid-template-columns:minmax(0,1fr)}
        .profile-passkey-card,.profile-session-card {flex-wrap:wrap}
        .dossier-folder-manager__row,.dossier-folder-rename-form,.dossier-folder-create-form {flex-wrap:wrap}
        .dossier-folder-rename-form {min-width:0}
        .dossier-workflow-summary {flex-wrap:wrap}
        .finance-history-row {grid-template-columns:repeat(2,minmax(0,1fr))}
        .requisite-row {
            display:grid;
            grid-template-columns:24px repeat(2,minmax(0,1fr));
            align-items:start;
            gap:10px 14px;
            padding:20px 0
        }
        .requisite-row > .bulk-check {grid-column:1;grid-row:1}
        .requisite-main {grid-column:2/-1;min-width:0;overflow-wrap:break-word}
        .requisite-row > span {min-width:0;overflow-wrap:anywhere;grid-column:2;font-size:12px}
        .requisite-row > span:nth-of-type(even) {grid-column:3}
        .requisite-row > .author-meta {grid-column:2/-1;display:flex;flex-wrap:wrap;gap:4px 8px}
        .requisite-row > .row-actions {grid-column:2;margin:0;flex-wrap:wrap}
        .requisite-row > .row-quick-preview {grid-column:3;min-width:0;justify-self:start}
        .requisite-meta {grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px}
        .requisite-main strong {font-size:14px;line-height:1.5}
        .requisite-row > .row-quick-preview[open] {grid-column:2/-1;width:100%}
    }

    @media(min-width:601px) and (max-width:800px) {
        .user-account-row {grid-template-columns:minmax(0,1fr) auto}
        .user-account-pill {grid-column:2;grid-row:1}
        .user-account-balance {text-align:left}
        .user-account-actions {justify-content:flex-end}
        .vault-workspace {grid-template-columns:minmax(0,1fr)}
        .vault-items {max-height:280px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}
        .api-integration-card__body,.finance-operation-form {grid-template-columns:minmax(0,1fr)}
        .balance-hub__stats {gap:12px}
        .balance-hub__stat {padding-right:8px}
        .balance-hub__stat strong {font-size:20px;overflow-wrap:anywhere}
    }

    @media(max-width:600px)  {
        .matrix-chat-invite-list article,.profile-token-form  {
            flex-direction:column;
            align-items:stretch
        }

        .upload-box  {
            flex-wrap:wrap
        }

        .profile-passkeys__create .field  {
            flex-basis:100%
        }

        .tools-email-edit  {
            grid-template-columns:1fr
        }

        .dossier-field-key  {
            grid-column:2
        }

        .dossier-field-active,.dossier-field-action  {
            grid-column:2
        }

        .dossier-folder-manager__row > a  {
            flex-basis:100%
        }

        h1  {
            font-size:22px
        }

        .cabinet-main  {
            padding:20px 14px 32px;
            gap:18px
        }

        .cabinet-hero  {
            align-items:flex-start;
            flex-wrap:wrap;
            padding-bottom:18px;
            gap:14px
        }

        .data-panel  {
            padding:16px;
            border-radius:10px
        }

        .panel-title  {
            flex-wrap:wrap;
            gap:8px
        }

        .admin-users-summary  {
            gap:14px
        }

        .user-account-row  {
            grid-template-columns:1fr auto;
            gap:12px
        }

        .user-profile-head  {
            grid-column:1
        }

        .user-account-pill  {
            grid-column:2;
            grid-row:1
        }

        .user-account-balance  {
            text-align:left;
            font-size:11px
        }

        .user-account-actions  {
            justify-content:flex-end
        }

        .pending-user-card  {
            flex-wrap:wrap
        }

        .pending-user-main  {
            flex-basis:100%
        }

        .form-grid,.filters-grid,.dossier-form,.requisite-form,.detail-grid,.api-integration-card__body,.admin-user-form-grid,.finance-operation-form,.tools-sms-manage-grid  {
            grid-template-columns:1fr
        }

        .field--wide,.api-integration-card__actions  {
            grid-column:auto
        }

        .tools-menu  {
            grid-template-columns:1fr;
            gap:10px
        }

        .tools-menu__item  {
            padding:20px
        }


        .tools-email-filter,.users-search  {
            flex-wrap:wrap
        }

        .tools-email-filter input,.users-search input  {
            flex-basis:100%
        }

        .permissions-row  {
            padding:14px 12px;
            gap:14px
        }

        .permissions-row__roles  {
            gap:8px;
            flex-wrap:wrap
        }

        .toggle-cell  {
            min-width:62px
        }

        .admin-rights-actions  {
            bottom:8px
        }

        .api-integration-card__head  {
            flex-wrap:wrap
        }

        .api-service-status  {
            margin-left:0
        }

        .api-client-card  {
            flex-wrap:wrap
        }

        .api-client-main  {
            flex-basis:100%
        }

        .api-create-line,.profile-passkeys__create  {
            flex-wrap:wrap
        }

        .admin-payout-row,.admin-payout-archive-row  {
            grid-template-columns:1fr
        }

        .admin-audit-log-row  {
            grid-template-columns:1fr
        }

        .admin-online-kpi-grid,.balance-hub__stats  {
            grid-template-columns:1fr;
            gap:16px
        }

        .balance-hub__stat  {
            border-right:0;
            border-bottom:1px solid var(--line);
            padding:0 0 16px
        }

        .balance-hub__stat strong  {
            font-size:22px
        }

        .withdraw-recipient-grid,.balance-wallet-form__row  {
            grid-template-columns:1fr
        }

        .balance-form-footer  {
            align-items:stretch;
            flex-direction:column
        }

        .history-row,.frozen-row,.balance-wallet-compact  {
            flex-wrap:wrap;
            gap:10px
        }

        .finance-history-row  {
            grid-template-columns:1fr 1fr
        }

        .withdraw-live-summary  {
            flex-wrap:wrap
        }

        .work-metric-grid,.work-income-grid  {
            grid-template-columns:1fr 1fr;
            gap:10px
        }

        .work-metric-card,.work-income-card  {
            padding:14px;
            gap:8px
        }

        .work-metric-card__icon  {
            display:none
        }

        .work-user-item,.work-rate-row,.work-rank-row,.admin-rate-row  {
            flex-wrap:wrap
        }

        .work-user-item__stats  {
            flex-basis:100%
        }

        .work-rank-create  {
            flex-direction:column;
            align-items:stretch
        }

        .work-rank-row .field  {
            width:100%
        }

        .requisite-row  {
            flex-wrap:wrap
        }

        .requisite-main  {
            flex-basis:70%
        }

        .requisite-meta  {
            margin-left:30px
        }

        .dossier-list-heading  {
            flex-wrap:wrap
        }

        .bulk-actions-inline  {
            flex-wrap:wrap
        }

        .dossier-folder-manager__row,.dossier-folder-rename-form  {
            flex-wrap:wrap
        }

        .dossier-field-row  {
            padding:18px 0;
            gap:12px;
        grid-template-columns:24px minmax(0,1fr);
        }

        .dossier-field-row>.field  {
            grid-column:2
        }

        .guide-grid  {
            grid-template-columns:1fr
        }

        .project-update-card  {
            padding:18px
        }

        .vault-workspace  {
            grid-template-columns:1fr
        }

        .vault-items  {
            border-right:0;
            border-bottom:1px solid var(--line);
            max-height:250px;
            overflow:auto
        }

        .vault-detail  {
            padding:16px
        }

        .vault-form  {
            grid-template-columns:1fr
        }

        .vault-field-row  {
            grid-template-columns:80px minmax(0,1fr) auto;
            gap:8px
        }

        .vault-toolbar  {
            flex-wrap:wrap
        }

        .vault-search  {
            flex-basis:100%
        }

        .profile-passkeys__head,.profile-sessions__head  {
            flex-wrap:wrap
        }

        .profile-session-card,.profile-passkey-card  {
            flex-wrap:wrap
        }

        .auth-panel  {
            padding:26px
        }

        .td-theme-switch--public  {
            top:16px;
            right:16px
        }

        .avatar-crop-workspace  {
            flex-direction:column
        }

        .avatar-crop-stage  {
            width:240px;
            height:240px
        }

        .avatar-crop-preview-card  {
            display:none
        }

        .image-modal,.avatar-crop-modal,.confirm-modal,.guide-views-modal,.payout-confirm-modal,.finance-confirm-modal,.withdraw-info-modal,.dossier-folder-modal  {
            padding:14px
        }

        .image-modal__dialog,.avatar-crop-modal__dialog,.confirm-modal__dialog,.guide-views-modal__dialog,.payout-confirm-modal__card,.finance-confirm-modal__card,.withdraw-info-modal__dialog,.dossier-folder-modal__dialog  {
            padding:20px
        }

        .image-modal__dialog  {
            padding:45px 0 0
        }

        .matrix-admin-row  {
            flex-wrap:wrap
        }

        .matrix-admin-row-main  {
            flex-basis:100%
        }

        .matrix-admin-toolbar  {
            flex-direction:column
        }

        .server-backup-row  {
            flex-wrap:wrap
        }

        .users-footer  {
            flex-wrap:wrap
        }

        .cabinet-hero .hero-actions  {
            width:100%
        }

        .dossier-field-create  {
            grid-template-columns:1fr
        }

        .guide-views-user  {
            flex-wrap:wrap
        }

    }

    @media(max-width:600px) {
        :root {--control-height:42px}
        input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea {font-size:16px;min-height:42px}
        .button,.custom-select__button {min-height:var(--control-height)}
        .cabinet-nav.is-open .cabinet-nav-body {animation:td-enter var(--motion-normal) backwards}
    }

    @media(max-width:600px) {
        .dossier-field-row > .field:nth-of-type(even) {grid-column:2}
        .dossier-field-action {grid-column:2}
        .requisite-row {grid-template-columns:20px minmax(0,1fr)}
        .requisite-row > span:nth-of-type(even),.requisite-row > .row-quick-preview,.requisite-row > .row-actions {grid-column:2}
        .requisite-meta {margin-left:0}
    }

    @media(max-width:800px) {
        .work-rank-row {grid-template-columns:repeat(2,minmax(0,1fr)) 48px}
    }

    @media(max-width:600px) {
        .vault-custom-field-row {grid-template-columns:minmax(0,1fr)}
        .vault-custom-field-row > button {justify-self:start}
        .vault-generator-head,.vault-custom-fields-head {align-items:flex-start}
        .vault-auth-panel {max-width:100%}
        .secret-input > button {min-height:var(--control-height)}
    }

    @media(max-width:800px) {
        .matrix-chat-invites {grid-template-columns:minmax(0,1fr)}
        .matrix-chat-invites__head {justify-content:flex-start;flex-wrap:wrap}
        .matrix-chat-invite-list article {grid-template-columns:minmax(0,1fr) auto}
        .matrix-chat-invite-list article > div {grid-column:1/-1}
    }
    @media(max-width:600px) {
        .matrix-chat-copy-card {padding:18px;gap:20px}
        .matrix-chat-invite-list article {grid-template-columns:minmax(0,1fr);gap:12px}
        .matrix-chat-invite-list article > .button {justify-self:start}
        .matrix-copy-field {align-items:flex-start;flex-direction:column}
        .matrix-copy-field code {max-width:100%}
    }

    @media(prefers-reduced-motion:reduce)  {
        *,*::before,*::after  {
            scroll-behavior:auto!important;
            transition:none!important;
            animation:none!important
        }

    }


    @media(max-width:800px) {
        .profile-passkey-card,.profile-session-card {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
        .profile-passkey-card > div,.profile-session-card > div {grid-column:1;grid-row:1}
        .profile-passkey-card > .button,.profile-session-card > form {grid-column:2;grid-row:1;align-self:center}
        .profile-passkey-card > .profile-session-card__badge,.profile-session-card > .profile-session-card__badge {grid-column:1/-1;justify-self:start}
        .matrix-admin-row {flex-wrap:wrap}
        .matrix-admin-row-main {flex-basis:100%}
        .matrix-admin-actions {width:100%;min-width:0}
        .matrix-admin-user-menu[open] {flex-basis:auto}
    }
    @media(max-width:600px) {
        .work-user-item {display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px 10px}
        .work-user-item > img,.work-user-item > .user-profile-avatar {grid-column:1;grid-row:1/3}
        .work-user-item__identity {grid-column:2/-1;min-width:0}
        .work-user-item__stats {grid-column:2;min-width:0;font-size:11px}
        .work-user-item__action {grid-column:3;justify-self:end;font-size:11px}
        .matrix-admin-create-token > .button {flex-basis:100%}
        .editor-toolbar {padding:8px;gap:10px}
        .editor-toolbar-group {flex-basis:100%}
        .editor-toolbar button {min-height:36px}
        .guide-save {width:100%}
        .project-update-form__actions {display:flex;flex-wrap:wrap;gap:10px}
        .profile-passkeys__create {grid-template-columns:minmax(0,1fr) auto}
    }


    @media(max-width:1200px) {
        .admin-online-filter {grid-template-columns:repeat(2,minmax(0,1fr))}
        .admin-online-filter > .button {justify-self:start}
    }
    @media(max-width:600px) {
        .admin-online-filter {grid-template-columns:minmax(0,1fr)}
        .balance-wallet-compact {align-items:flex-start;flex-wrap:wrap;gap:12px}
        .history-row > div {flex-basis:100%}
    }

    @media(max-width:800px) {
        .admin-payout-table--queue .admin-payout-row {grid-template-columns:minmax(0,1fr)}
    }
    @media(max-width:800px) {
        .image-modal__close,.payout-confirm-modal__close,.finance-confirm-modal__close,.toast button,.dossier-local-media__remove,.project-update-delete {
            width:42px;height:42px;min-width:42px;min-height:42px;flex-basis:42px
        }
    }
    @media(max-width:600px) {
        .admin-user-danger-action {flex-direction:column;align-items:stretch;gap:12px}
        .admin-user-danger-action > .button {width:100%}
    }
    @media(max-width:600px) {
        .dossier-folder-manager__row {grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px}
        .dossier-folder-manager__row > a {grid-column:1;grid-row:1}
        .dossier-folder-delete-form {grid-column:2;grid-row:1}
        .dossier-folder-rename-form {grid-column:1/-1;grid-row:2}
    }
    @media(max-width:420px) {
        .dossier-folder-create-form,.dossier-folder-rename-form {grid-template-columns:minmax(0,1fr)}
        .dossier-folder-create-form > .button,.dossier-folder-rename-form > .button {width:100%}
    }

    @media(max-width:800px) {
        .matrix-admin-user-actions {justify-content:space-between}
        .work-metric-card,.work-income-card {padding:14px}
    }

    @media(max-width:600px) {
        .work-metric-grid,.work-income-grid {grid-template-columns:minmax(0,1fr)}
        .work-metric-card {display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:5px 10px;align-items:center}
        .work-metric-card__icon {display:grid;grid-column:1;grid-row:1/3}
        .work-metric-card__body {display:contents}
        .work-metric-card__body > small {grid-column:2;grid-row:1}
        .work-metric-card__body > em {grid-column:2;grid-row:2}
        .work-metric-card__body > strong {grid-column:3;grid-row:1/3;font-size:16px;max-width:125px;text-align:right}
        .work-progress-line {display:grid;gap:6px}
    }
}

@layer responsive {
    @media (max-width: 1200px) { .cabinet-links a { min-height: 38px; } }
}