/* v4.6.2 — خط المنظومة المحلي + دليل التثبيت + لوحة واتساب
   الخط Alexandria (نفس الخط المعتمد في واجهات v4 السابقة) مضمَّن محليًا دون أي CDN
   حتى يظهر بنفس الشكل على أجهزة Windows وAndroid وiPad حتى لو لم يكن الخط مثبتًا فيها. */
@font-face{font-family:"Alexandria";font-style:normal;font-weight:100 900;font-display:swap;src:url("/static/fonts/alexandria-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Alexandria";font-style:normal;font-weight:100 900;font-display:swap;src:url("/static/fonts/alexandria-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Alexandria";font-style:normal;font-weight:100 900;font-display:swap;src:url("/static/fonts/alexandria-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-ui:"Alexandria","Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html body,body button,body input,body select,body textarea,body optgroup{font-family:var(--font-ui)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
kbd,code,pre{font-family:Consolas,"Courier New",monospace}

/* ——— صفحة الدخول: زر التثبيت ظاهر دائمًا ——— */
.install-link{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:13px;border:1px solid #e4d9b8!important;transition:background .2s,transform .2s}
.install-link:hover{background:#efe4c8!important;transform:translateY(-1px)}
.install-link svg{width:16px;height:16px;flex:none}
.install-link[hidden]{display:none!important}
.install-strip{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fbf6ea,#f5edda);border:1px solid #e9dcbc}
.install-strip .ico{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none;border:1px solid #eadfc3}
.install-strip .ico img{width:28px;height:28px;object-fit:contain}
.install-strip div{flex:1;min-width:0}
.install-strip b{display:block;font-size:14px;color:#3a2f19}
.install-strip small{display:block;font-size:12px;color:#6f6247;line-height:1.6}
.install-strip button{border:0;border-radius:12px;padding:10px 14px;background:var(--brand,#8d1720);color:#fff;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}
.install-strip[hidden]{display:none!important}

/* ——— دليل التثبيت ——— */
.pwa-guide{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,12,8,.5);direction:rtl;font-family:var(--font-ui)}
.pwa-guide-card{width:min(100%,540px);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.25);color:#1f1f1f}
.pwa-guide-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #eee4cf;background:linear-gradient(135deg,#fff,#faf5ea)}
.pwa-guide-head img{width:46px;height:46px;object-fit:contain;border-radius:12px;border:1px solid #eee;background:#fff;padding:4px}
.pwa-guide-head h3{margin:0;font-size:18px}
.pwa-guide-head p{margin:3px 0 0;font-size:12px;color:#6b7280}
.pwa-guide-head .x{margin-inline-start:auto;border:0;background:#f3f4f6;border-radius:10px;width:36px;height:36px;font-size:20px;cursor:pointer}
.pwa-guide-body{padding:16px 20px 20px}
.pwa-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.pwa-tabs button{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:12px;cursor:pointer}
.pwa-tabs button.on{background:var(--brand,#8d1720);border-color:var(--brand,#8d1720);color:#fff}
.pwa-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:s}
.pwa-steps li{counter-increment:s;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #efefef;border-radius:14px;background:#fcfcfb;font-size:14px;line-height:1.75}
.pwa-steps li:before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:#f5efe1;color:#6b5423;font-weight:800;display:grid;place-items:center;font-size:13px}
.pwa-steps b{color:#111}
.pwa-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f8f6f1;color:#5f584e;font-size:12.5px;line-height:1.8}
.pwa-note.ok{background:#ecf8f1;color:#17623f}
.pwa-admin{margin-top:12px;border:1px dashed #d9ccaa;border-radius:14px;padding:4px 12px}
.pwa-admin summary{cursor:pointer;padding:8px 0;font-weight:700;font-size:13px;color:#5f4c23}
.pwa-admin ol{margin:4px 0 10px;padding-inline-start:20px;font-size:13px;line-height:1.9}
.pwa-copy{display:flex;gap:6px;align-items:center;margin:4px 0}
.pwa-copy code{flex:1;direction:ltr;text-align:left;background:#f3f4f6;border-radius:8px;padding:6px 8px;font-size:12px;overflow:auto;white-space:nowrap}
.pwa-copy button{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:5px 9px;font-family:inherit;font-size:12px;cursor:pointer}
.pwa-guide-foot{display:flex;gap:8px;justify-content:flex-start;margin-top:14px}
.pwa-guide-foot button{border:0;border-radius:12px;padding:11px 18px;font-family:inherit;font-weight:700;cursor:pointer;background:var(--brand,#8d1720);color:#fff}
.pwa-guide-foot button.soft{background:#f3f4f6;color:#222}

/* ——— لوحة واتساب (بدون الانتقال إلى نافذة أخرى) ——— */
.wa-launch-panel{position:fixed;z-index:9998;bottom:18px;left:18px;width:min(380px,calc(100vw - 24px));background:#fff;border:1px solid #d9eadf;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:14px 14px 12px;direction:rtl;font-family:var(--font-ui);animation:waIn .22s ease}
@keyframes waIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.wa-launch-panel .wa-h{display:flex;align-items:center;gap:10px}
.wa-launch-panel .wa-dot{width:36px;height:36px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;flex:none}
.wa-launch-panel .wa-dot svg{width:20px;height:20px}
.wa-launch-panel b{font-size:14px}
.wa-launch-panel small{display:block;color:#6b7280;font-size:12px;line-height:1.6}
.wa-launch-panel .wa-x{margin-inline-start:auto;border:0;background:#f3f4f6;border-radius:9px;width:30px;height:30px;cursor:pointer;font-size:17px}
.wa-launch-panel .wa-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.wa-launch-panel .wa-acts button{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:7px 10px;font-family:inherit;font-size:12px;cursor:pointer}
.wa-launch-panel .wa-acts button.main{background:#128c4a;border-color:#128c4a;color:#fff}
.wa-launch-panel label{display:flex;gap:6px;align-items:center;margin-top:9px;font-size:12px;color:#4b5563;cursor:pointer}
@media(max-width:600px){.wa-launch-panel{left:12px;right:12px;bottom:78px;width:auto}.install-strip{flex-wrap:wrap}.install-strip button{width:100%}}
@media print{.wa-launch-panel,.pwa-guide,.install-strip{display:none!important}}

/* ——— إصلاحات التخطيط المتجاوب (الكمبيوتر المحمول والتابلت/iPad) ———
   كانت الشبكات 1fr تتمدد بمحتواها فتدفع البطاقات خارج الشاشة، وشريط الأعلى يزدحم فيتداخل مع الشريط السفلي. */
.v4-shell .main,.v4-shell .content{min-width:0}
.v4-shell .grid>*{min-width:0}
.v4-shell .grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}
.v4-shell .grid.two{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.v4-shell .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.v4-shell .table-wrap{max-width:100%;overflow-x:auto}
.v4-shell .topbar{grid-template-columns:minmax(150px,.7fr) minmax(220px,1.2fr) auto;column-gap:14px}
.v4-shell .topbar>*{min-width:0}
.v4-shell .top-start{min-width:0;flex-wrap:nowrap}
.v4-shell .top-title{min-width:0}
.v4-shell .top-title h2,.v4-shell .top-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-shell .top-actions{flex-wrap:nowrap;align-items:center;min-width:0}
.v4-shell .top-actions .btn{white-space:nowrap;flex:none}
.v4-shell .top-actions .install-system{display:inline-flex;align-items:center;gap:6px}
.v4-shell .top-actions .install-system:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M5 21h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M5 21h14'/%3E%3C/svg%3E") center/contain no-repeat}
.v4-shell .context-strip{overflow:hidden;white-space:nowrap}
/* زر «بحث شامل» مكرر مع مربع البحث الظاهر؛ نخفيه طالما المربع ظاهر */
@media(min-width:901px){.v4-shell #globalSearchBtn{display:none}}
@media(max-width:1440px){.v4-shell .top-actions .install-system{font-size:0;width:40px;padding:0;justify-content:center}.v4-shell .top-actions .install-system:before{width:17px;height:17px}}
@media(max-width:1180px){.v4-shell .topbar{grid-template-columns:minmax(120px,.6fr) minmax(200px,1fr) auto}.v4-shell .grid.two,.v4-shell .grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){.v4-shell .grid.equal,.v4-shell .grid.two,.v4-shell .grid.three{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.v4-shell .topbar{grid-template-columns:minmax(0,1fr) auto}.v4-shell .command-search{display:none}}
@media(max-width:760px){.v4-shell .top-actions .install-system{display:none}}
.v4-shell .quick-ops{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.v4-shell .page-head{min-width:0;flex-wrap:wrap}
.v4-shell .info-box{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fcfbf8;min-width:0}
.v4-shell .info-box label{font-size:11.5px;color:var(--muted,#6b7280);margin:0}
.v4-shell .info-box b{font-size:14px;overflow-wrap:anywhere}
.wa-launch-panel input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;flex:none;accent-color:#128c4a}
.wa-launch-panel label{margin:8px 0 0!important;padding:0!important;min-height:0!important;line-height:1.4}