/* style41.css (v11) - modern glass UI */
:root{
  --bg:#0b1020;
  --card:#0b1220a6;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --ring:#93c5fd;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,'Noto Naskh Arabic',sans-serif;
  margin:0;
  color:var(--text);
  background: radial-gradient(1200px 800px at 10% 10%, #0b1340 0%, #081022 45%, #030814 100%) fixed;
  padding:24px;
  direction: rtl;
}
a{color:#93c5fd;text-decoration:none}
a:hover{text-decoration:underline}
.wrap41{max-width:1250px;margin:0 auto}
.topbar41{display:flex;justify-content:space-between;align-items:center;margin:0 auto 18px;max-width:1250px}
.brand41{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}
.brand41 .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa)}

.card41,.box41{
  backdrop-filter:saturate(1.4) blur(6px);
  background:var(--card);
  border:1px solid rgba(148,163,184,.25);
  border-radius:20px;
  padding:20px;
  box-shadow:0 20px 50px rgba(2,6,23,.45), inset 0 1px 0 rgba(255,255,255,.04);
}
.card41 h1,.card41 h2,.card41 h3,.box41 h2{margin:0 0 10px}
.btn41{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;border:none;border-radius:12px;padding:10px 14px;
  cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;
  box-shadow:0 8px 20px rgba(124,58,237,.25)
}
.btn41[disabled]{opacity:.5;cursor:not-allowed}
.btn41:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(124,58,237,.35)}
.btn41.outline{background:transparent;border:1px solid #334155;color:#e5e7eb;box-shadow:none}
.btn41.warn{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.btn41.success{background:linear-gradient(135deg,#16a34a,#22c55e)}
.btn41.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}

.kpi41{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kpi41 li{background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}
.kpi41 .v{font-weight:900}

.grid41{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.mt41{margin-top:12px}
.hint41{font-size:12px;color:var(--muted);margin-top:8px}

input,select{
  width:100%;padding:12px;border:1px solid #34425b;border-radius:12px;margin-top:6px;
  background:#0b1020;color:var(--text)
}
label{display:block;margin-top:12px;color:#cbd5e1}
fieldset{border:1px dashed #334155;padding:10px;border-radius:12px}
legend{padding:0 6px;color:#cbd5e1}

/* Tiles */
.tile41{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.tile41 .hdr{
  padding:12px 16px;font-weight:900;letter-spacing:.3px;color:#fff;
  display:flex;align-items:center;justify-content:space-between
}
.tile41 .count{font-weight:900;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:999px}
.tile41 .inner{padding:12px 14px}
.item41{display:flex;align-items:center;gap:12px;margin:8px 0;padding:10px 12px;border-radius:12px;
        background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.18)}
.badge41{font-weight:800;background:linear-gradient(135deg,#e2e8f0,#f8fafc);color:#0b1220;
         padding:3px 10px;border-radius:999px;min-width:46px;text-align:center}
.status-dot{width:8px;height:8px;border-radius:50%}
.dot-wait{background:#ef4444}.dot-call{background:#4f46e5}.dot-done{background:#22c55e}.dot-no{background:#f59e0b}

/* Backgrounds */
.tile-wait{background:linear-gradient(180deg,#3a0d13 0%, #22080c 100%)}
.tile-call{background:linear-gradient(180deg,#14133a 0%, #0b0b26 100%)}
.tile-done{background:linear-gradient(180deg,#0f3a22 0%, #0a2315 100%)}
.tile-no{background:linear-gradient(180deg,#3a2a0f 0%, #241a07 100%)}
.tile-future{background:linear-gradient(180deg,#163046 0%, #0e2030 100%)}

/* Modal */
.modal41{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;z-index:50;
         background:rgba(2,6,23,.55);backdrop-filter:blur(6px)}
.modal41.show{display:flex}
.modal41__card{background:var(--card);border:1px solid rgba(148,163,184,.25);
               border-radius:16px;max-width:520px;width:100%;padding:18px;
               box-shadow:0 24px 60px rgba(2,6,23,.6)}
.modal41__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}

/* Secretary 3-column table */
.table41{width:100%; border-collapse:separate; border-spacing:0 10px}
.table41 th, .table41 td{vertical-align:top; padding:0 10px}
.table41 .col{background:rgba(255,255,255,.06); border:1px solid rgba(148,163,184,.18); border-radius:14px; padding:12px}
.table41 h4{margin:0 0 8px 0}
.name-red{color:#f87171; font-weight:800}
.name-green{color:#34d399; font-weight:800}
.name-amber{color:#fbbf24; font-weight:800}
.sepdate{font-size:12px;color:#cbd5e1;opacity:.9;margin:4px 0}

/* Alerts */
.err41{background:#2b0f14;color:#fecaca;border:1px solid #7f1d1d;padding:12px;border-radius:12px;margin:12px 0}
.ok41{background:#0f2d23;color:#bbf7d0;border:1px solid #065f46;padding:12px;border-radius:12px;margin:12px 0}
.now41{font-size:56px;font-weight:900;text-shadow:0 6px 30px rgba(2,6,23,.6)}