/* Shared accessible type scale: both Work Hub and Finance. Local licensed fonts. */
@font-face{font-family:GP Cairo;src:url('assets/fonts/Cairo.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:GP Orbitron;src:url('assets/fonts/Orbitron.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,button,input,select,textarea{font-family:GP Cairo,Tahoma,sans-serif!important;line-height:1.8;letter-spacing:0}
body{font-size:16px!important;font-weight:500;color:#dfebf5}
button{font-weight:650}input,select,textarea{font-size:16px!important;min-height:48px!important}
input[type=checkbox],input[type=radio]{min-height:0!important}
input::placeholder,textarea::placeholder{color:#91adc3!important;opacity:1}
/* One readable palette; low-contrast captions are not part of this identity. */
#app small,#app .muted,#app .section-title small,#app .task-main small,#app .task small,#app header p{font-size:14px!important;line-height:1.9;color:#a5bfd3!important}
#app p{font-size:16px!important;line-height:2;color:#b4cada}
#app main>header{height:104px}#app header h1{font-size:29px;font-weight:750}
#app nav button{font-size:16px;padding:14px 16px;line-height:1.8}#app .finance-nav-link{font-size:14px;padding:14px;line-height:1.8}
#app .employee-mini b{font-size:16px}#app .employee-mini small{font-size:13px!important}
#app .section-title{margin:28px 0 17px}#app .section-title h2{font-size:23px;font-weight:700;line-height:1.7}
#app .command-hero h2,#app .day-hero h2,#app .report-hero h2{font-size:32px;line-height:1.8}
#app .command-hero p,#app .day-hero p,#app .report-hero p{font-size:16px!important}
#app .eyebrow{font-size:13px;color:#8bd8e8}
#app .pulse-grid{gap:16px;margin:22px 0}#app .pulse-card{background:#12283d!important;border:1px solid #36536b!important;border-radius:12px;padding:22px!important;min-height:130px;display:flex;flex-direction:column;gap:10px;justify-content:center}
#app .pulse-card span{font-size:15px!important;color:#b8cddd!important}#app .pulse-card b{font-size:25px!important;color:#e6f4fc!important;line-height:1.7}
#app .live-person{padding:24px}#app .live-person b{font-size:19px;color:#e0eff8!important}#app .presence{font-size:13px}
#app .btn,#app .iconbtn{font-size:14px;min-height:43px;padding:9px 16px;line-height:1.8}#app .hint-box{padding:17px 20px!important;line-height:1.9}#app .hint-box b{font-size:17px}#app .hint-box p,#app .hint-box small{font-size:14px!important;color:#b4cddd!important}#app .hintDone{font-size:14px;padding:8px 13px}
#app .task{padding:18px 20px;min-height:90px}#app .task-main b{font-size:18px!important;font-weight:650}#app .stage-head{padding:18px 20px;font-size:19px;line-height:1.8}
#app .table-wrap th,#app .table-wrap td{font-size:15px;padding:15px;line-height:1.9}#app .card{padding:22px}#app .notice{font-size:15px;line-height:2}
#app .announcement b{font-size:15px;color:#a6deea!important}#app .announcement span{font-size:14px;color:#b9d1e1}
#app aside .logo{width:174px;max-width:100%;height:auto;padding:8px}#app .brand{font-size:13px;line-height:1.9;padding-top:8px}#app .app-version{font-size:11px}#app .profile b{font-size:14px}#app .profile button{font-size:13px}
/* Finance type scale. */
.sidebar #nav .nav-label{font-size:15px!important;font-weight:650}.sidebar #nav button{min-height:55px!important}.sidebar .brand img{width:75px;height:55px}.sidebar .brand strong{font-size:14px}.sidebar .brand small{font-size:12px}.sidebar .sidebar-foot{font-size:12px;line-height:1.9}
.sticky-stage .cc-hero h2,.sticky-stage .space-hero h2{font-size:32px!important;font-weight:750;line-height:1.8!important}.sticky-stage .cc-hero p,.sticky-stage .space-hero p{font-size:15px!important;color:#a8c3d6!important;line-height:2!important}.cc-live{font-size:12px!important;line-height:1.9}.section-top h2{font-size:22px!important}.section-top p{font-size:14px!important;line-height:1.9}
.action-tile b{font-size:18px!important}.action-tile small{font-size:14px!important;line-height:1.9;color:#abc7d8!important}.action-tile{padding:24px;gap:14px}.work-queue button{font-size:14px;line-height:1.9}.work-queue b{font-size:20px}.cc-strip span{font-size:14px!important}.cc-strip strong{font-size:32px!important}.cc-strip small{font-size:13px!important;line-height:1.9}.cc-kpi label{font-size:15px!important;color:#b8cede!important}.cc-kpi strong{font-size:28px!important;line-height:1.7}.cc-kpi small{font-size:13px!important;line-height:1.9;color:#9bb9ce!important}.cc-card h3{font-size:22px}.cc-card-head small{font-size:11px}.cc-bar-row{font-size:15px}.cc-radar-row{font-size:15px}.cc-disclaimer{font-size:13px;line-height:2;color:#a2bed2!important}
.money-workspace nav.money-tabs button{font-size:15px!important;min-height:48px}.account-tile>span{font-size:16px!important}.account-tile strong{font-size:25px!important}.account-tile small{font-size:14px!important}.ledger-details summary{font-size:15px!important}.panel h2,.panel h3{font-size:23px!important}.field{font-size:15px!important;line-height:1.9}.notice,.note{font-size:14px!important;line-height:2!important;color:#b7cede!important}.table th,.table td{font-size:14px!important;line-height:1.9;padding:14px!important}.label-line{font-size:15px;line-height:1.9}.primary,.outline,.small{font-size:14px!important;min-height:43px;line-height:1.8}.payroll-person h3{font-size:22px}.payroll-person-head small,.payroll-person-footer{font-size:14px}.payroll-person-metrics small{font-size:14px}.payroll-person-metrics strong{font-size:23px}.space-metric small{font-size:13px}.space-metric strong{font-size:22px}.data-preview-note{font-size:13px;line-height:1.9}
/* Dialogs retain the same readable scale. */
#modal #modal-title{font-size:24px!important;line-height:1.8}#modal h2,#modal h3,#modal .section-top h2{font-size:21px!important}#modal label,#modal .field,#modal .label-line span,#modal #lines .line-field,#modal #lines .line-field label{font-size:15px!important;line-height:1.9;color:#bfd3e3!important}#modal small,#modal .note,#modal .field small{font-size:13px!important;color:#a7c2d6!important;line-height:1.9}#modal .table td,#modal .table th{font-size:14px!important}#modal .notice{font-size:14px!important}#modal .invoice-stepper b{font-size:15px}#modal .invoice-stepper button{padding:16px;gap:14px}#modal .invoice-wizard-intro>span{font-size:24px}#modal .invoice-wizard-intro p{font-size:15px;line-height:2}#modal #invoiceStepCount{font-size:14px}#modal #lines .row-number{font-size:14px}
/* Distinct signature, used sparingly. */
.identity-signature,.toolbar-khirbk,#app .khirbk-staff-brand span{font-family:GP Orbitron,Arial,sans-serif!important;font-weight:700!important;font-size:23px!important;letter-spacing:2px!important;font-style:normal!important;color:#a1dcec!important;text-shadow:0 1px 12px #4bc5e222!important}
.identity-signature{display:flex;flex-direction:column;gap:8px;text-align:left;line-height:1.25}.identity-signature:after{content:'WORKSPACE DESIGN';font:500 8px GP Orbitron,Arial;letter-spacing:2px;color:#668b9f}
/* Login masthead is explicitly full width, never shrink-to-fit. */
#login.identity-login{display:block!important;width:100%;text-align:right}
#login.identity-login>.identity-login-top{width:100%!important;max-width:1240px!important;display:flex!important;justify-content:space-between!important;gap:70px!important;height:130px;flex-direction:row!important;margin:0 auto!important;flex:none;align-items:center}
#login .identity-company{display:flex;gap:20px;align-items:center;flex-shrink:0}.identity-company img{width:195px;height:78px;padding:6px 8px;border-radius:10px;object-fit:contain}.identity-company b{display:none}.identity-company small{font-size:15px;color:#a2bed1;white-space:nowrap;line-height:1.8}
#login .identity-signature{margin:0!important;flex-shrink:0}
#login .identity-login-layout{min-height:calc(100vh - 205px);padding:50px 0;gap:80px;grid-template-columns:minmax(360px,460px) minmax(420px,1fr);max-width:1240px}.identity-access{padding:36px!important}.identity-access h1{font-size:37px!important;margin:16px 0 8px}.access-overline{font-size:13px}.access-description{font-size:16px!important;line-height:2;margin-bottom:30px}.identity-login .cin-field>span{font-size:16px!important;font-weight:650}.identity-login .cin-field input{font-size:16px!important;height:54px!important;padding:12px 16px}.identity-login .login-options{margin:8px 0 26px}.identity-login .remember-device,.identity-login .forgot-link{font-size:13px!important;line-height:1.9}.identity-login .cin-login-btn{height:54px;font-size:16px!important}.access-note p{font-size:13px!important;line-height:2}.access-footer,.identity-login .login-version{font-size:11px!important;line-height:1.8}.story-kicker{font-size:14px}.identity-story h2{font-size:49px;line-height:1.65}.identity-story>p{font-size:17px!important;line-height:2.1;max-width:520px}.identity-workflow b{font-size:17px}.identity-workflow small{font-size:14px;line-height:1.9}.identity-workflow>div{padding:22px 0}.story-bottom{font-size:12px;line-height:1.9}.story-bottom>span{font-size:10px}.identity-login-bottom{font-size:12px!important;line-height:1.9}
@media(max-width:1100px){#login .identity-login-layout{gap:35px;grid-template-columns:minmax(330px,420px) 1fr}.identity-story h2{font-size:38px}.identity-story>p{font-size:16px!important}.identity-company small{display:none}}
@media(max-width:760px){body{font-size:16px!important}#login.identity-login>.identity-login-top{height:105px;gap:20px!important}.identity-company img{width:154px;height:62px}.identity-signature{font-size:17px!important;letter-spacing:1px!important}.identity-signature:after{font-size:6px;letter-spacing:1px}#login .identity-login-layout{display:flex;padding:25px 0;gap:32px;min-height:0}.identity-access{padding:24px!important}.identity-access h1{font-size:32px!important}.identity-story h2{font-size:34px}.identity-login .remember-device,.identity-login .forgot-link{font-size:12px!important}.identity-login-bottom{font-size:11px!important}.access-footer{gap:10px;flex-wrap:wrap}.identity-workflow small{font-size:13px}.identity-story>p{font-size:16px!important}#app main>header{height:90px}#app .khirbk-staff-brand span{font-size:17px!important}.toolbar-khirbk{font-size:19px!important}.sidebar #nav .nav-label{font-size:14px!important}.sticky-stage .cc-hero h2,.sticky-stage .space-hero h2{font-size:27px!important}.cc-kpi strong{font-size:22px!important}.cc-strip strong{font-size:28px!important}#app .pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#app .pulse-card{padding:16px!important;min-height:115px}.cc-kpis{grid-template-columns:1fr!important}.account-tile strong{font-size:23px!important}#modal .invoice-stepper b{font-size:12px}#modal .invoice-stepper button{gap:8px;padding:12px 5px}#modal .invoice-wizard-intro>span{font-size:22px}.work-queue{grid-template-columns:1fr}#app .task{display:flex;flex-wrap:wrap;gap:15px;padding:18px}#app .task-actions{flex-wrap:wrap}.refresh-control small{font-size:12px!important}}
#login.identity-login.hidden{display:none!important}
#app .hint-box{font-size:14px!important;color:#afc9dc!important;line-height:2}#app .hint-box div{color:#afc9dc!important;font-size:14px!important}#app .announcement{color:#b7d4e6!important}.sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sidebar .brand img{width:165px!important;height:auto!important;max-width:100%;background:#f3f7fa;border-radius:8px;padding:7px}.sidebar .brand strong{font-size:15px!important;white-space:nowrap}.sidebar .brand small{font-size:13px!important}
