/* نظام تصميم لوحة تحكم «شيخ العقار» — طبق لوحة تحكم تفكير (edu-platform):
   عمود 600px، تبويبات حبوب أفقية، بطاقات بيضاء بحد rgba(221,221,221,.753)
   وزوايا 14px، شبكة إحصائيات بعمودين بأرقام كبيرة بلون العلامة.
   الخط: IBM Plex Sans Arabic (400/700) — الأيقونات: Feather */
:root{
  --primary:#3495BA;        /* rgb(52,149,186) — مطابق لتفكير */
  --primary-dark:#26718f;
  --brand:var(--primary); --brand-strong:#287896; --brand-hover:#226A85;
  --brand-soft:rgba(52,149,186,.1); --brand-focus:rgba(52,149,186,.2);
  --ink:#223636; --muted:rgb(127,140,141); --line:rgba(221,221,221,.753); --bg:#f3f6f8;
  --card:#fff;
  /* ألوان الحالات */
  --ok:#16a34a; --ok-soft:rgba(34,197,94,.1); --warn:#d98324; --warn-soft:#fdf1e3;
  --danger:#c0392b; --danger-soft:rgba(192,57,43,.1);
  --new:#3495BA; --inspected:#7a5cd0; --inspected-soft:#efeafb; --muted-soft:rgba(127,140,141,.12);
  --negotiating:#d98324; --sold:#16a34a; --rejected:#8a99a0;
  --gold:#d4a017; --gold-soft:rgba(212,160,23,.13);
  --sand:#a8894f; --sand-soft:rgba(168,137,79,.15);
  --bronze:#b06a3b; --bronze-soft:rgba(176,106,59,.13);
  --radius:14px; --radius-sm:10px;
  --shadow:0 2px 10px rgba(20,40,60,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;padding:0}
body{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;background:var(--bg);color:var(--ink);direction:rtl;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:clip}
@media(max-width:800px){body{background:#fff}}
a{color:inherit;text-decoration:none}
iconify-icon{vertical-align:-.14em;line-height:0}

/* ===== الترويسة العلوية — نمط تفكير (بيضاء لاصقة بظل خفيف) ===== */
.topbar{background:var(--card);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}
.topbar-in{max-width:600px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand-logo{display:inline-flex;align-items:center;gap:11px;vertical-align:middle}
.brand-logo .mark{height:34px;width:auto;flex:none;display:block}
.brand-logo .txt{display:flex;flex-direction:column;text-align:right;line-height:1.15}
.brand-logo .txt b{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.brand-logo .txt span{font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}
.topbar-out{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;color:var(--danger);transition:all .3s ease-out}
.topbar-out:hover{background:var(--danger-soft)}
.topbar-out iconify-icon{font-size:17px}

/* ===== عمود المحتوى — 600px هاتفًا، أعرض على الآيباد والويب ===== */
.control-container{max-width:600px;width:100%;margin:0 auto;padding:24px 16px 90px}
@media(min-width:768px){
  .control-container,.topbar-in{max-width:760px}
  .cards{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1100px){
  .control-container,.topbar-in{max-width:1040px}
  .cards{grid-template-columns:repeat(4,1fr)}
}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.section-title h2{font-size:20px;font-weight:700}
.section-subtitle{font-size:14px;color:var(--muted);margin-top:4px}

/* شريط أقسام اللوحة — شرائح تمرير أفقي بنمط تبويبات تفكير */
.control-nav{display:flex;gap:8px;margin:15px 0 20px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.control-nav::-webkit-scrollbar{display:none}
.control-nav a{flex-shrink:0;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;opacity:.6;transition:all .3s ease-out;white-space:nowrap}
.control-nav a:hover{opacity:1}
.control-nav a.on{background:var(--primary);color:#fff;border-color:var(--primary);opacity:1}

/* رأس الصفحة الداخلية */
.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.page-head h1{font-size:18px;font-weight:700;margin:0;letter-spacing:-.2px}
.page-head p{margin:3px 0 0;color:var(--muted);font-size:13px}

/* ===== شبكة الإحصائيات — عمودان بنمط تفكير ===== */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;text-align:center}
.card .k{color:var(--muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;order:2;margin-top:4px}
.card .k iconify-icon{color:var(--primary);font-size:16px}
.card .v{font-size:26px;font-weight:700;color:var(--primary)}
.card .v small{font-size:13px;font-weight:400;color:var(--muted)}
.card{display:flex;flex-direction:column;justify-content:center}

/* ===== البطاقة البيضاء (اللوح) بنمط تفكير ===== */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}
.panel-h{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}
.panel-h iconify-icon{color:var(--primary);font-size:19px}
.panel-b{padding:15px}

/* الجدول */
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:13px 14px;text-align:start;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:700;font-size:12.5px;background:var(--bg)}
tbody tr{transition:background .2s ease}
tbody tr:hover{background:var(--brand-soft)}
tbody tr:last-child td{border-bottom:none}
.tbl-wrap{overflow-x:auto}

/* جداول متجاوبة: على الهاتف تتحول لبطاقات مكدّسة بلا تمرير جانبي */
@media(max-width:700px){
  .r-table thead{display:none}
  .r-table,.r-table tbody{display:block}
  .r-table tr{display:block;padding:11px 15px;border-bottom:1px solid var(--line)}
  .r-table tr:last-child{border-bottom:none}
  .r-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;padding:3px 0;text-align:end}
  .r-table td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700;flex:none;text-align:start}
  .r-table td:not([data-label])::before{display:none}
  .r-table td[data-label=""]::before{display:none}
  .r-table td .empty{width:100%}
}

/* الشارات */
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:100px;font-size:12px;font-weight:700;white-space:nowrap}
.st-new{background:var(--brand-soft);color:var(--brand-strong)}
.st-inspected{background:#efeafb;color:var(--inspected)}
.st-negotiating{background:var(--warn-soft);color:var(--warn)}
.st-indexed{background:#e4f0fb;color:#1666c8}
.st-sold{background:var(--ok-soft);color:var(--sold)}
.st-rejected{background:#eef1f2;color:var(--rejected)}
.pill{background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:3px 11px;font-size:12px;color:var(--muted);white-space:nowrap}
.pill-warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn);font-weight:700}
.frozen-list{margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}
.frozen-list>.frozen-h{font-size:13px;font-weight:700;color:var(--warn);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.frozen-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid var(--warn-soft);background:var(--warn-soft);border-radius:var(--radius-sm);margin-bottom:8px}
.frozen-row .fz-main{font-size:13.5px;font-weight:700;color:var(--ink)}
.frozen-row .fz-sub{font-size:12px;color:var(--muted);margin-top:2px;font-weight:400}
.frozen-row .fz-days{font-size:12px;font-weight:700;color:var(--warn);white-space:nowrap}

/* الأزرار — نفس نمط الموقع */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:.3s ease}
.btn:hover{background:var(--bg);border-color:var(--brand)}
.btn iconify-icon{font-size:19px}
.btn-brand{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 0 5px rgba(0,0,0,.1)}
.btn-brand:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(52,149,186,.3)}
.btn-sm{padding:8px 13px;font-size:13px;border-radius:10px}
.btn-sm iconify-icon{font-size:17px}
.btn-danger{color:var(--danger);border-color:var(--danger-soft)}
.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}

/* النماذج — نفس نمط الموقع */
label.q{display:block;font-weight:400;margin-bottom:8px;font-size:15px;color:var(--ink)}
input,select,textarea{width:100%;font-family:inherit;font-size:15px;padding:12px 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);transition:border-color .3s ease,box-shadow .3s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-strong);box-shadow:0 0 0 3px var(--brand-focus)}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:left 15px center;padding-left:40px}
textarea{resize:vertical;min-height:96px;line-height:1.7}
input::placeholder,textarea::placeholder{color:#a7b0b0}
.field{margin-bottom:18px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.row>*{flex:1;min-width:150px}

/* الفلاتر */
.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-items:end}

/* التنبيهات والرسائل */
.alert-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--warn-soft);background:var(--warn-soft);border-radius:var(--radius-sm);margin-bottom:10px}
.alert-item .lp{display:flex;align-items:center;gap:10px}
.alert-item .tag{background:var(--danger);color:#fff;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:700}
.msg{padding:13px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-weight:700;font-size:14px}
.msg-success{background:var(--ok-soft);color:var(--sold)}
.empty{text-align:center;color:var(--muted);padding:44px 20px}
.empty iconify-icon{font-size:46px;color:var(--line);display:block;margin:0 auto 10px}

/* الرسم الدائري (دونات) — conic-gradient بلا مكتبات */
.donut-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}
.donut{width:150px;height:150px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}
.donut-hole{width:96px;height:96px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--line) inset}
.donut-hole b{font-size:24px;font-weight:800;color:var(--ink);line-height:1.1}
.donut-hole span{font-size:11.5px;color:var(--muted)}
.donut-legend{flex:1;min-width:180px;display:flex;flex-direction:column;gap:7px}
.dl-row{display:flex;align-items:center;gap:8px;font-size:13px}
.dl-row .dl-l{flex:1;color:var(--ink)}
.dl-row b{font-weight:800;color:var(--ink)}
.dl-row .dl-p{color:var(--muted);font-size:12px;min-width:36px;text-align:end}

/* أعمدة شهرية */
.cols-chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}
.col-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}
.col-n{font-size:12px;font-weight:800;color:var(--primary)}
.col-bar{width:100%;max-width:38px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:8px 8px 3px 3px;min-height:4px;transition:height .4s ease}
.col-l{font-size:10.5px;color:var(--muted);direction:ltr;white-space:nowrap}

/* الرسم البياني */
.bar-group{margin-bottom:20px}
.bar-group h4{margin:0 0 10px;font-size:14px;color:var(--ink);font-weight:700}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.bar-row .nm{width:120px;font-size:13px;color:var(--muted);flex:none;text-align:start}
.bar-track{flex:1;background:var(--bg);border-radius:100px;height:22px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-strong));border-radius:100px;display:flex;align-items:center;justify-content:flex-start;padding-inline:9px;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}

/* المواصفات والتفاصيل */
.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.spec{background:var(--bg);border-radius:var(--radius-sm);padding:11px 14px}
.spec .l{font-size:12px;color:var(--muted)}
.spec .v{font-weight:700;margin-top:2px}
.spec-desc{padding:13px 16px}
.spec-desc .desc{font-weight:400;line-height:1.85;margin-top:6px;text-align:justify;color:var(--ink)}
.copybox{position:relative}
.copybox textarea{background:var(--bg);font-size:13px;line-height:1.7;min-height:160px}
.gallery{display:flex;gap:10px;flex-wrap:wrap}
.gallery img{width:130px;height:100px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}
.two-col{display:grid;grid-template-columns:1fr;gap:0;align-items:start}

/* خط سير الصفقة */
.pipeline{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 16px}
.pipeline .step{flex:1;min-width:90px;text-align:center;padding:10px 6px;border-radius:var(--radius-sm);background:var(--bg);color:var(--muted);font-size:12.5px;font-weight:700;border:1px solid var(--line)}
.pipeline .step.done{background:var(--brand);color:#fff;border-color:var(--brand)}

/* التوست */
.toast{position:fixed;inset-block-start:20px;inset-inline-start:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-weight:700;z-index:99;opacity:0;transition:.3s;pointer-events:none;box-shadow:0 6px 18px rgba(34,54,54,.28)}
.toast.show{opacity:1}

/* العقد — وثيقة A4 للطباعة، التوقيع ورقي بالحبر */
.contract-doc{max-width:min(210mm,100%);margin:0 auto}
.contract-doc .contract-head{text-align:center;margin-bottom:34px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.contract-doc .contract-head .brand-logo{justify-content:center;gap:12px;margin-bottom:22px}
.contract-doc .contract-head .brand-logo .mark{height:48px;width:auto;margin:0}
.contract-doc .contract-head .brand-logo .txt b{font-size:22px}
.contract-doc .contract-head .brand-logo .txt span{font-size:13px;font-weight:500}
.contract-doc .contract-head .ctitle{font-size:23px;font-weight:600;color:var(--ink);line-height:1.5;margin:0}
.contract-doc .cmeta{color:var(--muted);font-size:14.5px;margin-top:8px}
/* أطراف العقد — بطاقتان رسميتان متّزنتان بحاشية علوية بلون الهوية */
.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;direction:rtl}
.party{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px 15px}
.party-tag{display:inline-block;color:var(--brand-strong);font-size:11px;font-weight:700;letter-spacing:.4px;border:1px solid var(--brand-soft);background:var(--brand-soft);border-radius:5px;padding:3px 11px;margin-bottom:10px}
.party-name{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.55;margin-bottom:11px;min-height:2.9em}
.party-rows{display:flex;flex-direction:column;gap:0}
.party-rows>div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;border-top:1px solid var(--line);padding:6px 0}
.party-rows>div:first-child{border-top:0}
.party-rows .l{color:var(--muted)}
.party-rows .v{font-weight:600;color:var(--ink);text-align:end}
.ltr{direction:ltr;unicode-bidi:embed}
/* شبكة بيانات العقار داخل العقد — عمودان متّزنان بخلايا رسمية */
.contract-doc .spec-grid{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;direction:rtl}
.contract-doc .spec{background:#fff;border-radius:0;border-inline-start:1px solid var(--line);border-top:1px solid var(--line);padding:9px 15px}
.contract-doc .spec-grid>.spec:nth-child(1),.contract-doc .spec-grid>.spec:nth-child(2){border-top:0}
.contract-doc .spec-grid>.spec:nth-child(odd){border-inline-start:0}
.contract-doc .spec-grid>.spec .l{font-size:11.5px}
.contract-doc .spec-grid>.spec .v{font-size:13.5px;margin-top:1px}
.contract-doc .spec-desc{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 16px}
/* بنود العقد — شبكة عمودين مرقّمة */
.contract-terms{margin:0 0 18px;padding:0;list-style:none;counter-reset:cl;display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:rtl}
.cl{position:relative;background:var(--bg);border-radius:10px;padding:11px 15px 11px 15px;padding-inline-start:42px;font-size:13px;line-height:1.8;text-align:justify}
.cl::before{counter-increment:cl;content:counter(cl);position:absolute;inset-inline-start:12px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:22px}
.csec{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:var(--ink);margin:26px 0 14px;padding-bottom:10px;border-bottom:1.5px solid var(--line)}
.csec iconify-icon{color:var(--brand);font-size:21px;flex:none}
.csec .ord{color:var(--brand-strong);font-weight:700;flex:none}
.csec .ord::after{content:"·";margin-inline-start:9px;color:var(--muted);font-weight:400}
.sign-area{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;direction:rtl}
.sign-box{border:1.5px dashed var(--line);border-radius:var(--radius-sm);padding:14px;min-height:110px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:6px}
.sign-box .l{font-size:12px;color:var(--muted)}
.sign-box .v{font-weight:700}
.muted{color:var(--muted);font-weight:400}
.ink-line{border-bottom:1.5px solid var(--ink);height:56px;margin:6px 14px 4px}
/* تذييل العقد — هوية الشركة وبيانات التواصل */
.contract-foot{margin-top:24px;padding-top:14px;border-top:1.5px solid var(--line);text-align:center}
.contract-foot .cf-brand{font-size:13.5px;font-weight:700;color:var(--brand-strong)}
.contract-foot .cf-line{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:7px;color:var(--muted);font-size:12.5px}
.contract-foot .cf-line span{display:inline-flex;align-items:center;gap:6px}
.contract-foot .cf-line iconify-icon{color:var(--brand);font-size:15px}

/* الطباعة — ورقتان: الأولى الطرفان وبيانات العقار، والثانية البنود والتوقيعات */
@media print{
  @page{size:A4;margin:12mm 12mm 15mm;
    @bottom-center{content:"صفحة " counter(page, decimal) " من " counter(pages, decimal);
      font-family:'IBM Plex Sans Arabic',sans-serif;font-size:9.5px;color:#7f8c8d}}
  .no-print,.toast,.msg{display:none!important}
  body{background:#fff;font-size:12px}
  .control-container{padding:0;max-width:none}
  .panel{border:none;box-shadow:none;margin:0}
  /* إطار واحد متّصل يحيط بالعقد ويمتدّ عبر الورقتين — يبقى المحتوى مُبعَدًا عن حواف الورقة */
  .contract-doc .panel-b{border:1px solid var(--line);border-radius:12px;padding:8mm 8mm 7mm;box-decoration-break:slice;-webkit-box-decoration-break:slice}
  .contract-doc{max-width:none}
  .contract-doc .contract-head{margin-bottom:20px;padding-bottom:16px}
  .contract-doc .contract-head .brand-logo{margin-bottom:14px}
  .csec{margin:18px 0 11px}
  .party-grid,.party{break-inside:avoid;page-break-inside:avoid}
  .spec-grid,.spec-desc{break-inside:avoid;page-break-inside:avoid}
  /* الورقة الثانية تبدأ في صفحة جديدة — القديم مع الحديث لدعم كل المتصفحات ومحرّكات PDF */
  .contract-page2{break-before:page;page-break-before:always;padding-top:9mm}
  .csec{break-after:avoid;page-break-after:avoid}
  .sign-area{break-inside:avoid;page-break-inside:avoid}
  .cl{break-inside:avoid;page-break-inside:avoid}
  .sign-box{break-inside:avoid;page-break-inside:avoid}
  .contract-foot{break-inside:avoid;page-break-inside:avoid}
  /* ضبط توزيع الورقة الثانية لتستوعب البنود والتوقيعات في صفحة واحدة */
  .contract-page2 .csec{margin:0 0 12px}
  .contract-terms{gap:7px;margin-bottom:14px}
  .cl{font-size:11.5px;line-height:1.55;padding:8px 12px 8px 12px;padding-inline-start:38px}
  .cl::before{width:20px;height:20px;font-size:11px}
  .sign-area{gap:12px}
  .sign-box{min-height:96px;padding:12px}
  .ink-line{height:46px}
}

/* ===== الدفعة 1: ميزات بطاقة العقار ===== */
/* الكود المشفّر للعقار — شارة بنمط النظام قابلة للنسخ */
.code-badge{background:var(--brand-soft);color:var(--brand-strong);border:1px solid var(--brand-focus);font-family:inherit;cursor:pointer;transition:.2s ease}
.code-badge:hover{background:var(--brand-focus)}
.code-badge iconify-icon{font-size:13px;opacity:.7}
.code-badge.copied{background:var(--ok-soft);color:var(--sold);border-color:var(--ok-soft)}
.btn.copied{background:var(--ok-soft);color:var(--sold);border-color:var(--ok-soft)}
.inv-mode-btn.is-on{background:var(--brand);color:#fff;border-color:var(--brand)}
.pl-tab-btn.is-on{background:var(--brand);color:#fff;border-color:var(--brand)}
.pl-log{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.pl-log:last-child{border-bottom:0}
.pl-log-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pl-log-name{font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.pl-log-act{display:flex;align-items:center;gap:8px}
.pl-log-meta{display:flex;flex-wrap:wrap;gap:6px}
.pl-log-meta .pill{display:inline-flex;align-items:center;gap:5px}
.match-group{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:12px;background:var(--bg)}
.match-group:last-child{margin-bottom:0}
.match-buyer{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px;flex-wrap:wrap}
/* جرس التطابق — لوحة تنبيه مميزة بلون أخضر ونبض، منفصلة بصريًا عن جرس العرض الجديد */
.match-alert{border:1px solid var(--ok-soft);box-shadow:0 0 0 3px var(--ok-soft);overflow:hidden}
.match-alert>.panel-h{background:linear-gradient(90deg,var(--ok-soft),transparent);color:var(--sold)}
.ma-title{display:flex;align-items:center;gap:10px;font-weight:700}
.ma-bell{position:relative;display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:var(--sold);color:#fff}
.ma-bell iconify-icon{font-size:16px}
.ma-bell::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--sold);opacity:.5;animation:maPulse 1.6s ease-out infinite}
@keyframes maPulse{0%{transform:scale(.75);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.ma-row{border-inline-start:3px solid var(--sold)}

/* تنبيه القائمة الرمادية */
.alert-flag{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);color:var(--danger);line-height:1.7}
.alert-flag iconify-icon{font-size:22px;flex:none;margin-top:1px}
.alert-flag b{color:var(--danger)}
.alert-flag a{color:var(--danger);text-decoration:underline}

/* تنبيه التكرار */
.alert-dup{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm);color:var(--warn);line-height:1.7}
.alert-dup iconify-icon{font-size:22px;flex:none;margin-top:1px}
.alert-dup b{color:var(--warn)}
.alert-dup a{color:var(--warn);font-weight:700;text-decoration:underline}

/* توزيع قنوات وصول طلبات الشراء (الأكثر إنتاجية) */
.src-stats{display:flex;flex-direction:column;gap:10px}
.src-row{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:12px}
.src-name{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:4px}
.src-name iconify-icon{color:var(--brand-strong);font-size:16px}
.src-bar{background:var(--bg);border-radius:6px;height:14px;overflow:hidden}
.src-bar span{display:block;height:100%;background:var(--brand);border-radius:6px}
.src-row.src-top .src-bar span{background:var(--brand-strong)}
.src-val{text-align:left;font-size:13px}
.src-val small{color:var(--muted)}

/* ملاحظة إرشادية دائمة أسفل الحقل */
.hint-note{display:flex;align-items:flex-start;gap:6px;color:var(--muted);font-size:12px;line-height:1.6;margin:6px 2px 0}
.hint-note iconify-icon{font-size:14px;flex:none;margin-top:2px;color:var(--brand-strong)}

/* مقياس جودة التسعير */
.gauge{display:flex;align-items:center;gap:12px;padding:13px 16px;margin-top:14px;border-radius:var(--radius-sm);border:1px solid var(--line)}
.gauge iconify-icon{font-size:26px;flex:none}
.gauge b{display:block;font-size:14.5px}
.gauge span{display:block;font-size:12.5px;font-weight:400;margin-top:2px;opacity:.85}
.gauge-green{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.gauge-amber{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}
.gauge-red{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}
.gauge-neutral{background:var(--bg);border-color:var(--line);color:var(--muted)}
.gauge-green b,.gauge-amber b,.gauge-red b,.gauge-neutral b{color:inherit}
.gauge-green span,.gauge-amber span,.gauge-red span,.gauge-neutral span{color:var(--ink)}

/* سجل تاريخ الأسعار */
.price-hist{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
.price-hist summary{cursor:pointer;padding:11px 15px;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px;background:var(--bg);color:var(--ink);list-style:none}
.price-hist summary::-webkit-details-marker{display:none}
.price-hist summary iconify-icon{color:var(--brand);font-size:18px}
.price-hist-b{padding:8px 15px}
.ph-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.ph-row:last-child{border-bottom:none}
.ph-date{color:var(--muted);flex:none;width:82px}
.ph-val{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--ink)}
.ph-val iconify-icon{color:var(--muted);font-size:16px}
.ph-tag{margin-inline-start:auto;font-size:11px;font-weight:700;border-radius:100px;padding:2px 9px}
.ph-tag.down{background:var(--ok-soft);color:var(--ok)}
.ph-tag.up{background:var(--danger-soft);color:var(--danger)}

/* عدّاد المعاينة */
.counter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}
.counter-row>span{font-size:14px;font-weight:700;color:var(--ink)}
.counter{display:flex;align-items:center;gap:10px}
.counter b{font-size:20px;min-width:28px;text-align:center;color:var(--brand-strong)}
.counter .btn{padding:6px 14px;font-size:16px;line-height:1}

/* ===== ورقة ملخص العقار A4 ===== */
.sheet-price{text-align:center;font-size:30px;font-weight:800;color:var(--brand-strong);background:var(--brand-soft);border:1.5px solid var(--brand);border-radius:12px;padding:18px;margin:6px 0 26px}
.sheet-foot{text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}
.sheet-foot-t{font-size:14px;color:var(--muted);margin-bottom:8px}
.sheet-foot-p{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin-bottom:12px}
.sheet-foot-p span{font-size:17px;font-weight:700;color:var(--ink);direction:ltr}
.sheet-foot-n{font-size:12.5px;color:var(--muted)}

/* ===== الدفعة 2: المشترون وقائمة الانتظار ===== */
/* ترتيب الأولوية في قائمة الانتظار */
.wait-pos{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:100px;background:var(--brand);color:#fff;font-size:12px;font-weight:800}
/* نقطة لون جدية المشتري */
.intent-dot{display:inline-block;width:12px;height:12px;border-radius:100px;vertical-align:middle;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.intent-green{background:var(--ok)}
.intent-amber{background:var(--warn)}
.intent-blue{background:var(--brand)}
.intent-muted{background:var(--muted)}
/* فرز الجدية اللوني أعلى صفحة المشترين */
.intent-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.intent-filter .if-label{font-size:13px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:5px}
.if-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:100px;padding:6px 13px;text-decoration:none;transition:.15s}
.if-chip:hover{border-color:var(--brand)}
.if-chip.if-on{background:var(--brand);color:#fff;border-color:var(--brand)}
.if-chip.if-on .intent-dot{box-shadow:0 0 0 1px rgba(255,255,255,.4)}
/* قائمة تغيير الجدية داخل بطاقة المشتري */
.intent-set{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg)}
.intent-set .q{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}
.intent-set select{flex:1;font-family:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.intent-set.intent-green{border-inline-start:4px solid var(--ok)}
.intent-set.intent-amber{border-inline-start:4px solid var(--warn)}
.intent-set.intent-blue{border-inline-start:4px solid var(--brand)}

/* ===== الدفعة 3: التحليلات والأداء وسجل النشاط ===== */
/* ترتيب المتصدّرين */
.rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:100px;font-weight:800;font-size:12px;color:#fff}
.rank-1{background:#d4a017}.rank-2{background:#9aa4ad}.rank-3{background:#b06a3b}

/* ===== التحليلات: المؤشرات الرئيسية (بطاقات النظرة الواحدة) ===== */
.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}
@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.kpi-grid{grid-template-columns:repeat(6,1fr)}}
.kpi{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 16px 15px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
.kpi:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(20,40,60,.1)}
.kpi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.kpi-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:12px;background:var(--muted-soft)}
.kpi-badge iconify-icon{font-size:22px;color:var(--ink)}
.kpi-arrow iconify-icon{font-size:19px;color:var(--muted)}
.kpi-v{font-size:26px;font-weight:800;color:var(--ink);line-height:1.1;letter-spacing:-.5px}
.kpi-v small{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:0}
.kpi-foot{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}
.kpi-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:800;line-height:1;
  padding:5px 9px;border-radius:999px;color:var(--ink);background:var(--muted-soft);
  border:1px solid var(--line);white-space:nowrap}
.kpi-name{font-size:11.5px;color:var(--muted);font-weight:600}
/* ألوان الحالة الثلاثة — أوسمة الجدول: ذهبي=موجب، فضّي=محايد، برونزي=سالب */
.kpi-ok .kpi-badge{background:var(--gold-soft)}
.kpi-ok .kpi-badge iconify-icon,.kpi-ok .kpi-arrow iconify-icon{color:var(--gold)}
.kpi-ok .kpi-pill{color:var(--gold);background:var(--gold-soft);border-color:transparent}
.kpi-brand .kpi-badge,.kpi-muted .kpi-badge{background:var(--sand-soft)}
.kpi-brand .kpi-badge iconify-icon,.kpi-muted .kpi-badge iconify-icon,
.kpi-brand .kpi-arrow iconify-icon,.kpi-muted .kpi-arrow iconify-icon{color:var(--sand)}
.kpi-brand .kpi-pill,.kpi-muted .kpi-pill{color:var(--sand);background:var(--sand-soft);border-color:transparent}
.kpi-warn .kpi-badge{background:var(--bronze-soft)}
.kpi-warn .kpi-badge iconify-icon,.kpi-warn .kpi-arrow iconify-icon{color:var(--bronze)}
.kpi-warn .kpi-pill{color:var(--bronze);background:var(--bronze-soft);border-color:transparent}
.kpi-danger .kpi-badge{background:var(--danger-soft)}
.kpi-danger .kpi-badge iconify-icon,.kpi-danger .kpi-arrow iconify-icon{color:var(--danger)}
.kpi-danger .kpi-pill{color:var(--danger);background:var(--danger-soft);border-color:transparent}

/* ===== التحليلات: الرؤى ===== */
.insights{display:flex;flex-direction:column;gap:8px}
.insight{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:var(--radius-sm);
  border:1px solid var(--line);background:var(--bg);font-size:13.5px;line-height:1.7;color:var(--ink)}
.insight iconify-icon{font-size:19px;flex:none;margin-top:2px;color:var(--muted)}

/* ===== التحليلات: فجوة السوق — شريط أفقي واحد ===== */
.sub-note{font-size:12.5px;color:var(--muted);margin-bottom:12px;line-height:1.6}
.gap-row{margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.gap-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.gap-lbl{font-size:13.5px;font-weight:700;color:var(--ink)}
.gap-track{height:12px;background:var(--bg);border:1px solid var(--line);border-radius:100px;overflow:hidden}
.gap-fill{height:100%;border-radius:100px;min-width:3px;transition:width .3s ease}
.gf-short{background:var(--warn)}
.gf-surplus{background:var(--brand)}
.gf-bal{background:var(--ok)}
.gap-nums{font-size:12px;color:var(--muted);font-weight:600;margin-top:7px}
.gap-nums b{color:var(--ink);font-weight:800}
.gap-badge{font-size:11px;font-weight:800;padding:2px 9px;border-radius:100px;white-space:nowrap}
.gb-short{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn)}
.gb-surplus{background:var(--brand-soft);color:var(--brand-strong);border:1px solid var(--brand)}
.gb-bal{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok)}
.gap-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--muted)}
.dot{display:inline-block;width:11px;height:11px;border-radius:100px;vertical-align:middle}
.dot.gf-short{background:var(--warn)}.dot.gf-surplus{background:var(--brand)}.dot.gf-bal{background:var(--ok)}

/* خريطة حرارة الأسعار */
.heat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.heat-cell{border-radius:var(--radius-sm);padding:13px 15px;border:1px solid var(--line);
  background:color-mix(in srgb, var(--muted) calc(var(--h,0)*55%), #fff)}
.heat-k{font-size:12px;color:var(--ink);font-weight:700;opacity:.9}
.heat-v{font-size:20px;font-weight:800;color:var(--ink);margin-top:3px}
.heat-v small{font-size:12px;font-weight:400;color:var(--muted)}
.heat-n{font-size:11.5px;color:var(--ink);opacity:.7;margin-top:2px}

/* تحليل الركود */
.stg-bar{display:flex;height:26px;border-radius:100px;overflow:hidden;border:1px solid var(--line)}
.stg-seg{height:100%}
.stg-fresh{background:var(--gold)}.stg-watch{background:var(--sand)}
.stg-stale{background:var(--bronze)}.stg-dead{background:var(--danger)}
.dot.stg-fresh{background:var(--gold)}.dot.stg-watch{background:var(--sand)}
.dot.stg-stale{background:var(--bronze)}.dot.stg-dead{background:var(--danger)}
.st-fresh .v{color:var(--gold)}.st-watch .v{color:var(--sand)}
.st-stale .v{color:var(--bronze)}.st-dead .v{color:var(--danger)}

/* ترقيم الصفحات */
.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}

/* التجاوب — الهاتف (العمود 600px ثابت، تعديلات طفيفة فقط) */
@media(max-width:820px){
  .two-col{grid-template-columns:1fr}
  .control-container{padding:18px 14px 80px}
  .card .v{font-size:24px}
  .filters{grid-template-columns:1fr 1fr}
  .sign-area{grid-template-columns:1fr}
  .party-grid,.contract-terms{grid-template-columns:1fr}
  .gallery img{width:104px;height:82px}
}

/* هواتف صغيرة */
@media(max-width:480px){
  .filters{grid-template-columns:1fr}
  .control-container{padding-inline:11px}
  th,td{padding:10px 9px;font-size:13px}
  .page-head{flex-direction:column;align-items:stretch}
  .page-head .btn{justify-content:center}
  .brand-logo .txt span{display:none}
}

/* —— أقسام لوحة التحكم على نمط المرشد: صفوف القوائم والمرشّحات والمبدّلات —— */
.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line)}
.list-row:last-of-type{border-bottom:none}
.list-row .lp{display:flex;align-items:center;gap:10px;min-width:0}
.list-row .sub{color:var(--muted);font-size:12.5px;margin-top:2px}
.list-row .rp{display:flex;align-items:center;gap:8px;flex-shrink:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:13.5px;text-decoration:none;transition:.15s}
.chip:hover{border-color:var(--brand);color:var(--brand)}
.chip.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:16px;color:var(--muted);font-size:13.5px}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}
.switch-row .sub{color:var(--muted);font-size:12.5px;margin-top:3px;font-weight:400}
.switch-row input{display:none}
.switch{flex-shrink:0;width:46px;height:26px;border-radius:999px;background:var(--line);position:relative;transition:.2s}
.switch::after{content:'';position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}
.switch-row input:checked + .switch{background:var(--brand)}
.switch-row input:checked + .switch::after{transform:translateX(-20px)}
@media(max-width:480px){.list-row{flex-wrap:wrap}.list-row .rp{width:100%;justify-content:flex-end}}