:root{--ease-out:cubic-bezier(0.23,1,0.32,1);--brass-ink:#7E6238;--focus:0 0 0 3px rgba(156,123,76,.45);--navy:#151A35;--navy2:#1C2245;--navy3:#283058;--ink:#1B1E2E;--mute:#5E6176;--sand:#D9CBB2;--paper:#F6F2EA;--paper2:#EFE8DB;--line:#E0D9CC;--lined:rgba(255,255,255,.14);--brass:#9C7B4C;--brasslt:#CDB48A;--red:#C8102E;--ok:#2F7D5B;--r:14px;--sh:0 1px 2px rgba(21,26,53,.06),0 8px 24px -12px rgba(21,26,53,.18)}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 "Plus Jakarta Sans","IBM Plex Sans Arabic",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
html[lang=ar] body{font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",system-ui,Tahoma,sans-serif}
a{color:inherit}img{max-width:100%}h1,h2,h3{line-height:1.3;margin:0 0 .5em}p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.narrow{max-width:780px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--navy);background:var(--navy);color:#fff;font:600 15px inherit;font-family:inherit;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform 160ms var(--ease-out),background-color 200ms ease,border-color 200ms ease}.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.5}.btn.brass{background:var(--brass-ink);border-color:var(--brass-ink)}.btn.ghost{background:transparent;color:var(--navy);border-color:var(--line)}.btn.ghost.lt{color:#fff;border-color:rgba(255,255,255,.35)}
.btn.sm{min-height:36px;padding:0 14px;font-size:14px}.btn.lg{min-height:52px;padding:0 28px}.btn.block{display:flex;width:100%}
.hdr{position:sticky;top:0;z-index:40;background:var(--navy);color:#fff}.hdr-in{display:flex;align-items:center;gap:16px;min-height:68px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo img{height:36px;width:auto}.logo .est{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--brasslt);border-inline-start:1px solid var(--lined);padding-inline-start:10px;line-height:1.4;font-weight:600}
html[lang=ar] .logo .est{letter-spacing:0;font-size:11px}
.mnav{display:flex;gap:4px;margin-inline-start:auto}.mnav a{color:rgba(255,255,255,.8);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14.5px}.mnav a:hover{background:rgba(255,255,255,.08);color:#fff}
.hact{display:flex;align-items:center;gap:10px}.lang{font-size:13px;color:rgba(255,255,255,.4)}.lang a{color:rgba(255,255,255,.7);text-decoration:none;padding:4px}.lang a.on{color:#fff;font-weight:700}.inl{display:inline}
.flash{background:#E6F2EA;color:#2F6A4C;padding:12px 0;font-weight:500}.flash.warn{background:#FBEFD9;color:#7A5A20}
.hero{background:linear-gradient(180deg,rgba(21,26,53,.62),rgba(21,26,53,.94)),url(muscat.jpg) center/cover,var(--navy);color:#fff;position:relative}
.hero-in{text-align:center;padding:64px 20px 52px;max-width:920px}.hero h1{font-size:clamp(30px,5vw,52px)}.kick{display:inline-block;color:var(--brasslt);font-size:13px;font-weight:600;margin-bottom:12px}
.lead{font-size:17.5px;color:rgba(255,255,255,.82)}.hsearch{background:rgba(255,255,255,.06);border:1px solid var(--lined);border-radius:20px;padding:18px;margin:22px auto}.hs-q{font-weight:700;font-size:19px;margin-bottom:10px}
.hcta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.slogan{margin:18px 0 0;color:var(--brasslt);font-weight:600;letter-spacing:.1em;font-size:13px;text-transform:uppercase}html[lang=ar] .slogan{letter-spacing:0;font-size:15px}
.ostripe{height:4px;background:linear-gradient(90deg,var(--red) 0 33%,#fff 33% 66%,#008000 66%)}
.sbox{display:flex;background:#fff;border-radius:999px;padding:6px;border:1px solid var(--line);box-shadow:var(--sh)}.sbox input{flex:1;min-width:0;border:0;outline:0;font:16px inherit;font-family:inherit;padding:0 14px;background:transparent}.sbox.big input{height:50px;font-size:17px}
.phero{background:var(--navy);color:#fff;padding:34px 0 30px;border-bottom:3px solid var(--red)}.phero h1{font-size:clamp(24px,3.5vw,38px)}.phero .lead{margin-bottom:16px}.phero.sm{padding:24px 0 20px}.phero .sbox{max-width:720px}
.crumbs{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:12px}.crumbs a{color:rgba(255,255,255,.8);text-decoration:none}
.sec{padding:56px 0}.sec.alt{background:var(--paper2)}.sec h2{font-size:26px}
.catg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.catc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:6px}.catc:hover{border-color:var(--navy)}.catc small{color:var(--mute)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.scard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}.scard h3{font-size:17px;margin:8px 0 6px}.scard h3 a{text-decoration:none}.scard p{color:var(--mute);font-size:14.5px;flex:1}
.sc-top{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sc-cat{font-size:12px;color:var(--mute)}
.sc-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.sc-docs{font-size:12.5px;color:var(--mute);margin-inline-start:auto}.sc-act{display:flex;gap:8px}.sc-act .btn{flex:1}
.tag{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--paper2);color:var(--navy3)}.tags.lt .tag{background:rgba(255,255,255,.12);color:#fff}
.lv{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}.l0{background:#F2EADB;color:#6F552F}.l3{background:#E7EAF5;color:var(--navy3)}.l4{background:#FBEFD9;color:#7A5A20}.l5{background:#F7E6E8;color:#8A2433}
.how{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.how li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}.how span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brass);color:#fff;font-weight:700;margin-bottom:10px}
.band{background:linear-gradient(120deg,var(--navy),var(--navy3));color:#fff;padding:44px 0}.ns-in{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.ns-in p{color:rgba(255,255,255,.75);margin:0}.ns-act{display:flex;gap:10px;flex-wrap:wrap}
.filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.filters label{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:var(--mute);gap:4px}
select,input,textarea{font:15px inherit;font-family:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);max-width:100%}
.count{color:var(--mute)}.empty{text-align:center;background:#fff;border:1px dashed var(--line);border-radius:var(--r);padding:36px}
.svc{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.svc-main{min-width:0}
.blk,.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:16px}.card h1{font-size:26px}
.provg{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px}.provg small{display:block;color:var(--mute);font-size:12.5px}.provg p{font-size:13.5px;color:var(--mute);margin:6px 0 0}
.flag{background:var(--paper);border-radius:10px;padding:10px 12px;margin:14px 0 0;font-size:14px}
.docs{padding-inline-start:20px}.docs li{padding:4px 0}.fine{font-size:13.5px;color:var(--mute)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.facts p{font-size:14px;color:var(--mute);margin:4px 0 0}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:10px;margin-bottom:14px;box-shadow:var(--sh)}.side-card h3{margin:0;font-size:18px}
aside{position:sticky;top:84px}
.form,.card form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.card form.inl{display:inline}.fld{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}.fld>span,.fld legend{font-size:14px;font-weight:600}.fld small{color:var(--mute)}.full,.card form .btn.lg{grid-column:1/-1}
.login .fld,.card form .fld{grid-column:1/-1}.form .fld{grid-column:auto}.form .fld.full{grid-column:1/-1}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{position:relative}.chip input{position:absolute;opacity:0}.chip span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px}.chip input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}
.need{background:var(--paper);border-radius:10px;padding:12px;font-size:14px}
.drop{display:flex;align-items:center;justify-content:center;border:2px dashed var(--line);border-radius:14px;background:var(--paper);padding:24px;text-align:center;cursor:pointer;position:relative}.drop.sm{padding:14px}.drop.over{border-color:var(--brass)}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.flist{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px;font-size:14px}.flist li{background:var(--paper);border-radius:8px;padding:8px 10px;display:flex;justify-content:space-between;gap:8px;word-break:break-word}.flist li.bad{color:var(--red)}.flist:empty{display:none}
.consent{display:flex;gap:10px;font-size:14px;color:var(--mute)}.consent input{width:20px;height:20px;flex:none}
.err{background:#FFF0F2;color:#9B1026;border-radius:10px;padding:10px 14px}.note{background:#FBF0D9;color:#6E5320;border-radius:10px;padding:10px 14px}
.ok{text-align:center}.okic{width:60px;height:60px;border-radius:50%;background:#E6F2EA;color:var(--ok);display:grid;place-items:center;font-size:30px;margin:0 auto 12px}.refl{color:var(--mute);font-size:13px;margin:10px 0 2px}.ref{font:700 28px ui-monospace,Menlo,monospace;color:var(--navy)}.okb{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mono{font-family:ui-monospace,Menlo,monospace}
.rlist{display:grid;gap:10px}.rcard{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-decoration:none}.rcard:hover{border-color:var(--navy)}.rc-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.rc-h span{font-family:ui-monospace,monospace;color:var(--mute);font-size:13px}.rc-m{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--mute)}
.bar{height:8px;background:var(--paper2);border-radius:9px;overflow:hidden;margin:10px 0}.bar.big{height:10px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--navy3),var(--brass))}
.st{display:inline-block;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:#E7EAF5;color:var(--navy3);white-space:nowrap}.st-completed,.st-issued,.st-approved,.st-closed{background:#E6F2EA;color:#2F6A4C}.st-missing_documents,.st-customer_action_required,.st-inspection_required,.st-payment_pending,.st-quotation_sent{background:#FBEFD9;color:#7A5A20}.st-rejected,.st-urgent{background:#F7E6E8;color:#8A2433}.st-not_submitted{background:var(--paper2);color:var(--mute)}
.two-st{display:flex;gap:20px;flex-wrap:wrap}.two-st small{display:block;color:var(--mute);font-size:12px;margin-bottom:3px}
.tl{list-style:none;padding:0;margin:0}.tl li{position:relative;padding:8px 0;padding-inline-start:24px;border-inline-start:2px solid var(--line);margin-inline-start:6px}.tl li:before{content:"";position:absolute;inset-inline-start:-7px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--brass)}.tl small{display:block;color:var(--mute);font-size:12px}
.thread{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.msg{display:flex;max-width:85%}.msg>div{background:var(--paper);border-radius:14px;padding:10px 14px}.msg.me{align-self:flex-end}.msg.me>div{background:var(--navy);color:#fff}.msg small{display:block;font-size:11.5px;opacity:.7;margin-top:4px}
.cin{display:flex!important;gap:8px}.cin input{flex:1}
.internal{background:#FFF8E8;border-color:#EBD6A8}.internal form{display:grid;gap:8px;grid-template-columns:1fr}.notes{list-style:none;padding:0;margin:12px 0 0}.notes li{border-top:1px dashed #EBD6A8;padding:8px 0}.notes small{display:block;color:var(--mute);font-size:12px}
.dl{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:0 0 12px}.dl dt{color:var(--mute);font-size:13.5px}.dl dd{margin:0}.pre{white-space:normal}
.qtabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px}.qtabs a{flex:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:14px}.qtabs a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tscroll{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;background:#fff;font-size:14px;border-radius:var(--r)}.tbl th{text-align:start;font-size:12.5px;color:var(--mute);padding:10px;border-bottom:1px solid var(--line)}.tbl td{padding:10px;border-bottom:1px solid var(--paper2);vertical-align:top}.tbl tr.urg td:first-child{border-inline-start:3px solid var(--red)}.tbl.sm{font-size:13px}
.rowf{display:flex!important;gap:8px;flex-wrap:wrap;align-items:center}.rowf input,.rowf select{padding:6px 8px}
.form1{display:grid;gap:10px}.prose h2{font-size:20px;margin-top:20px}
.ftr{background:var(--navy);color:rgba(255,255,255,.72);padding:44px 0 90px;font-size:14px}.fg{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px}.ftr h4{color:#fff;margin:0 0 10px}.ftr a{display:block;color:rgba(255,255,255,.72);text-decoration:none;padding:3px 0}.ftr img{height:44px;width:auto}.fbot{border-top:1px solid var(--lined);margin-top:24px;padding-top:16px;font-size:12.5px}
.bnav{display:none}.wab{position:fixed;bottom:20px;inset-inline-end:20px;width:54px;height:54px;border-radius:50%;background:#1F9D55;color:#fff;display:grid;place-items:center;box-shadow:var(--sh);z-index:50}
@media(max-width:900px){.svc{grid-template-columns:1fr}aside{position:static}.provg{grid-template-columns:1fr}.how{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}.mnav{display:none}}
@media(max-width:640px){.form,.card form{grid-template-columns:1fr}.form .fld{grid-column:1/-1}.hide-sm{display:none}.logo .est{display:none}.sec{padding:40px 0}.facts{grid-template-columns:1fr}.dl{grid-template-columns:1fr}
 .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;background:#fff;border-top:1px solid var(--line);z-index:45;padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.bnav a{display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600;text-decoration:none;color:var(--mute)}.bnav span{font-size:18px}.bnav a.mid span{background:var(--brass);color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin-top:-14px}
 .wab{bottom:78px;width:48px;height:48px}.hact .btn.brass{display:none}}
/* ---- polish pass (impeccable polish + taste + emil) ---- */
::selection{background:rgba(156,123,76,.28);color:inherit}
input,textarea{caret-color:var(--brass)}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:10px}
a:focus-visible,.btn:focus-visible{box-shadow:var(--focus)}
select:focus,input:focus,textarea:focus{outline:none;border-color:var(--brass);box-shadow:var(--focus)}
html{scrollbar-color:#C9BEA9 transparent}
.tbl,.ref,.rc-h span,.mono,.sc-docs,.catc small{font-variant-numeric:tabular-nums}
h2{margin-top:0}.sec h2{margin-bottom:20px}
.lead{max-width:62ch;margin-inline:auto}.phero .lead{margin-inline:0}
@media (hover:hover) and (pointer:fine){
 .btn:hover{background:var(--navy3);border-color:var(--navy3)}.btn.brass:hover{background:#6B5230;border-color:#6B5230}
 .btn.ghost:hover{background:transparent;border-color:var(--navy)}.btn.ghost.lt:hover{border-color:#fff;background:rgba(255,255,255,.06)}
 .catc,.scard,.rcard{transition:border-color 200ms ease}
}
.btn[aria-busy=true]{opacity:.7;pointer-events:none}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* service card: one clear action, title opens details */
.scard{gap:0}.scard h3 a::after{content:"";position:absolute;inset:0}.scard{position:relative}
.sc-act{position:relative;z-index:1;justify-content:flex-start}.sc-act .btn{flex:none}
.sc-meta{margin-bottom:14px}
/* category grid: 7 across on wide screens so 14 categories fill two rows */
@media(min-width:1100px){.catg{grid-template-columns:repeat(7,1fr)}}
@media(max-width:640px){.catg{grid-template-columns:1fr 1fr}}
.catc{min-height:96px;justify-content:space-between}
.hs-q{font-size:18px}
.bnav .ico{width:22px;height:22px}.bnav a.mid .ico{background:var(--brass-ink);color:#fff;border-radius:50%;width:38px;height:38px;padding:8px;margin-top:-16px}
.flag{display:flex;gap:10px;align-items:flex-start}.flag .ico{color:var(--brass);margin-top:2px}
.internal h2{display:flex;gap:8px;align-items:center}
@media (prefers-reduced-motion:reduce){*{transition-duration:0ms!important;animation-duration:0ms!important}}
.side-card .lv{justify-self:start}
@media(max-width:900px){.svc>aside{order:-1}.svc>aside .side-card{box-shadow:none}}