@font-face{font-family:Cairo;src:url(fonts/cairo-latin.woff2) format("woff2");font-weight:200 1000;font-display:swap}@font-face{font-family:Cairo;src:url(fonts/cairo-arabic.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFC}
:root{--navy:#0a142f;--gold:#f1c076;--ink:#1c2940;--muted:#5b697a;--line:#dce2e8;--paper:#fff;--back:#f5f6f9;--blue:#143455;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--back);color:var(--ink);font:15px/1.65 Cairo,Arial,sans-serif}a{color:#174a6c;text-underline-offset:4px}a:hover{color:#6f4b1a}button,input,select,textarea{font:inherit}button,.btn,.button{background:var(--navy);border:1px solid transparent;color:#fff;padding:8px 17px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;justify-content:center;text-decoration:none;font-weight:680}button:hover,.btn:hover,.button:hover{background:#263c58;color:white}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #347ba2;outline-offset:3px}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:6px;right:10px;background:white;z-index:100;padding:10px}.top{height:76px;background:var(--navy);color:#fff;display:flex;gap:20px;align-items:center;padding:0 26px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;min-width:200px}.brand:hover,.top-icon:hover{color:white}.brand>span:last-child{font:800 21px/1.1 Arial;letter-spacing:.8px}.brand em{font:500 12px/1 Arial;display:block;letter-spacing:1.1px;color:#f1c076;margin-top:4px}.brandmark{height:39px;width:39px;border:1px solid #cca369;border-radius:12px;display:grid;place-content:center;color:var(--gold);font-size:31px;font-weight:850;line-height:1}.global-search{display:flex;gap:9px;align-items:center;color:#b3bfd2;background:#1b2843;border:1px solid #39435a;border-radius:8px;padding:0 12px;width:min(400px,45%)}.global-search input{background:none;border:none;color:white;padding:7px;width:100%;min-height:38px}.global-search input::placeholder{color:#c4cbd6}.top-icon{color:white;margin-inline-start:auto}.identity{display:flex;gap:10px;align-items:center}.identity small,.rowitem small{display:block;font-size:12px}.identity small{color:#c6d1df}.avatar{background:#ead2af;color:#372d20;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:17px;font-weight:bold}.rail{position:fixed;top:76px;bottom:0;right:0;width:222px;background:white;border-left:1px solid var(--line);overflow-y:auto;padding:12px 14px 24px;z-index:18;scrollbar-width:thin}.rail nav a,.logout{display:flex;align-items:center;gap:12px;padding:8px 12px;line-height:1.6;border-radius:7px;text-decoration:none;color:#47546b;font-size:14px;font-weight:600}.rail nav a:hover{background:#f5f6f9}.rail nav a[aria-current]{background:#f8efdf;color:#513b1b;box-shadow:inset -3px 0 #c3914c}.nav-label{color:#677381;font-size:11.5px;font-weight:750;margin:16px 10px 8px}.logout{background:none;width:100%;margin-top:15px}.workspace{margin-right:222px;padding:25px clamp(18px,3vw,56px) 64px;max-width:1920px}.crumb{color:var(--muted);font-size:12px;margin:0 0 25px}.crumb span{color:#a1a9b2;margin:0 7px}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-.8px;line-height:1.5;margin:0 0 12px}h2{font-size:21px;line-height:1.6;margin:0 0 12px}h3{font-size:17px}.heading,.section-head,.page-header,.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.heading{margin-bottom:25px}.heading p{color:var(--muted);margin:0}.eyeline{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;letter-spacing:1px}.dot,.bullet{background:#37836c;width:7px;height:7px;border-radius:50%}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.kpi,.panel,.card,.surface,.box{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.kpi{color:var(--ink);text-decoration:none;display:block}.kpi:hover{border-color:#b1a18a}.kpi>div{display:flex;align-items:center;gap:9px;font-weight:650}.tile-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e8eff5;color:#365471}.kpi:nth-child(2) .tile-icon{background:#e5f1ed;color:#327965}.kpi:nth-child(3) .tile-icon{background:#fbefda;color:#895c20}.kpi:nth-child(4) .tile-icon{background:#efedf5;color:#655080}.kpi strong{display:block;font-size:36px;line-height:1.6;font-weight:720}.muted,.kpi small,.empty,.rowitem small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}.panel,.card,.surface,.box{margin-bottom:16px;min-width:0}.section-head{border-bottom:1px solid var(--line);padding-bottom:13px}.section-head h2{margin:0}.section-head a{font-size:13px;text-decoration:none}.empty{display:grid;justify-items:center;align-content:center;gap:8px;min-height:145px;text-align:center}.empty>.icon{width:29px;height:29px}.empty a{font-size:13px}.rowitem{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.table-wrap,.table-scroll,.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}th,td{text-align:start;vertical-align:top;padding:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{background:#f5f7f9;color:#48566a;font-weight:700}.pill,.badge,.status,.tag{display:inline-flex;align-items:center;background:#edf2f5;color:#344f65;padding:2px 10px;border-radius:16px;font-size:12px;font-weight:700}
input,select,textarea{min-width:0;max-width:100%;background:white;color:var(--ink);border:1px solid #aeb9c6;padding:8px 10px;border-radius:7px;min-height:41px}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%}input[type=checkbox],input[type=radio]{min-height:0;accent-color:#163052}label{display:block;font-weight:600;font-size:14px}label input,label select,label textarea{display:block;margin-top:4px}label input[type=checkbox],label input[type=radio]{display:inline-block}.workspace form:not(.inline):not(.compact){margin-block:10px}.workspace form button{margin-top:8px}textarea{resize:vertical;min-height:84px}fieldset{border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px}summary{cursor:pointer;color:var(--blue);font-weight:700;padding:8px 0}details{margin:10px 0}.grid,.form-grid,.columns,.two-col,.grid-2,.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:15px}.actions,.toolbar,.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notice,.flash{background:#e5f1eb;border:1px solid #acd2bd;padding:12px 16px;border-radius:8px;margin:12px 0}.error,.danger,.warning{color:#822d23}.notice.error,.notice.danger{background:#fff1ed;border-color:#e3b0a5}.public{max-width:620px;padding:35px 18px;margin:6vh auto}.mobile{display:none}
@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.global-search{max-width:290px}}
@media(max-width:800px){.top{height:62px;padding:0 14px;gap:12px}.mobile{display:grid;background:#263451;padding:7px}.brand{min-width:0}.brand>span:last-child{font-size:16px}.brandmark{width:30px;height:30px;border-radius:8px;font-size:24px}.global-search{width:110px;flex:1}.identity div,.top-icon{display:none}.identity{margin-inline-start:auto}.rail{display:none;top:62px;width:min(84vw,280px);box-shadow:-6px 15px 30px #13223d29}.menu-open .rail{display:block}.workspace{margin:0;padding:16px 14px 44px}.crumb{margin:0 0 16px}.dashboard-grid{gap:0}.kpis{gap:9px}.kpi,.panel,.card,.surface,.box{padding:15px}.heading{align-items:flex-start}.public{margin-top:2vh}table{display:block;overflow-x:auto}.kpi strong{font-size:31px}.form-grid,.grid,.columns,.two-col,.grid-2,.split{grid-template-columns:1fr}.kpi>div{gap:5px;font-size:13px}.tile-icon{width:26px;height:26px}.workspace>*{min-width:0}}

/* Consistent controls across client, company, personnel and task forms */
.form-grid{align-items:start;grid-auto-flow:row}
.form-grid>button,.form-grid>.btn{grid-column:1/-1;justify-self:start;width:auto;min-width:160px;max-width:100%;min-height:44px;margin-top:6px}
.form-grid>fieldset,.form-grid>.form-note,.form-grid>.full-span{grid-column:1/-1}
button,.btn,.button{min-height:42px;max-width:100%;white-space:normal;text-align:center;line-height:1.45}
select,input,textarea{min-height:44px}
@media(max-width:650px){.form-grid>button,.form-grid>.btn{width:100%;justify-self:stretch}}

/* 0.2.4 — client dashboard actions and document upload */
.welcome-banner .btn-new-request{background:#fff;color:#0a142f;border-color:#edc17d;margin-inline-start:8px}
.welcome-banner .btn-new-request:hover{background:#f9e8cf;color:#0a142f}
.upload-document-trigger{display:inline-flex;justify-content:center;align-items:center;min-height:44px;min-width:150px;padding:9px 18px;margin-bottom:12px;background:#0a142f;border-radius:9px;color:#fff}
.upload-document-trigger:hover{background:#253855;color:#fff}
.upload-document-panel[open]>.upload-document-trigger{background:#324b67}
@media(max-width:700px){.welcome-banner .btn-new-request{margin-inline-start:0}.welcome-banner>a.btn{margin-top:8px}.upload-document-trigger{width:100%}}
/* Company addition approval workflow */
.addition-list{display:grid;gap:16px}
.company-addition-item{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px;min-width:0}
.company-addition-item .section-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.company-addition-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px 22px}
.company-addition-facts dt{font-size:12px;color:var(--muted);font-weight:600}
.company-addition-facts dd{margin:0;font-size:14px}
.addition-decisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.addition-decisions form,.addition-action{border:1px solid var(--line);padding:12px;border-radius:8px;min-width:0}
.company-addition-item .btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}
.company-addition-item .btn-secondary:hover{background:#f3f5f8;color:var(--navy)}

.welcome-banner .welcome-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.welcome-banner .welcome-actions>a.btn.btn-new-request{background:#fff;color:#0a142f;border:1px solid #edc17d;margin:0}
.welcome-banner .welcome-actions>a.btn.btn-new-request:hover{background:#f9e8cf;color:#0a142f}
@media(max-width:700px){.welcome-banner .welcome-actions{justify-content:flex-start}.welcome-banner .welcome-actions>a.btn{flex:1;min-width:145px;white-space:normal}}

/* Imported service directory */
.service-directory-filters .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(195px,100%),1fr))}
.service-directory-filters .actions{margin:12px 0}
.catalog-state{font-size:12px;font-weight:700;border-radius:99px;padding:6px 12px;background:#edf2f5;color:#0a142f}
.catalog-state.state-available{background:#e6f2e9;color:#1c6941}
.catalog-state.state-coming_soon{background:#fbf1dd;color:#7e5919}
.catalog-state.state-paused,.catalog-state.state-archived{background:#eee;color:#555}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0 30px}
@media(max-width:650px){.catalog-pagination a{flex:1;text-align:center}}