/* Responsive components, menu and unclipped branding. */

:root{
    --rx30-navy:#123c69;
    --rx30-blue:#0b64b8;
    --rx30-green:#39a847;
    --rx30-text:#17344e;
    --rx30-muted:#687f91;
    --rx30-line:#d6e2ea;
    --rx30-soft:#f4f9fc;
    --rx30-shadow:0 18px 48px rgba(31,62,84,.12);
}

/* Text/CSS brand lockup eliminates cropped SVG text. */
.rx30-brand-lockup{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:14px;
    color:var(--rx30-text);
    text-decoration:none;
}
.rx30-rx-mark{
    position:relative;
    width:86px;
    height:76px;
    flex:0 0 86px;
    display:block;
}
.rx30-r,
.rx30-x{
    position:absolute;
    top:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:70px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.12em;
}
.rx30-r{left:0;color:#0a4b91}
.rx30-x{left:34px;top:6px;color:#34a846;transform:skew(-9deg)}
.rx30-plus{
    position:absolute;
    top:0;
    right:0;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border:2px solid #50b640;
    border-radius:50%;
    background:#f4fff2;
    color:#42aa35;
    font:900 18px/1 Arial,sans-serif;
}
.rx30-brand-copy{
    min-width:0;
    display:grid;
    align-content:center;
    line-height:1;
}
.rx30-brand-copy strong{
    color:#172433;
    font-size:clamp(24px,2.4vw,38px);
    font-style:normal;
    font-weight:760;
    letter-spacing:-.025em;
    white-space:nowrap;
}
.rx30-brand-copy strong em{
    color:#0b4e96;
    font-style:normal;
    font-weight:900;
}
.rx30-brand-copy small{
    margin-top:8px;
    color:#617486;
    font-size:9px;
    font-weight:800;
    letter-spacing:.26em;
    white-space:nowrap;
}
.rx30-brand-copy small i{color:#42a847;font-style:normal}
.rx30-brand-copy b{
    margin-top:7px;
    color:#174f8c;
    font-size:9px;
    letter-spacing:.25em;
    white-space:nowrap;
}

/* Login fills the available browser section instead of floating tiny. */
.rx30-login-page{
    min-height:100dvh;
    display:grid;
    align-items:stretch;
    padding:clamp(8px,1.45vw,22px);
}
.rx30-login-shell{
    container-type:inline-size;
    width:min(1320px,100%);
    min-height:calc(100dvh - clamp(16px,2.9vw,44px));
    margin:auto;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border:1px solid #cbdce7;
    border-radius:clamp(14px,1.8vw,24px);
    background:#fff;
    box-shadow:var(--rx30-shadow);
}
.rx30-login-header{
    min-height:104px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:12px clamp(18px,3vw,40px);
    border-bottom:1px solid var(--rx30-line);
    background:linear-gradient(90deg,#fff,#f7fbfd);
}
.rx30-secure-pill{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border:1px solid #bee0c7;
    border-radius:999px;
    background:#f3fbf5;
    color:#287b43;
    font-size:11px;
    font-weight:850;
}
.rx30-secure-pill i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#27aa4d;
    box-shadow:0 0 0 4px rgba(39,170,77,.12);
}
.rx30-login-body{
    flex:1 1 auto;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);
}
.rx30-login-intro{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:24px;
    padding:clamp(26px,4vw,58px);
    background:
        radial-gradient(circle at 12% 18%,rgba(28,122,188,.13),transparent 30%),
        linear-gradient(145deg,#eaf6fc,#f8fbfd 70%);
}
.rx30-intro-copy{max-width:760px}
.rx30-intro-copy>span{
    display:block;
    color:#0d67b5;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.rx30-intro-copy h1{
    max-width:760px;
    margin:12px 0 0;
    color:#123e67;
    font-size:clamp(30px,4.2vw,58px);
    line-height:1.03;
    letter-spacing:-.045em;
}
.rx30-intro-copy p{
    max-width:720px;
    margin:18px 0 0;
    color:#557084;
    font-size:clamp(14px,1.3vw,18px);
    line-height:1.65;
}
.rx30-feature-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.rx30-feature-row article{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:15px;
    border:1px solid rgba(186,207,220,.9);
    border-radius:13px;
    background:rgba(255,255,255,.84);
}
.rx30-feature-row article>b{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#e8f3fb;
    color:#0b64b8;
    font-size:10px;
}
.rx30-feature-row strong,
.rx30-feature-row small{display:block}
.rx30-feature-row strong{color:#28465e;font-size:12px}
.rx30-feature-row small{margin-top:5px;color:#718696;font-size:10px;line-height:1.4}

.rx30-partner-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.rx30-partner-row a{
    min-width:0;
    overflow:hidden;
    display:block;
    border:1px solid #cadbe6;
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 20px rgba(35,72,99,.07);
}
.rx30-partner-row img{
    display:block;
    width:100%;
    aspect-ratio:2.12/1;
    object-fit:contain;
    background:#fff;
}
.rx30-login-panel{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(26px,4vw,54px);
    border-left:1px solid var(--rx30-line);
    background:#fff;
}
.rx30-login-heading>span{
    color:#0b64b8;
    font-size:11px;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.rx30-login-heading h2{
    margin:7px 0 0;
    color:#173a58;
    font-size:clamp(26px,2.5vw,38px);
    line-height:1.08;
}
.rx30-login-heading p{
    margin:12px 0 0;
    color:#6b8090;
    font-size:12px;
    line-height:1.55;
}
.rx30-login-form{
    display:grid;
    gap:13px;
    margin-top:23px;
}
.rx30-input{
    min-width:0;
    min-height:64px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 10px!important;
    border:1px solid #bfcfda!important;
    border-radius:12px!important;
    background:#fff!important;
}
.rx30-input:focus-within{
    border-color:#3688c9!important;
    box-shadow:0 0 0 4px rgba(54,136,201,.12)!important;
}
.rx30-field-code{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#edf5fa;
    color:#2d6089;
    font-size:11px;
    font-weight:900;
}
.rx30-field-copy{min-width:0;display:grid;gap:2px}
.rx30-field-copy small{
    color:#6c8190;
    font-size:9px;
    font-weight:850;
    letter-spacing:.045em;
    text-transform:uppercase;
}
.rx30-field-copy input{
    width:100%!important;
    min-width:0!important;
    min-height:30px!important;
    height:30px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#173a58!important;
    font-size:14px!important;
}
.rx30-input kbd{
    min-width:52px;
    padding:5px 6px;
    border:1px solid #d7e3ea;
    border-radius:7px;
    background:#f3f7fa;
    color:#4d6a80;
    font-size:9px;
    text-align:center;
}
.rx30-show-password{
    min-height:32px!important;
    height:32px!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:8px!important;
    background:#edf5fa!important;
    color:#315f83!important;
    font-size:9px!important;
    font-weight:850!important;
}
.rx30-login-context{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.rx30-login-context label{
    min-width:0;
    display:grid!important;
    gap:6px!important;
    padding:11px!important;
    border:1px solid var(--rx30-line)!important;
    border-radius:12px!important;
    background:#f7fafc!important;
}
.rx30-login-context label>span{
    color:#62798a;
    font-size:9px;
    font-weight:850;
    letter-spacing:.055em;
    text-transform:uppercase;
}
.rx30-login-context select{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:0 8px!important;
    border:1px solid #d5e1e8!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#35526a!important;
    font-size:11px!important;
}
.rx30-form-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.rx30-form-options label{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#536c7f!important;
    font-size:11px!important;
}
.rx30-form-options input{
    width:16px!important;
    height:16px!important;
    min-height:0!important;
}
.rx30-form-options a{
    color:#0b64b8!important;
    font-size:11px!important;
    font-weight:850!important;
}
.rx30-submit{
    min-height:51px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(110deg,#0786a8,#0756bd)!important;
    color:#fff!important;
    box-shadow:0 12px 24px rgba(8,91,177,.22)!important;
    font-size:15px!important;
    font-weight:900!important;
}
.rx30-submit kbd{
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:7px;
    background:rgba(255,255,255,.13);
    color:#fff;
    font-size:9px;
}
.rx30-login-footer{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:18px;
    color:#718594;
    font-size:11px;
}
.rx30-login-footer a{color:#0b64b8;font-weight:850}

/* Dashboard */
.rx30-dashboard{
    width:100%;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--rx30-line);
    border-radius:17px;
    background:#fff;
    box-shadow:0 12px 34px rgba(35,67,91,.08);
}
.rx30-dashboard-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:clamp(17px,2vw,28px);
    border-bottom:1px solid var(--rx30-line);
    background:linear-gradient(105deg,#f8fbfd,#eaf6fc);
}
.rx30-dashboard-brand{
    min-width:0;
    display:flex;
    align-items:center;
    gap:clamp(22px,3vw,48px);
}
.rx30-dashboard-lockup{
    flex:0 0 auto;
    transform:scale(.9);
    transform-origin:left center;
}
.rx30-dashboard-lockup .rx30-brand-copy strong{
    font-size:clamp(25px,2.3vw,36px);
}
.rx30-business-copy{min-width:0}
.rx30-business-copy>span{
    color:#0b64b8;
    font-size:10px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.rx30-business-copy h1{
    margin:5px 0 0;
    color:#173d5d;
    font-size:clamp(22px,2.2vw,34px);
    line-height:1.08;
}
.rx30-business-copy p{
    max-width:620px;
    margin:7px 0 0;
    color:#687e8e;
    font-size:12px;
    line-height:1.45;
}
.rx30-system-state{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border:1px solid #d0dee7;
    border-radius:12px;
    background:#fff;
}
.rx30-system-state>i{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#dc7929;
    box-shadow:0 0 0 5px rgba(220,121,41,.12);
}
.rx30-system-state.is-online>i{
    background:#22a34b;
    box-shadow:0 0 0 5px rgba(34,163,75,.12);
}
.rx30-system-state b,
.rx30-system-state small{display:block}
.rx30-system-state b{color:#28465e;font-size:11px}
.rx30-system-state small{margin-top:3px;color:#758a99;font-size:9px}

.rx30-dashboard-partners{padding:16px clamp(16px,2vw,26px) 0}
.rx30-primary-actions{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:13px;
    padding:16px clamp(16px,2vw,26px) 0;
}
.rx30-primary-action{
    min-width:0;
    min-height:108px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    padding:16px;
    border:1px solid var(--rx30-line);
    border-radius:14px;
    background:#fff;
    color:var(--rx30-text);
    box-shadow:0 7px 20px rgba(35,68,92,.06);
}
.rx30-primary-action.is-primary{
    border-color:#579ace;
    box-shadow:0 0 0 2px rgba(55,135,195,.11),0 9px 22px rgba(35,68,92,.08);
}
.rx30-action-icon{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#eaf4fb;
    color:#0b64b8;
    font-size:19px;
    font-weight:900;
}
.rx30-action-icon.is-green{background:#eaf8ef;color:#248e48}
.rx30-action-icon.is-purple{background:#f1ebfb;color:#7046b5}
.rx30-primary-action b,
.rx30-primary-action small{display:block}
.rx30-primary-action b{color:#27445c;font-size:14px}
.rx30-primary-action small{margin-top:5px;color:#718594;font-size:10px;line-height:1.4}
.rx30-primary-action kbd{
    align-self:start;
    padding:5px 7px;
    border:0;
    border-radius:7px;
    background:#eaf3fa;
    color:#315f83;
    font-size:9px;
}
.rx30-kpi-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:11px;
    padding:13px clamp(16px,2vw,26px) 0;
}
.rx30-kpi-grid article,
.rx30-kpi-grid>a{
    min-width:0;
    display:flex;
    align-items:center;
    gap:11px;
    padding:14px;
    border:1px solid var(--rx30-line);
    border-radius:13px;
    background:#fff;
    color:var(--rx30-text);
}
.rx30-kpi-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#eaf3fb;
    color:#0b64b8;
    font-weight:900;
}
.rx30-kpi-icon.is-green{background:#eaf8ef;color:#238f47}
.rx30-kpi-icon.is-blue{background:#ebf1ff;color:#285fc0}
.rx30-kpi-icon.is-orange{background:#fff1e8;color:#d96c24}
.rx30-kpi-grid b,
.rx30-kpi-grid strong,
.rx30-kpi-grid small{display:block}
.rx30-kpi-grid b{color:#586f81;font-size:10px}
.rx30-kpi-grid strong{margin-top:4px;color:#173f67;font-size:clamp(16px,1.35vw,21px)}
.rx30-kpi-grid small{margin-top:3px;color:#7b8e9c;font-size:9px;line-height:1.35}

.rx30-integrity{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
    margin:13px clamp(16px,2vw,26px) 0;
    padding:9px 11px;
    border:1px solid #bfd6e4;
    border-radius:11px;
    background:#f7fbfd;
    color:#536d80;
    font-size:9px;
}
.rx30-integrity.is-ok{border-color:#b8ddc4;background:#f3fbf5}
.rx30-integrity.is-error{border-color:#e2aca8;background:#fff5f4}
.rx30-integrity>div{display:flex;align-items:center;gap:7px}
.rx30-integrity>div>i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#22a34b;
}
.rx30-integrity.is-error>div>i{background:#d34d43}
.rx30-keyboard-strip{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin:9px clamp(16px,2vw,26px) 0;
    padding:8px 11px;
    overflow-x:auto;
    border:1px solid var(--rx30-line);
    border-radius:11px;
    background:#fbfdfe;
    color:#536d80;
    font-size:9px;
    white-space:nowrap;
    scrollbar-width:none;
}
.rx30-keyboard-strip::-webkit-scrollbar{display:none}
.rx30-keyboard-strip strong{color:#175184;text-transform:uppercase;letter-spacing:.06em}
.rx30-keyboard-strip kbd{
    padding:3px 5px;
    border:1px solid #d6e2e9;
    border-radius:5px;
    background:#f2f7fa;
    color:#315f83;
}
.rx30-recent-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
    gap:13px;
    padding:13px clamp(16px,2vw,26px) clamp(16px,2vw,26px);
}
.rx30-data-panel{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--rx30-line);
    border-radius:13px;
    background:#fff;
}
.rx30-data-panel>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 15px;
    border-bottom:1px solid var(--rx30-line);
    background:#f8fbfd;
}
.rx30-data-panel h2{margin:0;color:#28455d;font-size:14px}
.rx30-data-panel p{margin:4px 0 0;color:#778b99;font-size:9px}
.rx30-data-panel header>a{color:#0b64b8;font-size:10px;font-weight:850}

/* Desktop menu: no drawer and no overflow clipping above 860px. */
@media(min-width:861px){
    body.rx-v30 .rx-menu-toggle{display:none!important}
    body.rx-v30 .rx-main-menubar{
        position:sticky!important;
        top:58px!important;
        left:auto!important;
        width:100%!important;
        height:56px!important;
        min-height:56px!important;
        transform:none!important;
        overflow:visible!important;
        display:block!important;
        z-index:650!important;
    }
    body.rx-v30 .rx-main-menubar .rx-sidebar-brand{display:none!important}
    body.rx-v30 .rx-desktop-menu{
        width:100%!important;
        height:100%!important;
        display:flex!important;
        align-items:stretch!important;
        justify-content:center!important;
        gap:0!important;
        padding:0 8px!important;
        overflow:visible!important;
    }
    body.rx-v30 .rx-menu-group{
        position:relative!important;
        flex:1 1 92px!important;
        min-width:78px!important;
        max-width:126px!important;
    }
    body.rx-v30 .rx-menu-group>summary{
        width:100%!important;
        height:56px!important;
        min-height:56px!important;
        padding:7px 7px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:1px!important;
        border:0!important;
        border-bottom:3px solid transparent!important;
        border-radius:0!important;
        font-size:11px!important;
    }
    body.rx-v30 .rx-menu-panel{
        position:absolute!important;
        top:calc(100% - 1px)!important;
        left:0!important;
        z-index:1800!important;
        width:270px!important;
        min-width:270px!important;
        max-height:min(68vh,520px)!important;
        overflow-y:auto!important;
        border:1px solid #b8ccd9!important;
        border-radius:0 0 10px 10px!important;
        background:#fff!important;
        box-shadow:0 16px 38px rgba(20,54,80,.2)!important;
    }
    body.rx-v30 .rx-menu-group:nth-last-child(-n+2) .rx-menu-panel{
        left:auto!important;
        right:0!important;
    }
}

/* Small-screen drawer only. */
@media(max-width:860px){
    body.rx-v30.rx-menu-open{overflow:hidden!important}
    body.rx-v30 .rx-menu-toggle{
        width:42px!important;
        height:42px!important;
        flex:0 0 42px!important;
        display:inline-flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        padding:0!important;
        border:1px solid #c8d9e4!important;
        border-radius:10px!important;
        background:#fff!important;
        box-shadow:0 3px 10px rgba(36,67,90,.06)!important;
    }
    body.rx-v30 .rx-menu-toggle span{
        display:block!important;
        width:20px!important;
        height:2px!important;
        margin:0!important;
        border-radius:2px!important;
        background:#244761!important;
        opacity:1!important;
    }
    body.rx-v30 .rx-main-menubar{
        position:fixed!important;
        inset:0 auto 0 0!important;
        width:min(88vw,360px)!important;
        height:100dvh!important;
        min-height:100dvh!important;
        transform:translateX(-104%)!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        display:block!important;
        z-index:1500!important;
        background:#fff!important;
        transition:transform .2s ease!important;
    }
    body.rx-v30 .rx-main-menubar.is-open{transform:translateX(0)!important}
    body.rx-v30 .rx-main-menubar .rx-sidebar-brand{
        display:flex!important;
        position:sticky!important;
        top:0!important;
        z-index:5!important;
        width:100%!important;
        min-width:0!important;
        padding:11px 12px!important;
        border-bottom:1px solid var(--rx30-line)!important;
        background:#fff!important;
    }
    body.rx-v30 .rx-main-menubar .rx-sidebar-brand>a{color:#173b58!important}
    body.rx-v30 .rx-main-menubar .rx-sidebar-brand>button{
        width:40px!important;
        height:40px!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
        color:#315068!important;
        font-size:26px!important;
    }
    body.rx-v30 .rx-desktop-menu{
        width:100%!important;
        height:auto!important;
        display:block!important;
        padding:8px!important;
        overflow:visible!important;
    }
    body.rx-v30 .rx-menu-group{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
    }
    body.rx-v30 .rx-menu-group>summary{
        width:100%!important;
        min-height:45px!important;
        height:auto!important;
        display:flex!important;
        align-items:flex-start!important;
        padding:10px 12px!important;
        border-left:3px solid transparent!important;
        border-bottom:0!important;
        border-radius:8px!important;
    }
    body.rx-v30 .rx-menu-group[open]>summary{border-left-color:#0b64b8!important}
    body.rx-v30 .rx-menu-panel{
        position:static!important;
        width:calc(100% - 14px)!important;
        min-width:0!important;
        max-height:none!important;
        margin-left:14px!important;
        overflow:visible!important;
        border:0!important;
        border-left:1px solid #cadbe5!important;
        border-radius:0!important;
        box-shadow:none!important;
    }
    body.rx-v30 .rx-sidebar-scrim:not([hidden]){
        display:block!important;
        position:fixed!important;
        inset:0!important;
        z-index:1450!important;
        background:rgba(15,35,51,.46)!important;
    }
}

/* Footer/status: responsive grid, no fixed clipped line. */
body.rx-v30 .rx-app{
    min-height:100dvh!important;
}
body.rx-v30 .rx-content{
    flex:1 1 auto!important;
    padding-bottom:clamp(12px,1.5vw,24px)!important;
}
body.rx-v30 .rx-bottom-status{
    position:sticky!important;
    left:auto!important;
    right:auto!important;
    bottom:0!important;
    z-index:520!important;
    width:100%!important;
    height:auto!important;
    min-height:36px!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    border-top:1px solid #becfda!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -3px 12px rgba(35,67,91,.05)!important;
    font-size:9px!important;
}
body.rx-v30 .rx-bottom-status span{
    min-width:0!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px 7px!important;
    border-right:1px solid #d4e0e8!important;
    text-align:center!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
}
body.rx-v30 .rx-bottom-status span:last-child{border-right:0!important}

/* General content safety */
body.rx-v30 .rx-content,
body.rx-v30 .rx-dashboard,
body.rx-v30 .rx-bill-window,
body.rx-v30 .rx-stock-center,
body.rx-v30 .rx-report-center,
body.rx-v30 .rx-table-wrap{
    min-width:0!important;
    max-width:100%!important;
}
body.rx-v30 .rx-table-wrap,
body.rx-v30 .rx-bill-grid-wrap{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
}

/* Container-based login response: based on actual panel width, not device name. */
@container(max-width:940px){
    .rx30-login-body{grid-template-columns:1fr}
    .rx30-login-intro{padding:26px}
    .rx30-login-panel{
        border-left:0;
        border-top:1px solid var(--rx30-line);
        padding:28px;
    }
    .rx30-intro-copy h1{font-size:clamp(29px,6vw,46px)}
}
@container(max-width:650px){
    .rx30-login-header{
        min-height:86px;
        padding:10px 14px;
    }
    .rx30-login-header .rx30-brand-lockup{gap:8px}
    .rx30-login-header .rx30-rx-mark{
        width:62px;
        height:58px;
        flex-basis:62px;
        transform:scale(.78);
        transform-origin:left center;
    }
    .rx30-login-header .rx30-brand-copy strong{font-size:22px}
    .rx30-login-header .rx30-brand-copy small{font-size:7px;letter-spacing:.16em}
    .rx30-login-header .rx30-brand-copy b{font-size:7px;letter-spacing:.16em}
    .rx30-secure-pill{display:none}
    .rx30-login-intro{padding:21px 15px;gap:17px}
    .rx30-feature-row{grid-template-columns:1fr}
    .rx30-feature-row article{padding:11px}
    .rx30-partner-row{
        display:flex;
        overflow-x:auto;
        gap:9px;
        padding-bottom:3px;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
    }
    .rx30-partner-row::-webkit-scrollbar{display:none}
    .rx30-partner-row a{
        flex:0 0 min(245px,78vw);
        scroll-snap-align:start;
    }
    .rx30-login-panel{padding:23px 14px}
    .rx30-login-context{grid-template-columns:1fr}
    .rx30-input{grid-template-columns:36px minmax(0,1fr) auto!important}
    .rx30-input kbd{display:none}
}

@media(max-width:1100px){
    .rx30-dashboard-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .rx30-system-state{width:100%;justify-content:flex-start}
}
@media(max-width:760px){
    .rx30-dashboard{border-radius:13px}
    .rx30-dashboard-head{padding:15px}
    .rx30-dashboard-brand{
        width:100%;
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }
    .rx30-dashboard-lockup{
        transform:scale(.82);
        transform-origin:left top;
        margin-bottom:-10px;
    }
    .rx30-dashboard-partners{padding:13px 13px 0}
    .rx30-primary-actions{
        grid-template-columns:1fr;
        padding:13px 13px 0;
    }
    .rx30-kpi-grid{
        grid-template-columns:1fr;
        padding:11px 13px 0;
    }
    .rx30-integrity{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        margin:11px 13px 0;
        white-space:nowrap;
    }
    .rx30-keyboard-strip{
        justify-content:flex-start;
        margin:8px 13px 0;
    }
    .rx30-recent-grid{
        grid-template-columns:1fr;
        padding:11px 13px 13px;
    }
    body.rx-v30 .rx-bottom-status{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        font-size:8px!important;
    }
}

/* Secure support, migration and administrative operations. */
.rx-check-row{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px}.rx-check-row input{width:18px!important;height:18px!important;flex:0 0 18px!important}.rx-check-row span{font-weight:700;color:#294b6b}
.rx-filter-bar{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px;border:1px solid #d3e0eb;border-radius:12px;background:#fff}.rx-filter-bar input,.rx-filter-bar select{min-height:40px;border:1px solid #c7d7e4;border-radius:8px;padding:8px 10px}.rx-filter-bar input{flex:1 1 280px}
.rx-support-session{display:grid;gap:14px}.rx-support-actions{display:flex;flex-wrap:wrap;gap:8px}.rx-support-preview,.rx-support-viewer{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden;border:1px solid #cbdbe7;border-radius:12px;background:#0d1b29}.rx-support-preview video,.rx-support-viewer video{display:block;width:100%;max-height:72dvh;object-fit:contain;background:#08131d}.rx-support-preview [data-support-message],.rx-support-viewer [data-support-message]{position:absolute;bottom:10px;left:10px;right:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.9);color:#183b5b;font-size:12px;text-align:center;pointer-events:none}
.rx-migration-steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.rx-migration-steps form{margin:0}.rx-migration-steps button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.rx-filter-bar{align-items:stretch;flex-direction:column}.rx-filter-bar input,.rx-filter-bar select,.rx-filter-bar button{width:100%}.rx-support-preview,.rx-support-viewer{min-height:220px}.rx-migration-steps{display:grid;grid-template-columns:1fr 1fr}.rx-migration-steps button{width:100%}}


/* Production support notification and chunk-upload feedback */
.rx-support-notification{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid #b9d8ee;border-radius:10px;background:#eef7fd;color:#125b8e;font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}.rx-support-notification b,.rx-nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#0a6dbb;color:#fff;font-size:9px;line-height:1}.rx-support-notification.is-urgent{border-color:#ef9fa5;background:#fff1f2;color:#a51d2b;animation:rx-support-pulse 1.8s ease-in-out infinite}.rx-support-notification.is-urgent b,.rx-nav-count.is-urgent{background:#c92736}.rx-nav-count{margin-left:auto}.rx-upload-progress{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid #d6e4ee;border-radius:10px;background:#f8fbfe}.rx-upload-progress>div{display:flex;justify-content:space-between;gap:10px}.rx-upload-progress progress{width:100%;height:12px}@keyframes rx-support-pulse{50%{box-shadow:0 0 0 5px rgba(201,39,54,.12)}}@media(max-width:899px){.rx-support-notification{min-width:36px;padding:0 7px}.rx-support-notification span{display:none}}@media(prefers-reduced-motion:reduce){.rx-support-notification.is-urgent{animation:none}}

/* AdminDesk analytics, migration and support interaction layer. */
.rx-business-filter{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;align-items:end}
.rx-business-filter label{display:grid;gap:4px;min-width:0}.rx-business-filter label>span{color:#47657e;font-size:10px;font-weight:850}.rx-business-filter input,.rx-business-filter select{width:100%;min-width:0}.rx-business-search{grid-column:span 2}
.rx-business-tabs{display:flex;gap:6px;margin:14px 0;overflow-x:auto;scrollbar-width:thin}.rx-business-tabs a{flex:0 0 auto;min-height:38px;display:flex;align-items:center;padding:0 14px;border:1px solid #c8d9e6;border-radius:10px;background:#fff;color:#244a6b;font-size:11px;font-weight:850;text-decoration:none}.rx-business-tabs a.active{border-color:#2374bd;background:#eaf5ff;color:#07589f;box-shadow:0 0 0 2px rgba(35,116,189,.1)}
.rx-business-bars{display:grid;gap:8px;max-height:480px;overflow:auto}.rx-business-bars>div{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px}.rx-business-bars>b{font-size:9px}.rx-business-bars span{position:relative;min-height:28px;display:flex;align-items:center;overflow:hidden;border-radius:7px;background:#f1f6fa}.rx-business-bars i{position:absolute;inset:0 auto 0 0;min-width:2px;border-radius:7px}.rx-business-bars i.purchase{background:linear-gradient(90deg,#d9a441,#f3c865)}.rx-business-bars i.sales{background:linear-gradient(90deg,#1c8e5b,#63c78f)}.rx-business-bars em{position:relative;z-index:1;padding:0 8px;color:#193c59;font-size:9px;font-style:normal;font-weight:800}
.rx-export-panel{display:flex;align-items:center;justify-content:space-between;gap:14px}.rx-export-panel h2{margin:0}.rx-export-panel p{margin:4px 0 0;color:#687e90}.rx-export-panel .rx-page-actions{flex-wrap:wrap}
.rx-upload-file-list{display:grid;gap:6px;margin:8px 0;padding:8px;border:1px solid #d3e0e9;border-radius:9px;background:#f8fbfd}.rx-upload-file-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.rx-upload-file-list b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rx-upload-file-list span{flex:0 0 auto;color:#658097;font-size:10px}.rx-upload-progress{display:grid;gap:6px;margin-top:10px}.rx-upload-progress progress{width:100%;height:16px}.rx-upload-progress header{display:flex;justify-content:space-between;gap:12px}.rx-clickable-table tbody tr[data-row-link]{cursor:pointer}.rx-clickable-table tbody tr[data-row-link]:hover,.rx-clickable-table tbody tr[data-row-link]:focus-within{background:#eaf5ff}.rx-clickable-table tbody tr[data-row-link]:focus{outline:2px solid #3382c4;outline-offset:-2px}
@media(min-width:1025px){body.rx-v32 .rx-main-menubar{pointer-events:none!important}body.rx-v32 .rx-main-menubar .rx-desktop-menu,body.rx-v32 .rx-main-menubar .rx-sidebar-brand,body.rx-v32 .rx-menu-group>summary,body.rx-v32 .rx-menu-group>.rx-menu-panel{pointer-events:auto!important}body.rx-v32 .rx-menu-group{position:relative!important;inset:auto!important}body.rx-v32 .rx-menu-panel{inset:34px auto auto 0!important;height:auto!important;min-height:0!important}}
@media(max-width:980px){.rx-business-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-business-search{grid-column:1/-1}.rx-business-bars>div{grid-template-columns:70px minmax(0,1fr)}.rx-business-bars>div span:last-child{grid-column:2}.rx-export-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.rx-business-filter{grid-template-columns:1fr}.rx-business-search{grid-column:auto}.rx-business-tabs a{min-height:34px;padding-inline:10px;font-size:9px}.rx-export-panel .rx-page-actions{display:grid;width:100%;grid-template-columns:1fr}.rx-export-panel form,.rx-export-panel button{width:100%}}
.rx-migration-analysis{display:grid!important;gap:8px!important}.rx-migration-analysis>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.rx-migration-analysis progress{width:100%;height:14px}.rx-migration-analysis>[data-migration-progress-copy]{font-size:11px;line-height:1.5}

/* Reliable support viewer and large migration transfer states. */
.rx-support-viewer [data-support-frame]{display:block;width:100%;max-height:72dvh;object-fit:contain;background:#08131d}
.rx-support-viewer [data-support-frame][hidden],.rx-support-viewer video[hidden]{display:none!important}
.rx-upload-progress.is-error{border-color:#e3a1a8;background:#fff4f5;color:#9c2430}
.rx-upload-progress small{overflow-wrap:anywhere}

/* Support Desk: normal support is primary; live screen sharing is optional. */
.rx-support-mode{display:grid;gap:8px;margin:14px 0 0;padding:0;border:0}
.rx-support-mode legend{margin-bottom:4px;color:#163a5d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.rx-support-mode-card{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px!important;border:1px solid #d7e3ef!important;border-radius:12px!important;background:#f9fcff!important;cursor:pointer}
.rx-support-mode-card input{margin-top:3px!important}
.rx-support-mode-card span{display:grid;gap:3px}
.rx-support-mode-card b{color:#183b5f}
.rx-support-mode-card small{color:#6b8195;line-height:1.4}
.rx-support-mode-card[aria-disabled="true"]{opacity:.62;cursor:not-allowed}
.rx-support-description{white-space:pre-wrap;line-height:1.55}
.rx-support-thread{display:grid;gap:10px}
.rx-support-message{max-width:min(820px,92%);padding:12px 14px;border:1px solid #d7e3ef;border-radius:14px;background:#fff}
.rx-support-message.is-admin{justify-self:start;border-color:#b9d7f2;background:#eef7ff}
.rx-support-message.is-business{justify-self:end;border-color:#cfe5d5;background:#f1faf4}
.rx-support-message>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.rx-support-message small{color:#71869a}
.rx-support-message p{margin:0;white-space:pre-wrap;line-height:1.5}
@media(max-width:700px){.rx-support-message{max-width:100%}.rx-support-mode-card{padding:10px!important}}