:root{--navy:#0b285e;--dark:#081d45;--blue:#176cd8;--teal:#0e9ba5;--bg:#f3f6fb;--surface:#fff;--muted:#52627d;--ink:#172642;--border:#dfe6f0;--orange:#9d6518;--green:#11745d;--red:#bd4242;--shadow:0 10px 34px rgba(26,53,94,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body{font-family:'Segoe UI','Noto Sans Arabic',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.75}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#145bb8;text-underline-offset:3px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #21a0e8;outline-offset:2px}
.layout{display:flex;min-height:100vh}.sidebar{width:256px;background:var(--dark);color:#d7e6ff;position:sticky;top:0;height:100vh;overflow:auto;padding:20px 12px;flex:0 0 256px}.brand{display:flex;gap:9px;align-items:center;padding:7px 12px 19px;border-bottom:1px solid #2f4167}.brandicon{width:38px;height:38px;object-fit:contain;background:white;border-radius:10px;padding:4px}.brand strong{display:block;color:white;font-size:16px}.brand small{color:#b5c8eb;display:block;font-size:11px}.navtitle{font-size:11px;color:#849bc7;margin:25px 13px 7px;letter-spacing:.3px}.navitem{display:flex;gap:10px;align-items:center;text-align:right;width:100%;border:1px solid transparent;padding:10px 11px;border-radius:12px;color:#d3e1f8;background:transparent;font-size:13px;margin:2px 0;font-weight:650}.navitem .sym{display:inline-grid;place-items:center;width:24px;font-size:18px}.navitem:hover{background:#142f64}.navitem.active{background:#19417f;border-color:#2e64ac;color:#fff}.sidebottom{font-size:11px;color:#a5badd;border-top:1px solid #2f4167;margin-top:26px;padding:15px 11px}.sidebottom a{color:#b6dcff}
.main{flex:1;min-width:0}.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);min-height:75px;position:sticky;top:0;z-index:8;padding:12px clamp(14px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:14px;backdrop-filter:blur(12px)}.topbar h1{font-size:21px;margin:0;font-weight:850;line-height:1.35}.topbar .sub{color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eff3f9;color:#3b536e;padding:5px 9px;font-size:11px;font-weight:700;border:1px solid #dde6f2}.dot{height:7px;width:7px;border-radius:100%;background:#b27b26;display:inline-block}.site-badge.live .dot{background:#16906d}.btn{display:inline-flex;gap:7px;justify-content:center;align-items:center;border:1px solid #bed0e7;border-radius:10px;background:#fff;color:#16437a;min-height:38px;padding:7px 12px;text-decoration:none;font-size:12px;font-weight:750;white-space:normal}.btn:hover{background:#eef6ff}.btn.primary{background:#155cc1;border-color:#155cc1;color:#fff}.btn.primary:hover{background:#0f4a9e}.btn.dark{background:#0b285e;color:white;border-color:#0b285e}.btn.ghost{border-color:#e2e7f0;background:transparent}.btn.danger{color:#a52626;border-color:#e8bcbc}.btn[disabled]{opacity:.45;cursor:not-allowed}.container{max-width:1470px;margin:auto;padding:26px clamp(14px,3vw,34px) 72px}.eyebrow{color:#136aa8;font-weight:800;font-size:12px;margin:0 0 6px}.heading{font-size:24px;line-height:1.35;font-weight:850;margin:0 0 7px;letter-spacing:-.4px}.lede{color:var(--muted);font-size:13px;max-width:920px;margin:0 0 22px}.grid{display:grid;gap:14px}.grid.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.split{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);padding:18px;min-width:0}.card h3{font-size:15px;line-height:1.45;margin:0 0 9px}.card p{margin:6px 0;color:var(--muted)}.card h4{margin:0;font-size:13px}.stat{position:relative;min-height:133px}.stat .label{color:#62728a;font-size:12px;font-weight:700}.stat .number{font-size:37px;line-height:1.15;font-weight:850;margin:12px 0 5px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.stat .foot{color:#6f7d90;font-size:11px}.stat .staticon{position:absolute;top:15px;left:16px;border-radius:11px;background:#ecf5ff;color:#145bb5;height:37px;width:37px;display:grid;place-items:center;font-size:21px}.stat.alt .staticon{background:#e9f9f4;color:#0c7561}.stat.warn .staticon{background:#fff5e6;color:#a16c25}.sectionline{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:26px 0 12px}.sectionline h2{margin:0;font-size:17px;font-weight:850}.sectionline span{color:var(--muted);font-size:11px}.pill{font-size:11px;display:inline-flex;align-items:center;padding:3px 8px;line-height:1.7;border-radius:100px;background:#edf2f9;color:#49617e;border:1px solid #dee8f4;font-weight:700}.pill.green{background:#e8f8f2;color:#087259;border-color:#bde9d8}.pill.red{background:#fff0ef;color:#a73532;border-color:#f1cecb}.pill.amber{background:#fff7e9;color:#8b5f19;border-color:#eddab4}.pill.blue{background:#e8f3ff;color:#245aaf;border-color:#cfe2fa}.brief{background:linear-gradient(110deg,#102d69,#174581);border-radius:18px;padding:22px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px}.brief .head{font-size:21px;font-weight:850}.brief p{color:#cfddf6;max-width:650px;margin:7px 0;font-size:12px}.brief .actions{display:flex;gap:9px;flex-wrap:wrap}.brief a{background:#fff;color:#113a72;border-radius:10px;font-weight:800;padding:10px 14px;text-decoration:none;font-size:12px}.brief .soft{background:#ffffff22;color:#fff;border:1px solid #ffffff44}.minirows{display:grid;gap:11px}.minirow{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f6}.minirow:last-child{border-bottom:0}.minirow strong{display:block;font-size:12px;font-weight:800}.minirow small{display:block;color:#68788f;font-size:11px}.compactnum{font-weight:850;color:#18365f;font-variant-numeric:tabular-nums}.tagdot{display:inline-block;height:9px;width:9px;background:#f0ae41;border-radius:50%;margin-left:7px}.tagdot.done{background:#22ad84}.bar-bg{height:9px;border-radius:30px;background:#ebf0f5;overflow:hidden;flex:1;min-width:75px}.bar-value{background:#2370d2;height:100%;border-radius:30px;min-width:2px}.barrow{display:grid;grid-template-columns:115px 1fr 25px;align-items:center;gap:10px;margin:12px 0;font-size:12px}.barrow label{color:#5e6f86}.barrow strong{text-align:left;font-variant-numeric:tabular-nums}.divider{height:1px;background:#e7edf6;margin:14px 0}.notice{padding:12px 13px;border-radius:12px;border:1px solid #dae7f6;background:#f4f9ff;color:#41617e;font-size:12px;line-height:1.85}.notice.warning{background:#fff9ed;border-color:#eedcb9;color:#73541f}.notice.error{background:#fff0ef;border-color:#f0ceca;color:#9a3333}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}.input,.select,.textarea{border:1px solid #cfd9e8;background:#fff;border-radius:11px;padding:9px 12px;min-height:39px;color:#20344e;outline:none}.input{flex:1;min-width:200px}.select{min-width:160px}.textarea{width:100%;min-height:105px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:#2778cf;box-shadow:0 0 0 3px #287ad118}.items{display:grid;gap:11px}.item{border:1px solid #e2e8f1;background:white;border-radius:14px;padding:14px}.item.focus{border-right:4px solid #1d70cc}.item-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.item-title{font-size:13px;font-weight:850;margin:3px 0 6px}.item-meta{color:#7b8a9c;font-size:11px}.item-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.item .desc{font-size:12px;color:#55657b;margin:7px 0}.id{font-family:Consolas,'Courier New',monospace;font-weight:800;color:#1660af;font-size:11px;direction:ltr;unicode-bidi:plaintext;display:inline-block}.mediaitem{display:flex;gap:12px;align-items:center}.mediaitem .thumb{height:116px;width:94px;object-fit:contain;border:1px solid #e3eaf4;border-radius:8px;background:#f9fbfe;flex:0 0 94px}.mediaitem .body{flex:1;min-width:0}.cardlink{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;border:1px solid #e2e9f3;border-radius:12px;padding:14px;background:white}.cardlink:hover{border-color:#9dbce1;background:#f9fcff}.linkicon{font-size:22px;background:#edf5fe;border-radius:10px;height:40px;width:40px;display:grid;place-items:center}.cardlink strong{font-size:13px;display:block}.cardlink small{font-size:11px;color:#677990;display:block}.quickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.paneltabs{display:flex;gap:8px;overflow:auto;margin:10px 0 17px}.tabchoice{background:white;color:#41546e;border:1px solid #dbe4ef;border-radius:999px;padding:7px 13px;white-space:nowrap;font-weight:700;font-size:12px}.tabchoice.selected{background:#145cb9;border-color:#145cb9;color:white}.gallerygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gallerytile{border:1px solid #dde5f1;border-radius:14px;overflow:hidden;background:white;display:flex;flex-direction:column;min-width:0}.gallerytile .pic{height:168px;background:#f2f5fb;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #e4ebf5}.gallerytile img{width:100%;height:100%;object-fit:contain}.gallerytile .meta{padding:12px;display:flex;flex:1;flex-direction:column;gap:7px}.gallerytile h3{font-size:12px;line-height:1.5;margin:0}.gallerytile small{font-size:10px;color:#63768d}.gallerytile .btn{margin-top:auto}.stacked{display:flex;flex-direction:column;gap:12px}.timeline{border-right:2px solid #dbe6f5;padding-right:16px;margin-right:6px}.timelineitem{position:relative;margin:0 0 20px}.timelineitem:before{position:absolute;content:'';right:-22px;top:7px;background:#1d74d0;border:3px solid #fff;height:10px;width:10px;border-radius:50%;box-shadow:0 0 0 2px #dbe6f5}.time{font-size:11px;color:#416a9b;font-weight:800}.timelineitem strong{font-size:13px}.timelineitem small{display:block;color:#697c94}.progress{display:flex;align-items:center;gap:6px}.progress .circle{border-radius:50%;height:24px;width:24px;background:#e1e9f3;color:#49617e;text-align:center;line-height:24px;font-size:11px;font-weight:800}.progress .circle.done{background:#0c866b;color:#fff}.progress .line{width:30px;height:2px;background:#d7e0ec}.dialog{border:0;border-radius:18px;width:min(1060px,calc(100vw - 18px));max-height:92vh;overflow:auto;padding:0;background:#fff;box-shadow:0 38px 110px #081d4590;color:var(--ink)}.dialog::backdrop{background:#07192fb5;backdrop-filter:blur(3px)}.dialog-title{padding:17px 20px;background:#fff;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:3}.dialog-title h2{margin:0;font-size:16px}.dialog-close{font-size:25px;border:0;background:#f0f4fa;border-radius:10px;width:38px;height:38px;color:#27405e}.dialog-body{padding:18px 20px}.preview-layout{display:grid;grid-template-columns:minmax(290px,1.1fr) minmax(280px,1fr);gap:19px;align-items:start}.image-stage{position:relative;background:#f3f6fb;border-radius:13px;display:flex;justify-content:center;align-items:center;min-height:330px;padding:10px;border:1px solid #e2e9f4}.image-stage img{max-height:min(68vh,640px);max-width:100%;height:auto;width:auto;object-fit:contain;border-radius:6px;cursor:zoom-in}.image-navig{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.footnote{font-size:10px;color:#72849a}.captionbox{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2eaf2;border-radius:12px;padding:12px;line-height:1.9;font-size:12px;max-height:180px;overflow:auto}.ribbon{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0}.radiochoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.radiochoices label{cursor:pointer;border:1px solid #dbe5ef;background:#fafcff;padding:8px 9px;border-radius:10px;font-weight:700;font-size:12px}.radiochoices label:has(input:checked){border-color:#216fc8;background:#edf5ff;color:#1959ab}.radiochoices input{accent-color:#176cd8}.checkrow{display:flex;align-items:start;gap:8px;font-size:11px;color:#52627a;line-height:1.8;padding:11px 0}.checkrow input{margin-top:5px}.preview-source{color:#526880;font-size:11px}.footer{font-size:11px;color:#73839c;margin-top:45px;border-top:1px solid #dfe7f1;padding:22px 2px}.kbd{font-size:11px;color:#4c6786;background:#edf4fc;border-radius:6px;padding:2px 5px;direction:ltr;unicode-bidi:isolate}.toast{position:fixed;bottom:24px;left:24px;background:#082758;color:#fff;max-width:min(450px,calc(100vw - 30px));border-radius:12px;padding:12px 18px;box-shadow:0 20px 40px #031a3560;z-index:100;display:none;font-size:13px}.toast.err{background:#9b3535}.muted{color:var(--muted)}.countbox{display:inline-block;background:#eaf2fd;color:#285d99;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:750}.empty{padding:28px;color:#6c7d93;text-align:center;border:1px dashed #c8d4e5;border-radius:13px;background:#fff}.mobile-nav{display:none}
@media(max-width:1240px){.gallerygrid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.sidebar{width:83px;flex-basis:83px;padding:15px 7px}.brand{justify-content:center;padding:7px 5px 16px}.brand strong,.brand small,.navtitle,.sidebottom,.navitem .navlabel{display:none}.navitem{justify-content:center;padding:12px 0}.navitem .sym{font-size:20px}.grid.split{grid-template-columns:1fr}.quickgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.layout{display:block}.sidebar{display:none}.topbar{min-height:72px;padding:10px 14px;flex-wrap:wrap}.topbar h1{font-size:18px}.top-actions{gap:6px}.site-badge{font-size:10px}.container{padding:17px 12px 95px}.heading{font-size:22px}.grid.kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{min-height:111px;padding:13px}.stat .number{font-size:29px}.stat .staticon{width:30px;height:30px;font-size:18px}.card{padding:14px}.grid.three{grid-template-columns:1fr}.gallerygrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallerytile .pic{height:160px}.gallerytile .meta{padding:9px}.brief{display:block;padding:17px}.brief .head{font-size:18px}.brief .actions{margin-top:12px}.quickgrid{grid-template-columns:1fr 1fr}.preview-layout{grid-template-columns:1fr}.dialog{width:calc(100vw - 8px);max-height:96vh}.dialog-body{padding:11px}.image-stage{min-height:250px;padding:6px}.image-stage img{max-height:45vh}.radiochoices{gap:6px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dde5ee;z-index:10;justify-content:space-between;padding:4px 2px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px #142c4d12}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;padding:5px 4px;gap:1px;border:0;background:transparent;color:#516782;min-width:55px}.mobile-nav button .sym{font-size:18px}.mobile-nav button.active{color:#176cd8;font-weight:800}.barrow{grid-template-columns:97px 1fr 22px}.toast{bottom:80px;left:10px}}
@media print{.sidebar,.mobile-nav,.topbar,.item-actions,.toolbar,.dialog,.toast{display:none!important}.container{max-width:none}.card,.item{box-shadow:none;break-inside:avoid}}

/* P1 TYPOGRAPHY / ACCESSIBILITY PATCH — 2026-11-02
   CSS-only: no changes to seed data, decisions, C01 bindings, or application logic. */
:root{--p1-font-body:18px;--p1-font-secondary:16px;--p1-font-note:15px;--p1-font-card:22px;--p1-font-section:30px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;font-size:var(--p1-font-body);line-height:1.7}
button,input,select,textarea{font-family:inherit;font-size:var(--p1-font-secondary);line-height:1.55}
.sidebar{width:270px;flex-basis:270px;padding-inline:13px}
.brand strong{font-size:19px;line-height:1.55}
.brand small{font-size:14px;line-height:1.55}
.navtitle{font-size:14px;line-height:1.6}
.navitem{font-size:16px;line-height:1.5;min-height:46px;gap:11px;padding:11px 12px}
.navitem .sym{font-size:20px;flex-shrink:0}
.sidebottom{font-size:14px;line-height:1.75}
.topbar h1{font-size:25px;line-height:1.4}
.topbar .sub{font-size:15px;line-height:1.5}
.site-badge{font-size:14px;line-height:1.5;padding:7px 11px}
.btn{font-size:15.5px;min-height:44px;padding:9px 15px;line-height:1.5}
.container{max-width:1500px;padding-top:30px}
.eyebrow{font-size:15px}
.heading{font-size:32px;line-height:1.4;letter-spacing:0}
.lede{font-size:17px;line-height:1.8;max-width:1000px}
.card{padding:20px}
.card h3{font-size:var(--p1-font-card);line-height:1.5}
.card h4{font-size:19px;line-height:1.5}
.card p{font-size:16px;line-height:1.8}
.stat{min-height:155px}
.stat .label{font-size:16px;line-height:1.5;padding-left:38px;display:block}
.stat .number{font-size:41px;line-height:1.2;margin:9px 0 5px}
.stat .foot{font-size:14px;line-height:1.65}
.stat .staticon{width:39px;height:39px;font-size:21px}
.sectionline{margin-top:30px;align-items:center}
.sectionline h2{font-size:var(--p1-font-section);line-height:1.45}
.sectionline span{font-size:14px;line-height:1.5}
.pill{font-size:14px;line-height:1.55;padding:5px 10px}
.brief{padding:24px;gap:24px}
.brief .head{font-size:26px;line-height:1.45}
.brief p{font-size:16px;line-height:1.8}
.brief a{font-size:15px;line-height:1.55}
.minirow strong{font-size:16px;line-height:1.55}
.minirow small{font-size:14px;line-height:1.55}
.barrow{font-size:16px;grid-template-columns:135px minmax(0,1fr) 30px;line-height:1.5}
.notice{font-size:16px;line-height:1.8;padding:15px 17px}
.toolbar{gap:10px}
.input,.select,.textarea{font-size:16px;min-height:46px;line-height:1.6}
.item{padding:17px}
.item-title{font-size:19px;line-height:1.55}
.item-meta{font-size:14px;line-height:1.6}
.item .desc{font-size:16px;line-height:1.8}
.id{font-size:13.5px}
.cardlink strong{font-size:17px;line-height:1.5}
.cardlink small{font-size:14px;line-height:1.6}
.tabchoice{font-size:16px;line-height:1.45;padding:9px 15px}
.gallerytile h3{font-size:16px;line-height:1.55}
.gallerytile small{font-size:14px;line-height:1.55}
.gallerytile .meta{gap:9px}
.time{font-size:14px}
.timelineitem strong{font-size:17px;line-height:1.55}
.timelineitem small{font-size:14px;line-height:1.6}
.progress .circle{font-size:13px;width:29px;height:29px;line-height:29px}
.dialog-title h2{font-size:22px}
.dialog-close{width:44px;height:44px}
.captionbox{font-size:16px;line-height:1.85;max-height:230px}
.radiochoices label{font-size:16px;line-height:1.55;padding:10px 12px}
.checkrow{font-size:15px;line-height:1.75}
.preview-source{font-size:15px;line-height:1.7}
.footer{font-size:14px;line-height:1.7}
.kbd{font-size:13px}
.toast{font-size:16px;line-height:1.6}
.countbox{font-size:14px;line-height:1.5}
.footnote{font-size:14px;line-height:1.6}
.item-meta,.stat .foot,.gallerytile small,.footnote,.timelineitem small,.footer{color:#52627d}
@media(max-width:950px){
  .sidebar{width:83px;flex-basis:83px;padding:15px 7px}
  .navitem{justify-content:center;padding:12px 0}
}
@media(max-width:670px){
  body{font-size:17px;line-height:1.7}
  .topbar{position:relative;min-height:84px;row-gap:11px;padding:13px 14px}
  .topbar h1{font-size:23px}
  .topbar .sub{font-size:14px}
  .top-actions{gap:7px}
  .top-actions .btn{font-size:14px;min-height:40px;padding:7px 12px}
  .site-badge{font-size:12.5px;padding:7px 9px}
  .container{padding:22px 12px 120px}
  .eyebrow{font-size:14px}
  .heading{font-size:28px;line-height:1.45}
  .lede{font-size:16px;line-height:1.8}
  .card{padding:16px}
  .card h3{font-size:19px}
  .card h4{font-size:17px}
  .stat{min-height:164px;padding:14px}
  .stat .label{font-size:14.5px;padding-left:29px;line-height:1.55}
  .stat .number{font-size:33px;margin:10px 0 6px}
  .stat .foot{font-size:13.5px;line-height:1.6}
  .stat .staticon{height:30px;width:30px;top:13px;left:12px;font-size:18px}
  .sectionline{margin:27px 0 13px}
  .sectionline h2{font-size:24px}
  .sectionline span{font-size:13px}
  .brief{padding:20px}
  .brief .head{font-size:23px}
  .brief p{font-size:15.5px}
  .brief a{font-size:14px;display:inline-block}
  .notice{font-size:15px;padding:13px 14px}
  .btn{font-size:14.5px;min-height:42px;padding:8px 12px}
  .input,.select,.textarea{font-size:16px;min-width:0}
  .item{padding:15px}
  .item-title{font-size:18px}
  .item-meta{font-size:13.5px}
  .item .desc{font-size:15px}
  .pill{font-size:13px}
  .tabchoice{font-size:14.5px}
  .gallerytile h3{font-size:15.5px}
  .gallerytile small{font-size:13px}
  .gallerytile .meta{padding:11px}
  .cardlink strong{font-size:16px}
  .cardlink small{font-size:13.5px}
  .barrow{grid-template-columns:105px minmax(0,1fr) 25px;font-size:14px}
  .dialog-title h2{font-size:20px}
  .dialog-body{padding:14px}
  .captionbox{font-size:15px}
  .radiochoices label{font-size:14.5px}
  .quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cardlink{min-width:0;overflow-wrap:anywhere}
  .cardlink .linkicon{flex-shrink:0}
  .mobile-nav{gap:0}
  .mobile-nav button{font-size:12px;line-height:1.35;min-width:0;flex:1;min-height:65px;padding:7px 2px;overflow-wrap:anywhere}
  .mobile-nav button .sym{font-size:20px}
  .toast{font-size:15px;bottom:90px}
}
@media(max-width:360px){
  .topbar .top-actions{width:100%}
  .top-actions .btn{padding:7px 9px;font-size:13px}
  .grid.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat .label{font-size:13.5px}
  .stat .foot{font-size:13px}
  .mobile-nav button{font-size:11px}
}



:root{--s03-note:#074477}
body::before{content:'اختبار محلي — ليس قرارًا نافذًا | مصدر P1: 2 نوفمبر 2026 | لا اتصال حي';display:block;background:#fff3cd;color:#5d450a;font:700 13px/1.6 Tahoma,Arial,sans-serif;text-align:center;padding:9px 16px;position:sticky;top:0;z-index:100}
.navitem,.btn,.gallerytile button,.tabchoice{min-height:44px}.image-stage img{max-height:72vh;object-fit:contain}
@media(max-width:650px){.sidebar{height:auto}.image-stage img{max-height:62vh}}