/* ====== Agent Store — أنماط لوحة التحكم ====== */

.font-900 { font-weight: 900; }
.font-800 { font-weight: 800; }

/* ---- بطاقات KPI ---- */
.kpi-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.2rem;
  padding: 1.2rem 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 2px 10px -4px rgba(15,23,42,.06);
}
.kpi-icon {
  width: 3rem; height: 3rem;
  border-radius: .9rem;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.kpi-num { font-family: 'Tajawal', sans-serif; font-weight: 900; font-size: 1.8rem; line-height: 1.1; color: #0f172a; }
.kpi-label { font-size: .78rem; color: #64748b; }

/* ---- الجدول ---- */
.table-th { padding: .8rem 1rem; text-align: right; font-weight: 700; white-space: nowrap; }
.table-td { padding: .85rem 1rem; vertical-align: middle; }
#leads-tbody tr { border-top: 1px solid #f1f5f9; transition: background .15s; }
#leads-tbody tr:hover { background: #f8fafc; }

/* ---- شارات الحالة ---- */
.status-select {
  border: 2px solid transparent;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 700;
  padding: .3rem 1.8rem .3rem .8rem;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .6rem center;
  transition: box-shadow .15s;
}
.status-select:focus { outline: none; box-shadow: 0 0 0 3px rgba(16,185,129,.25); }
.status-جديد        { background-color: #dbeafe; color: #1d4ed8; }
.status-تواصل       { background-color: #fef3c7; color: #b45309; }
.status-بيع         { background-color: #d1fae5; color: #047857; }
.status-ملغي        { background-color: #fee2e2; color: #b91c1c; }

/* ---- أزرار الإجراءات ---- */
.action-btn {
  width: 2.1rem; height: 2.1rem;
  border-radius: .6rem;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: .85rem;
  transition: transform .15s, background .15s;
}
.action-btn:hover { transform: scale(1.1); }
.action-wa  { background: #d1fae5; color: #047857; }
.action-del { background: #fee2e2; color: #b91c1c; }

/* ---- ترقيم الصفحات ---- */
.page-btn {
  width: 2.2rem; height: 2.2rem;
  border-radius: .6rem;
  background: #f1f5f9;
  color: #334155;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.page-btn:hover:not(:disabled) { background: #d6f5e3; color: #0a7a56; }
.page-btn:disabled { opacity: .35; cursor: not-allowed; }

/* ---- Toast ---- */
#toast { animation: toastIn .3s ease; }
@keyframes toastIn { from { opacity: 0; transform: translate(50%, 15px); } to { opacity: 1; transform: translate(50%, 0); } }

@media (max-width: 640px) {
  .kpi-num { font-size: 1.4rem; }
  .table-td, .table-th { padding: .6rem .6rem; }
}

/* Premium dashboard shell */
:root { --dash-bg:#070b0d; --dash-panel:rgba(17,24,27,.78); --dash-line:rgba(255,255,255,.08); --dash-muted:#88969b; --dash-emerald:#34d399; }
.admin-app { background:radial-gradient(circle at 70% -10%,rgba(16,185,129,.13),transparent 28%),var(--dash-bg)!important;color:#edf7f3!important; }
.admin-app:before { content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px; }
.admin-sidebar { position:fixed;inset-block:0;inset-inline-start:0;width:260px;padding:22px 16px;z-index:45;background:rgba(8,13,15,.9);border-inline-end:1px solid var(--dash-line);backdrop-filter:blur(22px);display:flex;flex-direction:column; }
.admin-brand { display:flex;align-items:center;gap:12px;padding:4px 8px 26px; }.brand-orb{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#05110d;background:linear-gradient(135deg,#6ee7b7,#10b981);box-shadow:0 0 30px rgba(16,185,129,.28)}.admin-brand strong{display:block;font:700 15px Tajawal}.admin-brand small{display:block;color:var(--dash-muted);font-size:10px;margin-top:2px}
.admin-nav { display:flex;flex-direction:column;gap:4px;flex:1; }.admin-nav a{display:flex;align-items:center;gap:12px;color:#8f9da1;padding:10px 12px;border-radius:10px;font-size:13px;transition:.2s}.admin-nav a i{width:18px;text-align:center}.admin-nav a:hover,.admin-nav a.active{color:#eafff7;background:linear-gradient(90deg,rgba(52,211,153,.14),rgba(52,211,153,.03));box-shadow:inset 2px 0 var(--dash-emerald)}.admin-nav a b{margin-inline-start:auto;background:rgba(52,211,153,.15);color:#6ee7b7;border-radius:20px;padding:1px 7px;font-size:10px}
.sidebar-profile{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--dash-line);background:rgba(255,255,255,.025);border-radius:13px}.sidebar-profile>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#064e3b,#10b981);font-weight:700}.sidebar-profile div{flex:1}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:11px}.sidebar-profile small{font-size:9px;color:var(--dash-muted)}.sidebar-profile>i{color:#68777b}
.admin-topbar { margin-inline-start:260px;background:rgba(7,11,13,.7)!important;border-bottom:1px solid var(--dash-line);box-shadow:none!important;backdrop-filter:blur(18px)}.admin-topbar>div{max-width:none!important}.topbar-kicker{font-size:10px;color:#6ee7b7}.topbar-title{font:700 17px Tajawal}.dashboard-search{width:min(320px,28vw);display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--dash-line);border-radius:10px;background:rgba(255,255,255,.035);color:#67777c}.dashboard-search input{width:100%;background:none;outline:0;color:white;font-size:11px}.dashboard-search kbd{font-size:9px;border:1px solid var(--dash-line);padding:2px 5px;border-radius:5px}.icon-action{width:36px;height:36px;border:1px solid var(--dash-line);border-radius:10px;position:relative}.icon-action span{position:absolute;width:6px;height:6px;border-radius:50%;background:#34d399;top:7px;right:8px;box-shadow:0 0 8px #34d399}
.admin-main { max-width:none!important;margin-inline-start:260px!important;padding:28px 30px!important}.admin-hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.admin-hero h2{font:700 25px Tajawal;margin:10px 0 3px}.admin-hero p{color:var(--dash-muted);font-size:12px}.eyebrow{font-size:10px;color:#91a19e}.eyebrow i{font-size:6px;color:#34d399;margin-left:6px}.hero-actions{display:flex;gap:8px}.hero-actions button{background:#34d399;color:#052018;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:700}.hero-actions .secondary{background:rgba(255,255,255,.04);color:#d7e4df;border:1px solid var(--dash-line)}
.kpi-card,#charts-section>div,#leads-section{background:linear-gradient(145deg,rgba(21,31,34,.85),rgba(12,18,20,.75))!important;border:1px solid var(--dash-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.2)!important;backdrop-filter:blur(14px)}.kpi-card{border-radius:16px!important;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#34d399;filter:blur(45px);opacity:.08;left:-20px;bottom:-30px}.kpi-icon{background:rgba(52,211,153,.1)!important;color:#6ee7b7!important}.kpi-num{color:#f2fbf8}.kpi-label{color:var(--dash-muted)}#charts-section>div,#leads-section{border-radius:18px!important;color:#e8f1ee}#leads-section input,#leads-section select{background:#0e1719!important;border-color:var(--dash-line)!important;color:#dce9e5}#leads-table thead tr{background:rgba(255,255,255,.025)!important;color:#91a09d!important}#leads-tbody tr{border-color:var(--dash-line)}#leads-tbody tr:hover{background:rgba(52,211,153,.035)}
@media(max-width:900px){.admin-sidebar{display:none}.admin-topbar,.admin-main{margin-inline-start:0!important}.dashboard-search{display:none}.admin-main{padding:20px 14px!important}.admin-hero{align-items:start;gap:16px}.hero-actions{display:none}}
@media(prefers-reduced-motion:no-preference){.kpi-card,#charts-section>div,#leads-section{animation:dashUp .55s both}.kpi-card:nth-child(2){animation-delay:.06s}.kpi-card:nth-child(3){animation-delay:.12s}.kpi-card:nth-child(4){animation-delay:.18s}@keyframes dashUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}

/* Admin pages */
.admin-placeholder{display:none}.admin-main[data-page="overview"] #leads-section{display:none}.admin-main:not([data-page="overview"])>.admin-hero,.admin-main:not([data-page="overview"])>#stats-section,.admin-main:not([data-page="overview"])>#charts-section{display:none}.admin-main[data-page="orders"]>#leads-section{display:block}.admin-main[data-page]:not([data-page="overview"]):not([data-page="orders"])>#leads-section{display:none}.admin-main[data-page="customers"]>[data-admin-page="customers"],.admin-main[data-page="employees"]>[data-admin-page="employees"],.admin-main[data-page="payments"]>[data-admin-page="payments"],.admin-main[data-page="subscriptions"]>[data-admin-page="subscriptions"],.admin-main[data-page="analytics"]>[data-admin-page="analytics"],.admin-main[data-page="tickets"]>[data-admin-page="tickets"],.admin-main[data-page="settings"]>[data-admin-page="settings"]{display:block;animation:dashUp .4s ease both}
.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.page-heading span,.section-title span{color:#6ee7b7;font-size:10px}.page-heading h2{font:700 26px Tajawal;margin:5px 0 3px}.page-heading p{color:var(--dash-muted);font-size:12px}.page-heading button{background:#34d399;color:#062018;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:700}.page-heading button.ghost{background:rgba(255,255,255,.04);border:1px solid var(--dash-line);color:#dce9e5}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.mini-stats article,.premium-list,.agent-grid article,.finance-card,.analytics-panel,.settings-grid article{background:linear-gradient(145deg,rgba(21,31,34,.85),rgba(12,18,20,.75));border:1px solid var(--dash-line);border-radius:16px}.mini-stats article{padding:18px}.mini-stats span,.mini-stats strong,.mini-stats small{display:block}.mini-stats span{color:var(--dash-muted);font-size:11px}.mini-stats strong{font:700 27px Tajawal;margin:8px 0 3px}.mini-stats small{color:#6ee7b7;font-size:9px}.premium-list{overflow:hidden}.list-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--dash-line)}.list-head h3{font-size:14px}.list-head label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--dash-line);border-radius:9px;color:#69777b}.list-head input{background:none;outline:0;color:white;font-size:10px}.person-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--dash-line)}.person-row:last-child{border-bottom:0}.person-row>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(52,211,153,.1);color:#6ee7b7;font-weight:700}.person-row div{flex:1}.person-row strong,.person-row small{display:block}.person-row strong{font-size:11px}.person-row small{color:var(--dash-muted);font-size:9px;margin-top:3px}.person-row em{font-style:normal;color:#a6b3af;font-size:10px}.person-row b{color:#6ee7b7;background:rgba(52,211,153,.09);padding:4px 9px;border-radius:20px;font-size:9px}.person-row .ticket.high{background:rgba(244,63,94,.1);color:#fb7185}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.agent-grid article{padding:19px;position:relative}.agent-grid article>i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(52,211,153,.1);color:#6ee7b7;margin-bottom:18px}.agent-grid article>span{position:absolute;top:18px;left:18px;color:#6ee7b7;font-size:9px}.agent-grid article>span.paused{color:#fbbf24}.agent-grid h3{font-size:13px}.agent-grid p{color:var(--dash-muted);font-size:10px;line-height:1.8;margin:5px 0 17px}.agent-grid footer{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--dash-line);padding-top:13px}.agent-grid footer b{font-size:16px}.agent-grid footer small{color:var(--dash-muted);font-size:9px}
.finance-card{padding:24px;display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:end}.finance-card span,.finance-card strong,.finance-card em{display:block}.finance-card span{color:var(--dash-muted);font-size:11px}.finance-card strong{font-size:31px;margin:8px 0}.finance-card strong small{font-size:12px;color:var(--dash-muted)}.finance-card em{color:#6ee7b7;font-size:10px;font-style:normal}.bars{height:190px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--dash-line)}.bars i{flex:1;min-height:15px;border-radius:6px 6px 0 0;background:linear-gradient(#34d399,rgba(16,185,129,.18))}.analytics-panel{padding:24px}.line-visual{height:300px;position:relative;background:repeating-linear-gradient(to bottom,var(--dash-line) 0 1px,transparent 1px 60px)}.line-visual svg{width:100%;height:100%;overflow:visible}.line-visual path{fill:none;stroke:#34d399;stroke-width:1;filter:drop-shadow(0 0 5px rgba(52,211,153,.5))}.line-visual>span{position:absolute;left:var(--x);top:var(--y);width:7px;height:7px;border:2px solid #b7f7dd;background:#0b1515;border-radius:50%}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-grid article{display:flex;align-items:center;gap:12px;padding:18px}.settings-grid article>i:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(52,211,153,.1);color:#6ee7b7}.settings-grid article div{flex:1}.settings-grid h3{font-size:11px}.settings-grid p{font-size:9px;color:var(--dash-muted);margin-top:3px}.settings-grid article>i:last-child{color:#59666a;font-size:10px}
@media(max-width:800px){.mini-stats,.agent-grid,.settings-grid{grid-template-columns:1fr}.finance-card{grid-template-columns:1fr}.page-heading{align-items:start;gap:15px}.person-row em{display:none}}