/* APEX / Corporate workspace 1.3 — shared screen-only visual language.
   No business, authentication or print rules are changed. */
@media screen {
html[data-apex-design]{--apex-navy:#0b253e;--apex-ink:#173149;--apex-muted:#566b7e;--apex-orange:#f39a35;--apex-line:#dfe6ed;--apex-canvas:#f2f5f8;--apex-shadow:0 4px 20px #0b253e06;--navy:var(--apex-navy);--nav:var(--apex-navy);--rh-navy:var(--apex-navy);--app-ink:var(--apex-ink);--app-line:var(--apex-line);--app-surface:var(--apex-canvas);--rh-line:var(--apex-line);--navy-900:var(--apex-navy);--ink:var(--apex-ink);--muted:var(--apex-muted);--line:var(--apex-line);--surface:var(--apex-canvas);--orange:var(--apex-orange);--accent:var(--apex-orange);--radius:12px;color-scheme:light;scroll-behavior:smooth}
html[data-apex-design] body{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;background:var(--apex-canvas)!important;color:var(--apex-ink)}
html[data-apex-design] :is(button,input,select,textarea){font-family:inherit}
html[data-apex-design] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #b76212!important;outline-offset:3px}
html[data-apex-design] :is(button,a){touch-action:manipulation}
html[data-apex-design] :is(button,.btn,.primary-link,.side-link){transition:background-color .16s,border-color .16s,box-shadow .16s}
html[data-apex-design] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){border-radius:9px}
html[data-apex-design] :is(input,textarea,select):disabled{cursor:not-allowed;opacity:.65}
html[data-apex-design] :is(input,textarea)::placeholder{color:#718193;opacity:1}
html[data-apex-design] :is(h1,h2,h3){text-wrap:balance}
html[data-apex-design] :is(h1,h2){letter-spacing:-.035em}
html[data-apex-design] :is(.side-panel,.sidebar,.app-sidebar,.rh-sidebar){background:var(--apex-navy)!important;border-right:1px solid #ffffff12;box-shadow:none}
html[data-apex-design] :is(.side-link,.navitem,.app-nav button,.rh-nav button){font-size:13px;min-height:44px;border-radius:8px;line-height:1.45}
html[data-apex-design] :is(.side-link.selected,.navitem.active,.app-nav button.active,.rh-nav button.active){background:#ffffff10!important;color:#fff!important;box-shadow:inset 3px 0 var(--apex-orange)}
html[data-apex-design] :is(.workspace-bar,.topbar,.app-topbar,.rh-topbar){background:#fffffffa!important;box-shadow:none;border-bottom:1px solid var(--apex-line)!important}
html[data-apex-design] :is(.panel,.pro-card,.glass-panel,.stat,.inbound-stat,.system-card,.record-card){border-radius:12px!important;border-color:var(--apex-line)!important;box-shadow:var(--apex-shadow)!important}
html[data-apex-design] :is(.btn,.quick-btn,.app-primary,.primary,.secondary,.primary-link){border-radius:8px;min-height:42px;font-weight:650;letter-spacing:0}
html[data-apex-design] :is(.btn.primary,.quick-btn.primary,.app-primary,.primary,.primary-link){background:var(--apex-navy)!important;color:white!important;border-color:var(--apex-navy)!important;box-shadow:0 2px 3px #0b253e10}
html[data-apex-design] :is(.btn.primary,.quick-btn.primary,.app-primary,.primary,.primary-link):hover:not(:disabled){background:#194564!important;border-color:#194564!important}
html[data-apex-design] :is(.data-table,.inbound-table,table){font-variant-numeric:tabular-nums}
html[data-apex-design] :is(.data-table,.inbound-table) th{background:#f4f7fa;color:#4e6478;font-size:11px;letter-spacing:.035em;padding-top:13px;padding-bottom:13px}
html[data-apex-design] :is(.data-table,.inbound-table) td{border-color:#e9eef3;font-size:13px;padding-top:14px;padding-bottom:14px}
html[data-apex-design] :is(.data-table,.inbound-table) tbody tr:hover{background:#f6f9fc}
/* One original logo, one clear-space treatment. Never touch document/print logos. */
.apex-brand-lockup{display:block!important;position:relative!important;flex:none!important;width:208px!important;max-width:100%!important;height:82px!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #ffffff30!important;border-radius:10px!important;box-shadow:none!important}
.apex-brand-lockup img{display:block!important;position:absolute!important;left:-7%!important;top:50%!important;transform:translateY(-50%)!important;width:114%!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.apex-brand-lockup .app-brand-mark{display:contents!important}.apex-brand-lockup .app-brand-name{display:none!important}
.apex-brand-lockup .brand-mark,.apex-brand-lockup .brand-caption{display:none!important}
.apex-brand-lockup img{margin:0!important}
/* Library: a work surface, comfortable text and a compact first screen. */
[data-apex-app=portal] .company-brand{margin:0 auto 28px}
[data-apex-app=portal] .workspace{grid-template-columns:252px minmax(0,1fr)}
[data-apex-app=portal] .side-panel{padding:26px 18px 22px}
[data-apex-app=portal] .side-heading{font-size:10px;letter-spacing:1.4px}
[data-apex-app=portal] .side-routine p{font-size:20px}
[data-apex-app=portal] .side-routine>span:last-child,[data-apex-app=portal] .side-bottom div>span{font-size:12px}
[data-apex-app=portal] .central-bar{background:white;border-bottom:1px solid var(--apex-line);padding:12px 32px;gap:16px;font-size:12px;min-height:52px}
[data-apex-app=portal] .central-bar a{color:#315772;font-weight:600}
[data-apex-app=portal] .central-bar button{border:1px solid var(--apex-line);padding:8px 12px;border-radius:7px;background:white;color:var(--apex-ink);min-height:36px}
[data-apex-app=portal] .workspace-bar{height:58px;padding:0 32px;position:static}
[data-apex-app=portal] .breadcrumbs{font-size:12px}
[data-apex-app=portal] .main-panel main{padding:28px 32px 0;max-width:1480px}
[data-apex-app=portal] .welcome{background:linear-gradient(115deg,#0b253e,#163e59);border-radius:14px;padding:28px 34px;min-height:218px}
[data-apex-app=portal] .welcome h1{font-size:clamp(30px,3vw,42px);font-weight:650;line-height:1.16}
[data-apex-app=portal] .welcome h1 em{color:#ffc180}
[data-apex-app=portal] .welcome-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:14px}
[data-apex-app=portal] .welcome-link{font-size:13px;min-height:40px;margin-top:10px}
[data-apex-app=portal] .welcome-map{height:205px;transform:scale(.88);transform-origin:right center}
[data-apex-app=portal] .workspace-summary{margin-top:16px;padding:17px 8px}
[data-apex-app=portal] .workspace-summary p>span{font-size:12px}
[data-apex-app=portal] .catalog{margin-top:30px}
[data-apex-app=portal] .section-kicker{font-size:10px;color:#526b80;letter-spacing:1.3px}
[data-apex-app=portal] .catalog-heading>div>p:last-child{font-size:13px}
[data-apex-app=portal] .search-box{min-height:50px;border-radius:10px}
[data-apex-app=portal] .search-box input{font-size:14px}
[data-apex-app=portal] .filter-chip{font-size:12px;min-height:40px;border-radius:7px}
[data-apex-app=portal] :is(.refresh-button,.result-count,.text-button){font-size:12px}
[data-apex-app=portal] .system-grid{gap:18px}
[data-apex-app=portal] .system-card{padding:26px;border-top:3px solid #d9e4ed!important}
[data-apex-app=portal] .system-card:hover{border-color:#9eb5c7!important;box-shadow:0 10px 28px #0b253e0c!important}
[data-apex-app=portal] .system-card[data-id=orcapro]{border-top-color:#efaa5b!important}
[data-apex-app=portal] .system-card[data-id=sms]{border-top-color:#80afa1!important}
[data-apex-app=portal] .system-card[data-id=rh]{border-top-color:#8ba6c9!important}
[data-apex-app=portal] .system-card h3{font-size:22px}
[data-apex-app=portal] :is(.card-description,.card-note){font-size:13px;line-height:1.7}
[data-apex-app=portal] :is(.card-sector,.status,.card-access,.catalog-footnote){font-size:11px}
[data-apex-app=portal] .help-section{border-radius:12px}
[data-apex-app=portal] .help-steps p{font-size:13px;line-height:1.7}
/* Central login: architectural brand panel and a focused form. */
[data-apex-app=portal] .login-layout{grid-template-columns:minmax(360px,46%) 1fr;background:white!important}
[data-apex-app=portal] .identity{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#0b253e 35%,#164766);padding:48px clamp(32px,5vw,80px)}
[data-apex-app=portal] .identity:after{content:'';position:absolute;z-index:-1;right:-180px;bottom:-60px;width:520px;height:520px;border:1px solid #a2c5df22;border-radius:60px;transform:rotate(35deg);box-shadow:0 0 0 55px #a2c5df06,0 0 0 110px #a2c5df04;pointer-events:none}
[data-apex-app=portal] .identity .apex-brand-lockup{width:224px!important;height:88px!important;margin-bottom:76px}
[data-apex-app=portal] .identity h1{font-size:clamp(36px,3.8vw,56px);line-height:1.12;font-weight:650;margin-bottom:24px}
[data-apex-app=portal] .identity .eyebrow{color:#ffbe77;font-size:11px;letter-spacing:2px}
[data-apex-app=portal] .identity p{font-size:16px;line-height:1.8;color:#c2d5e4}
[data-apex-app=portal] .identity-foot{line-height:1.8;color:#c2d5e4}
[data-apex-app=portal] .login-main{background:#fafbfd;padding:50px 40px}
[data-apex-app=portal] .login-box{max-width:420px}
[data-apex-app=portal] .login-box h2{font-size:32px;font-weight:650;margin-bottom:14px}
[data-apex-app=portal] .login-box>.eyebrow{color:#567085;font-size:10px}
[data-apex-app=portal] .login-box label{font-size:13px;margin-top:24px}
[data-apex-app=portal] .login-box input{min-height:50px;background:white}
[data-apex-app=portal] .login-box form>.primary{min-height:50px}
[data-apex-app=portal] .admin-shell{max-width:1360px;padding:32px}
[data-apex-app=portal] .admin-top{padding-bottom:24px;margin-bottom:32px}
[data-apex-app=portal] .admin-top .apex-brand-lockup{width:176px!important;height:70px!important}
[data-apex-app=portal] .admin-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:24px}
[data-apex-app=portal] .panel h2{font-size:21px}
[data-apex-app=portal] .person{background:white;padding:16px;border-radius:9px}
[data-apex-app=portal] .person[aria-pressed=true]{background:#eff5fa;border-color:#7b9ab3;box-shadow:inset 3px 0 var(--apex-navy)}
/* Native systems retain their own working navigation and application state. */
[data-apex-app=orcapro] .app-brand{margin:0 auto 22px}
[data-apex-app=orcapro] .app-content{padding-bottom:84px}
[data-apex-app=orcapro] .app-nav button{font-size:13px}
[data-apex-app=orcapro] .app-breadcrumb,[data-apex-app=orcapro] .app-site-link{font-size:12px}
[data-apex-app=orcapro] .app-sidebar-bottom{font-size:12px}
[data-apex-app=orcapro] .app-mobile-nav button{min-height:42px;font-size:12px}
[data-apex-app=rh] .rh-brand{margin:0 auto 24px}
[data-apex-app=rh] .rh-nav button{font-size:13px}
[data-apex-app=rh] .rh-page-heading h1{font-size:30px}
[data-apex-app=rh] .rh-app>main{padding-bottom:84px!important}
[data-apex-app=rh] .rh-sidebar-title{font-size:10px;line-height:1.6;letter-spacing:1.3px}
[data-apex-app=rh] .rh-breadcrumb{min-width:0;flex:1}
[data-apex-app=rh] .rh-profile{min-width:0;flex-shrink:1}
@media(max-width:600px){[data-apex-app=rh] .rh-profile>div:last-child{display:none}[data-apex-app=rh] .rh-profile{flex:0 0 auto}[data-apex-app=rh] .rh-breadcrumb{gap:8px}[data-apex-app=rh] .rh-breadcrumb>span{white-space:nowrap}[data-apex-app=rh] .rh-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
[data-apex-app=erp] .sidebar .brand{margin:0 auto 26px}
[data-apex-app=erp] .heading h1{font-size:30px;font-weight:650}
[data-apex-app=erp] .page{padding-bottom:84px}
[data-apex-app=erp] .nav-label{font-size:10px;color:#a4b6c8}
[data-apex-app=erp] .nav-compact .apex-brand-lockup{height:46px!important;width:46px!important;border-radius:9px!important}
[data-apex-app=erp] .nav-compact .apex-brand-lockup .brand-symbol{width:46px;height:46px}
[data-apex-app=erp] .nav-compact .apex-brand-lockup .brand-symbol img{width:150px!important;left:-17px!important;top:-17px!important;transform:none!important}
[data-apex-app=erp] .mobile-nav-close{z-index:2;background:#fff;color:#173149;border:1px solid #dfe6ed;border-radius:8px;width:32px;height:32px}
[data-apex-app=sms] [data-sidebar=sidebar]{background:var(--apex-navy)!important;color:#d4e1ec}
[data-apex-app=sms] .brand{margin:10px auto 20px}
[data-apex-app=sms] .workspace{padding-bottom:84px}
[data-apex-app=sms] .welcome-strip{background:linear-gradient(110deg,#0b253e,#194561);border-radius:12px;color:white}
[data-apex-app=sms] .welcome-strip p{color:#cedce7}
[data-apex-app=sms] .welcome-strip h2{color:#fff!important}
[data-apex-app=sms] .welcome-strip .eyebrow{color:#ffc180!important}
[data-apex-app=sms] .welcome-strip>svg{color:#9ebbd2}
[data-apex-app=sms] .page-head h1{font-size:30px;font-weight:650}
[data-apex-app=sms] [data-sidebar=menu-button]{min-height:44px;font-size:13px}
html[data-apex-design] .auth-page{background:linear-gradient(135deg,#0b253e,#17445f)!important;min-height:100dvh;padding:32px 20px}
html[data-apex-design] .auth-card{border-radius:16px;box-shadow:0 20px 70px #00182d30;padding:36px;width:480px}
html[data-apex-design] .auth-card .apex-brand-lockup{margin-bottom:24px}
html[data-apex-design] .auth-card p{font-size:14px;line-height:1.7}
html[data-apex-design] .auth-card label{font-size:13px}
html[data-apex-design] .auth-card h1{font-size:30px}
/* Existing links remain ordinary links; no new authorization or logout semantics. */
html[data-apex-design] :is([data-apex-library],.library-tools,.apex-suite-tools){z-index:19!important;border:1px solid #d7e1e9!important;background:white!important;color:var(--apex-ink)!important;border-radius:10px!important;box-shadow:0 4px 20px #0b253e12;min-height:44px;max-width:calc(100vw - 24px);font:12px/1.5 'Segoe UI',sans-serif!important;flex-wrap:wrap}
html[data-apex-design] :is(.library-tools,.apex-suite-tools) :is(a,button){color:#173149!important;min-height:32px;display:inline-flex;align-items:center}
html[data-apex-design] .apex-suite-tools>span{color:#61758a}
@media(min-width:1500px){[data-apex-app=portal] .main-panel main{padding:36px 48px 0}.apex-brand-lockup{width:212px!important}}
@media(max-width:1100px){[data-apex-app=portal] .workspace{grid-template-columns:220px minmax(0,1fr)}[data-apex-app=portal] .main-panel main{padding:24px 24px 0}[data-apex-app=portal] .welcome-map{display:none}[data-apex-app=portal] .central-bar{padding:12px 24px}.apex-brand-lockup{width:100%!important;max-width:208px!important;height:78px!important}}
@media(max-width:850px){[data-apex-app=portal] .admin-grid{grid-template-columns:1fr}[data-apex-app=portal] .workspace{display:block}[data-apex-app=portal] .side-panel{height:auto;position:relative;display:block;padding:16px 20px}[data-apex-app=portal] .company-brand{width:172px!important;height:65px!important;margin:0 0 16px}[data-apex-app=portal] .side-nav{display:flex;gap:8px;flex-wrap:wrap}[data-apex-app=portal] .side-link{width:auto;flex:1;white-space:nowrap;font-size:12px}[data-apex-app=portal] :is(.side-heading,.side-routine,.side-bottom){display:none}[data-apex-app=portal] .central-bar{flex-wrap:wrap}[data-apex-app=portal] .login-layout{grid-template-columns:40% 1fr}[data-apex-app=portal] .identity{padding:36px 28px}[data-apex-app=portal] .identity h1{font-size:36px}}
@media(max-width:600px){[data-apex-app=portal] .login-layout{display:block}[data-apex-app=portal] .identity{padding:20px 24px}[data-apex-app=portal] .identity .apex-brand-lockup{width:172px!important;height:65px!important;margin:0}[data-apex-app=portal] .login-main{padding:32px 24px 40px}[data-apex-app=portal] .login-box h2{font-size:28px}[data-apex-app=portal] .main-panel main{padding:20px 16px 0}[data-apex-app=portal] .workspace-bar{padding:0 18px;height:52px}[data-apex-app=portal] .welcome{padding:26px;min-height:0}[data-apex-app=portal] .welcome h1{font-size:32px}[data-apex-app=portal] .central-bar{padding:12px 18px;gap:10px}[data-apex-app=portal] .workspace-summary{padding:15px 4px}[data-apex-app=portal] .workspace-summary>div{padding:0 10px;gap:7px}[data-apex-app=portal] .workspace-summary p>span{font-size:11px}[data-apex-app=portal] .system-card{padding:23px}[data-apex-app=portal] .admin-shell{padding:20px 16px}[data-apex-app=portal] .admin-top{gap:12px;flex-wrap:wrap}[data-apex-app=portal] .side-link{flex:auto;justify-content:center}[data-apex-app=portal] .side-link:last-child{display:none}[data-apex-app=portal] .search-box input{font-size:14px}html[data-apex-design] .auth-card{padding:28px 24px}html[data-apex-design] :is(input,select,textarea){font-size:16px}html[data-apex-design] :is(.library-tools,.apex-suite-tools){padding:6px 10px!important;gap:10px!important}html[data-apex-design] .apex-suite-tools>span{display:none}}
}
@media(prefers-reduced-motion:reduce){html[data-apex-design],html[data-apex-design] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}