:root{
  --bg:#f6f5f2; --surface:#ffffff; --surface-2:#f1efea; --border:#e4e1da; --text:#1d1d1b; --muted:#76736c;
  --primary:#0f6e64; --primary-ink:#ffffff; --primary-soft:#e2f1ee; --danger:#c0392b; --warn-bg:#fff6e0; --warn-ink:#8a5a00;
  --ok-bg:#e6f4ea; --ok-ink:#1e6b36; --err-bg:#fdecea; --err-ink:#a12a1d; --radius:12px; --shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);
  --c-gray:#ebe9e4; --c-gray-i:#57544e; --c-blue:#e1ecfb; --c-blue-i:#1f5fbf; --c-green:#dff3e5; --c-green-i:#1d7a3e;
  --c-orange:#fdebd9; --c-orange-i:#b45a0b; --c-red:#fbe1de; --c-red-i:#b3261e; --c-pink:#fbe1ef; --c-pink-i:#b0256f;
  --c-purple:#ece4fb; --c-purple-i:#6337c4; --c-yellow:#fbf3cf; --c-yellow-i:#866800; --c-brown:#f0e6dc; --c-brown-i:#7a4d27;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#141413; --surface:#1d1d1b; --surface-2:#262624; --border:#33332f; --text:#ecebe6; --muted:#9d9a92;
    --primary:#3cb3a3; --primary-ink:#0b1f1c; --primary-soft:#1b3330; --warn-bg:#3a2e12; --warn-ink:#f3cf7b; --ok-bg:#16301f; --ok-ink:#8fd8a6; --err-bg:#3a1a17; --err-ink:#f4a59c;
    --c-gray:#2e2e2b; --c-gray-i:#c4c1b9; --c-blue:#1b2a40; --c-blue-i:#8fb7f2; --c-green:#183222; --c-green-i:#86d39f; --c-orange:#3a2816; --c-orange-i:#f2b27a;
    --c-red:#3d1c19; --c-red-i:#f3a097; --c-pink:#3b1b2c; --c-pink-i:#f19ccb; --c-purple:#2a2140; --c-purple-i:#bda5f5; --c-yellow:#352f14; --c-yellow-i:#e8d27a; --c-brown:#33261b; --c-brown-i:#d9b48e;
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --bg:#141413; --surface:#1d1d1b; --surface-2:#262624; --border:#33332f; --text:#ecebe6; --muted:#9d9a92;
  --primary:#3cb3a3; --primary-ink:#0b1f1c; --primary-soft:#1b3330; --warn-bg:#3a2e12; --warn-ink:#f3cf7b; --ok-bg:#16301f; --ok-ink:#8fd8a6; --err-bg:#3a1a17; --err-ink:#f4a59c;
  --c-gray:#2e2e2b; --c-gray-i:#c4c1b9; --c-blue:#1b2a40; --c-blue-i:#8fb7f2; --c-green:#183222; --c-green-i:#86d39f; --c-orange:#3a2816; --c-orange-i:#f2b27a;
  --c-red:#3d1c19; --c-red-i:#f3a097; --c-pink:#3b1b2c; --c-pink-i:#f19ccb; --c-purple:#2a2140; --c-purple-i:#bda5f5; --c-yellow:#352f14; --c-yellow-i:#e8d27a; --c-brown:#33261b; --c-brown-i:#d9b48e;
  color-scheme: dark;
}
*{box-sizing:border-box}
/* الصفحة اتجاهها شمال→يمين، بس كل نص بياخد اتجاهه الطبيعي: الجملة اللي أولها عربي بتتقري يمين→شمال
   (عشان العربي والإنجليزي والأرقام اللي جواها يترتبوا صح)، والإنجليزي شمال→يمين. والكل محاذي للشمال. */
html{text-align:left}
body *{unicode-bidi:plaintext}
[dir="ltr"],[dir="rtl"]{unicode-bidi:isolate}
select,input,textarea{text-align:left;text-align-last:left}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.45rem;margin:0 0 2px;font-weight:700}
h2{font-size:1.05rem;margin:0 0 14px;font-weight:600}
h3{font-size:.95rem;margin:0 0 10px;font-weight:600}
code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.85em}
.muted{color:var(--muted)} .small{font-size:.82rem} .nowrap{white-space:nowrap} .hidden{display:none!important} .spacer{flex:1}
.text-start{text-align:left}

/* -------- top bar */
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px 20px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:700;letter-spacing:.5px}
.brand-mark.sm{width:32px;height:32px;border-radius:9px;font-size:.8rem}
.nav{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;color:var(--muted);white-space:nowrap;font-weight:500}
.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.nav a.active{background:var(--primary-soft);color:var(--primary)}
.nav a.nav-add{color:var(--primary)}
.nav .ico{font-size:.95rem;opacity:.85}
.top-actions{display:flex;align-items:center;gap:8px}
.pill{font-size:.7rem;padding:0 6px;border-radius:99px;line-height:1.5}
.pill.red{background:var(--c-red);color:var(--c-red-i)}
.container{max-width:1440px;margin:0 auto;padding:22px 20px 90px}

/* -------- page head */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.section-title{margin:22px 0 10px}

/* -------- cards & forms */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}
.form-card{max-width:820px}
label{display:flex;flex-direction:column;gap:5px;font-weight:500;font-size:.9rem;margin-bottom:12px}
label.inline{flex-direction:row;align-items:center;gap:6px;margin:0;white-space:nowrap}
input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:9px 11px;min-width:0;width:100%}
input[type=checkbox],input[type=radio]{width:auto}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 40%,transparent);outline-offset:0;border-color:var(--primary)}
textarea{resize:vertical}
input.xs{width:64px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;align-items:end}
.span-2{grid-column:span 2}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
details.advanced{margin:6px 0 12px}
details summary{cursor:pointer;color:var(--muted)}
form.inline{display:inline}

/* -------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:500;padding:9px 15px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;text-decoration:none!important}
.btn:hover{background:var(--surface-2)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}
.btn.primary:hover{filter:brightness(1.07)}
.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}
.btn.ghost{background:transparent;border-color:transparent}
.btn.sm{padding:5px 10px;font-size:.85rem}
.btn.block{width:100%}
.danger-text{color:var(--danger)!important}
.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:1rem}
.icon-btn:hover{background:var(--surface-2);color:var(--text);text-decoration:none}

/* -------- alerts & badges */
.alert{padding:11px 14px;border-radius:10px;margin-bottom:14px;font-weight:500}
.alert.ok{background:var(--ok-bg);color:var(--ok-ink)}
.alert.warn{background:var(--warn-bg);color:var(--warn-ink)}
.alert.err{background:var(--err-bg);color:var(--err-ink)}
.alert.warn a{color:inherit;text-decoration:underline}
.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.78rem;font-weight:500;white-space:nowrap;background:var(--c-gray);color:var(--c-gray-i);text-decoration:none!important}
.badge.gray,.c-gray{--cb:var(--c-gray);--ci:var(--c-gray-i)}
.badge.blue,.c-blue{--cb:var(--c-blue);--ci:var(--c-blue-i)}
.badge.green,.c-green{--cb:var(--c-green);--ci:var(--c-green-i)}
.badge.orange,.c-orange{--cb:var(--c-orange);--ci:var(--c-orange-i)}
.badge.red,.c-red{--cb:var(--c-red);--ci:var(--c-red-i)}
.badge.pink,.c-pink{--cb:var(--c-pink);--ci:var(--c-pink-i)}
.badge.purple,.c-purple{--cb:var(--c-purple);--ci:var(--c-purple-i)}
.badge.yellow,.c-yellow{--cb:var(--c-yellow);--ci:var(--c-yellow-i)}
.badge.brown,.c-brown{--cb:var(--c-brown);--ci:var(--c-brown-i)}
.badge[class*=" "]{background:var(--cb);color:var(--ci)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ci,var(--c-gray-i));flex:none;margin-inline-end:6px}

/* -------- tabs / segmented */
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--border)}
.tabs a{padding:8px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}
.tabs a:hover{color:var(--text);text-decoration:none}
.tabs a.active{color:var(--primary);border-color:var(--primary)}
.seg{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.seg a{padding:6px 11px;border-radius:8px;color:var(--muted);font-size:.88rem;white-space:nowrap}
.seg a:hover{text-decoration:none;color:var(--text)}
.seg a.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}

/* -------- filters */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px}
.filters select,.filters input{width:auto;padding:7px 10px;font-size:.9rem}
.filters .grow{flex:1 1 220px}

/* -------- tables */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.card.table-wrap{padding:0}
.table{width:100%;border-collapse:collapse;font-size:.9rem}
.table th{font-weight:600;color:var(--muted);font-size:.8rem;text-align:left;padding:10px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);position:sticky;top:0}
.table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:left}
.table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}
.table tfoot td{font-weight:600;background:var(--surface-2);border-bottom:0}
.table td.num a{font-weight:600;color:var(--muted)}
.table .name-cell{min-width:150px;font-weight:500}
.table .name-cell a{color:var(--text)}
.table td.phone{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:left}
.table td input{padding:6px 8px}
.wa{font-size:.8rem;margin-inline-start:4px;opacity:.6}
.chip-select{width:auto;max-width:210px;padding:4px 26px 4px 10px;border-radius:99px;font-size:.82rem;border:1px solid transparent;background-color:var(--cb,var(--surface-2));color:var(--ci,var(--text));font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.chip-select:hover{border-color:var(--border)}
textarea.notes{min-width:170px;padding:5px 8px;font-size:.85rem;border-color:transparent;background:transparent;min-height:32px}
textarea.notes:hover,textarea.notes:focus{border-color:var(--border);background:var(--surface)}
.saving{opacity:.55}
.saved-flash{animation:flash 1s}
@keyframes flash{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 45%,transparent)}100%{box-shadow:none}}

/* -------- report tables */
.report td,.report th{text-align:center;font-variant-numeric:tabular-nums}
.report td.name-cell,.report th:first-child{text-align:left}
.report tr.best td{background:color-mix(in srgb,var(--c-green) 70%,transparent)}
.report tr.worst td{background:color-mix(in srgb,var(--c-red) 55%,transparent)}
.report td.hl{background:color-mix(in srgb,var(--primary-soft) 70%,transparent)}
.matrix .cell-main{font-weight:600}
.matrix .cell-sub{font-size:.72rem;color:var(--muted);white-space:nowrap}

/* -------- KPIs */
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow)}
.kpi span{color:var(--muted);font-size:.82rem}
.kpi b{font-size:1.55rem;font-weight:700;font-variant-numeric:tabular-nums}
.kpi b small{font-size:.8rem;font-weight:500;color:var(--muted)}
.kpi em{font-style:normal;color:var(--muted);font-size:.8rem}
.kpi.accent{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:linear-gradient(180deg,var(--primary-soft),var(--surface) 70%)}

/* -------- إحصائية الـ Leads (النهارده / امبارح / 7 أيام) */
.lead-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:12px;margin-bottom:16px}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);color:var(--text)}
a.stat-card:hover{text-decoration:none;border-color:var(--primary)}
.stat-card.accent{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:linear-gradient(180deg,var(--primary-soft),var(--surface) 75%)}
.stat-label{color:var(--muted);font-size:.85rem;font-weight:500}
.stat-num{font-size:2.2rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.stat-num small{font-size:.85rem;font-weight:500;color:var(--muted)}
.stat-sub{font-size:.8rem;color:var(--muted)}
.stat-sub .c-green{color:var(--c-green-i)} .stat-sub .c-orange{color:var(--c-orange-i)}
.stat-trend{font-size:.8rem;font-weight:600;color:var(--muted)}
.stat-trend.up{color:var(--c-green-i)} .stat-trend.down{color:var(--c-red-i)}
.week-bars{display:flex;gap:6px;align-items:flex-end;flex:1;margin-top:4px}
.wb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text);min-width:0}
.wb:hover{text-decoration:none}
.wb-n{font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}
.wb-bar{position:relative;width:100%;max-width:34px;height:64px;background:var(--surface-2);border-radius:6px;overflow:hidden}
.wb-bar span{position:absolute;bottom:0;left:0;right:0;background:var(--c-gray-i);opacity:.35;border-radius:6px 6px 0 0}
.wb-bar span.cit{background:var(--c-green-i);opacity:1}
.wb.today .wb-bar{outline:2px solid var(--primary);outline-offset:1px}
.wb-d{font-size:.68rem;color:var(--muted);text-align:center;line-height:1.25;white-space:nowrap}
.charts .card{min-width:0}
.chart-box{position:relative;height:300px}
.chart-box.sm{height:200px;margin-top:12px}

/* -------- lead form chips */
fieldset.chips{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
fieldset.chips legend{font-weight:500;font-size:.9rem;margin-bottom:6px;padding:0}
.chip{flex-direction:row;margin:0;cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:9px 16px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);font-weight:500;transition:all .12s}
.chip:hover span{border-color:var(--ci)}
.chip input:checked+span{background:var(--cb);color:var(--ci);border-color:var(--ci)}
.chip input:focus-visible+span{outline:2px solid var(--primary)}
#dupBox a{font-weight:700}

/* -------- board */
.board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;overflow-x:auto;align-items:start}
.board-col{background:var(--surface-2);border-radius:var(--radius);padding:10px;min-height:120px}
.board-col header{font-weight:600;padding:4px 4px 10px;display:flex;align-items:center;gap:4px}
.board-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:8px;display:flex;flex-direction:column;gap:5px}
.board-card a{color:var(--text)}
.bc-tags{display:flex;gap:4px;flex-wrap:wrap}
.bc-notes{background:var(--surface-2);padding:5px 7px;border-radius:6px}
.board-card select{padding:5px 8px;font-size:.85rem}
.empty-col{text-align:center;padding:20px 0}

/* -------- adsets page */
.adset-item{border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--surface)}
.adset-item summary{display:flex;align-items:center;gap:8px;padding:11px 14px;cursor:pointer;flex-wrap:wrap;color:var(--text);list-style:none}
.adset-item summary::-webkit-details-marker{display:none}
.adset-item.status-archived summary{opacity:.6}
.adset-item[open] summary{border-bottom:1px solid var(--border)}
.adset-body{padding:14px}
.adset-danger{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:.88rem}
.adset-danger select{width:auto;padding:5px 8px}
.new-row td{background:var(--surface-2)}
.other-camps summary{cursor:pointer;color:var(--text)}
.other-camps[open] summary{margin-bottom:12px}
.other-camps .table-wrap{max-height:480px;overflow-y:auto}

/* -------- spend grid */
.spend-grid td{text-align:center}
.spend-grid td.name-cell{text-align:left;white-space:nowrap}
.money-input{width:78px;text-align:center;padding:6px 4px;font-variant-numeric:tabular-nums}
.money-input.from-meta{background:var(--c-blue);border-color:transparent}
.sync-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* -------- settings */
.opt-block{margin-bottom:18px}
.opt-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.opt-row input:not(.xs){flex:1}
.opt-row select{width:auto;padding:6px}
.opt-row.new{padding-top:6px;border-top:1px dashed var(--border)}

/* -------- empty, toast, fab */
.empty{text-align:center;padding:40px 20px}
.empty-ico{font-size:2rem;color:var(--muted);margin-bottom:6px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:500;opacity:0;pointer-events:none;transition:all .2s;z-index:50}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.err{background:var(--danger);color:#fff}
.fab{display:none}

/* -------- login */
.login-body{min-height:100vh;display:grid;place-items:center;padding:16px}
.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow);text-align:center}
.login-card label{text-align:left}
.login-card h1{font-size:1.2rem;margin:14px 0 2px}
.login-card .muted{margin:0 0 18px}

/* -------- responsive */
@media (max-width:1100px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-week{grid-column:1/-1}}
@media (max-width:720px){.lead-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-stats a.stat-card:first-child{grid-column:1/-1}.stat-num{font-size:1.8rem}}
@media (max-width:900px){
  .grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}
  .span-2{grid-column:auto}
  .brand-name,.user-name{display:none}
  .nav a span:not(.ico):not(.pill){display:none}
  .nav a{padding:8px 10px}
  .nav .ico{font-size:1.1rem}
}
@media (max-width:720px){
  .topbar{padding:8px 12px;gap:8px}
  .container{padding:16px 16px 100px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi b{font-size:1.3rem}
  .card{padding:14px}
  /* جدول المحادثات → كروت */
  .leads-table thead{display:none}
  .leads-table,.leads-table tbody,.leads-table tr,.leads-table td{display:block;width:100%}
  .card.table-wrap{background:transparent;border:0;box-shadow:none;overflow:visible}
  .leads-table tr{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
  .leads-table td{border:0;padding:0;width:100%}
  .leads-table td.num,.leads-table td.row-actions{width:auto}
  .leads-table td.name-cell{width:auto;flex:1;font-size:1rem;min-width:0}
  .leads-table td.num{order:-2}.leads-table td.name-cell{order:-1}.leads-table td.row-actions{order:0}
  .leads-table td.phone{order:1;text-align:left}
  .leads-table td[data-label="التاريخ"]{order:2}
  .leads-table td[data-label="Ad Set"]{order:3}
  .leads-table td[data-label="المنصة"],.leads-table td[data-label="الجنسية"],.leads-table td[data-label="الاهتمام"],.leads-table td[data-label="الحالة"]{order:4;width:auto}
  .leads-table td.notes-cell{order:5}
  .chip-select{max-width:100%;font-size:.88rem;padding:7px 28px 7px 12px}
  textarea.notes{border-color:var(--border);width:100%}
  .chip span{padding:10px 16px}
  .board{grid-template-columns:repeat(4,85vw);scroll-snap-type:x mandatory}
  .board-col{scroll-snap-align:start}
  .fab{display:grid;place-items:center;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--primary-ink);font-size:1.6rem;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:30;text-decoration:none!important}
  .filters select,.filters input{flex:1 1 140px}
  .head-actions .btn{padding:8px 12px}
}

/* -------- الصرف النهارده وامبارح */
.sd-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.sd-head h2{margin:0}
.sd-sync{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sd-sync .stale{color:var(--warn-ink);font-weight:600}
.sd-table th.sd-day{text-align:center;border-bottom:1px solid var(--border);color:var(--text);font-size:.85rem}
.sd-table th:nth-child(1),.sd-table td:nth-child(1),.sd-table td:nth-child(6){border-inline-end:2px solid var(--border)}
.sd-table thead tr:nth-child(2) th:nth-child(5){border-inline-end:2px solid var(--border)}
.sd-table thead tr:first-child th:nth-child(2){border-inline-end:2px solid var(--border)}
.sd-table tr.sd-camp td{background:var(--surface-2);font-weight:600}
.sd-table tr.sd-adset td.name-cell{padding-inline-start:26px;font-weight:500}
.sd-table td.sd-spend{white-space:nowrap}
.sd-table td.sd-spend small{color:var(--muted);font-weight:500}
.stat-costs{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);font-size:.8rem}
.stat-costs em{font-style:normal;color:var(--muted)}
.stat-costs b{font-variant-numeric:tabular-nums}
.stat-costs small{color:var(--muted)}
input.input-err{border-color:var(--danger);outline:2px solid color-mix(in srgb,var(--danger) 35%,transparent)}
#dupBox a{color:inherit;text-decoration:underline}
.btn:disabled{opacity:.45;cursor:not-allowed}
.export-form .chip small{font-weight:400}
.export-list{margin:0 0 10px;padding-inline-start:20px;line-height:1.9}