/* ══════════════════════════════════════════════════════════════════════════
   عدّاد الميعاد القانوني — als-deadline.css
   يُحمَّل بعد crud-unified.css فيرث متغيّرات الهوية من :root في _Layout.

   ⚠️ التدرّج اللوني هنا **دلالة لا زينة**: أزرق تنبيه · برتقالي تحذير ·
   أحمر إنذار · أحمر معتّم للمنقضي. والمنقضي **لا يُخفَّت ولا يُخفى** —
   الإخفاء الصامت لما فات هو الفشل عينه لا علاجه.
   ══════════════════════════════════════════════════════════════════════════ */

.als-counter {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 190px;
}

.als-counter-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    font-size: 12.5px;
}

.als-counter-phrase { font-weight: 700; }

.als-counter-percent {
    color: var(--gray-500, #6b7280);
    font-variant-numeric: tabular-nums;
}

/* الشريط. الاتجاه RTL يأتي من الصفحة، والامتلاء يبدأ من اليمين تلقائياً. */
.als-counter-bar {
    height: 8px;
    border-radius: 999px;
    background: var(--gray-200, #e5e7eb);
    overflow: hidden;
}

.als-counter-fill {
    height: 100%;
    border-radius: 999px;
    transition: width .25s ease;
}

.als-counter-fill.is-silent   { background: #94a3b8; }
.als-counter-fill.is-notice   { background: #2563eb; }
.als-counter-fill.is-warning  { background: #ea580c; }
.als-counter-fill.is-critical { background: #dc2626; }
.als-counter-fill.is-settled  { background: #16a34a; }

/* المنقضي: أحمر داكن + تخطيط مائل يميّزه عن «إنذار» بلمحة بصر.
   لونٌ واحد للحالتين يجعل «باقٍ يومان» و«فات» يبدوان سواءً. */
.als-counter-fill.is-lapsed {
    background: repeating-linear-gradient(
        45deg,
        #991b1b, #991b1b 5px,
        #7f1d1d 5px, #7f1d1d 10px
    );
}

/* سطر المدة ومصدرها — WORKFLOW §4: يُعرضان بجوار كل عدّاد ولا يُخفيان. */
.als-counter-source {
    font-size: 11.5px;
    color: var(--gray-500, #6b7280);
    line-height: 1.5;
}

.als-counter-source strong { color: var(--gray-700, #374151); }

/* ── التاريخ البديل في القاعدة المزدوجة ── */
.als-alt-date {
    font-size: 11.5px;
    color: var(--gray-500, #6b7280);
    border-inline-start: 2px dotted var(--gray-300, #d1d5db);
    padding-inline-start: 7px;
    margin-top: 3px;
}

/* ── راية «محسوب تحفّظاً» (المعارضة بلا تاريخ إعلان) ── */
.als-provisional {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 999px;
    color: #92400e;
    background: #fef3c7;
    border: 1px dashed #d97706;
}

/* ══════════════════════ بطاقات ملخّص اللوحة ══════════════════════ */

.als-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.als-board-card {
    display: block;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--white, #fff);
    border: 1px solid var(--gray-200, #e5e7eb);
    border-inline-start: 4px solid var(--gray-300, #d1d5db);
    text-decoration: none;
    color: inherit;
    transition: box-shadow .15s ease, transform .15s ease;
}

.als-board-card:hover {
    box-shadow: 0 4px 14px rgba(14, 32, 56, .10);
    transform: translateY(-1px);
    color: inherit;
}

.als-board-value {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.als-board-label {
    font-size: 12.5px;
    color: var(--gray-600, #4b5563);
    margin-top: 3px;
}

.als-board-card.is-notice   { border-inline-start-color: #2563eb; }
.als-board-card.is-warning  { border-inline-start-color: #ea580c; }
.als-board-card.is-critical { border-inline-start-color: #dc2626; }
.als-board-card.is-lapsed   { border-inline-start-color: #991b1b; background: #fef2f2; }
.als-board-card.is-running  { border-inline-start-color: var(--brass-500, #C0A062); }

.als-board-card.is-notice   .als-board-value { color: #2563eb; }
.als-board-card.is-warning  .als-board-value { color: #ea580c; }
.als-board-card.is-critical .als-board-value { color: #dc2626; }
.als-board-card.is-lapsed   .als-board-value { color: #991b1b; }

/* ══════════════════════ إخلاء المسؤولية الدائم ══════════════════════
   ⚠️ ليس تفصيلة UX. خطأ في مدة طعن = سقوط حق موكّل ومسؤولية مهنية،
   ولا يجوز أن يُغلَق هذا الشريط أو يُخفى بتفضيل مستخدم. */

.als-disclaimer {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 11px 14px;
    border-radius: 8px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #78350f;
    font-size: 12.5px;
    line-height: 1.75;
    margin-bottom: 14px;
}

.als-disclaimer i { margin-top: 3px; color: #b45309; }

/* ══════════════════════ صفّ الاقتراح في شاشة الحكم ══════════════════════ */

.als-proposal {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 14px;
    border: 1px solid var(--gray-200, #e5e7eb);
    border-radius: 9px;
    margin-bottom: 9px;
    background: var(--white, #fff);
}

.als-proposal.is-selected {
    border-color: var(--brass-500, #C0A062);
    background: #fdfaf3;
}

/* المدة غير المعتمَدة: يُعرض الصفّ ولا يُختار — إسقاطه صامتاً يعني
   محامياً لا يعلم أن ثمّة ميعاداً لم يُحسب له. */
.als-proposal.is-blocked {
    border-color: #fca5a5;
    background: #fef2f2;
}

.als-proposal.is-exists {
    border-style: dashed;
    background: var(--gray-50, #f9fafb);
}

.als-proposal-body { flex: 1; min-width: 0; }

.als-proposal-title {
    font-weight: 700;
    font-size: 13.5px;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.als-proposal-due {
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-800, #0E2038);
    font-variant-numeric: tabular-nums;
}

.als-proposal-meta {
    font-size: 11.5px;
    color: var(--gray-500, #6b7280);
    line-height: 1.65;
    margin-top: 3px;
}

.als-proposal-block {
    font-size: 12px;
    color: #b91c1c;
    line-height: 1.7;
    margin-top: 4px;
    font-weight: 600;
}

@media (max-width: 640px) {
    .als-counter { min-width: 0; }
    .als-board { grid-template-columns: repeat(2, 1fr); }
}