/* Executive design system: ink, porcelain, champagne. No external font dependency. */
:root{--premium-ink:#172538;--premium-muted:#637184;--premium-gold:#a8874e;--premium-line:#e5e2db;--premium-paper:#faf9f6;--scp-navy:#111f30;--scp-blue:#284760;--scp-cyan:#a8874e;--scp-soft:#f5f4f0;--scp-border:#e5e2db;--scp-text:#172538;--ink:#172538;--muted:#637184;--line:#e5e2db;--canvas:#f5f4f0;--accent:#a8874e}
@media screen{
body{font-family:'Segoe UI',Arial,sans-serif;color:var(--premium-ink);-webkit-font-smoothing:antialiased}
body.scp-shell{background:#f5f4f0;font-size:14px;--nav-width:274px}
.scp-shell .navbar-header,.scp-shell .navbar-static-side{background:#111f30}
.scp-shell .navbar-fixed-top{box-shadow:0 1px 0 var(--premium-line)}
.scp-shell .navbar-brand{letter-spacing:3.5px;font-weight:600}
.scp-shell .navbar-brand span{color:#cfb481!important}
.executive-topbar{background:#fffefa;padding-inline:40px}
.workspace-trail{color:#697585}.workspace-trail strong{color:#273b50}
.workspace-avatar{background:#f2eadb;color:#846c40;border:1px solid #e9ddc6}
.scp-shell .company-switch{border-color:#ffffff12;padding-bottom:23px}
.scp-shell .company-switch small,.scp-shell .nav-section-label{color:#b2a184;letter-spacing:2px;font-size:10px}
.scp-shell .company-switch strong{color:#edf0f4;font-size:12px}
.scp-shell #side-menu>li>a{font-size:13px;padding:13px 14px;border-radius:9px;color:#b8c2d0;transition:background .18s,color .18s}
.scp-shell #side-menu>li>a>.fa:first-child{color:#8999ac}
.scp-shell #side-menu>li>a.current{background:#263446;box-shadow:inset 3px 0 #c6aa76;color:#fff}
.scp-shell #side-menu>li>a.current>.fa:first-child{color:#d4b77f}
.scp-shell #side-menu>li>a:hover,.scp-shell #side-menu>li>a:focus{background:#233145;color:#fff}
.scp-shell .nav-second-level{border-color:#3e4652}.scp-shell .nav-second-level a{font-size:12px;color:#bbc5d2}
.sidebar-caption{color:#bcc7d4;border-color:#ffffff12}.sidebar-caption small{color:#a2afbd}
.scp-shell #page-wrapper{background:#f5f4f0;padding:34px 40px}
.dashboard-heading{margin-bottom:28px}.dashboard-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:36px;letter-spacing:-1.2px;color:#172538}
.dashboard-heading h1 span{color:#997b46}.dashboard-heading p{color:#637184;font-size:13px}
.eyebrow,.hero-kicker,.premium-kicker{font-size:10px;font-weight:600;letter-spacing:2.4px;color:#88734d}
.dashboard-date{padding:11px 15px;border-color:var(--premium-line);border-radius:8px;background:#fffefa;color:#526277;font-size:12px}
.company-hero{background:linear-gradient(115deg,#142335,#243d51);border:1px solid #364653;border-radius:18px;padding:36px 40px;min-height:242px;box-shadow:0 18px 38px #17253812}
.company-hero:after{border-color:#d6bd851c;box-shadow:0 0 0 60px #d6bd8505,0 0 0 120px #d6bd8503}
.hero-kicker{color:#d1b780}.company-hero h2{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400;letter-spacing:-.6px;line-height:1.25}
.company-hero p{color:#c0cbd5;font-size:13px}.hero-link{color:#eee1c8!important;border-color:#c6aa7670;font-size:12px}
.hero-logo{border-radius:16px;box-shadow:0 12px 28px #0003;border:1px solid #e8dcc5}.hero-identity>span{color:#cab88f;font-size:9px}
.metrics-grid{gap:20px;margin:25px 0}.metric-card{border:1px solid var(--premium-line);border-radius:14px;padding:24px 26px;background:#fffefa;box-shadow:0 5px 18px #17253804}
.metric-top{font-size:12px;color:#536379}.metric-top i{color:#947a4b;background:#f5f0e5;border:1px solid #eee5d3;border-radius:10px;width:36px;height:36px}
.metric-card>strong{font-size:38px;font-weight:500;letter-spacing:-1.5px;color:#192d43}.metric-card>small{font-size:12px;color:#697585}
.operations-card,.scp-shell .panel{border-color:var(--premium-line);border-radius:14px;background:#fffefa;box-shadow:0 8px 28px #17253805}
.operations-card>header{padding:26px 28px;border-color:#ece9e2}.operations-card h2{font-size:20px;color:#213449}.operations-card header p{color:#697585;font-size:12px}
.count-badge{background:#f5f1e8;border-color:#e8decc;color:#806c48;font-size:11px}
.dashboard-table th{background:#f5f3ed;color:#59677a;font-size:10px;letter-spacing:.6px}.dashboard-table td{color:#42586e;font-size:12px;border-color:#eeeae3}
.dashboard-table td small{color:#697585;font-size:11px}.dashboard-table tr:hover td{background:#faf8f2}
.dashboard-empty{background:radial-gradient(ellipse at center,#f5f2e9,#fffefa 70%);padding:44px 24px}.dashboard-empty h3{font-size:16px}.dashboard-empty p{font-size:12px;color:#637184}
.operations-card>footer,.dashboard-footer{font-size:11px;color:#697585;border-color:#ece9e2}
.scp-shell .panel-primary>.panel-heading{background:#1a3045;border:0;padding:20px 24px}.scp-shell .panel-heading h4{font-size:18px;letter-spacing:-.2px}.scp-shell .panel-body{padding:25px}
.scp-shell .form-control{height:auto;min-height:42px;border:1px solid #dcdedc;background:#fffefa;color:#22374c;border-radius:8px;padding:10px 12px;box-shadow:none}
.scp-shell textarea.form-control{min-height:100px}.scp-shell label{font-weight:600;color:#435166;font-size:12px}
.scp-shell .btn{padding:10px 16px;border-radius:8px;font-weight:600;font-size:12px}.scp-shell .btn-primary{background:#203c53;border-color:#203c53;box-shadow:0 4px 10px #1725380c}.scp-shell .btn-primary:hover{background:#142a40}
.scp-shell .table th{background:#f3f1eb;color:#536175;font-weight:600}.scp-shell .table td,.scp-shell .table th{border-color:#e7e4dd;vertical-align:middle}.scp-shell .table-striped>tbody>tr:nth-child(odd)>td{background:#faf9f6}
.scp-shell .pagination>.active>a{background:#203c53;border-color:#203c53}.scp-shell .page-header{font-family:Georgia,serif;font-size:30px;color:#213449;border-color:#e5e2db}
.scp-shell :focus-visible,body :focus-visible{outline:2px solid #a8874e;outline-offset:3px}.scp-shell .form-control:focus{border-color:#aa9368;box-shadow:0 0 0 3px #a8874e18}
.scp-shell .table-responsive,.dashboard-table-scroll{scrollbar-color:#cbc4b5 #f5f3ee;scrollbar-width:thin}
/* Standalone account, company, master-data and operational screens. */
.topbar{border-color:#e5e2db;background:#fffefa}.workspace{color:#172538}.workspace h1{font-family:Georgia,serif;font-weight:400}.profile-section,.identity-card,.asset-card{border-color:#e5e2db;box-shadow:0 6px 22px #17253805}.section-number{background:#f2ecdf;color:#947a4b}.brand-monogram{background:#172b40;color:#dbc797}.save-bar{border-color:#e4ded2;box-shadow:0 12px 38px #17253812}
body:has(.story){background:#faf9f6;color:#172538;grid-template-columns:1.1fr 1fr}
.story{background:linear-gradient(135deg,#101e2f,#223d51);padding:58px 10%;border-right:1px solid #b49a6630}
.story .brand{font-size:22px;letter-spacing:4px}.story .brand span{color:#ccb37e!important}.story .eyebrow{color:#d1b780}.story h1{font-size:clamp(40px,4.1vw,68px);letter-spacing:-2px;line-height:1.12}.story p{color:#becbd6;font-size:15px;line-height:1.9}.story .foot{color:#bdc7d1}.story:after{border-color:#d1b78020;box-shadow:0 0 0 75px #d1b78005,0 0 0 150px #d1b78003}
.login{padding:48px}.login .card{max-width:400px}.login .rule{height:2px;width:58px;background:#af915b;margin-bottom:32px}.login .eyebrow{color:#8a7041}.login h2{font-size:38px;letter-spacing:-1px;line-height:1.2;margin:16px 0}.login .muted{color:#667386}.login label{color:#435166;font-size:12px;letter-spacing:.2px}.login input:not([type=hidden]){background:#fff;border-color:#deded9;border-radius:9px;padding:14px 16px}.login input:focus{outline-color:#a8874e}.login button{background:#1c354b;border:1px solid #1c354b;border-radius:9px;min-height:51px;box-shadow:0 7px 18px #152b4514;transition:background .18s}.login button:hover{background:#2a4a62}
.premium-confirm{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f4f0;padding:24px}.confirmation-card{width:min(100%,520px);background:#fffefa;border:1px solid #e5e2db;border-radius:18px;padding:40px;box-shadow:0 20px 60px #1725380c}.confirmation-card h1{font:36px/1.2 Georgia,serif}.confirmation-card p{font-size:14px;line-height:1.8;color:#637184}.confirmation-card form{margin-top:28px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.premium-danger{background:#963b39;color:#fff;border:0;border-radius:8px;padding:13px 20px;font:600 13px 'Segoe UI';cursor:pointer}.confirmation-card a{color:#43576c;font-size:13px}
}
@media screen and (min-width:1600px){.scp-shell #page-wrapper{padding:40px 56px}.company-hero{min-height:260px}}
@media screen and (max-width:1100px){body.scp-shell{--nav-width:236px}.scp-shell #page-wrapper{padding:28px 24px}.executive-topbar{padding:0 24px}.company-hero{padding:30px}.company-hero h2{font-size:28px}.dashboard-heading h1{font-size:31px}}
@media screen and (max-width:767px){.scp-shell #page-wrapper{padding:24px 16px}.scp-shell .navbar-header{height:64px}.scp-shell .navbar-static-side{width:100%}.company-hero{padding:26px 23px;min-height:230px}.company-hero h2{font-size:26px}.dashboard-heading h1{font-size:30px}.metric-card{padding:20px}.metric-card>strong{font-size:30px;top:18px}.metric-top{font-size:12px}.metric-card>small{font-size:11px;padding-left:46px}.operations-card>header{padding:22px}.operations-card>footer{font-size:10px}.scp-shell .panel-body{padding:18px}.scp-shell .panel-heading h4{font-size:16px}body:has(.story){grid-template-columns:1fr}.story{padding:30px;min-height:310px}.story h1{font-size:38px;letter-spacing:-1px}.login{padding:36px 24px}.login h2{font-size:33px}.confirmation-card{padding:28px}}
@media screen{
/* Shared vocabulary used by the standalone operational modules. */
body:has(>.layout),body:has(>.shell),body:has(>main>.hero),body:has(>.app-shell),body:has(.cardx){background:#f5f4f0;color:#172538}
.layout>.sidebar{background:#111f30;border-color:#283b4e}.layout>.sidebar .brand{color:#fff}.layout>.sidebar .brand span,.layout>.sidebar .smallcaps,.layout>.sidebar .nav-label{color:#ccb37e}.layout>.sidebar .nav-link{color:#bdc8d6}.layout>.sidebar .nav-link.active{background:#293b4f;color:#fff;border-color:#b49864}
.layout .main>.hero{background:transparent;color:#172538;border:0;border-radius:0;padding-left:0;padding-right:0}.layout .main>.hero h1{color:#172538}.layout .main>.hero p{color:#637184}
.shell>.hero,main>.hero,.app-shell>.hero,.workspace>.hero{background:linear-gradient(115deg,#142335,#243d51);border-color:#344c5d;border-bottom-color:#b49864;border-radius:18px;box-shadow:0 16px 36px #1725380c}
.shell>.hero h1,main>.hero h1,.app-shell>.hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.7px}.shell>.hero .eyebrow,main>.hero .eyebrow,.app-shell>.hero .eyebrow{color:#d1b780}
.shell .card,main>.card,.app-shell .card-modern,.cardx,.rab-editor{border-color:#e5e2db;border-radius:14px;box-shadow:0 6px 24px #17253806;background:#fffefa}
.login>.card{background:transparent;border:0;border-radius:0;box-shadow:none}
.shell .stat,main>.stats .stat,.layout .stat{background:#fffefa;border-color:#e5e2db;box-shadow:0 5px 18px #17253804}.stat label,.stat .caption,.card-note{color:#637184}.shell .stat-value{color:#213449}.shell .stat-icon{background:#f3eddf;color:#947a4b}
main>.hero .primary,main .form-grid~.actions .primary,.layout .button.primary,.shell .btn.primary{background:#203c53;border-color:#203c53;color:#fff}
.shell .toolbar,.shell .card-head{border-color:#ece9e2}.shell table th,main>.card th{background:#f4f2ec;color:#536175}.shell table td,main>.card td{border-color:#ece9e2}
.rab-metrics .metric-total{background:#20384c;border-color:#344c5d}.rab-metrics .metric-total *{color:#fff}.rab-editor .editor-heading{border-color:#e5e2db}.rab-editor .form-section{background:#f6f3ec;border-color:#e8e1d3}
body:has(.glass){background:#f5f4f0!important;color:#172538!important}body:has(.glass) .glass{background:#fffefa!important;border:1px solid #e5e2db!important;box-shadow:0 6px 24px #17253806!important}body:has(.glass) .text-white{color:#172538!important}body:has(.glass) .input-premium{background:#fff!important;border-color:#dddcd5!important;color:#172538!important}body:has(.glass) .text-slate-400,body:has(.glass) .text-slate-500{color:#637184!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.premium-confirm{display:block}.confirmation-card{box-shadow:none;border:0}}
