/* ===== هوية النظام فوق Tabler ===== */
:root{
  --tblr-primary:#0ea5e9; --tblr-primary-rgb:14,165,233;
  --tblr-font-sans-serif:'Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --grad:linear-gradient(135deg,#0ea5e9,#6366f1);
}
body{font-family:var(--tblr-font-sans-serif);}
.btn-primary,.bg-primary{background:var(--grad)!important;border-color:#0ea5e9!important;}
.text-primary{color:#0ea5e9!important;}
.progress-bar{background:var(--grad)!important;}
.brand-glyph{width:36px;height:36px;border-radius:8px;background:var(--grad);display:grid;place-items:center;color:#fff;flex:none;}
.page-title{font-weight:700;}

/* ===== جسور توافق: كلاسات الـ views القديمة → مظهر Tabler ===== */
/* عنوان الصفحة */
.page-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap;}
.page-hd h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--tblr-body-color);}
.page-hd .sub,.sub{color:var(--tblr-secondary);font-size:.875rem;margin:.25rem 0 0;}

/* الإحصائيات (KPI cards) */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;}
.stat-card{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:1.25rem;position:relative;}
.stat-ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;margin-bottom:.75rem;background:var(--grad);color:#fff;}
.stat-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;}
.stat-ic.teal{background:linear-gradient(135deg,#0ea5e9,#22d3ee);}
.stat-ic.indigo{background:linear-gradient(135deg,#6366f1,#8b5cf6);}
.stat-ic.violet{background:linear-gradient(135deg,#8b5cf6,#a855f7);}
.stat-ic.amber{background:linear-gradient(135deg,#f59e0b,#f97316);}
.stat-ic.primary{background:var(--grad);}
.stat-label{color:var(--tblr-secondary);font-size:.8125rem;font-weight:500;}
.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--tblr-body-color);}
.stat-value .frac{font-size:1rem;color:var(--tblr-secondary);font-weight:500;}
.stat-sub{color:var(--tblr-secondary);font-size:.8125rem;margin-top:.25rem;}
.delta{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;margin-top:.5rem;}
.delta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
.delta.up{color:var(--tblr-success);} .delta.down{color:var(--tblr-danger);}
.prog-track{height:6px;border-radius:99px;background:var(--tblr-border-color);margin-top:.75rem;overflow:hidden;}
.prog-fill{height:100%;border-radius:99px;background:var(--grad);}

/* اللوحات/الكروت */
.panel,.tbl-card,.card{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);}
.panel{margin-bottom:1rem;}
.panel-hd,.dt-hd,.xmodal-hd{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--tblr-border-color);}
.panel-hd h2,.panel-hd h3,.dt-hd h2,.xmodal-hd h3{margin:0;font-size:1rem;font-weight:600;color:var(--tblr-body-color);}
.panel-bd,.card-bd{padding:1.25rem;}

/* الجداول */
.dtable{width:100%;border-collapse:collapse;}
.dtable th{text-align:start;padding:.6rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--tblr-secondary);text-transform:uppercase;border-bottom:1px solid var(--tblr-border-color);}
.dtable td{padding:.7rem 1.25rem;border-bottom:1px solid var(--tblr-border-color);color:var(--tblr-body-color);font-size:.875rem;vertical-align:middle;}
.dtable tr:last-child td{border-bottom:none;}
.dtable tbody tr:hover{background:var(--tblr-bg-surface-secondary);}

/* الأزرار المخصصة */
.btn-add{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--tblr-border-radius);background:var(--grad);color:#fff;border:none;font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;}
.btn-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;}
.btn-ghost,.ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:var(--tblr-border-radius);background:transparent;color:var(--tblr-body-color);border:1px solid var(--tblr-border-color);font-size:.875rem;text-decoration:none;cursor:pointer;}
.btn-ghost:hover,.ghost:hover{background:var(--tblr-bg-surface-secondary);}
.lnk,.lnk-sm,.link{color:#0ea5e9;text-decoration:none;font-size:.875rem;} .lnk:hover,.link:hover{text-decoration:underline;}
.lnk-sm{font-size:.8125rem;}

/* النصوص المساعدة */
.muted,.mono{color:var(--tblr-secondary);} .mono{font-family:'IBM Plex Mono',ui-monospace,monospace;}
.fg{color:var(--tblr-body-color);}
.del{color:var(--tblr-danger);}

/* الشارات (badges) — ألوان حسب الحالة */
.badge{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600;}
.badge.on,.badge.teal{background:rgba(34,197,94,.15);color:#16a34a;}
.badge.amber{background:rgba(245,158,11,.15);color:#d97706;}
.badge.del,.badge.bad{background:rgba(239,68,68,.15);color:#dc2626;}
.badge.indigo,.badge.primary{background:rgba(99,102,241,.15);color:#6366f1;}
.badge.violet{background:rgba(139,92,246,.15);color:#8b5cf6;}

/* الفلاتر والتبويبات */
.filter{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;}
.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--tblr-border-color);margin-bottom:1rem;}
.tab{padding:.6rem 1rem;color:var(--tblr-secondary);text-decoration:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;}
.tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9;}

/* النماذج */
.fgrid,.detail-grid,.grid-2{display:grid;gap:1rem;}
.fgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.grid-2{grid-template-columns:repeat(2,1fr);}
.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.full{grid-column:1/-1;}
label.fg,.fgrid label{display:block;font-size:.8125rem;font-weight:500;color:var(--tblr-secondary);margin-bottom:.35rem;}
.fgrid input,.fgrid select,.fgrid textarea,.xmodal input,.xmodal select,.xmodal textarea{width:100%;padding:.5rem .7rem;border-radius:var(--tblr-border-radius);border:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface);color:var(--tblr-body-color);font-family:inherit;font-size:.875rem;}

/* الحالة الفارغة */
.empty-state{text-align:center;padding:3rem 1rem;color:var(--tblr-secondary);}
.empty-state .ic{width:56px;height:56px;margin:0 auto 1rem;opacity:.5;}
.empty-state .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;}

/* المودالات */
.xmodal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;z-index:1050;overflow-y:auto;}
.xmodal-bg.open,.xmodal-bg:target{display:block;}
.xmodal-bg[style*="flex"]{display:block!important;}
.xmodal{background:var(--tblr-bg-surface);border-radius:var(--tblr-border-radius);max-width:600px;width:calc(100% - 2rem);margin:2rem auto;border:1px solid var(--tblr-border-color);box-shadow:0 1rem 3rem rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:none;}
.xmodal-hd{flex:none;}
.xmodal > form{display:block;padding:1.25rem;}
.xmodal .fgrid{margin:0;}
.xmodal-ft{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--tblr-border-color);margin:1.25rem -1.25rem -1.25rem;}
.xmodal-hd button{background:transparent;border:none;font-size:1.1rem;color:var(--tblr-secondary);cursor:pointer;line-height:1;padding:.25rem .5rem;}
.xmodal .primary{background:var(--grad);color:#fff;border:none;padding:.5rem 1.1rem;border-radius:var(--tblr-border-radius);font-weight:600;font-size:.875rem;cursor:pointer;}
.xmodal .fg.checks{flex-direction:row;gap:1.25rem;align-items:center;}
.xmodal .fg.checks label{display:inline-flex;align-items:center;gap:.4rem;margin:0;}
.xmodal .fg.checks input{width:auto;}

/* مساعدات المستخدم (CRM) */
.ua{display:flex;align-items:center;gap:.6rem;}
.ua .avatar,.sw{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:600;background:var(--grad);flex:none;}
.uname{font-weight:600;color:var(--tblr-body-color);} .nm{font-weight:600;}

/* الأسطورة (legend) للرسوم */
.leg{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--tblr-secondary);}
.leg .ic,.leg .sw{width:12px;height:12px;border-radius:3px;}

/* تحسين عام للحاوية */
.page-body{padding-top:1.25rem;}

/* ===== متغيرات الألوان القديمة → Tabler (تتأقلم مع الثيم) ===== */
:root,[data-bs-theme=light]{
  --a1:#0ea5e9; --a2:#6366f1; --a3:#8b5cf6;
  --good:#16a34a; --bad:#dc2626; --warn:#d97706; --info:#0ea5e9;
  --line:var(--tblr-border-color); --ink:var(--tblr-body-color);
}
[data-bs-theme=dark]{
  --a1:#38bdf8; --a2:#818cf8; --a3:#a78bfa;
  --good:#4ade80; --bad:#f87171; --warn:#fbbf24; --info:#38bdf8;
  --line:var(--tblr-border-color); --ink:var(--tblr-body-color);
}

/* ===== الدونات (توزيع الحالة) ===== */
.donut-wrap{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.donut{position:relative;width:150px;height:150px;flex:none;}
.donut svg{width:100%;height:100%;transform:rotate(0);}
.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;}
.donut-center .big{font-size:1.75rem;font-weight:700;color:var(--tblr-body-color);line-height:1;}
.donut-center small{color:var(--tblr-secondary);font-size:.75rem;}
.donut-legend{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:140px;}

/* ===== sparkline ===== */
.spark-wrap{margin-top:.75rem;}
.spark-wrap svg{width:100%;height:auto;display:block;}

/* الرسوم البيانية العمودية (لو فيه) */
.bars{display:flex;align-items:flex-end;gap:.75rem;height:200px;padding:0 .5rem;}
.bars .bar{flex:1;background:var(--grad);border-radius:6px 6px 0 0;min-height:4px;}

/* تنسيق عام للأقسام */
.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}

/* ===== تصحيح: مطابقة الأسماء الفعلية في dashboard ===== */
.donut .center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;}
.donut .center b{font-size:1.75rem;font-weight:700;color:var(--tblr-body-color);line-height:1;display:block;}
.donut .center span{color:var(--tblr-secondary);font-size:.72rem;}
.legend{display:flex;flex-direction:column;gap:.55rem;flex:1;min-width:150px;}
.leg{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--tblr-body-color);}
.leg .sw{width:12px;height:12px;border-radius:3px;flex:none;}
.leg .nm{flex:1;}
.leg .v{font-weight:700;font-family:'IBM Plex Mono',monospace;}

/* النشاط */
.act{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--tblr-border-color);}
.act:last-child{border-bottom:none;}
.act .ai{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex:none;}
.act .ai svg{width:20px;height:20px;}
.act .txt{flex:1;display:flex;flex-direction:column;gap:.1rem;}
.act .txt b{font-size:.875rem;font-weight:600;color:var(--tblr-body-color);}
.act .txt span{font-size:.78rem;color:var(--tblr-secondary);}
.act .when{font-size:.75rem;color:var(--tblr-secondary);white-space:nowrap;}

/* رأس الإيرادات */
.rev-head .lbl{font-size:.8rem;color:var(--tblr-secondary);}
.rev-head .big{font-size:1.5rem;font-weight:700;color:var(--tblr-body-color);}
.center b{font-family:'IBM Plex Mono',monospace;}

/* ===== متغيرات إضافية ناقصة ===== */
:root,[data-bs-theme=light]{
  --grad-soft:rgba(14,165,233,.12);
  --glass-brd:var(--tblr-border-color);
  --ink-2:var(--tblr-secondary); --ink-3:var(--tblr-secondary);
}
[data-bs-theme=dark]{
  --grad-soft:rgba(56,189,248,.16);
  --glass-brd:var(--tblr-border-color);
  --ink-2:var(--tblr-secondary); --ink-3:var(--tblr-secondary);
}

/* ===== كروت البنايات ===== */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;}
.bcard{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);overflow:hidden;display:flex;flex-direction:column;}
.bcard-top{height:140px;background:var(--tblr-bg-surface-secondary);display:grid;place-items:center;overflow:hidden;}
.bcard-top img{width:100%;height:100%;object-fit:cover;}
.bcard-top .ph{width:100%;height:100%;display:grid;place-items:center;}
.bcard-top .ph svg{width:48px;height:48px;fill:none;stroke:var(--tblr-secondary);stroke-width:1.5;opacity:.5;}
.bcard-body{padding:1rem;flex:1;}
.bcard-body h3{font-size:1rem;font-weight:600;margin:0 0 .35rem;color:var(--tblr-body-color);}
.bstats{display:flex;gap:1rem;margin-top:.75rem;}
.bstats > div{display:flex;flex-direction:column;}
.bstats .n{font-size:1.25rem;font-weight:700;color:var(--tblr-body-color);font-family:'IBM Plex Mono',monospace;}
.bstats .l{font-size:.72rem;color:var(--tblr-secondary);}
.bcard-foot{padding:.75rem 1rem;border-top:1px solid var(--tblr-border-color);display:flex;justify-content:space-between;align-items:center;gap:.5rem;}
.bcard-foot .del{background:transparent;border:1px solid var(--tblr-border-color);color:var(--tblr-danger);padding:.35rem .7rem;border-radius:var(--tblr-border-radius);font-size:.8rem;cursor:pointer;}

/* ===== card-hd + الإجراءات السريعة ===== */
.card-hd{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--tblr-border-color);}
.card-hd h3{margin:0;font-size:1rem;font-weight:600;color:var(--tblr-body-color);}
.qa-list{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;}
.qa-list a{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:var(--tblr-border-radius);border:1px solid var(--tblr-border-color);color:var(--tblr-body-color);text-decoration:none;font-size:.875rem;}
.qa-list a:hover{background:var(--tblr-bg-surface-secondary);}

/* ===== الوحدات (modules) في الإعدادات ===== */
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;}
.mod-name{font-weight:600;color:var(--tblr-body-color);}

/* ===== عناصر التنبيهات ===== */
.nic{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex:none;}
.ntx{flex:1;} .ntx b{display:block;font-size:.875rem;color:var(--tblr-body-color);} .ntx span{font-size:.78rem;color:var(--tblr-secondary);}
.nwhen{font-size:.75rem;color:var(--tblr-secondary);white-space:nowrap;}

/* ===== badge-select ===== */
.badge-select{padding:.3rem .6rem;border-radius:var(--tblr-border-radius);border:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface);color:var(--tblr-body-color);font-size:.8rem;}

/* ===== مساعدات n/l/v/big ===== */
.n{font-weight:700;} .l{color:var(--tblr-secondary);font-size:.75rem;}
.v{font-weight:700;} .big{font-size:1.5rem;font-weight:700;color:var(--tblr-body-color);}

/* ===== جداول عادية <table> داخل panel (البوابات) ===== */
.panel table, .card table{width:100%;border-collapse:collapse;}
.panel table th, .card table th{text-align:start;padding:.7rem 1.25rem;font-size:.78rem;font-weight:600;color:var(--tblr-secondary);border-bottom:1px solid var(--tblr-border-color);}
.panel table td, .card table td{padding:.7rem 1.25rem;border-bottom:1px solid var(--tblr-border-color);color:var(--tblr-body-color);font-size:.875rem;vertical-align:middle;}
.panel table tr:last-child td, .card table tr:last-child td{border-bottom:none;}
.panel table tbody tr:hover, .card table tbody tr:hover{background:var(--tblr-bg-surface-secondary);}

/* ===== datagrid (بوابة المستأجر) ===== */
.datagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;padding:1.25rem;}
.datagrid-item{}
.datagrid-title{font-size:.75rem;color:var(--tblr-secondary);margin-bottom:.25rem;}
.datagrid-content{font-weight:500;color:var(--tblr-body-color);}

/* ===== glass (احتياطي قديم) ===== */
.glass{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);}

/* ============================================
   إصلاحات التنسيق الشاملة (العقود/التقارير/البحث)
   ============================================ */

/* ===== كل حقول الإدخال أينما كانت (التاريخ، البحث، select…) ===== */
.fg input, .fg select, .fg textarea,
input[type=date], input[type=text], input[type=email], input[type=number],
input[type=tel], input[type=search], input[type=password], select, textarea{
  padding:.5rem .7rem;
  border-radius:var(--tblr-border-radius);
  border:1px solid var(--tblr-border-color);
  background:var(--tblr-bg-surface);
  color:var(--tblr-body-color);
  font-family:inherit;
  font-size:.875rem;
  line-height:1.4;
  max-width:100%;
}
.fg input:focus, .fg select:focus, input:focus, select:focus, textarea:focus{
  outline:none;
  border-color:#0ea5e9;
  box-shadow:0 0 0 2px rgba(14,165,233,.15);
}
/* الـ .fg المنفصل (فلتر) — عمود label فوق input */
.fg{display:flex;flex-direction:column;gap:.35rem;}
.fg label{font-size:.8125rem;font-weight:500;color:var(--tblr-secondary);margin-bottom:0;}
/* أيقونة منتقي التاريخ تتأقلم مع الوضع الغامق */
[data-bs-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.6);}

/* ===== جداول tbl-card (صفحة العقود وغيرها) ===== */
.tbl-card{overflow:hidden;}
.tbl-card table, table.dtable, .tbl-card > table{width:100%;border-collapse:collapse;}
.tbl-card table th{
  text-align:start;padding:.7rem 1.1rem;font-size:.78rem;font-weight:600;
  color:var(--tblr-secondary);border-bottom:1px solid var(--tblr-border-color);white-space:nowrap;
}
.tbl-card table td{
  padding:.75rem 1.1rem;border-bottom:1px solid var(--tblr-border-color);
  color:var(--tblr-body-color);font-size:.875rem;vertical-align:middle;
}
.tbl-card table tr:last-child td{border-bottom:none;}
.tbl-card table tbody tr:hover{background:var(--tblr-bg-surface-secondary);}

/* ===== عدّاد التبويبات (الكل 0 / نشط 0…) ===== */
.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--tblr-border-color);margin-bottom:1.25rem;flex-wrap:wrap;}
.tab{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;color:var(--tblr-secondary);text-decoration:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;margin-bottom:-1px;}
.tab:hover{color:var(--tblr-body-color);}
.tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9;}
.tab span{
  display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;
  border-radius:99px;background:var(--tblr-bg-surface-secondary);
  font-size:.72rem;font-weight:700;font-family:'IBM Plex Mono',monospace;color:var(--tblr-secondary);
}
.tab.active span{background:rgba(14,165,233,.15);color:#0ea5e9;}

/* ===== شريط الفلاتر (التقارير) ===== */
.filter-bar{display:flex;gap:.9rem;align-items:flex-end;flex-wrap:wrap;}
.filter-bar .fg{min-width:150px;}

/* ===== جدول عام بلا كلاس داخل أي بطاقة ===== */
.tbl-card .table-responsive{width:100%;overflow-x:auto;}