.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.sidebar-context{padding:16px;border-bottom:1px solid #e5e8ef;display:grid;gap:8px;overflow-wrap:anywhere}.sidebar-context strong{font-size:13px;color:#0A142F}.sidebar-context a{font-size:12px}.sidebar-context button{justify-self:end;min-width:40px;font-size:22px;background:transparent;color:#0A142F}.nav-group{border:0;margin:4px 0;padding:0}.nav-group summary{padding:12px 16px;font-weight:700;cursor:pointer;color:#0A142F;min-height:44px}.nav-group a{display:flex!important;gap:10px;white-space:normal;line-height:1.7;min-height:44px;align-items:center}.nav-group a span{min-width:0;overflow-wrap:anywhere}.nav-group .icon{flex-shrink:0;width:20px;height:20px}.rail{overflow-x:hidden;overflow-y:auto}.identity{color:inherit;text-decoration:none}.context-choice{margin:12px 0}.menu-overlay{position:fixed;inset:0;z-index:39;background:#0a142f99;border:0;border-radius:0;width:100%;height:100%}.menu-overlay[hidden]{display:none}body.rail-hidden .rail{display:none}body.rail-hidden .workspace{margin-inline-start:0}.top .brand{min-width:0}.crumb{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb7c20;outline-offset:3px}.table-wrap{max-width:100%;overflow:auto}body{overflow-x:clip}
@media(max-width:1000px){.rail{z-index:40;position:fixed;top:0!important;bottom:0;right:0;max-width:min(88vw,300px);width:300px;transform:translateX(110%);visibility:hidden;transition:transform .18s ease}.menu-open .rail{transform:translateX(0);visibility:visible}.workspace{margin-inline-start:0!important;min-width:0}.menu-open{overflow:hidden}.global-search{display:none!important}.top{gap:8px}.identity .avatar{display:none}.identity strong{font-size:12px}.identity small{font-size:10px}.brand-context small{display:none}.brand-context{font-size:12px}.top .brand{gap:6px}.top .brand-logo{flex-shrink:0}.page-head,.heading{flex-wrap:wrap}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}}@media(prefers-reduced-motion:reduce){.rail{transition:none}}

/* 0.2.6: compact branded header, service-specific forms and client uploads */
.top .brand{gap:8px!important;min-width:0!important;flex:0 0 auto}
.top .official-logo{width:76px}
.top .brand-context{display:block;white-space:nowrap;font-size:12px!important;line-height:1.4}
.top .brand-context>span{font-size:12px!important;font-weight:700}
.top .global-search{flex:1 1 260px;width:auto;max-width:490px;min-width:140px;margin-inline:auto}
.top-slogan{font:600 12px/1.5 Cairo,Arial,sans-serif;color:#F1C076;white-space:nowrap;min-width:0}
.top .identity{min-width:0;max-width:200px}
.top .identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:block}
.service-fields-container{grid-column:1/-1;width:100%}
.service-fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:4px 0 14px}
.service-fieldset[hidden]{display:none!important}
.service-fieldset legend{font-weight:700;color:#0A142F}
.service-request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.service-request-details>div{border:1px solid var(--line);border-radius:8px;padding:10px}
.service-request-details dt{font-weight:750}.service-request-details dd{margin:4px 0;white-space:pre-wrap}
.service-form-editor{margin-top:15px}
.service-field-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:12px 0}
.service-form-editor button{max-width:260px}
@media(max-width:1200px){.top-slogan{display:none}.top .global-search{max-width:360px}}
@media(max-width:1000px){.top .brand-context{display:none}.top .official-logo{width:76px}.top .global-search{display:none!important}}
@media(max-width:620px){.top{padding:0 10px;gap:8px}.top .official-logo{width:65px}.top .identity{max-width:110px}.service-fieldset{grid-template-columns:1fr}}

/* 0.4.2: clear primary action, one-section navigation, without affecting role permissions. */
.rail .nav-group a[href^="/requests?new=1"]{background:rgba(241,192,118,.16);border-inline-start:3px solid #C38A38;font-weight:700;color:#0A142F;border-radius:6px}
.rail .nav-group a[href^="/requests?new=1"]:hover{background:rgba(241,192,118,.25)}
.rail .nav-group summary:hover{background:rgba(10,20,47,.035)}
.rail .nav-group a[aria-current="page"]{font-weight:700}

/* BAZAD AI lives outside the Home group and keeps the official navy/gold palette. */
.rail .nav-ai-group{border:1px solid #ead3a9;background:#fffaf0;border-radius:10px;padding:3px 7px;margin-block:11px}.rail .nav-ai-group>summary{color:#563b17;font-weight:800}.rail .nav-ai-group a[href="/ai"]{color:#0a142f;font-weight:800}.rail .nav-ai-group a[href="/ai"][aria-current="page"]{background:#f1c076;color:#0a142f}