@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

:root{
  --paper:#F6F1E4;
  --paper-raised:#EEE6D0;
  --panel:#FFFFFF;
  --ink:#1C2B29;
  --ink-soft:#4B5C54;
  --teal:#1F5D57;
  --teal-deep:#12403C;
  --brass:#A9752E;
  --brass-bright:#C68F3E;
  --rule:#D9CCA6;
  --ok:#2E7A4F;
  --new:#B23B3B;
  --font-body:'Tajawal','Segoe UI',Tahoma,sans-serif;
  --font-mono:'Tajawal','Segoe UI',Tahoma,sans-serif;
}

/* نفس أطقم ألوان الموقع العام — تُطبَّق على لوحة الإدارة بالكامل حسب الاختيار في صفحة المظهر */
:root[data-palette="royal"]{
  --paper:#EEF2F7; --paper-raised:#E2E9F2; --panel:#F9FBFD; --ink:#1B2733; --ink-soft:#52697F; --rule:#C7D3E0;
  --teal:#1E3A5F; --teal-deep:#14293F; --brass:#B8862F; --brass-bright:#D4A24E;
}
:root[data-palette="forest"]{
  --paper:#F0F4EC; --paper-raised:#E4EBDC; --panel:#F9FBF7; --ink:#1E2B1E; --ink-soft:#4F5F4A; --rule:#CBD9BD;
  --teal:#2C5E3F; --teal-deep:#1D4029; --brass:#B9791E; --brass-bright:#D6953B;
}
:root[data-palette="burgundy"]{
  --paper:#F7EFEC; --paper-raised:#F0E1DC; --panel:#FCF8F7; --ink:#2B1A1D; --ink-soft:#6B4A4F; --rule:#E0C6C0;
  --teal:#7A2B3B; --teal-deep:#591F2C; --brass:#B4863A; --brass-bright:#CDA157;
}
:root[data-palette="slate"]{
  --paper:#EFF1F2; --paper-raised:#E3E7E9; --panel:#F8F9FA; --ink:#1E262B; --ink-soft:#526069; --rule:#CBD3D7;
  --teal:#3E5468; --teal-deep:#2C3E4E; --brass:#C1652F; --brass-bright:#DA824E;
}

*{box-sizing:border-box;}
body{
  margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);
  direction:rtl;font-size:15px;line-height:1.6;
}
a{color:inherit;}
button,input,select,textarea{font-family:inherit;font-size:inherit;}
h1,h2,h3{margin:0;}

.admin-shell{display:flex;min-height:100vh;}
.admin-nav{
  width:220px;flex-shrink:0;background:var(--teal-deep);color:#EFE9D8;
  padding:24px 18px;position:sticky;top:0;height:100vh;
}
.admin-nav .brand{font-weight:700;font-size:1.15rem;margin-bottom:32px;display:block;}
.admin-nav .brand span{color:var(--brass-bright);}
.admin-nav a{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 12px;border-radius:4px;text-decoration:none;
  color:#D7E4DF;font-size:0.92rem;margin-bottom:4px;
}
.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,0.08);color:#fff;}
.admin-nav .badge{
  background:var(--new);color:#fff;font-family:var(--font-mono);font-size:0.72rem;
  padding:1px 7px;border-radius:999px;min-width:20px;text-align:center;
}
.admin-nav .logout{margin-top:24px;border-top:1px solid rgba(255,255,255,0.15);padding-top:16px;}

.admin-main{flex:1;padding:32px 36px;max-width:1100px;}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:12px;}
.admin-header h1{font-size:1.5rem;}

.flash{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:0.9rem;}
.flash-ok{background:#E4F0E7;color:var(--ok);border:1px solid #BFDCC7;}
.flash-error{background:#F5E4E1;color:#8C2F24;border:1px solid #E3BEB6;}

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-bottom:32px;}
.stat-card{background:var(--panel);padding:20px;}
.stat-card .label{font-size:0.78rem;color:var(--ink-soft);}
.stat-card .value{font-family:var(--font-mono);font-size:1.9rem;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums;}

.panel{background:var(--panel);border:1px solid var(--rule);border-radius:4px;margin-bottom:28px;}
.panel-head{padding:16px 20px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;}
.panel-head h2{font-size:1.05rem;}
.panel-body{padding:20px;}

table{width:100%;border-collapse:collapse;font-size:0.9rem;}
th,td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--rule);vertical-align:top;}
th{font-size:0.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.03em;font-weight:600;}
tr:last-child td{border-bottom:none;}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}

.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:0.75rem;font-weight:600;}
.pill-new{background:#F5E4E1;color:var(--new);}
.pill-completed{background:#E4F0E7;color:var(--ok);}
.pill-free{background:#E4F0E7;color:var(--ok);}
.pill-ready{background:var(--paper-raised);color:var(--ink-soft);}
.pill-service{background:#E9E2F2;color:#5B3E8C;}

/* الإحصائيات */
.chart-wrap{position:relative;direction:ltr;}
.chart-wrap svg{display:block;width:100%;height:auto;}
.chart-grid{stroke:var(--rule);stroke-width:1;}
.chart-axis{fill:var(--ink-soft);font-size:11px;font-family:var(--font-mono);}
.chart-bar{fill:var(--teal);}
.chart-hit{fill:transparent;}
.chart-col{cursor:default;}
.chart-col:hover .chart-bar{fill:var(--teal-deep);}
.chart-tip{
  position:absolute;top:-6px;direction:rtl;white-space:nowrap;pointer-events:none;
  background:var(--ink);color:var(--paper);font-size:0.78rem;padding:5px 10px;border-radius:4px;
}
.chart-table{margin-top:14px;font-size:0.85rem;}
.chart-table summary{cursor:pointer;color:var(--ink-soft);}
.chart-table table{margin-top:10px;}
.inline-bar{display:flex;align-items:center;gap:10px;min-width:120px;}
.inline-bar span{min-width:2ch;}
.inline-bar i{display:block;height:6px;border-radius:3px;background:var(--teal);opacity:0.75;}
.hint-note{margin-top:14px;font-size:0.78rem;color:var(--ink-soft);}
.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media (max-width:800px){.split-panels{grid-template-columns:1fr;}}

.btn{
  display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:4px;
  font-size:0.85rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;
  background:var(--teal-deep);color:#fff;
}
.btn:hover{background:var(--teal);}
.btn-outline{background:transparent;border-color:var(--rule);color:var(--ink);}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);}
.btn-danger{background:transparent;border-color:#E3BEB6;color:#8C2F24;}
.btn-danger:hover{background:#F5E4E1;}
.btn-wa{background:#1F5D57;}
.btn-sm{padding:6px 12px;font-size:0.78rem;}

.field{margin-bottom:18px;}
.field label{display:block;font-size:0.85rem;font-weight:600;margin-bottom:6px;}
.field .hint{font-size:0.78rem;color:var(--ink-soft);margin-top:4px;}
.field input[type=text],.field input[type=number],.field input[type=password],
.field input[type=datetime-local],.field select,.field textarea,.field input[type=file]{
  width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--ink);
}
.field textarea{resize:vertical;min-height:110px;font-family:var(--font-mono);font-size:0.85rem;}

.password-field{position:relative;}
.password-field input{padding-inline-end:42px;}
.toggle-password{
  position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;padding:6px;display:flex;
  color:var(--ink-soft);border-radius:4px;
}
.toggle-password:hover{color:var(--teal);}
.toggle-password .icon-eye-off{display:none;}
.toggle-password.is-visible .icon-eye{display:none;}
.toggle-password.is-visible .icon-eye-off{display:block;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.checkbox-row{display:flex;align-items:center;gap:8px;}
.checkbox-row input{width:auto;}

.tabs{display:flex;gap:6px;margin-bottom:20px;}
.tabs a{padding:8px 16px;border-radius:4px;text-decoration:none;font-size:0.85rem;color:var(--ink-soft);border:1px solid var(--rule);}
.tabs a.active{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep);}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);}
.login-card{background:var(--panel);border:1px solid var(--rule);border-radius:6px;padding:36px;width:340px;}
.login-card h1{font-size:1.2rem;margin-bottom:24px;text-align:center;}

@media (max-width:800px){
  .admin-shell{flex-direction:column;}
  .admin-nav{width:100%;height:auto;position:static;}
  .form-grid{grid-template-columns:1fr;}
}

.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.theme-option{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  border:2px solid var(--rule);border-radius:6px;cursor:pointer;background:var(--panel);
}
.theme-option:hover{border-color:var(--teal);}
.theme-option.is-selected{border-color:var(--teal-deep);background:#F0F5F2;}
.theme-option input{margin:0;width:auto;flex-shrink:0;}
.theme-option .swatch{position:relative;width:56px;height:38px;flex-shrink:0;border-radius:6px;border:1px solid var(--rule);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.08);}
.theme-option .swatch-bar{position:absolute;top:0;left:0;right:0;height:13px;}
.theme-option .swatch-dot{position:absolute;bottom:6px;left:6px;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0.6);}
.theme-option .theme-label{font-size:0.9rem;font-weight:600;}