/* ═══════════════════════════════════════════════════════════════
   RxLink Section Dashboard — card-based section landing pages
   ═══════════════════════════════════════════════════════════════ */
*{box-sizing:border-box;margin:0;padding:0}
body.rxsd-page{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f0f2f5;color:#1e293b;min-height:100vh}

/* ── Header ── */
.rxsd-header{padding:28px 24px 22px;color:#fff;position:relative}
.rxsd-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rxsd-header-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:14px;flex-shrink:0}
.rxsd-header h1{font-size:1.5rem;font-weight:700}
.rxsd-header p{font-size:.9rem;opacity:.85}
.rxsd-header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.rxsd-btn{padding:7px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:.82rem;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.rxsd-btn:hover{background:rgba(255,255,255,.2)}
.rxsd-btn--solid{background:rgba(255,255,255,.9);color:#0f766e;border-color:transparent;font-weight:600}
.rxsd-btn--solid:hover{background:#fff}
.rxsd-btn--danger{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fecaca}
.rxsd-btn--danger:hover{background:rgba(239,68,68,.25)}

/* ── Section-specific header gradients ── */
.rxsd-header[data-section="operations"]{background:linear-gradient(135deg,#0f766e 0%,#047857 100%)}
.rxsd-header[data-section="inventory"]{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%)}
.rxsd-header[data-section="returns"]{background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%)}
.rxsd-header[data-section="purchases"]{background:linear-gradient(135deg,#b45309 0%,#d97706 100%)}
.rxsd-header[data-section="pharmacy"]{background:linear-gradient(135deg,#0891b2 0%,#06b6d4 100%)}
.rxsd-header[data-section="patients"]{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%)}
.rxsd-header[data-section="workflow"]{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)}
.rxsd-header[data-section="online"]{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%)}
.rxsd-header[data-section="hr"]{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%)}
.rxsd-header[data-section="commcenter"]{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}
.rxsd-header[data-section="admin"]{background:linear-gradient(135deg,#475569 0%,#64748b 100%)}

/* ── Layout ── */
.rxsd-body{max-width:1100px;margin:0 auto;padding:24px 20px 48px}
.rxsd-live-hint{max-width:1100px;margin:12px auto 0;padding:0 20px;color:#475569;font-size:.83rem}

/* ── KPI Cards Grid ── */
.rxsd-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:28px}
.rxsd-kpi{background:#fff;border-radius:12px;padding:18px 16px;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:6px;transition:transform .15s,box-shadow .15s}
.rxsd-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.rxsd-kpi.is-link{text-decoration:none;color:inherit;cursor:pointer;border:1px solid #dbe4f1}
.rxsd-kpi-icon{font-size:1.3rem}
.rxsd-kpi-label{font-size:.78rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.02em}
.rxsd-kpi-value{font-size:1.6rem;font-weight:700;color:#0f172a;line-height:1.1}
.rxsd-kpi-value.currency::before{content:'EGP ';font-size:.85rem;font-weight:500;color:#64748b}
.rxsd-kpi-cta{margin-top:2px;font-size:.73rem;color:#0f766e;font-weight:600;text-transform:uppercase;letter-spacing:.02em}

/* ── Two-column layout for actions + alerts/recent ── */
.rxsd-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}

/* ── Section card (used for actions, alerts, recent) ── */
.rxsd-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:20px}
.rxsd-card h3{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.rxsd-card h3 .badge{font-size:.7rem;background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:10px;font-weight:500}

/* ── Quick Actions ── */
.rxsd-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.rxsd-action{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;text-decoration:none;color:#1e293b;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,transform .1s}
.rxsd-action:hover{background:#f0f9ff;border-color:#bae6fd;transform:translateY(-1px)}
.rxsd-action-icon{font-size:1.2rem;flex-shrink:0}
.rxsd-action.hidden{display:none}

/* ── Alerts ── */
.rxsd-alerts{display:flex;flex-direction:column;gap:8px}
.rxsd-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:.84rem;text-decoration:none;color:inherit;transition:background .15s}
.rxsd-alert:hover{background:#f8fafc}
.rxsd-alert[data-type="warning"]{background:#fffbeb;border-left:3px solid #f59e0b}
.rxsd-alert[data-type="error"]{background:#fef2f2;border-left:3px solid #ef4444}
.rxsd-alert[data-type="info"]{background:#eff6ff;border-left:3px solid #3b82f6}
.rxsd-alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.rxsd-alert[data-type="warning"] .rxsd-alert-dot{background:#f59e0b}
.rxsd-alert[data-type="error"] .rxsd-alert-dot{background:#ef4444}
.rxsd-alert[data-type="info"] .rxsd-alert-dot{background:#3b82f6}
.rxsd-empty{color:#94a3b8;font-size:.84rem;padding:12px 0;text-align:center}

/* ── Recent items ── */
.rxsd-recent{display:flex;flex-direction:column;gap:6px}
.rxsd-recent-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;text-decoration:none;color:inherit;font-size:.84rem;transition:background .15s}
.rxsd-recent-item:hover{background:#f8fafc}
.rxsd-recent-label{font-weight:500;color:#1e293b}
.rxsd-recent-sub{color:#64748b;font-size:.8rem}
.rxsd-recent-time{margin-left:auto;color:#94a3b8;font-size:.75rem;flex-shrink:0}

/* ── Set-as-Home banner ── */
.rxsd-home-banner{background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;padding:12px 18px;margin-bottom:20px;display:flex;align-items:center;gap:12px;font-size:.85rem;color:#0f766e}
.rxsd-home-banner.is-home{background:#ecfdf5;border-color:#6ee7b7}
.rxsd-home-banner button{padding:5px 14px;border-radius:6px;border:1px solid #0f766e;background:#0f766e;color:#fff;font-size:.8rem;cursor:pointer;transition:background .15s;margin-left:auto;white-space:nowrap}
.rxsd-home-banner button:hover{background:#0d9488}
.rxsd-home-banner button.clear{background:transparent;color:#0f766e;border-color:#99f6e4}
.rxsd-home-banner button.clear:hover{background:#ccfbf1}

/* ── Loading / Error ── */
.rxsd-loading{text-align:center;padding:80px 24px;color:#94a3b8;font-size:1rem}
.rxsd-error{text-align:center;padding:40px 24px;color:#ef4444;font-size:.95rem}

/* ── Back link ── */
.rxsd-back{position:fixed;top:12px;left:12px;z-index:10;background:rgba(255,255,255,.92);border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 1px 6px rgba(0,0,0,.1);color:#0f766e;font-weight:500;text-decoration:none}
.rxsd-back:hover{background:#fff}

/* ── Dark theme ── */
[data-theme="dark"] body.rxsd-page,[data-theme="midnight"] body.rxsd-page{background:#0f172a;color:#e2e8f0}
[data-theme="dark"] .rxsd-live-hint,[data-theme="midnight"] .rxsd-live-hint{color:#94a3b8}
[data-theme="dark"] .rxsd-kpi,[data-theme="midnight"] .rxsd-kpi{background:#1e293b;box-shadow:0 1px 4px rgba(0,0,0,.2)}
[data-theme="dark"] .rxsd-kpi-value,[data-theme="midnight"] .rxsd-kpi-value{color:#f1f5f9}
[data-theme="dark"] .rxsd-card,[data-theme="midnight"] .rxsd-card{background:#1e293b;box-shadow:0 1px 4px rgba(0,0,0,.2)}
[data-theme="dark"] .rxsd-card h3,[data-theme="midnight"] .rxsd-card h3{color:#cbd5e1}
[data-theme="dark"] .rxsd-action,[data-theme="midnight"] .rxsd-action{background:#1e293b;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .rxsd-action:hover,[data-theme="midnight"] .rxsd-action:hover{background:#334155;border-color:#475569}
[data-theme="dark"] .rxsd-alert:hover,[data-theme="midnight"] .rxsd-alert:hover{background:#1e293b}
[data-theme="dark"] .rxsd-recent-item:hover,[data-theme="midnight"] .rxsd-recent-item:hover{background:#1e293b}
[data-theme="dark"] .rxsd-home-banner,[data-theme="midnight"] .rxsd-home-banner{background:#1e293b;border-color:#334155;color:#5eead4}
[data-theme="dark"] .rxsd-back,[data-theme="midnight"] .rxsd-back{background:rgba(30,41,59,.92);color:#5eead4}

/* ── Responsive ── */
@media(max-width:768px){
  .rxsd-cols{grid-template-columns:1fr}
  .rxsd-kpis{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .rxsd-header-inner{flex-direction:column;text-align:center}
  .rxsd-header-actions{margin-left:0;justify-content:center}
}
@media(max-width:480px){
  .rxsd-kpis{grid-template-columns:1fr 1fr}
  .rxsd-actions{grid-template-columns:1fr}
  .rxsd-body{padding:16px 12px 32px}
}