/* ============================================================================
   هوية «سواج ERP» (سواج للملابس) — طبقة شكل فقط فوق الواجهة المشتركة. لا منطق ولا نصوص ولا بنية.
   الشرط: <html data-brand="swag"> (تضعه منطقة bridge في الصفحة 0 في بيئة سواج فقط).
   السياسة الحاكمة: swag-identity/SWAG_IDENTITY_POLICY.md — اقرأها قبل أي تعديل بصري في بيئة سواج.
   الأفكار: حجر الحَرّة البركاني (رمادي/فحمي) · أخضر القبّة الخافت (المريمية) = لمسة المدينة · نسج سعف النخل = نسيج القماش ·
            شريط القياس بدل الخيط الذهبي · قرميدة بقوس المحراب = بطاقة سعر معلّقة · الغرزة المتقطّعة للفواصل.
   الذهب ليس من ألوان هذه البيئة (الشعار الذهبي لـ«سواج الذهب» فقط).
   الخطوط: Sukar (عناوين وأرقام) من خطوط العلامة — الجسم يبقى على خط النظام.
   ========================================================================== */
@font-face{font-family:"Sukar";src:url("fonts/Sukar-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Sukar";src:url("fonts/Sukar-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Sukar";src:url("fonts/Sukar-Black.ttf") format("truetype");font-weight:900;font-display:swap}
@font-face{font-family:"Legquinne";src:url("fonts/Legquinne-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Legquinne";src:url("fonts/Legquinne-Light.otf") format("opentype");font-weight:300;font-display:swap}

/* ═══ ١) الرموز — ألوان الثيم تأتي من ثيم «swag» في قاعدة البيانات (إدارة الثيمات ص137) ولا تُفرض هنا؛ هنا ثوابت العلامة فقط ═══ */
html[data-brand="swag"]{--sw-ink:#1F2A2E;--sw-sage:#668680;--sw-sage-lt:#A3BEB8;--sw-sage-dk:#4F6A63;--sw-stone:#F3F4F2;--sw-line:#DFE4E2}
html[data-brand="swag"] body,html[data-brand="swag"] body .t-Body-content{background:var(--mcw-sand-050,#F3F4F2)!important}

/* ═══ ٢) نقوش العلامة (SVG مضمّنة): سعف/نسج + شريط القياس ═══ */
html[data-brand="swag"] .hdr-bar,html[data-brand="swag"] .mcw-foot{
  --mcw-mashrabiya:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M0 14 7 7l7 7 7-7 7 7M0 7 7 0l7 7 7-7 7 7' fill='none' stroke='%23ffffff' stroke-opacity='.075' stroke-width='1'/%3E%3C/svg%3E");
}
html[data-brand="swag"] .hdr-bar::before,html[data-brand="swag"] .mcw-foot::after{background-size:28px 14px!important}

/* ═══ ٣) الهيدر ═══ */
html[data-brand="swag"] .hdr-bar{background:linear-gradient(118deg,var(--mcw-header_from,#2A3438),var(--mcw-header_to,#46565B))!important;box-shadow:0 6px 22px rgba(16,18,20,.28)!important}
html[data-brand="swag"] .hdr-bar::after{height:9px!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 7px) left bottom/100% 4px no-repeat,
    repeating-linear-gradient(90deg,var(--sw-sage-lt) 0 1.5px,transparent 1.5px 35px) left bottom/100% 8px no-repeat,
    linear-gradient(var(--sw-sage),var(--sw-sage)) left bottom/100% 1px no-repeat!important;opacity:.9}
html[data-brand="swag"] .hdr-logo{border:2px solid var(--sw-sage-lt)!important;box-shadow:0 5px 16px rgba(0,0,0,.3),inset 0 0 0 2px rgba(255,255,255,.6)!important}
html[data-brand="swag"] .hdr-name b{font-family:"Sukar","Thmanyah","Tajawal",sans-serif!important;font-weight:700;letter-spacing:0}
html[data-brand="swag"] .hdr-name b .hdr-en{font-family:"Legquinne","Sukar",sans-serif!important;letter-spacing:3px;color:var(--sw-sage-lt)!important;font-weight:400}
html[data-brand="swag"] .hdr-name b::after{background:linear-gradient(90deg,var(--sw-sage-lt),transparent)!important}
html[data-brand="swag"] .hdr-c{border-color:rgba(163,190,184,.38)!important;background:rgba(255,255,255,.07)!important;border-radius:8px!important}
html[data-brand="swag"] .hdr-c-ic{background:var(--sw-sage-lt)!important;box-shadow:0 0 0 3px rgba(163,190,184,.2)!important}
html[data-brand="swag"] .hdr-ic{border-color:rgba(163,190,184,.3)!important;border-radius:9px!important}
html[data-brand="swag"] .hdr-ic:hover{background:rgba(163,190,184,.2)!important;border-color:var(--sw-sage-lt)!important}
html[data-brand="swag"] .hdr-userbtn{border-color:rgba(163,190,184,.5)!important}

/* ═══ ٤) الفوتر ═══ */
html[data-brand="swag"] .mcw-foot{background:linear-gradient(135deg,#1B1F23,#272D32 60%,#31393F)!important}
html[data-brand="swag"] .mcw-foot::before{height:9px!important;top:0;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 7px) left top/100% 4px no-repeat,
    repeating-linear-gradient(90deg,var(--sw-sage-lt) 0 1.5px,transparent 1.5px 35px) left top/100% 8px no-repeat,
    linear-gradient(var(--sw-sage),var(--sw-sage)) left top/100% 1px no-repeat!important}
html[data-brand="swag"] .mcw-foot-logo{border:2px solid var(--sw-sage-lt)!important}
html[data-brand="swag"] .mcw-foot h4,html[data-brand="swag"] .mcw-foot-col h4{font-family:"Sukar","Thmanyah",sans-serif!important;color:var(--sw-sage-lt)!important}

/* ═══ ٥) الرئيسية ═══ */
html[data-brand="swag"] #hmApp{--line:#DFE2E1;--muted:#677177;--ink:#16191C;--shadow:0 1px 2px rgba(22,25,28,.05),0 6px 18px -8px rgba(22,25,28,.10)}
html[data-brand="swag"] #hmApp h1,html[data-brand="swag"] #hmApp h2,html[data-brand="swag"] #hmApp h3,
html[data-brand="swag"] .hm-lp-name,html[data-brand="swag"] .hm-kpi .v b,html[data-brand="swag"] .hm-lp-cnt b,
html[data-brand="swag"] .hm-whi,html[data-brand="swag"] .hm-ph,html[data-brand="swag"] .hm-lphead h2{font-family:"Sukar","Thmanyah","Tajawal",sans-serif!important;letter-spacing:0!important}
/* شريط الترحيب: ورقة فاتحة بنسج خفيف */
html[data-brand="swag"] .hm-welcome{background:#fff;border:1px solid var(--sw-line);border-radius:12px;margin:16px 22px 0;padding:14px 20px;position:relative;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M0 14 7 7l7 7 7-7 7 7M0 7 7 0l7 7 7-7 7 7' fill='none' stroke='%23668680' stroke-opacity='.09'/%3E%3C/svg%3E")}
html[data-brand="swag"] .hm-welcome::after{content:"";position:absolute;inset-inline:0;bottom:0;height:5px;
  background:repeating-linear-gradient(90deg,var(--sw-sage) 0 1px,transparent 1px 8px)}
/* بطاقات المؤشرات: غرزة علوية بدل الحدّ الجانبي، وقرميدة بقوس */
html[data-brand="swag"] .hm-kpi{border-radius:10px;background:#fff}
html[data-brand="swag"] .hm-kpi:before{inset-inline:12px;top:7px;bottom:auto;width:auto;height:1px;background:repeating-linear-gradient(90deg,var(--g300) 0 5px,transparent 5px 9px)}
html[data-brand="swag"] .hm-kpi{padding-top:19px}
html[data-brand="swag"] .hm-kpi .ic{border-radius:12px;background:var(--g050);color:var(--g700)}
html[data-brand="swag"] .hm-kpi .v b{font-size:21px;color:var(--g900)}
/* بطاقات الأنظمة: لون واحد فحميّ والمريمية عند المرور؛ الأيقونة بطاقة سعر معلّقة */
html[data-brand="swag"] .hm-lpc{border-radius:12px;background:#fff}
html[data-brand="swag"] .hm-lp-pat{opacity:.05}
html[data-brand="swag"] .hm-lp-ic{border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 80%,#fff),var(--c) 72%)}
html[data-brand="swag"] .hm-lp-cnt b{color:var(--g800)}
html[data-brand="swag"] .hm-lp-meter{background:#E9ECEB}
html[data-brand="swag"] .hm-lp-meter i{background:var(--c)}
html[data-brand="swag"] .hm-lp-go{background:var(--g050);color:var(--g700)}
/* اللوحات الجانبية والبحث */
html[data-brand="swag"] .hm-panel{border-radius:12px;border-color:var(--sw-line)}
html[data-brand="swag"] .hm-ph{border-bottom:1px dashed var(--g200)}
html[data-brand="swag"] .hm-search{border-radius:9px}
html[data-brand="swag"] .hm-search:focus-within{border-color:var(--sw-sage);box-shadow:0 0 0 3px rgba(102,134,128,.16)}
html[data-brand="swag"] .hm-tab{border-radius:8px}

/* ═══ ٦) لمسات إبداعية (٢٠٢٦-١٠-٠٩): الغرزة · بطاقة السعر المتأرجحة · نسيج الخلفية ═══ */
/* عنوان الشاشة في الهيدر كبطاقة بحدّ غرزة */
html[data-brand="swag"] .hdr-c{border:1.5px dashed rgba(163,190,184,.65)!important;border-radius:7px!important;background:rgba(255,255,255,.05)!important}
/* حبيبات قماش خفيفة على خلفية الصفحة */
html[data-brand="swag"] body .t-Body-content,html[data-brand="swag"] body.mcw-home{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .12 0 0 0 0 .13 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")!important}
/* شعار الشركة في الهيدر: خيط غرزة تحت الاسم بدل الخطّ الصلب */
html[data-brand="swag"] .hdr-name b::after{height:0!important;background:none!important;border-top:1.5px dashed var(--sw-sage-lt);width:46px!important;border-radius:0!important}

/* ═══ ٨) ملاحظات المالك 2026-10-09: الرئيسية · الهيدر · الفوتر · الشاشات الداخلية ═══ */
/* الرئيسية: لا عدّاد للمستفيدين في الأعلى (ليسوا من عمل سواج)؛ وقائمة المتصلين تخرج من إطار الترحيب (لا قصّ) */
html[data-brand="swag"] .hm-lv-ben{display:none!important}
html[data-brand="swag"] .hm-welcome,html[data-brand="swag"] .hm-wr,html[data-brand="swag"] .hm-live{overflow:visible!important}
html[data-brand="swag"] .hm-lvpop{z-index:2147483000}
/* الهيدر: لا مبدّل ثيمات ولا أيقونات (الهوية مفروضة) */
html[data-brand="swag"] #hdrApprBtn,html[data-brand="swag"] #hdrApprSub,html[data-brand="swag"] .hdr-themes,html[data-brand="swag"] .hdr-iconpack{display:none!important}
/* الفوتر: بلا فوتر */
html[data-brand="swag"] .mcw-foot,html[data-brand="swag"] #ftApp{display:none!important}
/* الشاشات الداخلية (داخل التبويبات = إطار): تُجرَّد من ألوانها فتتّسق مع الفحمي/الرمادي؛ الإطار فقط فلا تتأثّر الرئيسية ولا الدخول */
/* (أُلغي تجريد ألوان الشاشات الداخلية — صارت تلبس لون نظامها الرسمي، انظر ١٠) */

/* ═══ ٧) الشعار حرّ بلا إطار قبّة (قرار المالك 2026-10-09): أبيض على الهيدر الغامق، أكبر حجمًا ═══ */
html[data-brand="swag"] .hdr-logo,html[data-brand="swag"] .mcw-foot-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  width:auto!important;height:58px!important;min-width:58px;padding:0!important;overflow:visible!important}
html[data-brand="swag"] .hdr-logo:hover{transform:none}
html[data-brand="swag"] .hdr-logo img,html[data-brand="swag"] .mcw-foot-logo img{width:auto!important;height:100%!important;max-width:110px;object-fit:contain;border-radius:0!important;filter:brightness(0) invert(1)}
html[data-brand="swag"] .hdr-logo-sk{border-radius:50%!important}


/* ═══ ٩) ألوان الأنظمة تأتي من «إدارة الأنظمة» (MCW_MODULES.COLOR) — لا تُلوَّن هنا ═══ */
/* اللسان العائم «شاشات النظام» لا يظهر في الرئيسية (لها بطاقاتها) */
html[data-brand="swag"] body.mcw-home #mcwNavTab{display:none!important}
/* الشعار: صورة CSS بمسار نسخة ثابت (لا يتأثّر بكاش أيقونات التطبيق) */
html[data-brand="swag"] .hdr-logo{width:128px!important;height:60px!important;background:url("assets/swag-clothing-logo-white.png?v=3") center/contain no-repeat!important}
html[data-brand="swag"] .hdr-logo img,html[data-brand="swag"] .hdr-logo-sk{display:none!important}

/* ═══ ١٠) الشاشات الداخلية تلبس لون نظامها الرسمي (المالك 2026-10-09): الجسر يضع --sw-sys و data-brand-sys على html الإطار حسب النظام الذي فُتحت منه ═══ */
html[data-brand="swag"][data-brand-sys],html[data-brand="swag"][data-brand-sys] *{
  --g900:color-mix(in srgb,var(--sw-sys) 38%,#000)!important;--g800:color-mix(in srgb,var(--sw-sys) 56%,#000)!important;--g700:color-mix(in srgb,var(--sw-sys) 78%,#000)!important;
  --g600:var(--sw-sys)!important;--g500:color-mix(in srgb,var(--sw-sys) 88%,#fff)!important;--g400:color-mix(in srgb,var(--sw-sys) 68%,#fff)!important;
  --g300:color-mix(in srgb,var(--sw-sys) 48%,#fff)!important;--g200:color-mix(in srgb,var(--sw-sys) 28%,#fff)!important;--g100:color-mix(in srgb,var(--sw-sys) 16%,#fff)!important;--g050:color-mix(in srgb,var(--sw-sys) 7%,#fff)!important;
  --green-900:color-mix(in srgb,var(--sw-sys) 38%,#000)!important;--green-800:color-mix(in srgb,var(--sw-sys) 56%,#000)!important;--green-700:color-mix(in srgb,var(--sw-sys) 78%,#000)!important;
  --green-600:var(--sw-sys)!important;--green-500:color-mix(in srgb,var(--sw-sys) 88%,#fff)!important;--green-100:color-mix(in srgb,var(--sw-sys) 16%,#fff)!important;--green-050:color-mix(in srgb,var(--sw-sys) 7%,#fff)!important;
  --gold:color-mix(in srgb,var(--sw-sys) 70%,#fff)!important;--gold2:color-mix(in srgb,var(--sw-sys) 52%,#fff)!important;--gold-100:color-mix(in srgb,var(--sw-sys) 16%,#fff)!important;--gold-050:color-mix(in srgb,var(--sw-sys) 7%,#fff)!important;
  --mcw-sand-050:color-mix(in srgb,var(--sw-sys) 3%,#F6F6F4)!important;
}

/* ═══ ١١) «التعاميم والأخبار» تخرج من الصفحة إلى زرّ منسدل في شريط الترحيب (المالك 2026-10-09) — لتأخذ الأنظمة العرض كلّه ═══ */
html[data-brand="swag"] .hm-body{grid-template-columns:1fr!important}
html[data-brand="swag"] .hm-side{display:none;position:fixed;z-index:2147482000;width:min(400px,94vw);max-height:68vh;overflow:auto;background:#fff;border:1px solid var(--sw-line);border-radius:12px;
  box-shadow:0 22px 50px -14px rgba(22,25,28,.38);padding:0}
html[data-brand="swag"] .hm-side.sw-open{display:block}
html[data-brand="swag"] .hm-side .hm-panel{border:0;box-shadow:none;border-radius:12px}
html[data-brand="swag"] .hm-side .hm-notices{max-height:none}
html[data-brand="swag"] .hm-wr .sw-news{display:inline-flex!important;align-items:center;gap:9px;height:36px!important;padding:0 13px 0 5px!important;margin:0!important;border:1px solid var(--g200,#CCD2D5)!important;border-radius:999px!important;
  background:#fff!important;color:var(--g800,#2C3A3F)!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1!important;letter-spacing:0;cursor:pointer;
  box-shadow:0 1px 2px rgba(31,42,46,.07);transition:border-color .15s,background .15s,box-shadow .15s}
html[data-brand="swag"] .hm-wr .sw-news:hover{border-color:var(--g500,#77968F)!important;box-shadow:0 3px 10px -4px rgba(31,42,46,.25)}
html[data-brand="swag"] .hm-wr .sw-news[aria-expanded="true"]{border-color:var(--g600,#5B7F78)!important;background:var(--g050,#EFF4F3)!important}
html[data-brand="swag"] .hm-wr .sw-news:focus-visible{outline:2px solid var(--g600,#5B7F78);outline-offset:2px}
html[data-brand="swag"] .sw-news .sw-ic{width:26px;height:26px;border-radius:50%;background:var(--g050,#EFF4F3);color:var(--g700,#3F5258);display:grid;place-items:center;flex:none}
html[data-brand="swag"] .sw-news .sw-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[data-brand="swag"] .sw-news .sw-nb{min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:var(--gold,#B38E62);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center;box-sizing:border-box}
html[data-brand="swag"] .sw-news .sw-nb[hidden]{display:none}
html[data-brand="swag"] .sw-news .sw-chev{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.5;transition:transform .2s;flex:none}
html[data-brand="swag"] .sw-news[aria-expanded="true"] .sw-chev{transform:rotate(180deg)}