/* =====================================================================
   بوابة التراخيص - التصميم
   خط أكبر درجتين (18px)، وشريط علوي داكن، وبطاقات بألوان دلالية
   ===================================================================== */
:root {
    --lic-primary: #12355b;
    --lic-primary-2: #1d4f86;
    --lic-tint: #eef3f9;
    --lic-bg: #f3f5f9;
    --lic-text: #1b2430;
    --lic-muted: #5f6b7a;
    --c-blue: #2563eb;   --c-blue-bg: #e8effe;
    --c-amber: #d97706;  --c-amber-bg: #fef3e2;
    --c-red: #dc2626;    --c-red-bg: #fdeaea;
    --c-violet: #7c3aed; --c-violet-bg: #f1ebfe;
    --c-teal: #0d9488;   --c-teal-bg: #e3f6f4;
    --c-slate: #475569;  --c-slate-bg: #eef1f5;
}
html { font-size: 112.5%; }   /* 18px بدل 16px */
body { background: var(--lic-bg); color: var(--lic-text); font-family: "Segoe UI", Tahoma, Arial, sans-serif; line-height: 1.7; }
.text-muted { color: var(--lic-muted) !important; }

/* الشريط العلوي */
.lic-nav { background: linear-gradient(90deg, var(--lic-primary), var(--lic-primary-2)); }
.lic-nav .navbar-brand, .lic-nav .nav-link, .lic-nav .lic-user { color: #fff; }
.lic-nav .nav-link { color: rgba(255,255,255,.82); border-radius: .5rem; padding-inline: .8rem !important; }
.lic-nav .nav-link:hover { color: #fff; background: rgba(255,255,255,.08); }
.lic-nav .nav-link.active { color: #fff; font-weight: 600; background: rgba(255,255,255,.16); }
.lic-nav .nav-link.disabled { color: rgba(255,255,255,.45); }
.lic-nav .navbar-toggler { border-color: rgba(255,255,255,.4); }
.lic-nav .navbar-toggler-icon { filter: invert(1); }
.lic-nav a.lic-link { color: rgba(255,255,255,.85); }
.lic-nav .btn-outline-light { --bs-btn-padding-y: .25rem; }

/* الأزرار */
.btn-lic { background: var(--lic-primary-2); border-color: var(--lic-primary-2); color: #fff; }
.btn-lic:hover, .btn-lic:focus { background: var(--lic-primary); border-color: var(--lic-primary); color: #fff; }

/* صفحات الدخول */
.lic-auth { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1.5rem;
    background: radial-gradient(circle at 20% 10%, #dbe7f5, var(--lic-bg) 55%); }
.lic-auth-card { width: 100%; max-width: 460px; }
.lic-logo { width: 60px; height: 60px; border-radius: 16px; background: linear-gradient(135deg, var(--lic-primary), var(--lic-primary-2));
    color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 1.7rem; font-weight: 700; }
.lic-code { letter-spacing: .5em; font-size: 1.6rem; text-align: center; direction: ltr; }
.lic-qr { width: 210px; height: 210px; image-rendering: pixelated; border-radius: 10px; border: 1px solid #e3e6ea; }
.lic-key { direction: ltr; font-family: Consolas, monospace; font-size: 1.05rem; letter-spacing: .08em;
    background: var(--lic-tint); border-radius: 8px; padding: .5rem .75rem; display: inline-block; }

/* مربعات الاختيار: حدود داكنة وسميكة (قاعدة التصميم المعتمدة) */
.form-check-input { border: 2px solid #343a40; }
.form-check-input:checked { background-color: var(--lic-primary-2); border-color: var(--lic-primary-2); }

/* عنوان الصفحة */
.lic-page-title { font-weight: 700; font-size: 1.6rem; margin-bottom: .25rem; }

/* بطاقات الرئيسية: لون لكل نوع، وتُلوَّن خلفيتها حين تحتاج إجراء */
.lic-stat { --c: var(--c-slate); --cbg: var(--c-slate-bg);
    background: #fff; border-radius: 18px; padding: 1.25rem 1.35rem; height: 100%;
    box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 4px 14px rgba(16,24,40,.05);
    border: 1px solid #e7ebf1; display: flex; gap: 1rem; align-items: flex-start; transition: transform .15s, box-shadow .15s; }
.lic-stat:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(16,24,40,.09); }
.lic-stat .ico { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 14px; background: var(--cbg); color: var(--c);
    display: inline-flex; align-items: center; justify-content: center; }
.lic-stat .ico svg { width: 26px; height: 26px; }
.lic-stat .lbl { color: var(--lic-muted); font-size: .92rem; }
.lic-stat .num { font-size: 2.1rem; font-weight: 800; line-height: 1.2; color: var(--lic-text); }
.lic-stat .sub { font-size: .9rem; color: var(--lic-muted); }
.lic-stat.on { background: var(--cbg); border-color: transparent; }
.lic-stat.on .num { color: var(--c); }
.lic-stat.on .ico { background: #fff; }
.lic-stat.blue   { --c: var(--c-blue);   --cbg: var(--c-blue-bg); }
.lic-stat.amber  { --c: var(--c-amber);  --cbg: var(--c-amber-bg); }
.lic-stat.red    { --c: var(--c-red);    --cbg: var(--c-red-bg); }
.lic-stat.violet { --c: var(--c-violet); --cbg: var(--c-violet-bg); }
.lic-stat.teal   { --c: var(--c-teal);   --cbg: var(--c-teal-bg); }
.lic-stat.slate  { --c: var(--c-slate);  --cbg: var(--c-slate-bg); }

/* الجداول والبطاقات العامة */
.card { border-radius: 18px; }
.lic-table thead th { background: #f1f4f8; font-weight: 600; white-space: nowrap; color: #334155; }

/* =====================================================================
   المرحلة 1ب: العملاء (يُضاف فى نهاية lic.css)
   ===================================================================== */

/* نص لاتيني داخل صفحة عربية (تواريخ، بريد، أرقام، مفاتيح) */
.lic-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* شارات الحالة */
.lic-badge { --c: var(--c-slate); --cbg: var(--c-slate-bg);
    display: inline-block; padding: .15rem .65rem; border-radius: 999px; font-size: .82rem; font-weight: 600;
    color: var(--c); background: var(--cbg); white-space: nowrap; line-height: 1.6; }
.lic-page-title .lic-badge { font-size: .9rem; vertical-align: middle; }
.lic-badge.st-A  { --c: var(--c-teal);   --cbg: var(--c-teal-bg); }
.lic-badge.st-E  { --c: var(--c-amber);  --cbg: var(--c-amber-bg); }
.lic-badge.st-G  { --c: var(--c-red);    --cbg: var(--c-red-bg); }
.lic-badge.st-X  { --c: #fff;            --cbg: var(--c-red); }
.lic-badge.st-N  { --c: var(--c-slate);  --cbg: var(--c-slate-bg); }
.lic-badge.st-S  { --c: var(--c-violet); --cbg: var(--c-violet-bg); }
.lic-badge.br-T  { --c: var(--c-blue);   --cbg: var(--c-blue-bg); }
.lic-badge.br-Tx { --c: var(--c-red);    --cbg: var(--c-red-bg); }
.lic-badge.br-P  { --c: var(--c-teal);   --cbg: var(--c-teal-bg); }
.lic-badge.br-S  { --c: var(--c-violet); --cbg: var(--c-violet-bg); }
.lic-badge.br-R  { --c: var(--c-slate);  --cbg: var(--c-slate-bg); }

/* التبويبات */
.lic-tabs { border-bottom: 0; gap: .25rem; }
.lic-tabs .nav-link { color: var(--lic-muted); font-weight: 600; border: 0; border-radius: 12px 12px 0 0; padding: .6rem 1.1rem; }
.lic-tabs .nav-link:hover { color: var(--lic-primary); background: rgba(255,255,255,.6); }
.lic-tabs .nav-link.active { color: var(--lic-primary); background: #fff; box-shadow: inset 0 3px 0 var(--lic-primary-2); }
.lic-tabs .badge { font-weight: 600; color: var(--lic-muted); }
.lic-tab-body { border-start-start-radius: 0; }

/* نموذج فرعي أسفل الجداول */
.lic-subform { background: var(--lic-tint); border-radius: 14px; padding: 1.25rem; }

/* صف محذوف */
.lic-removed td { color: #9aa4b2; }
.lic-removed .fw-semibold { text-decoration: line-through; }

/* المفتاح الجديد */
.lic-newkey .lic-key { font-size: 1.15rem; background: #fff; user-select: all; }

/* طريقة التسعير */
.lic-badge.pr-B { --c: var(--c-blue);   --cbg: var(--c-blue-bg); }
.lic-badge.pr-F { --c: var(--c-violet); --cbg: var(--c-violet-bg); }
.lic-badge.pr-C { --c: var(--c-amber);  --cbg: var(--c-amber-bg); }
.lic-table tfoot td { background: #f8fafc; border-bottom: 0; }
.lic-badge.br-A  { --c: var(--c-teal);   --cbg: var(--c-teal-bg); }

/* العقود: بطاقات الاختيار */
.lic-kcard { display: block; text-decoration: none; color: inherit; background: #fff; border: 2px solid #e3e8ef;
    border-radius: 14px; padding: .75rem 1rem; min-width: 210px; }
.lic-kcard:hover { border-color: var(--lic-primary-2); color: inherit; }
.lic-kcard.active { border-color: var(--lic-primary-2); background: var(--lic-tint); }
.lic-kcard.new { border-style: dashed; color: var(--lic-primary-2); display: flex; align-items: center; justify-content: center; font-weight: 600; }

/* جدول الفروع × الخدمات */
.lic-matrix th, .lic-matrix td { vertical-align: top; }
.lic-matrix .cell { min-width: 170px; }
.lic-matrix .cell .form-control { max-width: 140px; }
.lic-matrix .svc-head { min-width: 170px; }
.lic-matrix tr.lic-off td { background: #fafafa; color: #9aa4b2; }