/* ============================================================================
   letena_admin.css — Letena shared "Pro" admin theme reskin (theme layer)

   LOOK-ONLY. Presentation only: colours, fonts, spacing, radius, shadows.
   No markup, page text, label, heading, button text, table column, field,
   query, route, form, validation, or JS behaviour is changed. It maps the
   design tokens (letena_emr_aligned.html / css/letena_emr.css) onto the cyan
   Pro theme's classes (navbar, sidebar, stat widgets, tables, cards,
   buttons, badges, forms).

   Load AFTER assets/css/style.css so equal-specificity rules win on source
   order. Chart.js canvases are not styled here (chart colours untouched).
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Crimson+Pro:ital,wght@0,500;0,600;1,600&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=switzer@400,500,600&display=swap');

:root{
  --cetacean:#16103F;--fuzzy-wuzzy:#CD6962;--marigold:#EBAB20;--jelly-bean:#477287;
  --plump-purple:#5D489C;--teal:#5BBFB5;
  --canvas:#F5F3EF;--surface:#FFFFFF;--surface-2:#FAF8F4;--line:#E6E2DA;--line-soft:#EFEBE3;
  --ink:#16103F;--ink-2:#4A5160;--ink-mute:#8A8578;
  --risk-high:#B91C1C;--risk-high-bg:#FBEAEA;--risk-mod:#B6810F;--risk-mod-bg:#FCF2DC;
  --risk-routine:#2C6F68;--risk-routine-bg:#E2F0EE;
  --st-new:#477287;--st-new-bg:#E6EEF1;--st-review:#5D489C;--st-review-bg:#ECE7F4;
  --st-wait:#B6810F;--st-wait-bg:#FCF2DC;--st-referred:#2C6F68;--st-referred-bg:#E2F0EE;
  --st-closed:#6B7280;--st-closed-bg:#EFEFEF;
  --telegram:#229ED9;--whatsapp:#25D366;--facebook:#3b5998;--instagram:#c13584;
  --font-ui:'Poppins',system-ui,sans-serif;
  --font-data:'Switzer',-apple-system,'Segoe UI',Roboto,system-ui,sans-serif;
  --font-mark:'Crimson Pro',Georgia,serif;
  --r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;
  --sh-row:0 1px 2px rgba(22,16,63,0.05);--sh-card:0 2px 10px rgba(22,16,63,0.06);
}

/* ── Base ───────────────────────────────────────────────────────────────── */
body{
  font-family:var(--font-data);
  color:var(--ink);
  background-color:var(--canvas);
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,.page-title,.card-title{font-family:var(--font-ui);}
.page-title{color:var(--ink);font-weight:600;}
.card-title{color:var(--ink);font-weight:600;}
label{font-family:var(--font-ui);}

/* Accent text utilities */
.text-primary{color:var(--plump-purple)!important;}
.text-danger{color:var(--risk-high)!important;}
.text-success{color:var(--risk-routine)!important;}
.text-warning{color:var(--risk-mod)!important;}
.text-info{color:var(--st-new)!important;}
.text-muted{color:var(--ink-mute)!important;}

/* ── Top navbar → brand cetacean (white logo/text kept) ─────────────────── */
.header{background-color:var(--cetacean);box-shadow:var(--sh-row);}
.logo span{font-family:var(--font-mark);font-style:italic;font-weight:600;}

/* ── Sidebar (brand cetacean) ───────────────────────────────────────────── */
.sidebar{background-color:var(--cetacean);}
.sidebar-menu li a{color:#C8C3E4;}
.sidebar-menu li a:hover{color:#fff;background-color:rgba(255,255,255,0.06);}
.sidebar-menu li.active a{color:#fff;background-color:rgba(205,105,98,0.18);}
.menu-title{color:#8E88B5;font-family:var(--font-ui);letter-spacing:.6px;}
.sidebar-menu ul ul{background-color:rgba(0,0,0,0.18);}
.sidebar-menu ul ul a{color:#B9B3D6;}
.sidebar-menu ul ul a.active{color:#fff;}

/* ── Content canvas ─────────────────────────────────────────────────────── */
.page-wrapper{background-color:var(--canvas);}

/* ── Cards ──────────────────────────────────────────────────────────────── */
.card{
  background-color:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--sh-card);
}
.card .card-header{background-color:var(--surface-2);border-bottom:1px solid var(--line-soft);}
.card-body{color:var(--ink-2);}

/* ── Stat / dashboard widgets (circle-icon counters) ────────────────────── */
.dash-widget{
  background-color:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--sh-card);
}
.dash-widget-bg1{background:var(--jelly-bean);}
.dash-widget-bg2{background:var(--teal);}
.dash-widget-bg3{background:var(--marigold);}
.dash-widget-bg4{background:var(--plump-purple);}
.dash-widget-info > h3{font-family:var(--font-ui);color:var(--ink);}
.dash-widget-info > span.widget-title1{background:var(--st-new-bg);color:var(--st-new);border-radius:var(--r-xs);font-family:var(--font-ui);}
.dash-widget-info > span.widget-title2{background:var(--st-referred-bg);color:var(--st-referred);border-radius:var(--r-xs);font-family:var(--font-ui);}
.dash-widget-info > span.widget-title3{background:var(--st-wait-bg);color:var(--st-wait);border-radius:var(--r-xs);font-family:var(--font-ui);}
.dash-widget-info > span.widget-title4{background:var(--st-review-bg);color:var(--st-review);border-radius:var(--r-xs);font-family:var(--font-ui);}

/* ── Tables ─────────────────────────────────────────────────────────────── */
.table{color:var(--ink-2);border:1px solid var(--line);}
.table thead th{
  font-family:var(--font-ui);
  font-weight:600;
  font-size:10.5px;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--ink-mute);
  border-bottom:1px solid var(--line);
}
.table td,.table th{border-color:var(--line-soft);}
.table-striped > tbody > tr:nth-of-type(2n + 1){background-color:var(--surface-2);}
table.table td h2 a{color:var(--ink-2);}
table.table td h2 a:hover{color:var(--plump-purple);}

/* ── Form controls ──────────────────────────────────────────────────────── */
.form-control{
  font-family:var(--font-data);
  color:var(--ink);
  background-color:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
}
.form-control:focus{border-color:var(--plump-purple);box-shadow:0 0 0 2px rgba(93,72,156,0.15);}

/* ── Buttons (shape + brand colours; padding left to the theme) ─────────── */
.btn{font-family:var(--font-ui);font-weight:600;border-radius:var(--r-sm);}
.btn:focus,.btn.focus{box-shadow:none;}

.btn-primary{background-color:var(--fuzzy-wuzzy);border-color:var(--fuzzy-wuzzy);color:#fff;}
.btn-primary:hover,.btn-primary:focus{background-color:#B95852;border-color:#B95852;color:#fff;}

.btn-success{background-color:var(--teal);border-color:var(--teal);color:#fff;}
.btn-success:hover,.btn-success:focus{background-color:#4AA9A0;border-color:#4AA9A0;color:#fff;}

.btn-danger{background-color:var(--risk-high);border-color:var(--risk-high);color:#fff;}
.btn-danger:hover,.btn-danger:focus{background-color:#9D1717;border-color:#9D1717;color:#fff;}

.btn-warning{background-color:var(--marigold);border-color:var(--marigold);color:var(--cetacean);}
.btn-warning:hover,.btn-warning:focus{background-color:#D49A16;border-color:#D49A16;color:var(--cetacean);}

.btn-info{background-color:var(--jelly-bean);border-color:var(--jelly-bean);color:#fff;}
.btn-info:hover,.btn-info:focus{background-color:#3C627490;border-color:#3C6274;color:#fff;}

.btn-secondary{background-color:var(--st-closed);border-color:var(--st-closed);color:#fff;}
.btn-secondary:hover,.btn-secondary:focus{background-color:#5B626E;border-color:#5B626E;color:#fff;}

.btn-outline-secondary{background-color:var(--surface);border:1px solid var(--line);color:var(--ink);}
.btn-outline-secondary:hover,.btn-outline-secondary:focus{background-color:var(--surface-2);border-color:var(--line);color:var(--ink);}

.btn-outline-primary{background-color:var(--surface);border:1px solid var(--line);color:var(--cetacean);}
.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--surface-2);border-color:var(--line);color:var(--cetacean);}

.btn-link{color:var(--jelly-bean);}

/* ── Badges → tinted pills ──────────────────────────────────────────────── */
.badge{font-family:var(--font-ui);font-weight:600;font-size:11px;letter-spacing:normal;padding:4px 9px;border-radius:var(--r-xs);}
.badge.badge-pill,.badge-pill{border-radius:10rem;}
.badge-telegram{background-color:var(--telegram);color:#fff;}
.badge-whatsapp{background-color:var(--whatsapp);color:#fff;}
.badge-facebook{background-color:var(--facebook);color:#fff;}
.badge-instagram{background-color:var(--instagram);color:#fff;}
.badge-manual{background-color:var(--st-closed);color:#fff;}
.badge-secondary{background-color:var(--st-review-bg);color:var(--st-review);}
.badge-success{background-color:var(--st-referred-bg);color:var(--st-referred);}
.badge-danger{background-color:var(--risk-high-bg);color:var(--risk-high);}
.badge-warning{background-color:var(--risk-mod-bg);color:var(--risk-mod);}
.badge-info{background-color:var(--st-new-bg);color:var(--st-new);}
.badge-primary{background-color:var(--st-new-bg);color:var(--st-new);}
.badge-light{background-color:var(--surface-2);color:var(--ink-2);}
.sidebar .sidebar-menu > ul > li > a span.badge.badge-danger{background-color:var(--risk-high);color:#fff;}

/* ── Modals / alerts ────────────────────────────────────────────────────── */
.modal-content{border:1px solid var(--line);border-radius:var(--r-lg);}
.modal-header{border-bottom:1px solid var(--line);}
.modal-footer{border-top:1px solid var(--line);}
.alert-danger{background-color:var(--risk-high-bg);border-color:#F0CDCD;color:var(--risk-high);}
.alert-warning{background-color:var(--risk-mod-bg);border-color:#F0DCA8;color:var(--risk-mod);}
.alert-light{background-color:var(--surface-2);border-color:var(--line);color:var(--ink-2);}