/* MedicalTV UI/UX Upgrade Theme (Dashboards + Accounts)
 * Non-breaking: styles existing Bootstrap + Tailwind pages.
 */
:root{
  --mtv-bg:#020617;
  --mtv-bg2:#050b1c;
  --mtv-surface:rgba(15,23,42,.72);
  --mtv-surface2:rgba(15,23,42,.50);
  --mtv-border:rgba(148,163,184,.22);
  --mtv-border2:rgba(148,163,184,.14);
  --mtv-text:#e2e8f0;
  --mtv-muted:rgba(226,232,240,.72);
  --mtv-primary:#4f46e5;
  --mtv-primary2:#6366f1;
  --mtv-success:#16a34a;
  --mtv-warn:#f59e0b;
  --mtv-danger:#ef4444;
  --mtv-radius:18px;
}

html, body{ height:100%; }
body.mtv-body{
  background:
    radial-gradient(900px 520px at 10% 12%, rgba(22,163,74,.20), transparent 60%),
    radial-gradient(900px 520px at 92% 8%, rgba(79,70,229,.18), transparent 60%),
    radial-gradient(1100px 620px at 62% 86%, rgba(56,189,248,.10), transparent 55%),
    linear-gradient(180deg, var(--mtv-bg), var(--mtv-bg2));
  color: var(--mtv-text);
}

a{ color: rgba(226,232,240,.92); text-decoration-color: rgba(226,232,240,.35); }
a:hover{ color: #fff; text-decoration-color: rgba(255,255,255,.65); }

.mtv-nav{
  background: rgba(2,6,23,.70) !important;
  border-bottom: 1px solid var(--mtv-border);
  backdrop-filter: blur(12px);
}
.mtv-nav .navbar-brand{ font-weight: 900; letter-spacing: .01em; }
.mtv-nav .nav-link{ color: rgba(226,232,240,.82) !important; font-weight: 700; }
.mtv-nav .nav-link:hover{ color:#fff !important; }
.mtv-nav .navbar-toggler{ border-color: rgba(148,163,184,.22) !important; }

/* Bootstrap "cards" & containers */
.bg-white, .bg-light, .card, .dropdown-menu{
  background-color: var(--mtv-surface) !important;
}
.border, .border-top, .border-bottom, .border-start, .border-end{
  border-color: var(--mtv-border) !important;
}
.rounded-3, .rounded, .rounded-2, .rounded-4{
  border-radius: var(--mtv-radius) !important;
}
hr{ border-color: var(--mtv-border2) !important; opacity: 1; }

/* Tables */
.table{ color: var(--mtv-text) !important; }
.table>:not(caption)>*>*{ background: transparent !important; border-bottom-color: var(--mtv-border2) !important; }
.table thead th{ color: rgba(226,232,240,.86) !important; font-weight: 900; letter-spacing: .02em; }
.table-hover tbody tr:hover{ background: rgba(148,163,184,.06) !important; }

/* Forms */
.form-label{ color: rgba(226,232,240,.80) !important; font-weight: 800; }
.form-text, .text-muted{ color: var(--mtv-muted) !important; }
.form-control, .form-select, textarea.form-control{
  background: rgba(2,6,23,.50) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: .72rem .9rem !important;
}
.form-control::placeholder{ color: rgba(226,232,240,.45) !important; }
.form-control:focus, .form-select:focus{
  border-color: rgba(99,102,241,.85) !important;
  box-shadow: 0 0 0 .25rem rgba(99,102,241,.18) !important;
}

/* Buttons */
.btn{ border-radius: 14px !important; font-weight: 900 !important; }
.btn-primary{
  background: var(--mtv-primary) !important;
  border-color: transparent !important;
}
.btn-primary:hover{ background: var(--mtv-primary2) !important; }
.btn-success{ background: rgba(22,163,74,.92) !important; border-color: transparent !important; }
.btn-outline-secondary, .btn-outline-dark{
  border-color: rgba(148,163,184,.25) !important;
  color: rgba(226,232,240,.92) !important;
  background: rgba(148,163,184,.08) !important;
}
.btn-outline-secondary:hover, .btn-outline-dark:hover{
  background: rgba(148,163,184,.14) !important;
  color: #fff !important;
}
.btn-outline-danger{
  border-color: rgba(239,68,68,.35) !important;
  color: rgba(254,226,226,.95) !important;
  background: rgba(239,68,68,.10) !important;
}
.btn-outline-danger:hover{ background: rgba(239,68,68,.18) !important; }
.btn-warning{ background: rgba(245,158,11,.92) !important; border-color: transparent !important; color:#0b1220 !important; }

/* Alerts */
.alert{
  border-radius: var(--mtv-radius) !important;
  border: 1px solid var(--mtv-border) !important;
  background: rgba(79,70,229,.10) !important;
  color: var(--mtv-text) !important;
}
.alert-warning{ background: rgba(245,158,11,.10) !important; border-color: rgba(245,158,11,.25) !important; }
.alert-info{ background: rgba(56,189,248,.10) !important; border-color: rgba(56,189,248,.25) !important; }
.alert-link{ color: #fff !important; font-weight: 900; text-decoration: underline; }

/* Badges */
.badge{ border-radius: 999px !important; padding: .48em .72em !important; font-weight: 900 !important; letter-spacing:.02em; }
.text-bg-success{ background: rgba(22,163,74,.22) !important; color: rgba(240,253,244,.95) !important; border:1px solid rgba(22,163,74,.35) !important; }
.text-bg-secondary{ background: rgba(148,163,184,.14) !important; color: rgba(226,232,240,.90) !important; border:1px solid rgba(148,163,184,.22) !important; }
.text-bg-warning{ background: rgba(245,158,11,.20) !important; color: rgba(255,251,235,.95) !important; border:1px solid rgba(245,158,11,.30) !important; }

/* Page helper components */
.mtv-hero{
  border-radius: 22px;
  border: 1px solid var(--mtv-border);
  background: linear-gradient(180deg, rgba(79,70,229,.14), rgba(2,6,23,.20));
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}
.mtv-hero .mtv-hero-title{ font-weight: 950; letter-spacing:-.02em; }
.mtv-panel{
  border-radius: 22px;
  border: 1px solid var(--mtv-border);
  background: var(--mtv-surface);
  box-shadow: 0 18px 55px rgba(0,0,0,.30);
}
.mtv-chip{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.5rem .75rem; border-radius: 999px;
  border: 1px solid var(--mtv-border);
  background: rgba(148,163,184,.08);
  color: rgba(226,232,240,.92);
  font-weight: 900;
  text-decoration:none;
}
.mtv-chip:hover{ background: rgba(148,163,184,.14); color:#fff; }

/* Small utilities */
.mtv-kpi{
  display:flex; flex-direction:column; gap:.2rem;
}
.mtv-kpi .mtv-kpi-label{ color: rgba(226,232,240,.75); font-weight: 900; letter-spacing:.12em; text-transform:uppercase; font-size: .72rem; }
.mtv-kpi .mtv-kpi-value{ font-weight: 950; font-size: 1.55rem; }
.mtv-kpi .mtv-kpi-sub{ color: rgba(226,232,240,.68); font-weight: 700; font-size: .85rem; }

/* Footer */
.mtv-footer{ background: rgba(2,6,23,.60) !important; border-top: 1px solid var(--mtv-border) !important; color: var(--mtv-muted) !important; }
.mtv-footer a{ color: rgba(226,232,240,.78) !important; }
.mtv-footer a:hover{ color: #fff !important; }

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}