/* Sarh Al Etqan · shared public design system, 2026-10-31 */
@font-face{font-family:Sarh;src:url('/assets/fonts/IBMPlexSansArabic-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Sarh;src:url('/assets/fonts/IBMPlexSansArabic-arabic-600.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Sarh;src:url('/assets/fonts/IBMPlexSansArabic-arabic-700.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:SarhLatin;src:url('/assets/fonts/IBMPlexSansArabic-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ds-gutter:max(16px,var(--ds-safe-right),var(--ds-safe-left));--ds-mobile-nav-height:63px;--ds-safe-top:env(safe-area-inset-top,0px);--ds-safe-right:env(safe-area-inset-right,0px);--ds-safe-bottom:env(safe-area-inset-bottom,0px);--ds-safe-left:env(safe-area-inset-left,0px);--ds-ink:#172522;--ds-green:#123d32;--ds-paper:#f7f5ef;--ds-line:#dce2dd;--ds-muted:#53665e;--ds-gold:#a88a50;--ds-white:#fff;--ds-soft:#edf2ee;--ds-radius:16px;--font:Sarh,SarhLatin,Arial,sans-serif;--display:var(--font);--ink:var(--ds-ink);--muted:var(--ds-muted);--line:var(--ds-line);--card:#fff;--accent:var(--ds-green);--blue:var(--ds-green);--cta:var(--ds-green);--cta-hover:#1e5142;--shadow-1:none;--shadow-2:0 16px 64px #17252220;--cta-shadow:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body.design-v1{margin:0;background:var(--ds-paper);color:var(--ds-ink);font:400 16px/1.75 var(--font);min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:clip}body.design-v1::before,body.design-v1::after{display:none!important}body.design-v1 [hidden]{display:none!important}body.design-v1 :focus-visible{outline:3px solid #286c56;outline-offset:4px}body.design-v1 a{color:inherit;text-decoration:none}body.design-v1 img{max-width:100%;object-fit:contain}body.design-v1 button,body.design-v1 input,body.design-v1 select,body.design-v1 textarea{font:inherit}body.design-v1 button,body.design-v1 a,body.design-v1 input,body.design-v1 textarea,body.design-v1 select{-webkit-tap-highlight-color:transparent}body.design-v1 button{cursor:pointer}body.design-v1 button:disabled{cursor:not-allowed;opacity:.55}body.design-v1 h1,body.design-v1 h2,body.design-v1 h3{line-height:1.4;letter-spacing:-.025em}body.design-v1 p{margin:0 0 1em}body.design-v1 h1,body.design-v1 h2,body.design-v1 h3{margin:0 0 .6em}body.design-v1 bdi,body.design-v1 [dir=ltr]{unicode-bidi:isolate}body.design-v1 input,body.design-v1 select,body.design-v1 textarea{background:#fff;color:var(--ds-ink);border:1px solid #acbbb1;border-radius:10px;padding:12px 14px;min-height:46px;max-width:100%;accent-color:var(--ds-green)}body.design-v1 textarea{resize:vertical}body.design-v1 label{font-weight:600}body.design-v1 input::placeholder,body.design-v1 textarea::placeholder{color:#66776f}
.ds-page{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:48px 0 64px}.ds-section{padding:56px 0;border-top:1px solid var(--ds-line)}.ds-eyebrow{color:var(--ds-green);font-size:13px;font-weight:600;letter-spacing:.02em;display:block;margin-bottom:16px}.ds-heading{font-size:clamp(28px,3vw,42px);font-weight:700}.ds-lead{font-size:18px;color:var(--ds-muted);max-width:680px;line-height:1.9}.ds-card{border:1px solid var(--ds-line);border-radius:16px;background:#fff;padding:24px;box-shadow:none}.ds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 22px;border:1px solid var(--ds-green);border-radius:10px;background:var(--ds-green);color:#fff!important;font-weight:600;text-align:center;line-height:1.5;cursor:pointer;text-decoration:none}.ds-button:hover{background:#1e5142}.ds-button.secondary{background:transparent;color:var(--ds-green)!important;border-color:#b7c5bc}.ds-button.secondary:hover{background:var(--ds-soft)}.ds-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:4px 10px;border-radius:6px;background:#e9f1ec;color:#1d533d}.ds-badge.warning{background:#f9f0dd;color:#77500e}.ds-empty{padding:40px 24px;background:#fff;border:1px dashed #acbbb1;border-radius:16px;text-align:center;color:var(--ds-muted)}.ds-field{display:grid;gap:7px}.ds-status{padding:14px 18px;border-inline-start:3px solid var(--ds-green);background:var(--ds-soft);border-radius:6px;margin:16px 0}.ds-status.error{background:#fff0ed;color:#992d24;border-color:#b44035}.ds-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--ds-muted);font-size:14px;margin-bottom:28px}.ds-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.ds-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ds-spread{justify-content:space-between}.ds-text-link{font-weight:600;color:var(--ds-green)!important;text-decoration:underline!important;text-underline-offset:5px}.ds-note{font-size:13px;color:var(--ds-muted)}.ds-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ds-topline{padding:7px 24px;background:var(--ds-green);color:#eff6f0;font-size:12px;text-align:center;letter-spacing:.02em}.ds-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid var(--ds-line)}.ds-header-inner{width:min(1280px,calc(100% - 48px));margin:auto;min-height:88px;display:flex;align-items:center;gap:32px}.ds-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.ds-brand img{width:82px;height:58px}.ds-brand b{font-size:18px;display:block;line-height:1.45}.ds-brand small{display:block;font:10px/1.6 SarhLatin,Arial,sans-serif;letter-spacing:.08em;color:var(--ds-muted)}.ds-nav{display:flex;align-items:center;gap:24px;margin-inline-start:auto}.ds-nav a{font-size:14px;white-space:nowrap;min-height:44px;display:flex;align-items:center;position:relative}.ds-nav a[aria-current=page]{color:var(--ds-green);font-weight:700}.ds-nav a[aria-current=page]::after{content:'';height:2px;position:absolute;bottom:0;inset-inline:0;background:var(--ds-green)}.ds-header-help{padding:9px 15px;border:1px solid var(--ds-line);border-radius:9px;font-size:14px;white-space:nowrap}.ds-mobile-nav{display:none}.ds-mobile-more{border:0;border-radius:18px;padding:24px;width:min(440px,calc(100% - 24px));color:var(--ds-ink);background:#fff}.ds-mobile-more::backdrop{background:#17252288}.ds-mobile-more header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ds-mobile-more button{border:1px solid var(--ds-line);border-radius:9px;background:#fff;width:44px;height:44px}.ds-mobile-more nav{display:grid;gap:6px}.ds-mobile-more nav a{padding:12px;border-bottom:1px solid var(--ds-line)}.ds-footer{background:var(--ds-green);color:#f7f5ef;padding:48px max(24px,calc((100% - 1200px)/2));margin-top:auto}.ds-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.ds-footer-brand{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ds-footer-brand img{width:88px;height:60px;background:#fff;border-radius:8px;padding:5px}.ds-footer p{font-size:14px;color:#dce6df;max-width:400px}.ds-footer nav{display:grid;gap:10px;align-content:start;font-size:14px}.ds-footer h3{font-size:16px}.ds-footer-meta{border-top:1px solid #547266;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#dce6df}.ds-footer a:hover{text-decoration:underline;text-underline-offset:4px}.ds-mobile-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Existing request controls use the same system. */
.design-v1 .btn,.design-v1 .single-submit,.design-v1 .chip,.design-v1 .sheet-close,.design-v1 .intake-close{box-shadow:none!important;background-image:none!important;text-shadow:none!important;transform:none!important}.design-v1 .btn{min-height:46px;border-radius:10px}.design-v1 .btn-primary,.design-v1 .single-submit{background:var(--ds-green)!important;color:#fff!important;border:1px solid var(--ds-green)}.design-v1 .btn-ghost{background:#fff;border:1px solid #b7c5bc;color:var(--ds-green)}.design-v1 dialog{border:1px solid var(--ds-line);border-radius:18px;color:var(--ds-ink);background:#fff;box-shadow:0 24px 80px #17252230}.design-v1 dialog::backdrop{background:#17252280;backdrop-filter:none}.design-v1 .sheet-head{border-bottom:1px solid var(--ds-line);padding-bottom:16px}.design-v1 .history-item{background:#fff;border:1px solid var(--ds-line);border-radius:10px;padding:16px;box-shadow:none}.design-v1 .history-item:hover{background:var(--ds-soft)}.design-v1 .search-label{font-size:16px}.design-v1 .single-error{background:#fff0ed;border:1px solid #e8b5ab;border-radius:8px;padding:12px;color:#992d24}.design-v1 .skip-link{position:absolute;top:-80px;z-index:200;background:#fff;padding:12px 18px}.design-v1 .skip-link:focus{top:8px}.design-v1 .site-foot,.design-v1 .tab-bar{display:none!important}
@media(max-width:1100px){.ds-header-inner{gap:18px}.ds-nav{gap:16px}.ds-brand b{font-size:16px}.ds-header-help{display:none}}
@media(max-width:760px){.ds-page{width:calc(100% - var(--ds-gutter) * 2);padding-top:28px}.ds-section{padding:36px 0}.ds-grid{grid-template-columns:1fr}.ds-card{padding:20px}.ds-heading{font-size:28px}.ds-lead{font-size:16px}.ds-topline{font-size:11px;padding:6px 12px}.ds-header-inner{width:calc(100% - var(--ds-gutter) * 2);min-height:74px;justify-content:space-between}.ds-brand img{width:68px;height:48px}.ds-brand b{font-size:16px}.ds-brand small{font-size:9px}.ds-nav{display:none}.ds-header-help{display:block;font-size:12px;padding:8px 10px}.ds-mobile-nav{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:60;justify-content:space-around;background:#fff;border-top:1px solid var(--ds-line);padding:5px 8px calc(5px + env(safe-area-inset-bottom))}.ds-mobile-nav a,.ds-mobile-nav button{display:flex;flex:1;align-items:center;flex-direction:column;justify-content:center;gap:2px;min-height:52px;color:var(--ds-muted);background:none;border:0;font-size:11px;padding:3px}.ds-mobile-nav [aria-current=page]{color:var(--ds-green);font-weight:700}.ds-footer{padding:36px 20px calc(96px + env(safe-area-inset-bottom))}.ds-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.ds-footer-grid>div:first-child{grid-column:1/-1}.ds-footer-meta{font-size:11px}.design-v1.search-locked .ds-mobile-nav,.design-v1.keyboard-open .ds-mobile-nav{display:none}.ds-row>.ds-button{flex-grow:1}body.design-v1{padding-bottom:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.ds-history-extras{border-top:1px solid var(--ds-line);margin-top:24px;padding-top:20px}.ds-history-extras h3{margin-top:24px!important;font-size:18px}.ds-history-inquiry{padding:16px 0;border-top:1px solid var(--ds-line)}.ds-history-inquiry a{font-weight:600;text-decoration:underline!important;text-underline-offset:4px}.ds-history-inquiry p{margin:8px 0!important;font-size:14px;color:var(--ds-muted)}.ds-history-inquiry small{font-size:12px}
.ds-migration-note{margin:20px 0 0!important;max-width:none!important;border-top:1px solid #547266;padding-top:16px}.ds-migration-note a{text-decoration:underline!important;text-underline-offset:4px}

/* Insets are used once at viewport edges. Native non-edge-to-edge WebViews report zero. */
body.design-v1 .ds-mobile-more{max-width:calc(100% - max(12px,var(--ds-safe-left),var(--ds-safe-right)) * 2);max-height:calc(var(--visible-height,100dvh) - var(--ds-safe-top) - var(--ds-safe-bottom) - 24px);overflow:auto;overscroll-behavior:contain}
body.design-v1 .ds-mobile-more header{gap:12px;align-items:start}
body.design-v1 .ds-mobile-more h2{min-width:0;margin:0;font-size:23px}
body.design-v1 .ds-mobile-more button{flex:0 0 44px;padding:0}
@media(max-width:760px){
 body.design-v1 .ds-brand{min-width:0;flex-shrink:1;gap:10px}
 body.design-v1 .ds-brand>span{min-width:0;overflow-wrap:anywhere}
 body.design-v1 .ds-brand img{flex:0 0 68px}
 body.design-v1 .ds-header-inner{gap:12px}
 body.design-v1 .ds-header-help{flex:0 0 auto}
 body.design-v1 .ds-mobile-nav{padding-inline:max(8px,var(--ds-safe-right)) max(8px,var(--ds-safe-left));padding-bottom:calc(5px + var(--ds-safe-bottom))}
 body.design-v1 .ds-mobile-nav :is(a,button){min-width:0;font-size:11px;line-height:1.4}
 body.design-v1 .ds-mobile-more{padding:20px}
 body.design-v1 .reference-groups button>span:last-child{min-width:0;overflow-wrap:anywhere}
 body.design-v1 .reference-taxonomy summary>span:first-of-type{min-width:0}
 body.design-v1 .reference-pager{flex-wrap:wrap}
}
@media(max-width:480px){
 :root{--ds-gutter:max(12px,var(--ds-safe-right),var(--ds-safe-left))}
 body.design-v1 .ds-page,body.design-v1 .ds-header-inner{width:calc(100% - var(--ds-gutter) * 2)}
}
@media(max-width:380px){
 body.design-v1 .ds-brand b{font-size:14px}
 body.design-v1 .ds-brand small{font-size:8px;letter-spacing:.025em}
 body.design-v1 .ds-brand img{flex-basis:56px;width:56px;height:42px}
 body.design-v1 .ds-header-help{padding:8px;font-size:11px}
 body.design-v1 .reference-groups button{align-items:start;flex-direction:column}
}