:root{--petrol:#0d5b55;--petrol2:#073f3b;--mint:#e5f4f1;--bg:#f4f7f8;--line:#e5eaec;--text:#172126;--muted:#738087}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);direction:ltr}.side{direction:rtl;background:linear-gradient(180deg,#0d6159 0%,#073f3b 100%);color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:2px 4px 20px;border-bottom:1px solid #ffffff1c}.brand img{width:78px;height:62px;object-fit:cover;border-radius:11px}.brand b{font-size:19px}.brand small{display:block;letter-spacing:2px;font-size:9px;opacity:.72;margin-top:3px}.nav{padding-top:14px}.nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#d9ebe8;text-align:right;padding:11px 12px;border-radius:9px;margin:2px 0;cursor:pointer}.nav button:hover,.nav button.active{background:#ffffff18;color:#fff}.navico{width:22px;text-align:center;font-size:16px}.sidefoot{font-size:11px;opacity:.55;padding:20px 12px}.main{direction:rtl;min-width:0}.top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:10px 22px;position:sticky;top:0;z-index:20}.search{flex:1;max-width:560px;background:#f2f5f6;border-radius:10px;display:flex;align-items:center;padding:0 12px}.search input{width:100%;border:0;outline:0;background:transparent;padding:11px}.btn{border:1px solid #d7e0e2;background:#fff;border-radius:9px;padding:9px 13px;cursor:pointer}.btn.primary{background:#0e756c;color:#fff;border-color:#0e756c}.btn.danger{color:#b42f2f}.iconbtn{position:relative;border:0;background:transparent;font-size:20px}.iconbtn i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e54b4b;right:2px;top:2px}.userbox{display:flex;align-items:center;gap:8px;direction:ltr}.userbox small{display:block;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d9eeeb;color:var(--petrol);font-weight:800}.content{padding:24px;max-width:1500px;margin:auto}.dashwelcome,.head,.pagehead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.dashwelcome h1,.head h1{margin:0;font-size:25px}.dashwelcome p{margin:5px 0 0;color:var(--muted)}.datebox{font-size:13px;color:var(--muted)}.notice{background:#fff8e9;border:1px solid #efd493;border-radius:11px;padding:11px 14px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 6px 22px rgba(25,50,56,.035)}.kpi{display:flex;align-items:center;gap:12px}.kpiicon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#0e756c;font-size:22px}.kpi span{display:block;color:#68767c;font-size:13px}.kpi strong{display:block;font-size:28px;margin:2px 0}.kpi small{color:#9aa4a8}.dashgrid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:14px}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cardhead h3,.card h3{margin:0}.textbtn{border:0;background:none;color:#0e756c;cursor:pointer}.statusdonut{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:16px 0}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(#1b8f85 0 45%,#62c7bc 45% 70%,#f2b45d 70% 85%,#ef6a6a 85%);position:relative;display:grid;place-items:center;align-content:center}.donut:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.donut b,.donut span{z-index:1}.donut b{font-size:24px}.donut span{font-size:11px;color:var(--muted)}.legend{min-width:150px}.legend div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;margin:9px 0;font-size:12px}.legend i{width:8px;height:8px;border-radius:50%;background:#1b8f85}.statline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f2}.statline span small{display:block;color:var(--muted);margin-top:3px}.quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quickaction{border:1px solid var(--line);background:#f8fafb;border-radius:10px;padding:15px 8px;color:#0e756c;cursor:pointer;font-size:20px}.quickaction span{display:block;color:var(--text);font-size:12px;margin-top:6px}.boardcard{margin-top:14px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow:auto;padding-bottom:5px}.col{background:#f1f4f5;border-radius:11px;padding:10px;min-height:190px}.colhead{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #cfd7da;padding:3px 3px 8px}.colhead span{background:#fff;border-radius:999px;padding:2px 7px;font-size:11px}.task{background:#fff;border:1px solid #e2e8ea;border-radius:9px;padding:11px;margin-top:9px;cursor:pointer}.task b{display:block;margin-bottom:5px}.progressbar,.progress{height:6px;background:#e7ecee;border-radius:10px;margin-top:8px}.progressbar i,.progress i{display:block;height:100%;background:#147b70;border-radius:10px}.muted{color:var(--muted)}.mini,.small{font-size:12px}.pill{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;background:#eef2f3}.done{background:#dff4ed;color:#126b5f}.wait{background:#fff0cf;color:#936200}.progress{background:#e3efff;color:#265fa5}.late,.bad{background:#ffe3e3;color:#a63333}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select{border:1px solid #dbe2e4;background:#fff;padding:9px 11px;border-radius:9px}.tablewrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:13px 12px;border-bottom:1px solid #edf0f1;text-align:right;white-space:nowrap}.table th{font-size:12px;color:#657278;background:#fbfcfc}.actions{display:flex;gap:7px;margin-top:16px}.modalbg{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:80;padding:16px}.modal{background:#fff;width:min(760px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:20px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:12px;color:#66747a;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #d8e0e2;border-radius:9px}.field textarea{min-height:90px}.span2{grid-column:1/-1}.empty{text-align:center;color:#849197;padding:28px}.chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:15px}.bar{width:18%;background:#16877c;border-radius:8px 8px 2px 2px;min-height:20px;text-align:center}.bar span{position:relative;top:-22px}.mobilemenu,.mobilebar{display:none}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);background:#172126;color:#fff;padding:10px 16px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.dashgrid{grid-template-columns:1fr 1fr}.dashgrid>.card:last-child{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.side{position:fixed;right:-280px;width:270px;transition:.2s}.side.open{right:0;box-shadow:-15px 0 40px #0004}.mobilemenu{display:block}.top{height:62px;padding:8px 10px}.quicktop,.userbox>div:last-child{display:none}.search{max-width:none}.content{padding:14px 10px 88px}.dashwelcome{align-items:flex-start}.dashwelcome h1{font-size:22px}.datebox{font-size:11px}.cards{grid-template-columns:1fr 1fr;gap:9px}.card{padding:13px}.kpi{display:block}.kpiicon{width:36px;height:36px;font-size:17px;margin-bottom:8px}.kpi strong{font-size:25px}.dashgrid{grid-template-columns:1fr}.dashgrid>.card:last-child{grid-column:auto}.statusdonut{justify-content:center}.kanban{grid-template-columns:repeat(4,78vw);scroll-snap-type:x mandatory}.col{scroll-snap-align:start}.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.head h1{font-size:21px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe6e8;z-index:40;justify-content:space-around;padding:6px 3px calc(7px + env(safe-area-inset-bottom))}.mobilebar button{border:0;background:none;font-size:10px;color:#526166}.mobilebar b{display:block;font-size:18px;margin-bottom:2px}.mobilebar .mobileadd b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0e756c;color:#fff;margin:-16px auto 2px}.notice{font-size:13px}.table{min-width:680px}}
.loginpage{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#073f3b,#0d756c);padding:20px}.loginbox{width:min(430px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 70px #0005;text-align:center}.loginbox img{width:150px;border-radius:16px}.loginbox h1{margin:18px 0 5px}.loginbox p{color:var(--muted);margin:0 0 22px}.loginbox input{width:100%;padding:13px;border:1px solid #d8e0e2;border-radius:10px;margin:6px 0}.tabs{display:flex;gap:6px;overflow:auto;margin:0 0 14px}.tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px}.tabs button.active{background:var(--petrol);color:#fff}.companyhero{background:linear-gradient(135deg,#0d6159,#073f3b);color:#fff}.companyhero small{opacity:.8}.locbtn{background:#e5f4f1;color:#0d6159;border:0;border-radius:8px;padding:7px 10px}.expiry-red{color:#b42f2f;font-weight:700}.expiry-orange{color:#9a6500;font-weight:700}.uploadbox{border:2px dashed #bfd6d3;padding:18px;border-radius:12px;text-align:center;background:#f8fcfb}.badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#eef2f3}.notifpanel{position:fixed;top:66px;left:16px;width:min(390px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px #0003;z-index:70;padding:12px}.notifitem{padding:11px;border-bottom:1px solid var(--line)}

.homegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.homecard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 16px;text-align:right;cursor:pointer;box-shadow:0 6px 22px rgba(25,50,56,.035);transition:.18s}.homecard:hover{transform:translateY(-2px);border-color:#b8d4d0}.homeico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--petrol);font-size:22px;margin-bottom:16px}.homecard b{display:block;font-size:16px}.homecard small{display:block;color:var(--muted);margin-top:7px;line-height:1.5}.delegategrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.delegatehead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.delegatehead h3{margin:0 0 5px}@media(max-width:1050px){.homegrid{grid-template-columns:repeat(2,1fr)}.delegategrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.homegrid{grid-template-columns:1fr 1fr;gap:9px}.homecard{padding:15px 12px}.homeico{width:40px;height:40px;margin-bottom:10px}.homecard b{font-size:14px}.homecard small{font-size:11px}.delegategrid{grid-template-columns:1fr}}
/* User & permission management */
.rolegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}.usercard{padding:16px}.usercard h3{margin:0 0 4px}.permchips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.permchip{font-size:12px;padding:5px 8px;border-radius:20px;background:#eef5f4}.status-active{color:#087f5b}.status-disabled{color:#b42318}.field.span2{grid-column:span 2}.hint{font-size:12px;color:#738087;margin-top:6px}
.delegatehero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:14px}.delegatehero h1{margin:0 0 5px}.delegateadd{background:#fff!important;color:#0d6159!important;border-color:#fff!important;font-weight:700}.tasknote{display:block;color:var(--muted);margin-top:5px;max-width:280px;white-space:normal}.delegatetasks td{vertical-align:middle}.field[hidden]{display:none!important}.uploadbox small{display:block;color:var(--muted);margin-top:8px}.btn:disabled{opacity:.65;cursor:wait}@media(max-width:760px){.delegatehero{grid-template-columns:auto 1fr}.delegatehero .delegateadd{grid-column:1/-1}.delegatetasks{min-width:960px}}
.meetingalert{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;background:#fff8e9;border-color:#efd493}.meetingalert p{margin:6px 0 0}.meetingtable td{vertical-align:middle}.meetingtable a{color:#0e756c;font-weight:700}@media(max-width:760px){.meetingalert{align-items:stretch;flex-direction:column}.meetingtable{min-width:980px}}
.govintro{margin-bottom:16px}.govgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.govcard{border:0;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px}.govcard span{font-size:30px}.govcard b{font-size:20px}.govcard small{color:#738087}.authoritygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.authoritycard{display:flex;flex-direction:column;gap:12px}.authoritytop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.authoritytop h3{margin:0 0 4px}.authoritytop small{color:#738087}.authorityinfo p{margin:7px 0}.authorityactions{display:flex;align-items:center;gap:8px}.healthchecks{border-top:1px solid #e7ecec;padding-top:12px}.healthitem{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f6f9f8;border-radius:12px;padding:10px;margin-top:8px}.healthitem span{display:flex;flex-direction:column;gap:3px}.healthitem small{color:#738087}@media(max-width:720px){.govgrid,.authoritygrid{grid-template-columns:1fr 1fr}.healthitem{align-items:flex-start;flex-wrap:wrap}}@media(max-width:430px){.govgrid,.authoritygrid{grid-template-columns:1fr}.govcard{padding:18px}}
.delegatebuttons{display:flex;gap:8px;flex-wrap:wrap}.approvalpanel{margin-bottom:16px;border:1px solid #dfbd62}.approvalrow{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #edf0ef}.approvalrow:first-of-type{border-top:0}.approvalrow span{display:flex;flex:1;flex-direction:column;gap:4px}.approvalrow small{color:#738087}@media(max-width:600px){.approvalrow{align-items:flex-start;flex-wrap:wrap}.approvalrow span{flex-basis:100%}}
.clientgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.clientcard h3{margin:7px 0 4px}.filecardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.scopebadge{display:inline-block;background:#e0f2ef;color:#0d6159;border-radius:999px;padding:4px 9px;font-size:11px}.scopebadge.company{background:#e8eef8;color:#315a95}.scopebadge.light{background:#ffffff25;color:#fff}.childlist{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.childlist button,.scopechildren button{border:1px solid var(--line);background:#f8faf9;border-radius:9px;padding:8px 10px;cursor:pointer;text-align:right}.childlist button small{display:block;color:var(--muted);margin-top:3px}.scopehero,.heroactions,.scopechildren{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.heroactions{margin-top:14px}.companyhero .heroactions .btn{background:#fff}.scopechildren{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;margin:12px 0}.scopechildren b{margin-left:4px}@media(max-width:600px){.clientgrid{grid-template-columns:1fr}.filecardhead{flex-direction:column}.heroactions .btn{flex:1}}
.chatintro{margin-bottom:14px}.chatpeople{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chatperson{border:0;display:flex;align-items:center;gap:12px;text-align:right;cursor:pointer;position:relative}.chatperson>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.chatperson small{color:#738087}.chatperson i{background:#d33;color:#fff;border-radius:999px;min-width:25px;height:25px;display:grid;place-items:center;font-style:normal}.chatthread{height:min(55vh,520px);overflow:auto;background:#f4f7f6;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:9px}.chatbubble{max-width:80%;padding:10px 12px;border-radius:14px}.chatbubble p{margin:0 0 5px;white-space:pre-wrap}.chatbubble small{font-size:11px;opacity:.7}.chatbubble.mine{align-self:flex-start;background:#0d5b55;color:#fff;border-bottom-left-radius:4px}.chatbubble.theirs{align-self:flex-end;background:#fff;border:1px solid #e0e7e5;border-bottom-right-radius:4px}.chatform{display:flex;gap:8px;margin-top:12px}.chatform textarea{flex:1;min-height:52px;max-height:120px}@media(max-width:600px){.chatpeople{grid-template-columns:1fr}.chatbubble{max-width:90%}}

/* Client portal — services design */
.clientlayout{min-height:100vh;display:grid;grid-template-columns:255px 1fr;background:#f2f5f4;direction:rtl}.clientside{background:linear-gradient(165deg,#073f3b,#0b6259);color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.clientbrand,.clienttopbrand{display:flex;align-items:center;gap:11px}.clientbrand img,.clienttopbrand img{width:48px;height:48px;object-fit:cover;border-radius:14px}.clientbrand div,.clienttopbrand span{display:flex;flex-direction:column}.clientbrand small,.clienttopbrand small{opacity:.72;margin-top:3px}.clientnav{display:flex;flex-direction:column;gap:5px;margin-top:28px}.clientnav button{border:0;background:transparent;color:#cce0dc;padding:12px;border-radius:12px;text-align:right;display:flex;gap:10px;align-items:center;position:relative}.clientnav button.active,.clientnav button:hover{background:#ffffff18;color:#fff}.clientnav button span{width:25px;text-align:center;font-size:17px}.clientnav button i{margin-right:auto;background:#d4ae70;color:#223b37;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-style:normal;font-size:11px}.clientlogout{margin-top:auto;border:1px solid #ffffff30;background:#ffffff0d;color:#fff;border-radius:12px;padding:11px}.clientmain{min-width:0}.clienttop{height:76px;background:#fff;border-bottom:1px solid #e3e9e7;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;position:sticky;top:0;z-index:15}.clienttopbrand img{display:none}.clienttopbrand b{color:#18443f}.clientbell{border:0;background:#edf4f2;width:43px;height:43px;border-radius:14px;position:relative}.clientbell i{position:absolute;width:8px;height:8px;background:#d4ae70;border-radius:50%;right:7px;top:7px}.clientcontent{max-width:1180px;margin:auto;padding:26px 24px 50px}.clientmobile{display:none}.servicewelcome{background:linear-gradient(135deg,#0a5b54,#073f3b);color:#fff;border-radius:24px;padding:27px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start}.servicewelcome:after{content:"";position:absolute;width:190px;height:190px;border:38px solid #d7b77d18;border-radius:50%;left:-55px;top:-95px}.servicewelcome small{color:#c4ddd9}.servicewelcome h1{font-size:28px;margin:7px 0 5px}.servicewelcome p{margin:0;color:#c7dedb}.beigedot{width:68px;height:68px;border-radius:21px;background:#d7b77d;transform:rotate(14deg);opacity:.88;box-shadow:-18px 20px 0 #ffffff13}.clientalertcard{width:100%;display:flex;align-items:center;gap:13px;border:0;background:linear-gradient(135deg,#ead0a2,#d7b06e);color:#3f311d;border-radius:19px;padding:16px 18px;margin-top:16px;text-align:right}.clientalertcard i{width:43px;height:43px;border-radius:13px;background:#ffffff65;display:grid;place-items:center;font-style:normal;font-size:21px}.clientalertcard span{flex:1}.clientalertcard b,.clientalertcard small{display:block}.clientalertcard small{margin-top:4px;opacity:.75}.clientalertcard strong{background:#3d3020;color:#fff;border-radius:10px;padding:8px 12px;font-size:12px}.servicetitle{font-size:17px;margin:22px 3px 11px}.clientservices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.servicecard{border:1px solid #e3e9e7;background:#fff;text-align:right;border-radius:19px;padding:18px;color:#1d3430;min-height:145px;transition:.18s;box-shadow:0 7px 25px #183c3508}.servicecard:hover{transform:translateY(-2px);border-color:#c9dad6}.servicecard i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:24px}.servicecard b,.servicecard small{display:block}.servicecard b{margin-top:14px;font-size:15px}.servicecard small{margin-top:6px;color:#788783;line-height:1.45}.service-company i{background:#dcefeb}.service-report i{background:#f2e4ca}.service-location i{background:#e4e8f5}.service-meeting i{background:#f5ded9}.clientpanel{background:#fff;border:1px solid #e3e9e7;border-radius:19px;padding:18px;box-shadow:0 7px 25px #183c3508}.latestpanel{margin-top:17px}.clientpanelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.clientpanelhead h3{margin:0}.clientpanelhead button{border:0;background:none;color:#0e756c}.newmessage{width:100%;border:0;background:#edf6f4;color:#0d655d;border-radius:12px;padding:11px;margin-top:10px}.clientpagetitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.clientpagetitle h1{margin:0;font-size:27px}.clientpagetitle p{margin:6px 0 0;color:#73827e}.clientcompanygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:13px}.clientcompanycard{border:1px solid #e1e8e6;background:#fff;border-radius:18px;padding:17px;display:flex;align-items:center;gap:13px;text-align:right;color:#1d3430}.clientcompanycard>div{flex:1}.clientcompanycard h3{margin:0 0 5px}.clientcompanycard p{color:#74837f;font-size:12px}.companymark{width:49px;height:49px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:#0b6259;color:#fff;font-size:20px}.clientback{border:0;background:#eaf2f0;color:#0c665d;border-radius:10px;padding:9px 12px;margin-bottom:13px}.clientcompanyhero{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#0a5b54,#073f3b);color:#fff;border-radius:22px;padding:22px}.clientcompanyhero h1{margin:4px 0}.clientcompanyhero p{margin:0;color:#c4ddd9}.clientreadonly{background:#f2e4ca;color:#66502c;border-radius:12px;padding:11px 14px;margin:13px 0}.clientreportgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.clientminicard{background:#fff;border:1px solid #e3e9e7;border-radius:16px;padding:15px}.clientminicard span,.clientminicard strong,.clientminicard small{display:block}.clientminicard strong{font-size:25px;margin:7px 0}.clientminicard small{color:#788783;margin-top:4px}.clientdocs>div,.clientmeetingrow,.clientupdates>div,.clientexpiries>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f0}.clientdocs>div:last-child,.clientmeetingrow:last-child,.clientupdates>div:last-child,.clientexpiries>div:last-child{border-bottom:0}.clientdocs span,.clientmeetingrow span,.clientupdates span,.clientexpiries span{flex:1}.clientdocs b,.clientdocs small,.clientmeetingrow b,.clientmeetingrow small,.clientupdates b,.clientupdates small,.clientexpiries b,.clientexpiries small{display:block}.clientdocs small,.clientmeetingrow small,.clientupdates small,.clientexpiries small{color:#788783;margin-top:4px;font-size:12px}.clientdocs button{border:0;background:#e7f2f0;color:#0b675e;border-radius:9px;padding:8px 11px}.clienttwocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.clientkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.clientkpi{background:#fff;border:1px solid #e3e9e7;border-radius:17px;padding:16px;display:flex;gap:12px;align-items:center}.clientkpi i{width:42px;height:42px;border-radius:13px;background:#e2f0ed;color:#0d7067;display:grid;place-items:center;font-style:normal}.clientkpi strong,.clientkpi span{display:block}.clientkpi strong{font-size:24px}.clientkpi span{font-size:12px;color:#788783}.clientgovgrid,.clientauthoritygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.clientgovgrid button{border:1px solid #e3e9e7;background:#fff;border-radius:18px;padding:24px;color:#1d3430}.clientgovgrid span{font-size:27px;display:block}.clientgovgrid b,.clientgovgrid small{display:block;margin-top:7px}.clientgovgrid small{color:#788783}.clientauthoritygrid{grid-template-columns:repeat(2,1fr)}.clientmap{border:0;background:#0e756c;color:#fff;border-radius:10px;padding:9px 12px;margin-top:10px}.clientsubloc{display:flex;align-items:center;justify-content:space-between;background:#f3f6f5;border-radius:10px;padding:9px;margin-top:7px}.clientsubloc button{border:0;background:#e4efecc;color:#0b675e}.clientmeetingform{display:flex;flex-direction:column;gap:12px}.clientmeetingform .field input,.clientmeetingform .field select,.clientmeetingform .field textarea{width:100%;padding:11px;border:1px solid #dce5e2;border-radius:10px}.clientchatpeople{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.clientchatpeople .chatperson{width:100%}.clientupdates i{width:34px;height:34px;border-radius:50%;background:#dff1e9;color:#16705d;display:grid;place-items:center;font-style:normal}.clientexpiries>div strong{background:#e9f2f0;color:#0c665d;border-radius:999px;padding:5px 9px;font-size:12px}.clientexpiries>div.soon strong{background:#fff0d5;color:#8b5a06}.clientexpiries>div.overdue strong{background:#fde5e2;color:#a43b30}.reportsummary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.reportsummary>div{background:#fff;border:1px solid #e3e9e7;border-radius:17px;padding:16px;display:flex;align-items:center;gap:10px}.reportsummary i{font-style:normal;font-size:21px}.reportsummary strong{font-size:25px}.reportsummary span{color:#788783}.reportupdates{margin-top:14px}
@media(max-width:950px){.clientservices{grid-template-columns:1fr 1fr}.clientreportgrid,.clientkpis{grid-template-columns:1fr 1fr}.clientgovgrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.clientlayout{display:block}.clientside{display:none}.clienttop{height:67px;padding:9px 14px}.clienttopbrand img{display:block;width:43px;height:43px}.clienttopbrand b{font-size:14px}.clienttopbrand small{font-size:10px}.clientcontent{padding:15px 12px 92px}.clientmobile{display:flex;position:fixed;z-index:50;bottom:0;left:0;right:0;background:#084c46;color:#c4ddd9;justify-content:space-around;padding:9px 4px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0a302b30}.clientmobile button{border:0;background:none;color:#a9cbc5;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px}.clientmobile button b{font-size:19px}.clientmobile button.active{color:#fff}.servicewelcome{padding:22px;border-radius:20px}.servicewelcome h1{font-size:24px}.beigedot{width:52px;height:52px}.clientalertcard{padding:13px}.clientalertcard strong{padding:7px 9px}.clientservices{grid-template-columns:1fr 1fr;gap:9px}.servicecard{padding:14px;min-height:132px}.servicecard i{width:41px;height:41px}.servicecard b{font-size:13px}.servicecard small{font-size:11px}.clienttwocol,.clientauthoritygrid,.clientchatpeople{grid-template-columns:1fr}.clientcompanygrid,.clientgovgrid{grid-template-columns:1fr}.clientreportgrid{grid-template-columns:1fr 1fr}.clientpagetitle h1{font-size:23px}.reportsummary{grid-template-columns:1fr}.clientcompanyhero{padding:17px}.clientcompanyhero h1{font-size:22px}}
.clientsubloc button{background:#e4efec}
.readreceipt.seen{color:#a5e6f4;font-weight:700}.reportbody,.chatbubble p,.tasknote{white-space:pre-wrap;overflow-wrap:anywhere}.chatform textarea{min-height:65px}.chatthread{height:min(55vh,540px);overflow-y:auto;overscroll-behavior:contain}.permchips{gap:9px}.usercard small{overflow-wrap:anywhere}.table td{vertical-align:middle}a[href^="tel:"],a[href^="mailto:"]{direction:ltr;display:inline-block;color:var(--primary,#285e59)}

/* One subtle brand watermark on every authenticated page. */
body.kr-authenticated::after{content:"";position:fixed;top:50%;left:50%;width:180px;height:180px;max-width:36vw;max-height:36vw;transform:translate(-50%,-50%);background:url("assets/logo-approved.jpg") center/contain no-repeat;filter:grayscale(1) contrast(3) invert(1);mix-blend-mode:multiply;opacity:.09;pointer-events:none;user-select:none;z-index:10000;}
/* Desktop sidebar and logo on the right. Mobile retains its existing layout. */
@media(min-width:761px){.layout{direction:rtl}.brand,.clientbrand{direction:rtl}}
.kpi small{display:block}.kpi .btn{margin-top:8px}.kpis+.card{margin-top:16px}.clientexpiries span{min-width:0;overflow-wrap:anywhere}

.workbtn{background:#eee5d6;color:#245c56;border-color:#dfd1ba;white-space:normal}.filecardhead{flex-wrap:wrap;gap:10px}.workrow{margin:12px 0}.workrow p{white-space:pre-wrap;overflow-wrap:anywhere}.workbody details{margin-top:20px}.workbody .btn{margin:4px}

/* V37 task sections */
.kr37task{display:grid;gap:0;padding:18px}.kr37task section{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e4eae7}.kr37task section:last-child{border:0}.kr37task section>small{flex-basis:100%;color:#64766f}.kr37task section>p{flex-basis:100%;margin:0;white-space:pre-wrap}.kr37badge{background:#eee9df;border-radius:18px;padding:6px 12px}.kr37messages{max-height:45vh;overflow:auto}.kr37message{background:#f1f6f4;border-radius:12px;margin:10px 0;padding:12px}.kr37message small{display:block;color:#667}.kr37message p{white-space:pre-wrap;overflow-wrap:anywhere}.kr37status pre{white-space:pre-wrap;max-height:180px;overflow:auto}.kr37status>div{padding:8px 0}.kr37task button{max-width:100%;white-space:normal}

/* V40: shared site palette; no per-company or task category colors. */
.kr40entry,.kr40toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.kr40entry>div{flex:1;min-width:200px}.kr40entry p{margin:5px 0}.kr40grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.kr40card{margin:0;overflow-wrap:anywhere}.kr40requirement{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #ddd;padding:14px 0}.kr40requirement small{display:block;margin-top:5px}.kr40detail p{overflow-wrap:anywhere}.kr40stages{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.kr40stages li{border:1px solid #ddd;padding:8px;border-radius:8px}.kr40stages [aria-current=step]{font-weight:bold;border:2px solid #0d5b55}.kr40detail .btn{margin:3px}.kr40preview{white-space:pre-wrap;margin-top:10px}.kr40detail details{margin:16px 0}@media(max-width:600px){.kr40grid{grid-template-columns:1fr}.kr40entry .btn{flex:1}.kr40requirement>div{width:100%}.kr40stages li{font-size:12px}.kr40detail .btn{max-width:100%;white-space:normal}}

/* V43: five visible task actions; mobile labels retain meaning. */
.kr43board .table{table-layout:fixed;width:100%;min-width:0}.kr43board th{font-size:15px;background:#eef4f3;padding:16px 10px}.kr43board td{vertical-align:top;white-space:normal;overflow-wrap:anywhere;padding:18px 10px}.kr43board th:first-child{width:32%}.kr43board td p{margin:8px 0;color:#53636a}.kr43board td .btn{display:block;margin-top:9px;white-space:normal;width:100%}.kr43board td small{display:block;margin:6px 0}
@media(max-width:700px){.kr43board thead{display:none}.kr43board table,.kr43board tbody,.kr43board tr,.kr43board td{display:block;width:100%}.kr43board tr{border:1px solid #d7e1df;border-radius:12px;margin-bottom:14px;padding:8px;background:white}.kr43board td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:12px 8px}.kr43board td:before{content:attr(data-label);font-weight:700;color:#365b55}.kr43board td .btn{margin:0}.kr43board td>*{grid-column:2}.kr43board td:before{grid-column:1;grid-row:1/5}}

/* V44 employee file */
.kr44facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:16px 0}.kr44facts p{margin:0;padding:12px;background:#f4f7f6;border-radius:8px}.kr44facts small,.kr44facts b{display:block}.kr44employee>.btn{margin-bottom:8px}
.kr44transactions td>.btn,.kr44transactions td>div,.kr44templates .btn{margin:3px}.kr44transactions td:nth-child(2){min-width:190px}.kr44tokens{display:flex;gap:6px;flex-wrap:wrap}.kr44templates article{margin-top:12px}.kr44accounts [data-secret]{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:760px){.kr44transactions table,.kr44transactions tbody,.kr44transactions tr,.kr44transactions td{display:block;width:100%;min-width:0}.kr44transactions thead{display:none}.kr44transactions tr{border-bottom:2px solid #dfe7e5;padding:10px}.kr44transactions td{padding:8px;border:0;white-space:normal;overflow-wrap:anywhere}.kr44transactions td[data-label]::before{content:attr(data-label);display:block;font-weight:700;font-size:12px;color:#657873;margin-bottom:5px}}
.kr45home .homeico{overflow:hidden}.kr45home .homeico img{width:100%;height:100%;object-fit:cover}.kr45quote{margin-top:14px}.kr45line{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;align-items:end;border-bottom:1px solid #dde6e3;padding:12px 0}.kr45line label{font-size:12px;min-width:0}.kr45line input,.kr45line textarea{display:block;width:100%;min-width:0;margin-top:5px;border:1px solid #d6e0de;border-radius:8px;padding:10px;font:inherit}.kr45preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9}@media(max-width:650px){.kr45line{grid-template-columns:1fr 1fr}.kr45line label:first-child{grid-column:1/-1}.kr45line button{grid-column:1/-1}}

.kr45tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.kr45tools .homecard{min-width:0}.kr45tools .homeico{display:grid;place-items:center}@media(max-width:650px){.kr45tools{grid-template-columns:1fr}}

/* V46 unread counts, independent of role and viewport */
.kr46badge{display:inline-flex!important;align-items:center;justify-content:center;background:#c92232!important;color:#fff!important;border-radius:999px;min-width:24px;height:24px;padding:0 6px;margin-inline-start:7px;font:700 13px Arial;line-height:1;vertical-align:middle;flex-shrink:0;box-sizing:border-box}
.kr46launcher{position:fixed;inset-inline-end:18px;bottom:20px;z-index:90;background:#fff!important;color:#153e38!important;border:1px solid #b8d0ca;box-shadow:0 3px 18px #1234;display:flex;align-items:center;max-width:calc(100vw - 30px)}
.kr46offline{border-color:#b37700}.kr46status{margin-inline-start:8px;color:#995c00;font-weight:bold}
.kr46inbox{display:grid;gap:10px}.kr46thread{display:flex;align-items:center;justify-content:space-between;text-align:start;width:100%;white-space:normal}.kr46thread small{display:block;color:#536860;margin-top:5px}
@media(max-width:700px){.kr46launcher{bottom:calc(78px + env(safe-area-inset-bottom));inset-inline-end:12px;font-size:13px;padding:9px 12px}}

/* V72: built-in search styles */
.search{position:relative;overflow:visible!important;min-width:180px}.search input{width:100%;min-height:44px}
.kr70-results{position:absolute;top:calc(100% + 8px);inset-inline-start:0;width:min(650px,85vw);z-index:1100;background:#fffdf9;border:1px solid #d9cbb5;border-radius:14px;box-shadow:0 14px 38px #173e4328;padding:12px;color:#20474b;text-align:right}
.kr70-results[hidden]{display:none!important}.kr70-count{font-size:14px;font-weight:700;margin:0 0 10px}.kr70-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.kr70-filters button{font:inherit;font-size:12px;cursor:pointer;border:1px solid #ddd2c1;border-radius:20px;background:#faf6ed;color:#24464a;padding:5px 10px}.kr70-filters button.active{background:#185b59;color:#fff;border-color:#185b59}
.kr70-list{max-height:min(420px,55vh);overflow:auto;overscroll-behavior:contain}.kr70-result{display:flex;flex-direction:column;gap:5px;width:100%;text-align:right;padding:12px;border:0;border-bottom:1px solid #eee5d9;background:transparent;color:#21474b;cursor:pointer;font:inherit;min-height:58px}.kr70-result:hover,.kr70-result:focus{background:#f3ebde;outline:2px solid #367e78;outline-offset:-2px}.kr70-result strong{font-size:15px}.kr70-result small{font-size:12px;color:#6b756f}.kr70-more{width:100%;margin-top:8px}.kr70-actions{display:flex;flex-wrap:wrap;gap:8px}.kr70-detail p{overflow-wrap:anywhere}.clienttop>.search{flex:1;max-width:500px}
@media(max-width:760px){.clienttop>.search{order:10;flex-basis:100%;max-width:none}.kr70-results{width:100%;box-sizing:border-box}.kr70-filters{max-height:80px;overflow:auto}.kr70-list{max-height:45vh}}

.search input{flex:1;min-width:0}.kr72-search-button,.kr72-search-clear{flex-shrink:0;cursor:pointer;font-family:inherit;border:0;border-radius:7px;min-height:34px;padding:4px 8px;background:#185b59;color:white;font-size:12px;margin-inline-start:5px}.kr72-search-clear{background:transparent;color:#185b59;font-size:22px}.kr70-results{z-index:2000}

/* Selected search result in its original archive. */
.kr73-search-hit,.kr73-search-hit>td{background:#e1eee9!important}.kr73-search-hit{outline:2px solid #247269;outline-offset:-2px;scroll-margin-block:100px}