/* (1 نوفمبر 2026) الواجهة النظيفة لكل الأنشطة — منقولة من هوية عيادة د. عبد الرحمن (clean.css هناك): كحلي + تركواز + خلفية فاتحة، كروت بيضا بحد، من غير زجاج ولا تدرجات،
   أيقونات خطية (icons.py)، وجداول الموبايل كروت. ملف لوحده بيتحمّل لما ميزة clean_ui مفتوحة (body.clean)؛ لو اتقفلت الشكل بيرجع زي ما كان. الألوان والشكل بس — مفيش أي منطق. */
.clean{--cn:#0F2E4E;--cn2:#173653;--ct:#0B7F74;--ct2:#C9EEE8;--ct3:#E6F6F7;--cbg:#E6ECF4;--ctext:#14202E;--cmuted:#4E6278;--cline:#C3D0DE;--cth:#DCE6F0;
  --brand:var(--cn);--brand-2:var(--cn2);--copper:var(--ct);--copper-soft:var(--ct3);--ink:var(--ctext);--muted:var(--cmuted);--line:var(--cline);--bg:var(--cbg);--card:#fff;
  --shadow:0 1px 4px rgba(15,46,78,.12);--r:14px;--glass:#fff;--glass-b:#fff;
  background:var(--cbg)!important;color:var(--ctext)}
.clean.theme-space{--cn:#6E1316;--cn2:#8A1A1E;--ct:#B9262B;--ct2:#FBE1E2;--ct3:#FDF0F0;--cth:#F1E3E3;--cafe:#B9262B;--cafe-soft:#FDF0F0}
.clean.theme-store{--cn:#0A2F5C;--cn2:#123E73;--ct:#1B5AA0;--ct2:#DCEBFA;--ct3:#EDF4FC;--cth:#DCE6F0}
.clean .lu{vertical-align:-.17em;flex-shrink:0}
.clean a{color:var(--cn2)}.clean a:hover{color:var(--ct)}
.clean h1,.clean h2,.clean h3,.clean h4{color:var(--cn)}
.clean .muted,.clean small.muted{color:var(--cmuted)}
.clean input::placeholder,.clean textarea::placeholder{color:#6B7F93;opacity:1}

/* الهيدر والقائمة الجانبية */
.clean .top{background:var(--cn)!important;box-shadow:0 1px 3px rgba(15,46,78,.25)!important;gap:10px}
.clean .top .brand{font-size:16px}
.clean .top .mark,.clean .top .dn-mark{background:#fff;color:var(--cn);border-radius:50%;width:30px;height:30px;display:inline-grid;place-items:center;font-size:16px}
.clean .top .dn-mark .lu{width:18px;height:18px}
.clean .top .bell{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:10px;width:36px;height:36px;display:inline-grid;place-items:center;font-size:16px}
.clean .top .bell b{background:#DC2626;top:-7px;left:-8px}
.clean .top .who{opacity:.9}
.clean .menu-btn{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:10px;width:36px;height:36px;padding:0;display:none;place-items:center}
.clean .tb-search{flex:1;display:flex;align-items:center;gap:8px;max-width:460px;margin-inline:auto;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:0 12px;color:#fff;height:34px}
.clean .tb-search input{flex:1;border:0;background:none;padding:4px 0;min-width:0;outline:none;color:#fff;font-size:14px}
.clean .tb-search input::placeholder{color:rgba(255,255,255,.7)}
.clean .tb-search .lu{width:17px;height:17px;opacity:.85}
.clean .side{background:var(--cn)!important;border-inline-end:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.clean .side nav{padding:10px 10px 40px}
.clean .side .sec{color:#8FA6BC;font-size:11.5px;font-weight:700;margin:12px 10px 3px;letter-spacing:.2px}
.clean .side a{color:#E6EEF6;border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:8px;transition:none;transform:none!important;font-size:14px}
.clean .side a:hover{background:rgba(255,255,255,.08);color:#fff}
.clean .side a.on{background:var(--ct)!important;color:#fff;box-shadow:none;border:0}
.clean .side .ic{display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0;color:#9FD9D2;background:none;border:0;box-shadow:none;font-size:15px}
.clean.theme-space .side .ic{color:#F3B4B6}.clean.theme-store .side .ic{color:#9CC4EE}
.clean .side a.on .ic{color:#fff}
.clean .side .badge{background:#DC2626;color:#fff}
.clean .side-hr{border-top-color:rgba(255,255,255,.15)}
.clean .side .foot{color:#8FA6BC}
@media (max-width:900px){.clean .menu-btn{display:grid}.clean .side{box-shadow:-4px 0 20px rgba(0,0,0,.25)}.clean .tb-search{display:none}}

/* الكروت والمؤشرات */
.clean .card,.clean .kpi,.clean .action,.clean .li,.clean .table-wrap,.clean .chart-card,.clean .tabs,.clean .queue-col,.clean .hd-cell,.clean .ucard,.clean .inst-row,.clean .sec-card,.clean details.card{background:#fff!important;border:1px solid var(--cline)!important;box-shadow:var(--shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none}
.clean .card{border-radius:14px}
.clean .card::before,.clean .kpi::before,.clean .kpi::after{display:none!important}
.clean .card.alert{background:#FDF0F0!important;border-color:#F4B0B0!important}
.clean .card.note{background:#FEF7E6!important;border-color:#F2CD74!important}
.clean .card.medalert{background:#FDF0F0!important;border-color:#DC2626!important}
.clean .card.bday{background:#F7EDFB!important;border-color:#CFAEEC!important}
.clean .kpi{border:1px solid transparent!important;border-radius:14px;padding:14px 16px;background:var(--cth)!important;box-shadow:none!important}
.clean .kpi .l{color:#1E3550;font-weight:700;font-size:13px}
.clean .kpi .v{color:var(--cn);font-size:26px;font-weight:800}
.clean .kpi .v.neg{color:#B91C1C}
.clean .kpi .s{color:#3A5068}
.clean .kpi.warn{background:#FBE3A9!important;border-color:#F2CD74!important}
.clean .kpi.on{outline:2px solid var(--ct)}
.clean a.kpi:hover{box-shadow:0 3px 10px rgba(15,46,78,.12)!important;transform:none}
.clean .kpi .ic{color:var(--ct);opacity:1}
.clean .kpi.s-available{background:#BDEBDD!important}.clean .kpi.s-offered{background:#FBE3A9!important}.clean .kpi.s-sold{background:var(--cn)!important}.clean .kpi.s-sold .l,.clean .kpi.s-sold .v{color:#fff}

/* الترحيب */
.clean .hero,.clean .hero.dn,.clean .hero.st,.clean .hero.cafe,.clean .hero.roof,.clean .balance-card,.clean .wood-btn{background:var(--cn2)!important;border-radius:16px;box-shadow:var(--shadow)!important;text-shadow:none}
.clean .hero::before,.clean .hero::after,.clean .hero.dn::before,.clean .hero.dn::after,.clean .hero.st::after{display:none!important}
.clean .hero .v{text-shadow:none}
.clean .hero .split a,.clean .hero .split div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:none;border-radius:10px}
.clean .hero .split a:hover{background:rgba(255,255,255,.2);color:#fff}

/* الوصول السريع */
.clean .action{border-radius:14px;color:var(--cn);font-weight:700;transition:none;transform:none!important}
.clean .action:hover{border-color:var(--ct)!important;box-shadow:0 2px 8px rgba(15,46,78,.12)!important}
.clean .action span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 6px;border-radius:12px;background:var(--ct2);color:var(--ct);font-size:22px}
.clean .action span .lu{width:24px;height:24px}

/* الأزرار والحقول */
.clean .btn{background:var(--cn);color:#fff;border:1px solid var(--cn);border-radius:10px;box-shadow:none;transition:none;transform:none!important}
.clean .btn:hover{background:var(--cn2);box-shadow:none;transform:none}
.clean .btn.ghost{background:#fff;color:var(--cn);border:1px solid var(--cline);box-shadow:none;font-weight:600}
.clean .btn.ghost:hover{background:#F1F5F9;color:var(--cn)}
.clean .btn.ghost.on{background:var(--ct2);border-color:var(--ct);color:var(--cn)}
.clean .btn.danger{background:#DC2626;border-color:#DC2626}
.clean .btn.wa{background:#16A34A;border-color:#16A34A;color:#fff}
.clean .btn.big{border-radius:12px}
.clean input,.clean select,.clean textarea{background:#fff;border:1px solid var(--cline);border-radius:10px;box-shadow:none;color:var(--ctext)}
.clean input:focus,.clean select:focus,.clean textarea:focus{border-color:#14B8A6;outline:2px solid rgba(20,184,166,.2)}
.clean input[readonly],.clean select:disabled{background:#F1F5F9}
.clean .chip,.clean .pill,.clean .steps a{background:#fff;border-color:var(--cline);box-shadow:none}
.clean .chip.on,.clean .pill.on,.clean .steps a.on{background:var(--cn);border-color:var(--cn);color:#fff}
.clean .hint{background:var(--ct3);border:1px solid #BFE8E2}
.clean .flash{box-shadow:none;border:1px solid transparent}
.clean .flash.ok,.clean .flash:not(.error):not(.warn){background:#DCFCE7;color:#166534;border-color:#86EFAC}
.clean .flash.warn{background:#FEF7E6;color:#92600A;border-color:#F2CD74}
.clean .flash.error{background:#FEE2E2;color:#B91C1C;border-color:#FCA5A5}
.clean .tabs{padding:4px;border-radius:12px}
.clean .tabs a{border-radius:9px;color:var(--cn);font-weight:600}
.clean .tabs a.on{background:var(--cn);color:#fff;box-shadow:none}
.clean .tag{box-shadow:none;background:var(--cth);color:#1E3550}
.clean .tag.ok{background:#BDEBDD;color:#166534}.clean .tag.bad{background:#FBD5D5;color:#B91C1C}.clean .tag.warn{background:#FBE3A9;color:#92600A}
.clean .more-menu .menu{border:1px solid var(--cline);box-shadow:0 6px 20px rgba(15,46,78,.14)}
.clean .section-title h3{color:var(--cn)}
.clean .live-bar{background:var(--ct)}
.clean .bubble.me{background:var(--cn)}

/* الجداول */
.clean th{background:var(--cth)!important;color:var(--cn)!important;font-weight:700}
.clean td,.clean th{border-bottom-color:#E3EAF2}
.clean tr[data-href]:hover td{background:#F1F5F9!important}
.clean tfoot td{background:#F8FAFC}
.clean tr.mine td{background:var(--ct3)}
.clean .table-wrap{border-radius:12px}

/* فورمات بأقسام مرقمة (كل fieldset.card له رقم) */
.clean form{counter-reset:fs}
.clean fieldset.card{padding:12px 14px!important}
.clean fieldset.card>legend{display:flex;align-items:center;gap:8px;color:var(--cn);font-weight:700;padding:0 6px}
.clean fieldset.card>legend::before{counter-increment:fs;content:counter(fs);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ct2);color:var(--ct);font-size:13px;font-weight:800;flex-shrink:0}

/* الدخول */
.clean .auth{background:var(--cbg)!important}
.clean .auth-card{background:#fff!important;border:1px solid var(--cline);box-shadow:0 10px 30px rgba(15,46,78,.12);backdrop-filter:none!important}
.clean .auth-brand h1{color:var(--cn)}

/* الجداول على الموبايل كروت: اسم الخانة والقيمة في عمودين، والأرقام في شريط واحد، ومن غير مربع جوه مربع (نفس عيادة د. عبد الرحمن) */
@media screen and (max-width:700px){
  .clean .card:has(table.rt){background:none!important;border:0!important;box-shadow:none!important;padding:0;overflow:visible}
  .clean .table-wrap:has(table.rt){background:none!important;border:0!important;box-shadow:none!important;overflow:visible}
  .clean table.rt,.clean table.rt tbody,.clean table.rt tfoot{display:block;width:100%}
  .clean table.rt .rth{display:none}
  .clean table.rt tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;background:#fff;border:1px solid var(--cline);border-radius:12px;padding:10px 12px;margin-bottom:10px;box-shadow:0 1px 3px rgba(15,46,78,.10)}
  .clean table.rt td{grid-column:1/-1;display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:baseline;border:0;padding:2px 0;direction:rtl;text-align:right;white-space:normal;width:auto;background:none}
  .clean table.rt td[data-l]::before{content:attr(data-l);color:#4E6278;font-size:12.5px;font-weight:600}
  .clean table.rt td:not([data-l]){display:block}
  .clean table.rt td.rempty{display:none}
  .clean table.rt .rv{min-width:0;unicode-bidi:plaintext;text-align:right;overflow-wrap:anywhere}
  .clean table.rt td:first-child .rv{font-weight:700;color:var(--cn)}
  .clean table.rt td.num{grid-column:auto;display:block;background:#EEF3F8;border-radius:8px;padding:5px 8px;text-align:center}
  .clean table.rt td.num::before{display:block;margin-bottom:1px}
  .clean table.rt td.num .rv{text-align:center;font-weight:700;color:var(--cn);direction:ltr}
  .clean table.rt tr[data-href]{cursor:pointer}
  .clean table.rt tfoot tr{background:var(--cth)}
}
@media print{.clean .lu{display:none}.clean .side,.clean .top{display:none!important}}