/* OSOCO / the management notebook. Shared structure lives in app.css. */
:root{--ink:#283f46;--muted:#76838a;--line:#e7eae6;--bg:#f6f7f3;--teal:#575fc1;--nav:#28494d;--shadow:0 5px 22px #253d4404}
body{background:var(--bg);font-size:15px;color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#7274d4}
.sidebar{background:#fff;border-left:1px solid #e3e8e3;color:#30464c;width:235px;padding:30px 20px}
.workspace{margin-right:235px}.brand{color:#28494d;gap:11px}.brand img{border-radius:11px}.brand small{color:#7b8a8d;font-size:10px}
.nav-label{font-size:10px;letter-spacing:.3px;color:#91a09d;margin:45px 15px 13px}
.sidebar nav a{color:#738386;font-size:13px;padding:14px 13px;border-radius:6px;gap:13px}
.sidebar nav .active{background:#f0f3ed;color:#28494d;box-shadow:inset -3px 0 #b9d6a3}
.sidebar nav a:hover{background:#f2f5ef;color:#28494d}
.nav-icon{display:grid;place-items:center;flex-shrink:0}.nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.secure-tag{color:#7f9390;font-size:10px}.dot{background:#739777;box-shadow:0 0 0 4px #7397770d}
.install-button{background:#fafbf8;border-color:#e4e9df;color:#67816f;font-size:10px;border-radius:7px}
.account{border-top-color:#e5ebe4;color:#526c70;font-size:12px}.account small{color:#95a19d;font-size:10px}.logout{color:#82918f}
.avatar.small{background:#edf1e8;color:#7b9565}
.topbar{height:70px;border-color:#e5e9e3;background:#fff;font-size:11px}.topbar strong{color:#607579}.topbar-meta{gap:17px}
.slash{color:#c8d2cd}.badge{background:#f0f1fb;color:#777ca8;font-size:10px;border-radius:5px;padding:5px 11px}
main{padding:29px 36px 20px;max-width:1540px}.demo-banner{background:#fdf9ee;border-color:#efe8d2;color:#92815a;font-size:10px;border-radius:5px;padding:7px 12px;margin-bottom:25px}
.page-intro{align-items:flex-end;margin-bottom:27px;gap:20px}.eyebrow{letter-spacing:.7px;color:#839b96;font-size:10px;font-weight:500;margin-bottom:6px}
h1{color:#28494d;font-size:34px;font-weight:650;line-height:1.4;letter-spacing:-1px;margin-bottom:9px}.page-intro h1{display:flex;align-items:baseline;gap:12px}
.title-mark{width:10px;height:10px;border-radius:2px;background:#d3d9a6;box-shadow:14px 0 #d3d9a644;display:inline-block}
.page-intro p{font-size:12px;color:#7c8d8d}.freshness{background:transparent;border:0;border-right:1px solid #dce4dc;border-radius:0;padding:4px 19px 4px 0;font-size:10px;color:#95a29b}.freshness small{color:#6a847d;font-size:11px}
.search-panel{background:#fff;border:1px solid #dfe6df;border-top:3px solid #37575b;border-radius:4px 4px 14px 14px;padding:18px 24px 12px;box-shadow:0 8px 30px #294b5004;position:relative}
.search-panel-top{margin-bottom:8px}.search-label{color:#647f7c;font-size:11px}.gemini-tag{background:#f3f1fa;color:#978caf;border-radius:4px;font-size:9px;padding:4px 9px}
.search-box{gap:13px;padding-bottom:14px;border-bottom-color:#edf0e9}.search-symbol{display:flex;align-items:center;color:#9eafa9}.search-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.search-box input{font-size:18px;color:#365a5c;background:transparent}.search-box input::placeholder{color:#9badab}.search-box input:focus-visible{outline:0}.search-box:focus-within{border-bottom-color:#919bd2}
.primary{border-radius:7px;background:#5b62be;box-shadow:none;font-weight:500;font-size:12px;padding:11px 26px}.primary:hover{background:#4c54ac;box-shadow:0 4px 12px #5b62be20;color:#fff}
.secondary{background:#edf0e9;color:#5b796c;border-radius:7px}.mic-button{background:#f0f1fa;color:#868abd;border-radius:8px}.mic-button:hover{background:#e9eaf5}
.search-actions{font-size:10px;gap:17px;padding-top:8px}.text-button{color:#6b6aa4;font-size:11px}.filter-toggle{color:#688077}.search-actions>.muted{color:#a0ada6}
.quick-filters{font-size:10px;gap:8px;padding:15px 0 22px}.quick-filters>span{color:#95a197;margin-left:6px}.quick-filters a{border:0;border-radius:5px;color:#788975;background:#edf1e6;padding:7px 12px}.quick-filters a:hover{background:#e1e9d6;color:#516b49}
.active-filters{gap:8px}.active-filters span{background:#e9eedf;color:#6e825f;border-radius:5px}.active-filters a{color:#919977}
.metrics{gap:15px;margin-bottom:24px}.metric{border:0;box-shadow:none;border-radius:9px;padding:19px 20px 14px;position:relative;overflow:hidden;min-height:163px}
.metric-people{background:#e8f1d7}.metric-age{background:#deeff5}.metric-experience{background:#fae7d5}.metric-retirement{background:#e9e5f3}
.metric>span{font-size:12px;color:#6e7e5d;display:block;max-width:calc(100% - 26px)}.metric-age>span{color:#678690}.metric-experience>span{color:#967b60}.metric-retirement>span{color:#8c7e9c}
.metric>strong{color:#405849;font-size:37px;font-weight:500;line-height:1.5;margin:6px 0 9px;letter-spacing:-1.1px}.metric-age>strong{color:#446370}.metric-experience>strong{color:#826149}.metric-retirement>strong{color:#685875}
.metric strong small{font-size:10px;color:inherit;opacity:.7;font-weight:400;letter-spacing:0}
.metric-foot{font-size:10px;color:#859274;border-top:1px solid #ffffff7d;padding-top:8px;gap:6px;min-height:27px}.metric-age .metric-foot{color:#78949d}.metric-experience .metric-foot{color:#a28b72}.metric-retirement .metric-foot{color:#9585a3}
.metric-icon{position:absolute;left:18px;top:20px;width:29px;height:29px;color:#96ad7d;opacity:.75}.metric-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.metric-age .metric-icon{color:#90b6c2}.metric-experience .metric-icon{color:#cda77d}.metric-retirement .metric-icon{color:#b0a0c5}.metric-retirement:hover{background:#e2dcec;transform:translateY(-2px)}
.metric:after{content:'';width:42px;height:5px;background:#ffffff80;border-radius:0 0 3px 3px;position:absolute;top:0;right:20px}
.charts{grid-template-columns:1.16fr 1fr 1fr;gap:0;border:1px solid #e2e7df;border-radius:12px;background:#fff;overflow:hidden;margin-bottom:25px}
.card{border-color:#e5e9e2;border-radius:11px;box-shadow:none}.chart{border:0;border-left:1px solid #edf0e9;border-radius:0;padding:23px 22px 17px;background:transparent;display:flex;flex-direction:column;min-width:0}
.department-chart{order:-1}.experience-chart{border-left:0}.chart .card-heading h2{font-size:14px;color:#496665}.chart-label{font-size:9px;color:#92a49c;white-space:nowrap}
.chart>p{font-size:10px;color:#98a79f;margin:5px 0 18px}.chart-caption{padding-top:13px;margin-top:auto;border-top:1px solid #eef1ea;font-size:9px;color:#9aaa9e;display:flex;justify-content:space-between;gap:8px;align-items:center}.chart-caption>span{color:#899f88;font-size:17px}
.column-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;direction:rtl;align-items:end;margin:0 0 16px}.column{display:flex;flex-direction:column;align-items:center;min-width:0;border-radius:5px;padding:0 2px}.column-count{font:600 12px 'Segoe UI',sans-serif;color:#7d8b7d;line-height:1.4}
.column svg{width:100%;height:155px;margin:5px 0 8px}.column-label{font-size:10px;color:#97a48f;white-space:nowrap}.column-track{fill:#f5f7f0}.column-fill{fill:#b6c797}.column-2 .column-fill{fill:#9bc7d1}.column-3 .column-fill{fill:#b6abd4}.column-4 .column-fill{fill:#dfba94}.column:hover{background:#f8faf4}.column:hover .column-fill{filter:saturate(1.3)}
.experience-bars{display:grid;gap:19px;margin:4px 0 24px}.experience-row{display:block}.experience-row>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;color:#899b8e;font-size:11px}.experience-row strong{color:#6c8376;font:600 13px 'Segoe UI',sans-serif}.experience-row small{display:inline;font:9px Portal,sans-serif;color:#a3b1a4}
.experience-row svg{height:8px;width:100%;display:block;transform:rotate(180deg)}.experience-row .track{fill:#f2f5ee}.experience-row .bar{fill:var(--chart-color)}
.palette-1{--chart-color:#b3c991;--map-color:#dfebce}.palette-2{--chart-color:#96c4cd;--map-color:#d4eaf0}.palette-3{--chart-color:#b1a4d0;--map-color:#e5dff1}.palette-4{--chart-color:#e1b78a;--map-color:#f6e2cd}.palette-5{--chart-color:#d1a4b3;--map-color:#efdae3}.palette-6{--chart-color:#9aafbc;--map-color:#e0e8ed}
.department-map{width:100%;height:151px;display:block;margin:0 0 12px;overflow:visible}.department-cell rect{fill:var(--map-color);stroke:#fff;stroke-width:4;transition:filter .15s}.department-cell:hover rect{filter:saturate(1.7)}.department-cell text{text-anchor:middle;fill:#5f7974;pointer-events:none}.map-number{font:500 22px 'Segoe UI',sans-serif}.map-unit{font:10px Portal,sans-serif;opacity:.65}
.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;margin-bottom:17px}.legend-item{display:flex;gap:6px;align-items:center;min-width:0;font-size:9px}.legend-item i{width:7px;height:7px;border-radius:2px;background:var(--chart-color);flex-shrink:0}.legend-item span{color:#8c9c90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-item strong{margin-right:auto;font:600 11px 'Segoe UI',sans-serif;color:#8b9c8c}.legend-item:hover span{color:#4c7063}
.directory-table{border-color:#e1e7df;position:relative}.directory-table:before{content:'';position:absolute;top:0;right:24px;width:33px;height:3px;background:#9fb6a2;border-radius:0 0 4px 4px}
.directory-table>.card-heading{padding:22px 24px}.card-heading h2{color:#3e5c5e;font-size:17px}.card-heading p{font-size:10px;color:#99a89e}.count{border:1px solid #e6ece0;background:#f5f8f0;color:#8b9b81;border-radius:5px;font-size:11px}
.table-scroll table{font-size:12px}th{background:#f7f9f3;color:#9ca996;border-block-color:#edf1e8;font-size:10px;padding:13px 20px}td{padding:17px 20px;border-bottom-color:#edf1e9;color:#7e9285}td>strong{color:#718c7d}td small{font-size:10px;color:#a6b4a8}
.employee-link strong{font-size:13px;color:#58776f;font-weight:600}.employee-link small{font-size:10px;color:#a2b1a6;letter-spacing:1px}.avatar{border-radius:5px;background:#edf1e5;color:#9aaf85}.avatar.tone-b{background:#e9eff3;color:#9bb0bd}
.status-pill{background:#edf4e4;border-color:#e5efdb;color:#8fa07c;border-radius:5px;font-size:10px}.status-pill.on-assignment{background:#fcf0df;color:#b89869;border-color:#f3e5d0}.row-arrow{color:#9fb29c;font-size:21px}
.subtle{font-size:10px;color:#a5b29f}.pagination{border-top-color:#e9eee3;font-size:11px;color:#a1ad96}.pagination a{color:#889b79}tbody tr:hover{background:#fbfcf7}tr[data-employee-url]{cursor:pointer}
.muted,.helper{color:#8ca094}.notice{background:#eff3e8;border-color:#e3e9d9;color:#839575}.notice.error,.errorlist{background:#fff0ea;color:#ad6153}.search-feedback{color:#b28969}
.filter-grid label{color:#7f9789;font-size:12px}.filter-grid input,.filter-grid select{background:#fbfcf8;border-color:#e1e8db;color:#638172;font-size:13px}.filters-panel{border-top-color:#e7ecdf}.filter-grid{gap:14px}.filters-panel .helper{font-size:11px}
.back-link{color:#899e81;font-size:12px}.profile-header{background:#fff;border-top:3px solid #3d605f;border-radius:4px 4px 12px 12px}.profile-header h1{color:#365958}.profile-header p{color:#8aa293}.profile-meta{color:#a1b09b}.profile-highlights{background:#eef2e8;border-color:#e4ebdc}.profile-highlights span{color:#91a583}.profile-highlights strong{color:#64845f}.profile-grid h2,.notes-card h2{color:#567d65}.details-grid dt{color:#99b08b}.details-grid dd{color:#668859}.tabs{border-color:#e4ebda}.tabs button{color:#9bae8c}.tabs .selected{color:#789960;border-color:#9ab67c}
.ai-preview{background:#f3f1fa;border-color:#e6dff3;color:#8f7bb1}.ai-preview #ai-filters span{border-color:#e7def3}.login-story{background:#294c50;color:#fff}.login-story h1{color:#f2f5e9}.login-story p{color:#abc3b7}.login-story .brand{color:#edf2df}.login-story .brand small{color:#aac0ab}.login-story .eyebrow{color:#b4c8a6}.login-layout{border-color:#dfe6d7}.login-card h2{color:#597e62}.login-card label{color:#89a278}.login-card input{border-color:#e3ebda}.login-note{color:#a1b592;border-color:#eaf0e3}.login-card .eyebrow{color:#9eb686}footer{font-size:9px;color:#b1bea4}

/* Ink contrast is intentional: color belongs to the data, not faint text. */
.page-intro p,.search-label,.search-box input::placeholder{color:#73898a}.quick-filters a{color:#607551}.text-button{color:#626ba6}.metric>span{color:#5d744c}.metric-age>span{color:#517583}.metric-experience>span{color:#846645}.metric-retirement>span{color:#78648e}
.metric-foot{color:#6a7e58}.metric-age .metric-foot{color:#5b808b}.metric-experience .metric-foot{color:#95754f}.metric-retirement .metric-foot{color:#816a96}.chart>p,.chart-caption,.column-label{color:#7c8f7a}.legend-item span,.legend-item strong{color:#70866f}.experience-row>div{color:#708878}
th{color:#778b70}td{color:#627c66}td>strong{color:#557663}td small,.employee-link small,.card-heading p,.subtle{color:#81977e}.employee-link strong{color:#345e57}.status-pill{color:#68824f}.status-pill.on-assignment{color:#9b7745}.profile-highlights span,.details-grid dt{color:#7c9870}.details-grid dd{color:#496f43}.notice,.muted,.helper{color:#698263}.login-card label{color:#688955}.login-note{color:#879e75}.search-feedback{color:#97704f}

@media(min-width:1550px){main{padding:35px 48px}.metrics{gap:20px}.chart{padding:25px 27px 18px}.department-map{height:161px}.legend-item{font-size:10px}}
@media(max-width:1180px){
 .sidebar{width:200px;padding:26px 15px}.workspace{margin-right:200px}main{padding:25px}.sidebar nav a{font-size:12px}
 .metric{padding:18px 15px 13px;min-height:161px}.metric>span{font-size:11px}.metric>strong{font-size:32px;margin-top:10px}.metric-icon{width:24px;height:24px;left:12px;top:19px}.metric-foot{font-size:9px}.metrics{gap:12px}
 .charts{grid-template-columns:1.12fr 1fr 1fr}.chart{padding:18px 15px 14px}.chart .card-heading h2{font-size:13px}.column-chart{gap:7px}.column-label{font-size:9px}.column svg{height:149px}.legend-item{font-size:8px}.map-legend{gap:9px 8px}.experience-row>div{font-size:10px}
}
@media(max-width:900px){
 .sidebar{width:80px;padding:24px 9px}.workspace{margin-right:80px}.sidebar nav a{font-size:0}.sidebar .brand>span,.nav-label{font-size:0}.nav-icon svg{width:25px;height:25px}.sidebar .brand img{width:40px;height:40px}.sidebar-bottom .account,.sidebar-bottom .secure-tag,.sidebar-bottom .logout{font-size:0}
 .charts{grid-template-columns:1fr 1fr}.department-chart{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:0 25px;border:0;border-bottom:1px solid #edf0e9}.department-chart .card-heading,.department-chart>p,.department-chart .chart-caption{grid-column:1/-1}.department-map{height:153px;margin-bottom:15px}.map-legend{align-content:center;font-size:11px;grid-template-columns:1fr;gap:8px;margin-top:0}.legend-item{font-size:11px}.experience-chart{border-left:0}.chart{padding:22px}.chart .card-heading h2{font-size:15px}
 .metric>span{font-size:10px}.metric>strong{font-size:30px}.metric-icon{width:22px;height:22px}.metric{padding:16px 13px;min-height:153px}.metric-foot{font-size:9px}
}
@media(max-width:620px){
 body{background:#f6f7f3}.workspace{margin:0}.sidebar{width:100%;height:67px;padding:5px 12px;background:#ffffffef;border-top:1px solid #e3e9dc;border-left:0;backdrop-filter:blur(12px)}
 .sidebar nav a{font-size:9px;min-width:65px;padding:6px 11px;color:#879b7c}.sidebar nav .active{background:#eef3e4;color:#5e7e4b;box-shadow:none}.sidebar-bottom .install-button{color:#789b61;background:#f0f5e8;border-radius:8px}.nav-icon svg{width:23px;height:23px}
 .topbar{height:59px;padding:0 16px;font-size:10px}.topbar-meta{gap:10px}.topbar strong{font-size:10px}.topbar .badge{font-size:9px;padding:5px 9px}.topbar .text-button{font-size:10px}.topbar .slash{margin:0 5px}
 main{padding:21px 16px 10px}.demo-banner{font-size:9px;margin-bottom:21px;padding:7px 10px}.page-intro{margin-bottom:21px}.eyebrow{font-size:10px;margin-bottom:6px}h1{font-size:29px}.page-intro p{font-size:12px;max-width:310px;line-height:1.8}.title-mark{width:8px;height:8px}
 .search-panel{padding:15px 15px 10px;border-radius:4px 4px 12px 12px}.search-panel-top{margin-bottom:8px;gap:6px}.search-label{font-size:11px}.gemini-tag{font-size:8px;padding:4px 7px}.search-symbol{display:none}.search-box{gap:8px;padding-bottom:12px}.search-box input{font-size:16px;flex-basis:calc(100% - 50px);min-height:44px}.mic-button{width:38px;height:38px}.search-box>.primary{min-height:43px;font-size:13px;border-radius:6px}
 .search-actions{gap:5px;padding-top:9px}.text-button,.filter-toggle{font-size:10px}.quick-filters{padding:14px 0 19px;gap:7px}.quick-filters a{font-size:10px;padding:7px 11px;border-radius:4px}.metrics{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:16px}
 .metric{min-height:167px;padding:16px 14px 11px;border-radius:8px}.metric>span{font-size:11px;max-width:calc(100% - 24px);min-height:35px;line-height:1.75}.metric>strong{font-size:33px;margin:2px 0 7px;gap:7px}.metric strong small{font-size:10px}.metric-icon{top:16px;left:12px;width:23px;height:23px}.metric-foot{font-size:10px;line-height:1.7;padding-top:8px}.metric:after{width:31px;right:14px;height:4px}
 .mobile-insights{width:100%;min-height:44px;font-size:12px;background:#fff;border:1px solid #e0e8d9;color:#6a8c56;border-radius:7px;margin:0 0 17px}
 .charts{grid-template-columns:1fr;gap:0;border-radius:10px}.chart{padding:22px 20px 17px;border-left:0;border-bottom:1px solid #eaf0e1}.chart:last-child{border-bottom:0}.chart .card-heading h2{font-size:15px}.chart>p{font-size:11px;margin:5px 0 19px}.chart-caption{font-size:10px}.chart-label{font-size:10px}
 .department-chart{display:flex;grid-column:auto}.department-map{height:175px}.map-legend{grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:18px}.legend-item{font-size:10px}.legend-item strong{font-size:12px}.column-chart{gap:16px}.column svg{height:145px}.column-label{font-size:11px}.column-count{font-size:13px}.experience-row>div{font-size:12px}.experience-bars{gap:20px}.experience-row strong{font-size:14px}
 .directory-table>.card-heading{padding:19px 16px}.card-heading h2{font-size:16px}.card-heading p{font-size:10px}.directory-table:before{right:17px}.directory-table tr{padding:17px 16px;border-bottom-color:#e8eee0}.employee-link{gap:11px}.employee-link strong{font-size:14px}.employee-link small{font-size:10px}.avatar{width:37px;height:37px;font-size:16px}.directory-table td:nth-child(2){font-size:11px;padding-right:48px}.directory-table td:nth-child(2)>strong{color:#7c9970}.status-pill{font-size:9px;max-width:112px;padding:4px 7px}.row-arrow{font-size:20px}.subtle{font-size:10px}.pagination{font-size:10px}
 .filter-grid label{font-size:11px}.filter-grid input,.filter-grid select{font-size:16px;padding:9px}.filter-grid{gap:12px}.filters-panel .helper,.helper{font-size:12px}.profile-header h1{font-size:25px}.profile-header p{font-size:12px}.profile-highlights strong{font-size:13px}.profile-highlights span{font-size:10px}.details-grid dd{font-size:13px}.details-grid dt{font-size:11px}.notice{font-size:12px}
 .login-card h2{font-size:25px}.login-story h1{font-size:31px}.login-story p{font-size:12px}.login-story .brand{font-size:25px}.login-card input{font-size:16px}.login-card .eyebrow{font-size:11px}footer{font-size:9px}
}

@media(max-width:620px){.department-chart{border-bottom:1px solid #eaf0e1!important}.experience-chart{border-bottom:0}}

/* A phone navigation designed around the three daily destinations. */
.mobile-dock,.mobile-brand{display:none}
.account-summary{display:flex;gap:18px;align-items:center;margin-bottom:20px;padding:25px}.account-summary h2{margin:0}.account-summary>.badge{margin-right:auto}.account-summary .avatar.large{width:62px;height:62px;font-size:25px;background:#e5eee1;color:#50764e}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-grid h2,.account-tools h2{margin-bottom:21px}.permission-list{list-style:none;padding:0;margin:0 0 22px}.permission-list li{display:flex;gap:12px;margin:12px 0;color:#526f67;font-size:13px}.permission-list li span{color:#91af7e}.account-security{display:flex;gap:12px;align-items:center;margin-bottom:17px;font-size:14px}.account-tools{margin-top:20px}.tool-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tool-links a{display:flex;justify-content:space-between;padding:18px;background:#f1f5ec;border-radius:7px;color:#587550;font-size:13px}.account-signout{border:1px solid #e8dfdc;border-radius:7px;color:#a86d58;background:#fcf7f4;padding:11px 20px;min-height:44px;width:100%;margin-top:10px}
.metric>span{color:#4d623f}.metric-age>span{color:#456575}.metric-experience>span{color:#765938}.metric-retirement>span{color:#6c5682}.metric-foot{color:#526742}.metric-age .metric-foot{color:#496d79}.metric-experience .metric-foot{color:#866643}.metric-retirement .metric-foot{color:#715786}
.chart>p,.chart-caption,.column-label{color:#66775f}.legend-item span,.legend-item strong,.experience-row>div{color:#61765f}.map-unit{font-size:10px;opacity:1}.department-cell text{fill:#4b665f}#dashboard-charts{scroll-margin-top:18px}
@media(max-width:620px){
 .sidebar{display:none}.workspace{padding-bottom:86px}.topbar{height:94px;background:#28494d;border:0;padding:20px 20px 18px;align-items:center;color:white}.desktop-crumb{display:none}.mobile-brand{display:flex;gap:10px;align-items:center;color:#f4f7ef;font-size:23px;line-height:1.2;font-weight:600}.mobile-brand img{width:35px;height:35px}.mobile-brand small{color:#bbccc1;font-size:9px;font-weight:400;margin-top:6px}.topbar .badge{color:#c4d4c8;background:#ffffff0d;border:1px solid #ffffff1a;font-size:9px;border-radius:5px}.topbar-meta{gap:0}
 .mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:10px;bottom:max(10px,env(safe-area-inset-bottom));right:12px;left:12px;background:#28494df5;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 6px 24px #263f4226;z-index:30;padding:8px 5px;backdrop-filter:blur(14px)}
 .mobile-dock a,.mobile-dock button{min-height:49px;display:flex;gap:5px;flex-direction:column;align-items:center;justify-content:center;border:0;background:none;color:#baccc1;font:10px Portal,sans-serif;line-height:1.2;border-radius:9px;margin:0 3px}.mobile-dock svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-dock .selected{color:#e2edc7;background:#ffffff0c}.mobile-dock a:hover,.mobile-dock button:hover{background:#ffffff14;color:#fff}
 .account-grid{grid-template-columns:1fr;gap:15px}.account-summary{padding:20px;gap:12px;flex-wrap:wrap}.account-summary>.badge{font-size:9px}.account-summary h2{font-size:17px}.account-summary .avatar.large{width:49px;height:49px;font-size:23px}.account-grid .card{padding:21px}.permission-list li{font-size:13px}.tool-links{grid-template-columns:1fr}.account-security{font-size:13px}.account-tools{margin-top:15px}
 .department-map{height:auto;aspect-ratio:300/176;max-height:220px}
}

/* Arabic values remain readable next to Latin names and stable-width numbers. */
bdi{unicode-bidi:isolate}.metric strong,.column-count,.map-number,.map-legend strong,.pagination,.profile-highlights strong{font-variant-numeric:tabular-nums}
.metric-foot{line-height:1.8;white-space:normal}.field-errors{display:block;color:#a32c36;font-size:12px;margin-top:6px}.field-errors span{display:block}
.secret-key{display:block;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}

/* Official OSOCO identity: original company mark, petroleum blue, a small red signature. */
:root{--ink:#243f55;--bg:#f4f7fa;--nav:#193b57;--teal:#397eab}
body{background:var(--bg);color:var(--ink)}.brand,h1,.profile-header h1{color:#244961}
.brand img,.mobile-brand img{object-fit:contain;background:#fff;border-radius:50%;padding:2px}.sidebar .brand img{width:47px;height:47px}.brand small{color:#7c919f}.sidebar nav .active{background:#edf4f8;color:#285a77;box-shadow:inset -3px 0 #dc4545}.sidebar nav a:hover{background:#f1f6f9;color:#285a77}
.eyebrow{color:#7f97a7}.title-mark{background:#dc4545;box-shadow:14px 0 #dc454522}.search-panel{border-top-color:#315b77}.primary{background:#3d7da8}.primary:hover{background:#2e678e;box-shadow:0 4px 12px #315b7720}.text-button{color:#477b9c}.mic-button{background:#edf3f8;color:#648ea9}.mic-button:hover{background:#e3eff6}
.card-heading h2,.chart .card-heading h2{color:#3b6074}.employee-link strong{color:#34586d}.directory-table:before{background:#db5956}.profile-header{border-top-color:#315b77}.back-link{color:#5c849a}.account-summary .avatar.large{background:#e8f0f6;color:#4c7995}
.login-story{background:#193b57}.login-story .brand{color:#fff}.login-story h1{color:#f3f7fa}.login-story p,.login-story .brand small{color:#b9cdda}.login-story .eyebrow{color:#b7ccda}.company-login-brand{display:flex!important;align-items:center;gap:18px}.company-login-brand img{width:88px;height:88px;padding:4px;background:#fff}.login-card h2{color:#365a74}.login-card label{color:#668397}
@media(max-width:620px){body{background:#f4f7fa}.topbar{background:#193b57}.mobile-brand{color:#fff}.mobile-brand img{width:45px;height:45px;padding:2px}.mobile-brand small{color:#c5d6df}.mobile-dock{background:#193b57f5;box-shadow:0 6px 24px #193b5726}.mobile-dock a,.mobile-dock button{color:#abc3d3}.mobile-dock .selected{color:#fff;background:#ffffff10}.company-login-brand img{width:64px;height:64px}.company-login-brand{gap:14px}.login-story{padding:28px}.login-story h1{margin-top:24px}}

/* Employee profile output is designed for the browser's native Save as PDF flow. */
.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.profile-actions .back-link{margin-left:auto;margin-bottom:0}.print-profile,.share-profile{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid #cbdde8;border-radius:9px;background:#fff;color:#315d79;font:650 12px Portal,sans-serif;cursor:pointer;box-shadow:0 2px 7px #16394b0b;transition:transform .16s,box-shadow .16s,border-color .16s}.print-profile:hover,.share-profile:hover{border-color:#72a5c2;box-shadow:0 5px 14px #1e54721a;transform:translateY(-1px)}.print-profile span,.share-profile span{font-size:16px}.print-profile-brand{display:none}@media(max-width:620px){.profile-actions{margin-bottom:14px;gap:7px}.print-profile,.share-profile{min-height:40px;padding:8px 10px;font-size:10px}.profile-actions .back-link{font-size:10px}}
@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important;color:#172a38!important;font-family:Arial,sans-serif!important;font-size:10pt}.skip,.sidebar,.mobile-dock,.topbar,footer,.demo-banner,.profile-actions,.tabs,#profile-history,dialog,button,form,details{display:none!important}.workspace{margin:0!important;padding:0!important}.workspace main,main{max-width:none!important;padding:0!important;margin:0!important}.print-profile-brand{display:flex!important;align-items:baseline;justify-content:space-between;gap:18px;padding:0 0 9px!important;margin:0 0 14px!important;border-bottom:2px solid #315b77!important;color:#315b77!important}.print-profile-brand strong{font-size:18pt!important}.print-profile-brand span{font-size:9pt!important;color:#526c7d!important}.profile-header,.profile-highlights,.profile-grid,.notes-card{break-inside:avoid!important;page-break-inside:avoid!important}.profile-header{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:14px!important;padding:14px!important;margin:0 0 10px!important;border:1px solid #bfd1dd!important;border-top:4px solid #315b77!important;border-radius:0!important;box-shadow:none!important}.profile-header h1{font-size:20pt!important;color:#173e59!important;margin:2px 0 5px!important}.profile-header p{font-size:10pt!important;margin:0 0 7px!important}.profile-meta{font-size:9pt!important}.profile-highlights{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:0 0 12px!important;border:1px solid #d3e0e8!important;border-radius:0!important;background:#f4f8fa!important}.profile-highlights>div{padding:10px!important;border-left:1px solid #d3e0e8!important}.profile-highlights>div:nth-child(3n){border-left:0!important}.profile-highlights span{font-size:8pt!important}.profile-highlights strong{font-size:10pt!important;color:#173e59!important}.profile-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.profile-grid .card,.notes-card{padding:12px!important;margin:0!important;border:1px solid #d3e0e8!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.profile-grid h2,.notes-card h2{font-size:11pt!important;color:#315b77!important;margin:0 0 9px!important}.details-grid{gap:7px 13px!important}.details-grid div{padding-bottom:5px!important;border-bottom:1px solid #e5edf2!important}.details-grid dt{font-size:8pt!important;color:#607b8d!important}.details-grid dd{font-size:9pt!important;color:#1e3544!important;margin-top:2px!important;overflow-wrap:anywhere}.notes-card{margin-top:10px!important}.notes-card p{font-size:9pt!important;line-height:1.7!important}.avatar{box-shadow:none!important}.status-pill,.badge{border:1px solid #c3d3de!important;background:#fff!important;color:#315b77!important}.notice{display:none!important}}

/* Login: a clear, editorial first impression without adding loading weight. */
.public-workspace{min-height:100vh;display:flex;flex-direction:column;background:#edf2f6}.public-workspace main{width:min(1280px,calc(100% - 64px));max-width:none;padding:32px 0;flex:1;display:flex;align-items:center}.public-workspace footer{width:100%;padding:0 0 22px;color:#718393}.login-next{width:100%;min-height:min(720px,calc(100vh - 112px));grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);border:0;border-radius:28px;box-shadow:0 28px 80px #112d3a18;background:#fff;isolation:isolate}.login-next .login-story{position:relative;overflow:hidden;padding:46px 52px 36px;background:radial-gradient(circle at 18% 88%,#216586 0,transparent 33%),radial-gradient(circle at 91% 16%,#0f5277 0,transparent 29%),linear-gradient(145deg,#071d2c 0%,#102f47 57%,#1f5570 100%)}.login-next .login-story:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff08 52%,transparent 70%);transform:translateX(-120%);animation:login-sweep 11s ease-in-out infinite;pointer-events:none}.login-top,.login-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1}.login-next .company-login-brand{gap:19px;color:#fff;font-size:31px;letter-spacing:-.8px}.company-logo-wrap{width:116px;height:116px;border-radius:31px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff,#d6e6ef);box-shadow:0 16px 36px #020e1859,0 0 0 1px #ffffff70;animation:login-logo-in .8s cubic-bezier(.2,.9,.2,1) both}.company-logo-wrap img,.login-next .company-login-brand img{width:98px;height:98px;max-width:none;object-fit:contain;background:transparent;padding:0;border-radius:0}.login-next .company-login-brand small{color:#adc9d9;font-size:11px;letter-spacing:.2px;margin-top:2px}.login-edition{font:700 10px/1.2 Portal,sans-serif;letter-spacing:1.7px;color:#b7d4e4;border:1px solid #b9d7e53b;padding:8px 10px;border-radius:999px;background:#ffffff0a}.login-hero{position:relative;z-index:1;max-width:585px;margin:70px 0 auto;animation:login-rise .75s .12s cubic-bezier(.2,.8,.2,1) both}.login-next .login-story .eyebrow{display:inline-flex;color:#d6e5ee;font-size:10px;letter-spacing:2px;margin-bottom:18px}.login-next .login-story h1{font-size:clamp(48px,5.2vw,76px);line-height:1.14;letter-spacing:-2.7px;margin:0 0 24px;color:#fff}.login-next .login-story h1 em{font-style:normal;color:#8fe0df;text-shadow:0 0 30px #8fe0df2b}.login-next .login-story p{max-width:460px;font-size:16px;line-height:2;color:#c2d5df;margin:0}.login-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px}.login-highlights span{font-size:10px;color:#bcd1dd;padding:8px 11px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0c;backdrop-filter:blur(8px)}.login-highlights b{color:#fff;font-size:12px;margin-left:4px}.login-bottom{z-index:1;color:#a7c2d0;font-size:10px}.login-live{display:inline-flex;align-items:center;gap:8px}.login-live i{width:8px;height:8px;border-radius:50%;background:#83e0cf;box-shadow:0 0 0 0 #83e0cf80;animation:login-pulse 2.3s infinite}.login-orbit{position:absolute;border-radius:50%;border:1px solid #9ad8e126;pointer-events:none}.orbit-one{width:420px;height:420px;left:-168px;bottom:-185px;box-shadow:0 0 0 44px #9ad8e109,0 0 0 88px #9ad8e106;animation:login-drift 13s ease-in-out infinite}.orbit-two{width:240px;height:240px;right:-90px;top:112px;border-color:#ffffff1e;box-shadow:0 0 0 28px #ffffff08;animation:login-drift 17s -5s ease-in-out infinite reverse}.login-grid{position:absolute;inset:auto 0 0;height:45%;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000 55%,transparent);opacity:.38;transform:perspective(420px) rotateX(58deg) scale(1.5) translateY(42%);transform-origin:center bottom}.login-next .login-card{align-self:stretch;padding:clamp(44px,7vw,92px) clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff,#f9fbfc);animation:login-card-in .8s .18s cubic-bezier(.2,.8,.2,1) both}.login-card-intro{margin-bottom:9px}.login-next .login-card .eyebrow{color:#53728a;font-size:11px;letter-spacing:1.8px;margin-bottom:13px}.login-next .login-card h2{font-size:35px;line-height:1.25;letter-spacing:-1px;color:#15364f;margin-bottom:9px}.login-next .login-card .muted{font-size:13px;color:#6e8495;line-height:1.9}.login-next .login-card form{margin-top:21px}.login-next .login-card label{color:#385b73;font-size:12px;font-weight:650;margin-bottom:16px}.login-next .login-card input{min-height:50px;margin-top:8px;border-color:#d8e4eb;border-radius:12px;background:#fff;box-shadow:0 2px 5px #173c5005;transition:border-color .18s,box-shadow .18s,transform .18s}.login-next .login-card input:focus{border-color:#4d91b9;box-shadow:0 0 0 4px #4d91b919;outline:0}.login-next .login-card .primary{min-height:52px;border-radius:12px;background:linear-gradient(105deg,#28698f,#3d87b3);font-size:13px;font-weight:700;box-shadow:0 12px 24px #285f8233}.login-next .login-card .primary:hover{background:linear-gradient(105deg,#215b80,#317aa5);box-shadow:0 16px 30px #285f8240;transform:translateY(-2px)}.login-next .login-note{display:flex;align-items:center;justify-content:center;gap:10px;border-top-color:#e1ebf0;padding-top:24px;color:#557185;font-size:11px;line-height:1.5}.login-next .login-note small{font-size:10px;color:#8297a5}.login-shield{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e5f3f4;color:#2e8383;font-weight:800}@keyframes login-logo-in{from{opacity:0;transform:scale(.75) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes login-card-in{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes login-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes login-sweep{0%,25%{transform:translateX(-120%)}45%,100%{transform:translateX(125%)}}@keyframes login-drift{50%{transform:translate3d(16px,-12px,0) scale(1.04)}}@keyframes login-pulse{70%{box-shadow:0 0 0 9px #83e0cf00}100%{box-shadow:0 0 0 0 #83e0cf00}}@media(max-width:760px){.public-workspace main{width:100%;padding:0}.public-workspace footer{padding:18px 20px}.login-next{min-height:100vh;border-radius:0;grid-template-columns:1fr}.login-next .login-story{min-height:430px;padding:30px 27px}.login-next .company-login-brand{font-size:25px;gap:13px}.company-logo-wrap{width:87px;height:87px;border-radius:24px}.company-logo-wrap img,.login-next .company-login-brand img{width:72px;height:72px}.login-edition{font-size:8px;padding:7px 8px}.login-hero{margin-top:45px}.login-next .login-story h1{font-size:48px;letter-spacing:-1.8px}.login-next .login-story p{font-size:13px}.login-highlights{margin-top:22px}.login-highlights span{font-size:9px}.login-next .login-card{padding:39px 27px 46px}.login-next .login-card h2{font-size:29px}.login-next .login-card .muted{font-size:12px}.login-grid{display:none}.orbit-one{width:310px;height:310px}.login-bottom{font-size:9px}}@media(prefers-reduced-motion:reduce){.login-next *{animation:none!important}}