/* ============================================================
   VISASY UI — نظام التصميم الموحد (v1.1)
   يُحمَّل في كل الصفحات الداخلية بعد ستايل الصفحة.
   الهوية: ليل كحلي + نحاس (دفتر السفر). الهدف: وضوح، ترتيب، عملية.
   ============================================================ */
:root{
  --ui-night1:#0A1330;--ui-night2:#11204E;--ui-night3:#1A2A66;--ui-dusk:#2C1E63;
  --ui-brass:#E9A828;--ui-brass-lt:#FFD267;--ui-brass-dk:#C88B1A;--ui-gold-ink:#3A2700;
  --ui-paper:#F2F3FA;--ui-card:#FFFFFF;--ui-line:#E2E5F2;--ui-line2:#CBD2E6;
  --ui-text:#17223A;--ui-text2:#45506B;--ui-text3:#8B94AF;
  --ui-green:#0E8A57;--ui-green-bg:#E3F5EC;--ui-red:#D43A33;--ui-red-bg:#FBE7E5;--ui-amber:#D97706;--ui-amber-bg:#FDF1DC;--ui-blue:#2563EB;--ui-blue-bg:#E4ECFB;
  --ui-top-h:58px;--ui-tabs-h:44px;--ui-bottom-h:62px;--ui-max:1240px;--ui-bar-max:1440px;
  --ui-shadow:0 1px 2px rgba(16,26,46,.06),0 10px 28px -14px rgba(16,26,46,.25);
  --ui-font:'Readex Pro','Readex Pro Fallback','Segoe UI',Tahoma,sans-serif;
  --ui-kufi:'El Messiri','El Messiri Fallback','Readex Pro',sans-serif;
  --ui-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--ui-top-h) + var(--ui-tabs-h) + 12px);background:var(--ui-paper)}

/* ------------------------------------------------------------
   الانتقال بين الصفحات: تلاشي ناعم للمحتوى مع ثبات الشريطين (كروم/سفاري الحديثة)
   + شريط تقدم نحاسي فوري عند النقر على اي رابط
   ------------------------------------------------------------ */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ui-vt-out .11s ease-in both}
::view-transition-new(root){animation:ui-vt-in .2s ease-out both}
@keyframes ui-vt-out{to{opacity:0}}
@keyframes ui-vt-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ui-top{view-transition-name:ui-top}
.ui-title{view-transition-name:ui-title}
.ui-bottom{view-transition-name:ui-bottom}
.ui-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:2000;pointer-events:none;opacity:0;transition:opacity .2s}
.ui-progress::before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--ui-brass-lt),var(--ui-brass));box-shadow:0 0 10px rgba(255,210,103,.9)}
html.ui-loading .ui-progress{opacity:1}
html.ui-loading .ui-progress::before{animation:ui-prog 2.4s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes ui-prog{0%{width:0}25%{width:45%}60%{width:75%}100%{width:92%}}
html.ui-loading .ui-shell .ui-top{filter:brightness(1.04)}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}html.ui-loading .ui-progress::before{animation-duration:.01s;width:92%}}
html.ui-app body{font-family:var(--ui-font);color:var(--ui-text)}
html.ui-app body{padding-bottom:calc(var(--ui-bottom-h) + env(safe-area-inset-bottom,0px) + 16px)}
@media(min-width:861px){html.ui-app body{padding-bottom:24px}}
body.ui-noscroll{overflow:hidden}

/* ------------------------------------------------------------
   اخفاء الرؤوس القديمة (الشريط الموحد يحل مكانها)
   ------------------------------------------------------------ */
.topbar,.clients-skin .header,body > header,body > header.ops-hd{display:none !important}

/* ------------------------------------------------------------
   الشريط العلوي (صفان)
   الصف 1: العلامة + بحث + المساعد + طلب جديد + المستخدم   (ليل كحلي)
   الصف 2: تبويبات الاقسام + كل الاقسام                   (ابيض، التبويب النشط بخط نحاسي)
   ------------------------------------------------------------ */
.ui-shell *{box-sizing:border-box}
.ui-top{position:sticky;top:0;z-index:1000;font-family:var(--ui-font);box-shadow:0 6px 24px -10px rgba(10,19,48,.45)}
.ui-row-in{max-width:var(--ui-bar-max);margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px;min-width:0}
.ui-row1{background:linear-gradient(115deg,var(--ui-night1) 0%,var(--ui-night2) 46%,var(--ui-night3) 78%,var(--ui-dusk) 100%);padding-top:env(safe-area-inset-top,0px)}
.ui-row1 .ui-row-in{min-height:var(--ui-top-h)}
.ui-row2{background:#fff;border-bottom:1px solid var(--ui-line)}
.ui-row2 .ui-row-in{min-height:var(--ui-tabs-h);gap:8px}
.ui-brand{text-decoration:none;flex-shrink:0;display:inline-flex}
.ui-brand-tab{position:relative;display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-family:var(--ui-kufi);font-weight:700;color:var(--ui-gold-ink);background:linear-gradient(180deg,var(--ui-brass-lt),var(--ui-brass));padding:6px 16px 6px 20px;border-radius:10px 4px 4px 10px;font-size:.9rem;line-height:1.5;box-shadow:0 5px 16px -6px rgba(233,168,40,.6),inset 0 1px 0 rgba(255,255,255,.45);white-space:nowrap}
.ui-brand-tab::before{content:"";position:absolute;inset-inline-start:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--ui-night2);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.ui-brand-tab::after{content:"";position:absolute;inset-inline-end:-1px;top:4px;bottom:4px;border-inline-start:2px dashed rgba(58,39,0,.45)}
/* البحث: مرن في الوسط */
.ui-search{position:relative;flex:1 1 200px;max-width:440px;min-width:0}
.ui-search input{width:100%;height:38px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:0 36px 0 12px;font-family:inherit;font-size:.84rem;outline:none;transition:background .15s,border-color .15s}
.ui-search input::placeholder{color:#93A2CC}
.ui-search input:focus{background:rgba(255,255,255,.16);border-color:var(--ui-brass)}
.ui-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.ui-search-ic{position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);color:#93A2CC;display:flex;pointer-events:none}
[dir=rtl] .ui-search input{padding:0 12px 0 36px}
/* الادوات */
.ui-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex-shrink:0}
.ui-ai{display:inline-flex;align-items:center;gap:6px;color:#FFD267;text-decoration:none;font-size:.8rem;font-weight:600;padding:8px 11px;border-radius:10px;border:1px solid rgba(255,210,103,.35);white-space:nowrap}
.ui-ai:hover{background:rgba(255,210,103,.12)}
.ui-ai.on{background:linear-gradient(180deg,var(--ui-brass-lt),var(--ui-brass));color:var(--ui-gold-ink);border-color:transparent}
.ui-quick{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,var(--ui-brass-lt),var(--ui-brass));color:var(--ui-gold-ink);text-decoration:none;font-weight:800;font-size:.82rem;padding:9px 14px;border-radius:10px;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(233,168,40,.7)}
.ui-quick:hover{filter:brightness(1.05)}
.ui-user{display:flex;align-items:center;gap:8px;padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.15)}
.ui-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--ui-brass-lt),var(--ui-brass-dk));color:var(--ui-gold-ink);font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;font-family:var(--ui-kufi)}
.ui-uname{display:flex;flex-direction:column;line-height:1.15;color:#fff;font-size:.8rem;max-width:140px}
.ui-uname b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-uname small{color:#93A2CC;font-size:.68rem}
.ui-out{color:#FFB4AE;display:inline-flex;padding:6px;border-radius:8px}
.ui-out:hover{background:rgba(255,255,255,.1)}
.ui-burger{display:none;background:none;border:1px solid rgba(255,255,255,.25);border-radius:9px;width:40px;height:38px;color:#fff;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
/* التبويبات */
.ui-tabs{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;overflow:hidden;height:var(--ui-tabs-h)}
.ui-tabs a{display:inline-flex;align-items:center;gap:7px;color:var(--ui-text2);text-decoration:none;font-size:.86rem;font-weight:500;padding:0 13px;white-space:nowrap;flex-shrink:0;border-bottom:3px solid transparent;position:relative;transition:color .12s,background .12s}
.ui-tabs a svg{color:var(--ui-text3);flex-shrink:0}
.ui-tabs a:hover{color:var(--ui-text);background:#F7F8FC}
.ui-tabs a.on{color:var(--ui-text);font-weight:700;border-bottom-color:var(--ui-brass)}
.ui-tabs a.on svg{color:var(--ui-brass-dk)}
.ui-tabs a:active{transform:translateY(1px)}
.ui-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ui-red);color:#fff;font-size:.68rem;font-weight:800;font-family:var(--ui-mono);line-height:1}
/* كل الاقسام: زر ثابت في نهاية الصف + قائمة مجمّعة */
.ui-more{position:relative;flex-shrink:0;margin-inline-start:auto}
.ui-more-btn{display:inline-flex;align-items:center;gap:7px;background:var(--ui-paper);border:1px solid var(--ui-line);color:var(--ui-text);font-size:.82rem;font-weight:600;padding:7px 12px;border-radius:9px;cursor:pointer;font-family:inherit;white-space:nowrap;line-height:1.3}
.ui-more-btn:hover,.ui-more.open .ui-more-btn{background:#FCF3DE;border-color:var(--ui-brass)}
.ui-more-menu{display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:#fff;border:1px solid var(--ui-line);border-radius:14px;box-shadow:0 24px 60px -18px rgba(10,19,48,.4);width:max-content;min-width:560px;max-width:calc(100vw - 32px);padding:10px;z-index:1001;grid-template-columns:repeat(2,1fr);gap:6px 14px;animation:ui-pop .14s ease-out}
.ui-more.open .ui-more-menu{display:grid}
@keyframes ui-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ui-mgroup{padding:4px 2px}
.ui-mgroup-h{font-size:.7rem;color:var(--ui-text3);font-weight:700;letter-spacing:.3px;padding:6px 10px 4px}
.ui-more-menu a{display:flex;align-items:center;gap:8px;color:var(--ui-text);text-decoration:none;font-size:.85rem;padding:9px 12px;border-radius:9px}
.ui-more-menu a:hover{background:#FCF8EE}
.ui-more-menu a svg{color:var(--ui-text3)}
.ui-more-menu a.on{background:#FCF3DE;font-weight:700}
.ui-more-menu a.on svg{color:var(--ui-brass-dk)}

/* شريط الموقع الحالي (الصفحات الفرعية فقط) */
.ui-title{background:#F7F8FC;border-bottom:1px solid var(--ui-line)}
.ui-title .ui-row-in{min-height:42px;justify-content:space-between}
.ui-crumb{display:flex;align-items:center;gap:8px;font-size:.84rem;min-width:0}
.ui-crumb a{color:var(--ui-text3);text-decoration:none;white-space:nowrap}
.ui-crumb a:hover{color:var(--ui-text)}
.ui-crumb i{width:5px;height:5px;border-radius:50%;background:var(--ui-line2);display:inline-block;flex-shrink:0}
.ui-crumb b{font-family:var(--ui-kufi);font-size:1rem;color:var(--ui-text);white-space:nowrap}
.ui-back{display:inline-flex;align-items:center;gap:6px;color:var(--ui-text2);text-decoration:none;font-size:.78rem;font-weight:600;border:1px solid var(--ui-line);border-radius:9px;padding:5px 10px;background:#fff;white-space:nowrap;flex-shrink:0}
.ui-back:hover{border-color:var(--ui-brass);background:#FCF8EE}
.ui-back svg{transform:scaleX(-1)}
[dir=ltr] .ui-back svg{transform:none}

/* شريط فرعي داخل الصفحة (لوحة العروض) */
.ui-subnav{background:#fff;border-bottom:1px solid var(--ui-line)}
.ui-subnav-in{max-width:var(--ui-bar-max);margin:0 auto;padding:0 16px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.ui-subnav-in::-webkit-scrollbar{display:none}
.ui-subnav a{display:inline-flex;align-items:center;padding:10px 13px;color:var(--ui-text2);text-decoration:none;font-size:.84rem;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}
.ui-subnav a:hover{color:var(--ui-text)}
.ui-subnav a.on{color:var(--ui-text);font-weight:700;border-bottom-color:var(--ui-brass)}

/* شاشات اضيق: تُخفى تسميات الادوات اولا، والتبويبات تُدار بالقياس (JS) */
@media(max-width:1180px){.ui-uname{display:none}.ui-ai span{display:none}.ui-ai{padding:8px}}
@media(max-width:980px){.ui-quick span{display:none}.ui-quick{padding:9px 10px}.ui-more-btn span{display:none}.ui-more-menu{min-width:420px;grid-template-columns:1fr}}

/* الشريط السفلي + الزر العائم + القائمة الكاملة (موبايل) */
.ui-bottom{display:none;position:fixed;bottom:0;inset-inline:0;z-index:1000;background:#fff;border-top:1px solid var(--ui-line);box-shadow:0 -8px 24px -14px rgba(10,19,48,.35);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--ui-bottom-h) + env(safe-area-inset-bottom,0px))}
.ui-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ui-text3);text-decoration:none;font-size:.64rem;font-weight:600;position:relative;padding:4px 2px 0;min-width:0}
.ui-bottom a span{text-align:center;line-height:1.15;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ui-bottom a.on{color:var(--ui-night2)}
.ui-bottom a.on::before{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--ui-brass)}
.ui-bottom a .ui-badge{position:absolute;top:4px;inset-inline-end:calc(50% - 22px)}
.ui-fab{display:none;position:fixed;inset-inline-end:16px;bottom:calc(var(--ui-bottom-h) + env(safe-area-inset-bottom,0px) + 14px);width:54px;height:54px;border-radius:50%;background:linear-gradient(180deg,var(--ui-brass-lt),var(--ui-brass));color:var(--ui-gold-ink);align-items:center;justify-content:center;box-shadow:0 12px 30px -8px rgba(233,168,40,.85);z-index:999;text-decoration:none}
.ui-sheet{display:none;position:fixed;inset:0;background:rgba(10,19,48,.55);z-index:1100;align-items:flex-end;justify-content:center}
.ui-sheet.open{display:flex}
.ui-sheet-in{background:#fff;width:100%;max-width:640px;border-radius:18px 18px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow-y:auto;animation:ui-up .2s ease-out}
@keyframes ui-up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.ui-sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ui-sheet-head b{display:block;font-size:.95rem}
.ui-sheet-head small{color:var(--ui-text3);font-size:.74rem}
.ui-x{margin-inline-start:auto;background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:10px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ui-text2)}
.ui-search.sheet{width:100%;margin-bottom:12px}
.ui-search.sheet input{background:var(--ui-paper);color:var(--ui-text);border-color:var(--ui-line);height:42px;font-size:.9rem}
.ui-search.sheet input::placeholder{color:var(--ui-text3)}
.ui-search.sheet .ui-search-ic{color:var(--ui-text3)}
.ui-sheet-g{margin-bottom:6px}
.ui-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.ui-sheet-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1px solid var(--ui-line);border-radius:14px;text-decoration:none;color:var(--ui-text2);font-size:.78rem;font-weight:600;background:#fff}
.ui-sheet-grid a.on{background:linear-gradient(180deg,var(--ui-brass-lt),var(--ui-brass));color:var(--ui-gold-ink);border-color:transparent}
.ui-sheet-grid a svg{color:var(--ui-night2)}
.ui-sheet-grid a.on svg{color:var(--ui-gold-ink)}
.ui-sheet-ai{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:12px;border-radius:12px;background:#FCF3DE;color:var(--ui-gold-ink);text-decoration:none;font-weight:700;font-size:.86rem}
.ui-sheet-out{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px;border-radius:12px;background:var(--ui-red-bg);color:var(--ui-red);text-decoration:none;font-weight:700;font-size:.86rem}

@media(max-width:860px){
  .ui-brand-tab{max-width:calc(100vw - 90px);font-size:.84rem}
  .ui-row2,.ui-search,.ui-user,.ui-quick,.ui-ai{display:none}
  .ui-tools{display:none}
  .ui-burger{display:inline-flex}
  .ui-top-in{gap:10px}
  .ui-brand{margin-inline-end:auto}
  .ui-bottom{display:flex}
  .ui-fab{display:flex}
  .ui-title-in{padding:9px 14px}
  html.ui-app body{padding-bottom:calc(var(--ui-bottom-h) + env(safe-area-inset-bottom,0px) + 16px) !important}
}
@media(max-width:400px){.ui-sheet-grid{grid-template-columns:repeat(2,1fr)}}

/* ------------------------------------------------------------
   توحيد المكونات القديمة (خفيف وآمن)
   ------------------------------------------------------------ */
html.ui-app .btn,html.ui-app button:not(.ui-more-btn):not(.ui-burger):not(.ui-x){font-family:var(--ui-font)}
html.ui-app input,html.ui-app select,html.ui-app textarea{font-family:var(--ui-font)}
html.ui-app .panel,html.ui-app .card,html.ui-app .scard,html.ui-app .stat-card,html.ui-app .box,html.ui-app .report-card,html.ui-app .tile{border-radius:14px}
html.ui-app kbd{font-family:var(--ui-mono);background:#fff;border:1px solid var(--ui-line);border-bottom-width:2px;border-radius:6px;padding:0 6px;font-size:.75rem}
html.ui-app td.num,html.ui-app .num,html.ui-app .amount,html.ui-app .money,html.ui-app .mono{font-family:var(--ui-mono);font-feature-settings:"tnum"}
@media(max-width:600px){html.ui-app input,html.ui-app select,html.ui-app textarea{font-size:16px !important}}
html.ui-app .ops-body{padding-bottom:calc(var(--ui-bottom-h) + 90px)}
@media(min-width:861px){html.ui-app .ops-body{padding-bottom:40px}html.ui-app .ops-body .fab{display:none}}

/* المحاسبة: ارتفاع منطقة العمل كان يفترض شريطا بارتفاع 56px */
html.ui-p-accounting .main{height:calc(100vh - var(--ui-top-h) - 44px)}
@media(max-width:900px){html.ui-p-accounting .main{height:auto}}

/* الردهة: البلاطات القديمة تكرر القائمة (الاقسام الآن في الشريط الموحد) */
html.ui-p-dashboard .tiles{display:none}
html.ui-app .ops-body .cards .rc{animation:ui-vt-in .18s ease-out both}
@media(min-width:861px){html.ui-p-ops .pgt .sp{display:none}}
html.ui-app .ops-body .tab{transition:background .12s,color .12s}

/* الردهة: شريط "عليّ اليوم" */
.ui-today{margin:0 0 18px;background:#fff;border:1px solid var(--ui-line);border-radius:16px;box-shadow:var(--ui-shadow);overflow:hidden}
.ui-today-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--ui-brass);flex-wrap:wrap}
.ui-today-h .kufi{font-size:.95rem}
.ui-today-h .n{background:var(--ui-red-bg);color:var(--ui-red);font-size:.72rem;font-weight:800;padding:1px 10px;border-radius:10px;font-family:var(--ui-mono)}
.ui-today-h .n.ok{background:var(--ui-green-bg);color:var(--ui-green)}
.ui-today-h a.all{margin-inline-start:auto;font-size:.78rem;color:var(--ui-brass-dk);text-decoration:none;font-weight:700}
.ui-today-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0}
.ui-today-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #F2F4FA;border-inline-end:1px solid #F2F4FA;text-decoration:none;color:var(--ui-text);font-size:.84rem}
.ui-today-item:hover{background:#FCF8EE}
.ui-today-item .ref{font-family:var(--ui-mono);font-size:.7rem;color:var(--ui-text3)}
.ui-today-item .nm{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-today-item .ty{color:var(--ui-text3);font-size:.74rem}
.ui-today-item .when{margin-inline-start:auto;font-size:.7rem;padding:2px 8px;border-radius:8px;white-space:nowrap}
.ui-today-item .when.late{background:var(--ui-red-bg);color:var(--ui-red);font-weight:700}
.ui-today-item .when.today{background:var(--ui-amber-bg);color:var(--ui-amber);font-weight:700}
.ui-today-empty{padding:18px 16px;color:var(--ui-text3);font-size:.86rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ui-today-empty a{color:var(--ui-brass-dk);font-weight:700;text-decoration:none}
.ui-quickrow{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;background:#FBFBFE;border-top:1px solid #F2F4FA}
.ui-quickrow a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--ui-line);border-radius:10px;padding:7px 12px;font-size:.8rem;font-weight:600;color:var(--ui-text);text-decoration:none}
.ui-quickrow a:hover{border-color:var(--ui-brass);background:#FCF8EE}
.ui-quickrow a.g{background:linear-gradient(180deg,var(--ui-brass-lt),var(--ui-brass));color:var(--ui-gold-ink);border-color:transparent}

/* ------------------------------------------------------------
   صفحة الدخول: مؤسسية وهادئة
   ------------------------------------------------------------ */
.authwrap{background:linear-gradient(135deg,var(--ui-night1) 0%,var(--ui-night2) 45%,var(--ui-night3) 80%,var(--ui-dusk) 100%) !important;font-family:var(--ui-font)}
.authwrap::before{opacity:.18 !important}
.authwrap::after{opacity:.16 !important}
.authbox{border-radius:18px !important;border-top:4px solid var(--ui-brass) !important;box-shadow:0 30px 80px -20px rgba(0,0,0,.6) !important;padding:34px 30px 30px !important}
.authlogo{margin-bottom:10px !important}
.authlogo .brand-dot{width:52px !important;height:52px !important;border-radius:16px !important;background:linear-gradient(135deg,var(--ui-brass-lt),var(--ui-brass-dk)) !important;box-shadow:0 10px 24px -8px rgba(233,168,40,.8);position:relative}
.authlogo .brand-dot::after{content:"G";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ui-gold-ink);font-family:var(--ui-kufi);font-weight:800;font-size:1.3rem}
.authbox h2{font-family:var(--ui-kufi) !important;color:var(--ui-text) !important;font-size:1.25rem !important}
.authbox label{font-size:.8rem;color:var(--ui-text2);font-weight:600}
.authbox input{border-radius:10px !important;border:1px solid var(--ui-line) !important;padding:11px 12px !important;font-size:.95rem !important}
.authbox input:focus{border-color:var(--ui-brass) !important;box-shadow:0 0 0 3px rgba(233,168,40,.18) !important;outline:none}
.authbox .btn-main,.authbox button{background:linear-gradient(180deg,var(--ui-night2),var(--ui-night1)) !important;color:#fff !important;border:none !important;border-radius:10px !important;padding:12px !important;font-weight:800 !important;width:100%;font-family:var(--ui-font)}
.authbox .err{border-radius:10px}

/* ------------------------------------------------------------
   طباعة
   ------------------------------------------------------------ */
@media print{.ui-shell,.ui-bottom,.ui-fab,.ui-sheet,.ui-subnav{display:none !important}html.ui-app body{padding-bottom:0 !important;background:#fff !important}}
@media (prefers-reduced-motion:reduce){.ui-sheet-in{animation:none}}