/* Approved 80-page R2: one operational surface, original routes and controls. */
:root{--ink:#243248;--text:#243248;--accent:#930c37;--accent-deep:#770b30;--muted:#617087;--line:#e2e8f0;--soft:#f5f7fa;--hover:#eef3fa;--r2-blue:#4676cd;--r2-teal:#21867b;--r2-purple:#8764b5;--r2-gold:#aa7329;font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
body{background:#f3f5f8;scrollbar-color:#b9c5d5 #f1f4f8;caret-color:var(--accent)}
::selection{color:#65102d;background:#edd3df}
button:active:not(:disabled){transform:none}
button,input,select,textarea{border-radius:7px}
button:disabled{cursor:default}
button[aria-busy=true]{cursor:progress}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--r2-blue);outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4676cd;outline-offset:2px}
.desktop-shell{--desktop-rail-width:64px;--desktop-nav-width:206px;--desktop-nav-total:calc(var(--desktop-rail-width) + var(--desktop-nav-width));--text:#243248;--muted:#617087;--line:#e2e8f0;--soft:#f5f7fa;background:#f3f5f8;font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.desktop-shell>.desktop-module-rail{background:#171923;border-color:#282c39;padding:22px 5px 12px}
.desktop-shell .desktop-module-rail .primary-item{border-radius:8px;min-height:64px;padding:11px 2px;gap:7px}
.desktop-shell .desktop-module-rail .primary-item.active{background:#8a133b}
.desktop-shell>.desktop-navigation{background:#fcfbfd;border-color:#e5e4ec}
.desktop-shell>.workspace{background:#f3f5f8}
.desktop-shell .topbar{background:#fff;border-color:#e2e8f0;padding-inline:24px}
.desktop-shell .topbar-actions{gap:8px}.desktop-shell .workspace-name{padding:22px 18px 16px}
.desktop-shell .workspace-wordmark{font-size:32px}.desktop-shell .workspace-caption{letter-spacing:0;margin-top:7px}
.desktop-shell #secondary-menu .nav-node>.nav-group-toggle,.desktop-shell #secondary-menu .nav-leaf{border-radius:6px;min-height:35px;font-size:12px}
.desktop-shell #secondary-menu .nav-node[data-nav-depth="0"]>.nav-group-toggle{font-size:13px}
.desktop-shell #secondary-menu .nav-leaf.active{background:#f1e4ec;color:#930c37}
.desktop-shell #secondary-menu .nav-node>.nav-group-toggle:hover,.desktop-shell #secondary-menu .nav-leaf:hover{background:#f1edf4}
.desktop-shell .page-heading{padding:19px 24px 14px;align-items:flex-start}
.desktop-shell .page-heading .eyebrow{display:none}
.desktop-shell .page-heading h1{font-size:26px;line-height:1.35;letter-spacing:-.02em;font-weight:650;color:#243248}
.desktop-shell .page-description{max-width:860px;line-height:1.7;margin-top:5px;color:#617087}
.desktop-shell .page-actions{gap:8px;max-width:none;padding-top:2px;flex-wrap:wrap}
.desktop-shell .page-actions .btn{font-size:12px;border-radius:7px;padding:6px 12px;min-height:34px}
.desktop-shell .btn{border-radius:7px}.desktop-shell .btn-primary{background:#930c37;border-color:#930c37;color:#fff}
.desktop-shell .btn-primary:hover{background:#770b30;border-color:#770b30}
.desktop-shell .data-region{border-radius:10px;background:#fff;border-color:#e2e8f0}
.desktop-shell .data-table th{background:#f7f9fc;color:#5c6c82;font-weight:500}
.desktop-shell #data-table>tbody>tr:not([data-spacer]):not(.batch-expansion)>td{border-color:#ecf0f5;color:#243248}
.desktop-shell #data-table>tbody>tr:hover>td{background:#f6f9fd}
.desktop-shell #data-table .row-actions{gap:8px}
.desktop-shell .search-wrap input{caret-color:#930c37}
.desktop-shell .table-tools{padding-bottom:10px}
.desktop-shell .table-footer{font-variant-numeric:tabular-nums;color:#617087}
.desktop-shell :is(.nt-form,.ns-group,[data-ns-editor],.config-panel,.config-home-section){background:#fff;border-color:#e2e8f0;border-radius:10px}
.desktop-shell :is(.nt-tabs,.ns-tabs,.ai-tabs){scrollbar-width:thin}
.desktop-shell :is(.nt-tabs,.ns-tabs,.ai-tabs) button{white-space:nowrap;flex-shrink:0}
.desktop-shell :is(.nt-center,.ai-workspace,.work-overview){min-width:0}
.desktop-shell :is(.nt-form,.ai-workspace) :is(input,select,textarea){min-width:0;max-width:100%}
.desktop-shell .nt-summary{border-radius:9px;border-color:#e2e8f0;background:#fff}
.desktop-shell .nt-list article{background:#fff;border-color:#e5eaf0}
.desktop-shell .nt-list article :is(p,span){overflow-wrap:anywhere}
.desktop-shell .nt-list article button{flex-shrink:0}
.desktop-shell .page-context{border-color:#e2e8f0}
.desktop-shell .bottom-scroll{background:transparent}
.desktop-shell .bottom-scroll .scroll-track{background:#e5eaf0}
.desktop-shell .bottom-scroll .scroll-thumb:after{background:#aebbd0}
body:has(.desktop-shell){--desktop-drawer-left:270px}
body:has(.desktop-shell) .drawer{color:#243248;background:#fff}
body:has(.desktop-shell) .drawer-header{border-color:#e2e8f0;background:#fff}
body:has(.desktop-shell) .drawer-title{font-size:23px;font-weight:650}
body:has(.desktop-shell) .drawer-footer{background:#fff;border-color:#e2e8f0}
body:has(.desktop-shell) .drawer :is(input,select,textarea){border-color:#d9e0e9;border-radius:7px}
body:has(.desktop-shell) .drawer .form-section{border-color:#e5eaf0}
@media(min-width:1800px){.desktop-shell{--desktop-nav-width:220px}.desktop-shell .page-heading,.desktop-shell .topbar{padding-inline:30px}body:has(.desktop-shell){--desktop-drawer-left:284px}}
@media(max-width:1150px){.desktop-shell{--desktop-rail-width:60px;--desktop-nav-width:190px}.desktop-shell #secondary-menu .nav-node>.nav-group-toggle{gap:3px;padding-right:6px}.desktop-shell .page-heading,.desktop-shell .topbar{padding-inline:18px}.desktop-shell .topbar-actions{gap:6px}.desktop-shell .page-actions{max-width:50%}.desktop-shell .page-heading h1{font-size:24px}body:has(.desktop-shell){--desktop-drawer-left:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.desktop-shell *{animation:none!important;transition:none!important}}
/* Short desktop: reserve the first screen for records, without changing controls or saved table widths. */
@media(min-width:900px) and (max-height:849px){
 .desktop-shell .workspace>.topbar{height:48px;min-height:48px;padding-block:0}
 .desktop-shell .topbar-start{min-width:0;overflow:hidden}
 .desktop-shell #breadcrumbs .breadcrumbs{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;min-width:0}
 .desktop-shell .breadcrumbs>:last-child{overflow:hidden;text-overflow:ellipsis}
 .desktop-shell .page-heading{padding-top:10px;padding-bottom:7px;row-gap:5px}
 .desktop-shell .page-heading h1{font-size:23px;line-height:1.25}
 .desktop-shell .page-description{margin:3px 0 0;line-height:1.4}
 .desktop-shell .m-table-shell .table-tools,.desktop-shell .table-tools.table-suite-main-tools{padding-bottom:5px;margin-bottom:5px}
 .desktop-shell .table-footer{padding-top:6px;padding-bottom:6px}
 .desktop-shell .table-suite>tbody>tr:not(.batch-expansion):not([data-spacer])>td{padding-top:3px;padding-bottom:3px;line-height:1.35;height:38px}
 .desktop-shell .table-suite>thead>tr>th{height:34px;padding-top:0;padding-bottom:0}
 .desktop-shell .table-suite>tbody>tr>td small{line-height:1.3;margin-top:1px}
 .desktop-shell .service-renewal-page{padding-top:0;padding-bottom:8px}
 .desktop-shell .service-renewal-header{padding-bottom:6px;align-items:center;gap:10px}
 .desktop-shell .service-renewal-header p{margin:0;font-size:12px}
 .desktop-shell .service-renewal-query{margin-top:5px;margin-bottom:0}
 .desktop-shell .service-renewal-query label{display:flex;align-items:center;gap:8px}
 .desktop-shell .service-renewal-tabs{padding:6px 0}
 .desktop-shell .service-renewal-table td{height:48px;padding-top:3px;padding-bottom:3px;line-height:1.35}
 .desktop-shell .service-renewal-account{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .desktop-shell .service-renewal-table td small{margin-top:1px;line-height:1.3}
 .desktop-shell .service-renewal-row-actions{flex-wrap:nowrap}
 .desktop-shell .service-renewal-more[open]{flex-basis:auto}
}