/* ==========================================================================
   APEX CARE HOSPITAL — APEX Universal Theme skin (POS style)
   Shared Components > Static Application Files > upload this file
   User Interface > Attributes > CSS File URLs :  #APP_FILES#hms_apex_theme.css
   ========================================================================== */

:root{
  --hms-navy:#0f172a; --hms-navy2:#1e293b;
  --hms-blue:#1d4ed8; --hms-blue2:#1e40af; --hms-blue3:#dbeafe;
  --hms-teal:#0e7490; --hms-green:#15803d; --hms-amber:#b45309; --hms-red:#b91c1c;
  --hms-line:#e2e8f0; --hms-bg:#f4f6fa; --hms-ink:#0f172a; --hms-mut:#64748b;
  --hms-r:8px;
}

/* ---------------- shell ---------------- */
body,.t-Body{background:var(--hms-bg);color:var(--hms-ink)}
.t-Body-content,.t-Body-main{background:var(--hms-bg)}
.t-Header,.t-Header-branding{background:var(--hms-navy);border-bottom:3px solid var(--hms-blue)}
.t-Header-logo-link,.t-Header-branding .t-Button--header,.t-Button--header{color:#e2e8f0}
.t-Header-logo-link{font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:15px}
.t-Header-navBar .t-Button--header:hover{background:var(--hms-navy2)}

/* side navigation */
.t-TreeNav{background:var(--hms-navy);border-right:0}
.t-TreeNav .a-TreeView-node .a-TreeView-content{color:#cbd5e1;font-size:12.5px;font-weight:600;
  letter-spacing:.02em;border-radius:6px;margin:1px 6px;padding:8px 10px}
.t-TreeNav .a-TreeView-node .a-TreeView-content:hover{background:var(--hms-navy2);color:#fff}
.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content .a-TreeView-label{text-transform:none}
.t-TreeNav .is-current>.a-TreeView-content,
.t-TreeNav .is-current-parent>.a-TreeView-content{background:var(--hms-blue);color:#fff;font-weight:800}
.t-TreeNav .a-TreeView-content .fa{color:#93c5fd}
.t-TreeNav .is-current>.a-TreeView-content .fa{color:#fff}

/* ---------------- region ---------------- */
.t-Region{background:#fff;border:1px solid var(--hms-line);border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.t-Region-header{background:#fff;border-bottom:3px solid var(--hms-blue);padding:10px 14px}
.t-Region-title,.t-Region-headerItems--title h2{font-size:14px;font-weight:800;letter-spacing:.4px;
  color:var(--hms-blue2);text-transform:uppercase}
.t-Region-buttons .t-Button{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.t-Region--noPadding>.t-Region-bodyWrap>.t-Region-body{padding:0}

/* filter bar look : region template option "Alternative" ya class hms-fbar */
.hms-fbar,.t-Region.hms-fbar .t-Region-body{background:var(--hms-blue2);border-radius:var(--hms-r);
  padding:11px 14px;display:flex;flex-wrap:wrap;gap:11px;align-items:flex-end}
.hms-fbar .t-Form-labelContainer label,.hms-fbar .t-Form-label{color:#bfdbfe;font-size:10px;
  letter-spacing:1px;text-transform:uppercase;font-weight:800}
.hms-fbar input,.hms-fbar select,.hms-fbar .apex-item-text{border:0;border-radius:5px;padding:7px 9px;font-size:13px}
.hms-fbar.teal,.t-Region.hms-fbar-teal .t-Region-body{background:var(--hms-teal)}
.hms-fbar.amber,.t-Region.hms-fbar-amber .t-Region-body{background:var(--hms-amber)}
.hms-fbar.green,.t-Region.hms-fbar-green .t-Region-body{background:var(--hms-green)}

/* ---------------- reports (IR / classic) ---------------- */
.a-IRR-table,.t-Report-report,.a-GV-table{font-size:12.5px}
.a-IRR-table th,.t-Report-report th,.a-GV-header .a-GV-headerLabel{
  background:var(--hms-blue);color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;white-space:nowrap;padding:8px 9px;border:0}
.a-IRR-table td,.t-Report-report td{padding:7px 9px;border-bottom:1px solid #f1f5f9}
.a-IRR-table tr:nth-child(even) td,.t-Report-report tbody tr:nth-child(even) td{background:#f8fafc}
.a-IRR-table tr:hover td,.t-Report-report tbody tr:hover td{background:#eff6ff}
.a-IRR-controlsContainer,.a-IRR-toolbar{background:#f8fafc;border-bottom:1px solid var(--hms-line)}
.a-IRR-search-field{border-radius:6px}
.t-Report--altRowsDefault tbody tr:nth-child(2n) td{background:#f8fafc}
td.n,th.n,.u-tR{text-align:right;font-variant-numeric:tabular-nums}

/* interactive grid */
.a-GV-header{background:var(--hms-blue)}
.a-GV-headerLabel{color:#fff}
.a-GV-cell{padding:6px 9px;font-size:12.5px}
.a-GV-row--selected .a-GV-cell{background:#eff6ff}
.a-GV-controls,.a-GV-toolbar{background:#f8fafc}

/* ---------------- cards (KPI) ---------------- */
.t-Cards--displayIcons .t-Card,.t-Card{border-radius:var(--hms-r);border:0;
  background:linear-gradient(135deg,var(--hms-blue),#1e3a8a);color:#fff;box-shadow:0 2px 6px rgba(30,64,175,.25)}
.t-Card-title,.t-Card-desc,.t-Card-subtext{color:#fff}
.t-Card-title{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.9}
.t-Card-desc{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.t-Card-icon,.t-Card-initials{background:rgba(255,255,255,.18);color:#fff}
.t-Card.u-color-4,.t-Card.u-success{background:linear-gradient(135deg,var(--hms-green),#14532d)}
.t-Card.u-color-8,.t-Card.u-warning{background:linear-gradient(135deg,var(--hms-amber),#78350f)}
.t-Card.u-color-9,.t-Card.u-danger{background:linear-gradient(135deg,var(--hms-red),#7f1d1d)}
.t-Card.u-color-15{background:linear-gradient(135deg,#7e22ce,#4c1d95)}
.t-Card.u-color-2{background:linear-gradient(135deg,var(--hms-teal),#155e75)}

/* badge list */
.t-BadgeList-item{border-radius:var(--hms-r);border:1px solid var(--hms-line)}
.t-BadgeList-value{color:var(--hms-blue2);font-weight:800;font-variant-numeric:tabular-nums}
.t-BadgeList-label{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--hms-mut)}

/* ---------------- buttons ---------------- */
.t-Button{border-radius:6px;font-weight:800;font-size:12px;letter-spacing:.03em;text-transform:uppercase}
.t-Button--hot,.t-Button--primary{background:var(--hms-blue);border-color:var(--hms-blue);color:#fff}
.t-Button--hot:hover{background:var(--hms-blue2)}
.t-Button--success{background:#22c55e;border-color:#22c55e;color:#fff}
.t-Button--danger{background:var(--hms-red);border-color:var(--hms-red);color:#fff}
.t-Button--warning{background:var(--hms-amber);border-color:var(--hms-amber);color:#fff}
.t-Button--noUI{text-transform:none}

/* ---------------- forms ---------------- */
.t-Form-label,.t-Form-labelContainer label{font-size:10.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#475569}
.t-Form-fieldContainer input[type=text],.t-Form-fieldContainer input[type=number],
.t-Form-fieldContainer input[type=date],.t-Form-fieldContainer select,
.t-Form-fieldContainer textarea,.apex-item-text,.apex-item-select,.apex-item-textarea{
  border:1px solid #cbd5e1;border-radius:5px;padding:8px 9px;font-size:13.5px;font-weight:600}
.t-Form-fieldContainer input:focus,.apex-item-text:focus,.apex-item-select:focus{
  border-color:var(--hms-blue);box-shadow:0 0 0 3px rgba(29,78,216,.14);outline:0}
.t-Form-fieldContainer input[readonly],.apex-item-text[readonly]{background:#eef2ff;color:var(--hms-blue2)}
.apex-item-number,.t-Form-fieldContainer input[type=number]{text-align:right;font-variant-numeric:tabular-nums}
.t-Form-itemRequired .t-Form-label:after{content:" *";color:var(--hms-red);font-weight:900}
.t-Form-inputContainer .apex-item-error{border-color:var(--hms-red);background:#fff8f8}
.a-Form-error,.t-Form-error{color:var(--hms-red);font-size:11px;font-weight:700}

/* section heading (Static Content region "sub" look) */
.hms-sect{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:var(--hms-blue2);border-bottom:2px solid var(--hms-blue3);padding-bottom:4px;margin:14px 0 8px}

/* ---------------- alerts / notifications ---------------- */
.t-Alert--warning .t-Alert-icon{background:var(--hms-amber)}
.t-Alert--danger .t-Alert-icon{background:var(--hms-red)}
.t-Alert{border-radius:var(--hms-r)}
.t-Alert--success{border-left:4px solid var(--hms-green)}
.t-Alert--danger{border-left:4px solid var(--hms-red)}
.a-Notification--success{background:#dcfce7;color:#14532d}
.a-Notification--error{background:#fee2e2;color:#7f1d1d}

/* clinical highlight rows */
tr.hms-critical td{background:#fef2f2!important;box-shadow:inset 3px 0 0 var(--hms-red)}
tr.hms-warn td{background:#fffbeb!important;box-shadow:inset 3px 0 0 var(--hms-amber)}
tr.hms-ok td{background:#f0fdf4!important;box-shadow:inset 3px 0 0 #22c55e}

/* status pills (IR HTML expression me use karein) */
.hms-pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:800;
  letter-spacing:.03em;text-transform:uppercase}
.hms-pill.b{background:var(--hms-blue3);color:var(--hms-blue2)}
.hms-pill.g{background:#dcfce7;color:#166534}
.hms-pill.a{background:#fef3c7;color:#92400e}
.hms-pill.r{background:#fee2e2;color:#991b1b}
.hms-pill.p{background:#ede9fe;color:#5b21b6}
.hms-pill.m{background:#e2e8f0;color:#475569}

/* ---------------- modal ---------------- */
.ui-dialog{border-radius:12px;overflow:hidden}
.ui-dialog .t-Dialog-header,.t-Dialog-header{background:#fff;border-bottom:3px solid var(--hms-blue)}
.t-Dialog-title{color:var(--hms-blue2);font-weight:800;text-transform:uppercase;letter-spacing:.4px;font-size:14px}
.t-Dialog-footer{background:#f8fafc}

/* ---------------- breadcrumb / page title ---------------- */
.t-Breadcrumb-label{font-size:18px;font-weight:800;letter-spacing:-.2px;color:var(--hms-ink)}
.t-BreadcrumbRegion{background:transparent;border:0}

/* ---------------- login page 101 ---------------- */
.t-Login-container{max-width:420px}
.t-Login-region{border-radius:12px;border:0;box-shadow:0 20px 50px rgba(15,23,42,.25)}
.t-Login-header{background:var(--hms-navy);border-radius:12px 12px 0 0;padding:22px}
.t-Login-logo,.t-Login-title{color:#fff}
.t-Login-title{font-weight:800;letter-spacing:.6px;text-transform:uppercase;font-size:15px}
.t-Login-body{padding:22px}
.t-Login-buttons .t-Button{width:100%;padding:12px;font-size:14px}
body.t-PageBody--login{background:linear-gradient(135deg,var(--hms-navy),var(--hms-blue2))}

/* ---------------- print ---------------- */
@media print{
  .t-Header,.t-TreeNav,.t-Body-actions,.t-Button,.a-IRR-toolbar,.t-BreadcrumbRegion{display:none!important}
  .t-Body,.t-Body-content,.t-Body-main{margin:0;padding:0;background:#fff}
  .t-Region{border:0;box-shadow:none}
  .t-Region-header{border-bottom:2px solid #000}
  table{font-size:10.5px}
  th{background:#eef2f7!important;color:#000!important;border:1px solid #cbd5e1}
  td{border:1px solid #e2e8f0}
  @page{size:A4;margin:12mm}
}

/* ---------------- helpers ---------------- */
.hms-total{font-size:15px;font-weight:800;color:var(--hms-blue2);font-variant-numeric:tabular-nums}
.hms-money{font-variant-numeric:tabular-nums;text-align:right;display:block}
.hms-sub{font-size:11px;color:var(--hms-mut)}
.hms-net{background:var(--hms-navy);color:#fff;border-radius:var(--hms-r);padding:12px 14px;
  display:flex;justify-content:space-between;align-items:center;margin:10px 0}
.hms-net span{font-size:11px;letter-spacing:.1em;opacity:.85;font-weight:700;text-transform:uppercase}
.hms-net b{font-size:24px;font-variant-numeric:tabular-nums}