@media screen {
:root{--pg:#075947;--pg2:#0b765c;--gold:#d6a72d;--ink:#17362e;--banner:url('../images/puhc_3d_main_banner.png')}
body{background:radial-gradient(circle at 8% 4%,rgba(214,167,45,.11),transparent 24%),radial-gradient(circle at 95% 1%,rgba(11,118,92,.10),transparent 28%),#eef6f2}
.puhc-3d-brandbar{position:relative;isolation:isolate;min-height:104px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,38%);align-items:center;gap:18px;margin:0 0 18px;padding:16px 20px;overflow:hidden;border:1px solid rgba(7,89,71,.16);border-radius:0 0 22px 22px;background:linear-gradient(115deg,rgba(255,255,255,.98) 0 55%,rgba(255,255,255,.88) 70%,rgba(255,255,255,.76) 100%);box-shadow:0 12px 30px rgba(22,70,56,.10);color:var(--ink)}
.puhc-3d-brandbar::after{content:"";position:absolute;z-index:-1;inset:0 0 0 55%;background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.08) 34%),var(--banner);background-size:auto 100%,cover;background-position:left center,center 54%;background-repeat:no-repeat}
.puhc-3d-brandbar-kicker{display:flex;align-items:center;gap:8px;color:var(--pg);font-weight:950;font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.puhc-3d-brandbar-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(145deg,#f7d96b,#b98600);box-shadow:0 1px 0 #fff inset,0 2px 7px rgba(137,95,0,.22)}
.puhc-3d-brandbar h1{margin:4px 0 2px!important;color:#064d3e!important;font-size:clamp(22px,2.2vw,34px)!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.025em}
.puhc-3d-brandbar p{margin:0!important;color:#60776e!important;font-size:12px!important;font-weight:700}
.puhc-3d-brandbar-badge{justify-self:end;align-self:end;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;background:linear-gradient(135deg,rgba(7,89,71,.94),rgba(11,118,92,.92));box-shadow:0 8px 22px rgba(7,89,71,.22);font-size:11px;font-weight:950}
.puhc-3d-brandbar[data-page-key="login"]{min-height:190px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);border-radius:0 0 30px 30px}
.puhc-3d-brandbar[data-page-key="dashboard"]{min-height:170px;border-radius:0 0 28px 28px}
.card,.panel,.box,.stat-card,.summary-card,.folder-panel,.queue-card,.section-card,.form-card,.dashboard-card,.registry-card,.service-card,.inventory-card,.report-card{border-color:rgba(7,89,71,.14)!important;box-shadow:0 10px 28px rgba(16,65,52,.08)!important}
button,.btn,a.btn,input[type="submit"],input[type="button"]{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
button:hover,.btn:hover,a.btn:hover,input[type="submit"]:hover,input[type="button"]:hover{transform:translateY(-1px);filter:saturate(1.04)}
nav a[href*="patient"]::before,.sidebar a[href*="patient"]::before{content:"👨‍👩‍👧‍👦"}
nav a[href*="consult"]::before,.sidebar a[href*="consult"]::before{content:"🩺"}
nav a[href*="vacc"]::before,.sidebar a[href*="vacc"]::before{content:"💉"}
nav a[href*="ncd"]::before,.sidebar a[href*="ncd"]::before{content:"❤️"}
nav a[href*="inventory"]::before,.sidebar a[href*="inventory"]::before{content:"📦"}
nav a[href*="dispens"]::before,.sidebar a[href*="dispens"]::before{content:"💊"}
nav a[href*="report"]::before,.sidebar a[href*="report"]::before{content:"📊"}
nav a[href*="queue"]::before,.sidebar a[href*="queue"]::before{content:"🔔"}
nav a[href*="staff"]::before,.sidebar a[href*="staff"]::before{content:"👩‍⚕️"}
.folder-tab::before{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:5px;border-radius:50%;background:linear-gradient(145deg,#fff,#e5f4ee);box-shadow:0 3px 8px rgba(7,89,71,.12);content:"💚";font-size:12px;vertical-align:middle}
.folder-tab[data-tab*="consult"]::before{content:"🩺"}.folder-tab[data-tab*="vacc"]::before{content:"💉"}.folder-tab[data-tab*="dispens"]::before{content:"💊"}.folder-tab[data-tab*="ncd"]::before{content:"❤️"}.folder-tab[data-tab*="document"]::before{content:"📄"}.folder-tab[data-tab*="timeline"]::before{content:"🕒"}
.puhc-3d-brandbar[data-page-key="vaccination"]{border-bottom:4px solid #4587d8}.puhc-3d-brandbar[data-page-key="consultation"]{border-bottom:4px solid #0b765c}.puhc-3d-brandbar[data-page-key="ncd"]{border-bottom:4px solid #cb4f4f}.puhc-3d-brandbar[data-page-key="pharmacy"]{border-bottom:4px solid #8c63bd}.puhc-3d-brandbar[data-page-key="admitting"]{border-bottom:4px solid #d6a72d}.puhc-3d-brandbar[data-page-key="reports"]{border-bottom:4px solid #287eaf}.puhc-3d-brandbar[data-page-key="patient"]{border-bottom:4px solid #14988d}.puhc-3d-brandbar[data-page-key="promotion"]{border-bottom:4px solid #dd8b2d}
@media(max-width:800px){.puhc-3d-brandbar,.puhc-3d-brandbar[data-page-key="login"],.puhc-3d-brandbar[data-page-key="dashboard"]{min-height:116px;grid-template-columns:1fr;padding:14px 16px}.puhc-3d-brandbar::after{inset:0 0 0 63%;opacity:.28}.puhc-3d-brandbar-badge{justify-self:start}}
}
@media print{.puhc-3d-brandbar{display:none!important}}

/* PUHC_GLOBAL_PROFESSIONAL_BOARD_CLEANUP_V3
   Non-operational themed-board commentary only. */
@media screen {
  .puhc-3d-brandbar > div > p,
  .puhc-3d-brandbar-badge,
  .content-side > .system-note {
    display: none !important;
  }
}


/* PUHC_GLOBAL_PROFESSIONAL_DASHBOARD_VISUAL_REFRESH_V1
   VISUAL ONLY. Existing logos, branding assets, structure, functions,
   voice/calling/announcement systems, queues, forms and backend behavior remain unchanged. */
@media screen {
  .dashboard-panel,
  .dashboard-card,
  .metric-card,
  .registry-card,
  .queue-card,
  .inventory-card,
  .report-card,
  .summary-card,
  .stat-card,
  .service-card,
  .section-card {
    border-radius:18px !important;
    border-color:rgba(7,89,71,.14) !important;
    background:linear-gradient(180deg,#fff,#fbfdfc) !important;
    box-shadow:0 12px 30px rgba(16,65,52,.09) !important;
  }

  .metric-card,
  .dashboard-panel,
  .registry-card,
  .queue-card,
  .inventory-card,
  .report-card {
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
  }

  .metric-card:hover,
  .dashboard-panel:hover,
  .registry-card:hover,
  .queue-card:hover,
  .inventory-card:hover,
  .report-card:hover {
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(16,65,52,.13) !important;
    border-color:rgba(7,89,71,.22) !important;
  }

  .metric-card {
    position:relative;
    overflow:hidden;
  }

  .metric-card::after {
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:4px;
    background:linear-gradient(90deg,#075947,#0b765c,#d6a72d);
    opacity:.72;
    pointer-events:none;
  }

  .panel-heading,
  .card-header,
  .section-header,
  .dashboard-panel > header,
  .registry-card > header,
  .inventory-card > header,
  .report-card > header {
    border-bottom-color:rgba(7,89,71,.12) !important;
  }

  .primary-nav a,
  .sidebar a,
  nav a {
    border-radius:11px;
    transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
  }

  .primary-nav a:hover,
  .sidebar a:hover,
  nav a:hover {
    transform:translateX(1px);
  }

  .workspace-topbar,
  .topbar-tools {
    backdrop-filter:saturate(1.05);
  }

  .status-pill,
  .priority-pill,
  .badge,
  .status-badge {
    border-radius:999px !important;
    font-weight:800 !important;
    letter-spacing:.01em;
  }

  .queue-row,
  .recent-patient,
  .completed-consult-patient,
  .metric-dialog-patient {
    border-radius:12px;
    transition:background .14s ease,transform .14s ease;
  }

  .queue-row:hover,
  .recent-patient:hover,
  .completed-consult-patient:hover,
  .metric-dialog-patient:hover {
    transform:translateY(-1px);
  }

  .metric-number-button,
  .notification-button,
  .hero-primary,
  .hero-secondary {
    border-radius:11px !important;
    transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
  }

  .metric-number-button:hover,
  .notification-button:hover,
  .hero-primary:hover,
  .hero-secondary:hover {
    transform:translateY(-1px);
    filter:saturate(1.04);
  }

  .progress-track {
    border-radius:999px;
    overflow:hidden;
  }

  .progress-fill {
    border-radius:999px;
  }

  .completed-consult-card,
  .staff-card {
    border-radius:16px !important;
    box-shadow:0 10px 26px rgba(16,65,52,.075);
  }

  .empty-queue,
  .recent-empty,
  .completed-consult-empty,
  .metric-dialog-empty {
    border-radius:14px;
  }
}


/* PUHC_SYSTEMWIDE_PROFESSIONAL_TABLE_PARTITIONS_V2
   VISUAL ONLY: clearer record/row separation across operational tables.
   No content, data, workflow, forms, actions, settings, or print changes. */
@media screen {
  :root {
    --puhc-table-line: rgba(7,89,71,.30);
    --puhc-table-line-strong: rgba(7,89,71,.48);
    --puhc-table-row-a: #ffffff;
    --puhc-table-row-b: #e7f3ee;
    --puhc-table-hover: #d7eee5;
    --puhc-table-head-a: #deefe8;
    --puhc-table-head-b: #cbe4da;
  }

  .table-wrap {
    border: 2px solid var(--puhc-table-line-strong) !important;
    border-radius: 14px !important;
    background: #fff;
    box-shadow: 0 10px 26px rgba(16,65,52,.11);
  }

  table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100%;
    background: var(--puhc-table-row-a);
  }

  table > thead > tr > th {
    color: #244f43 !important;
    background: linear-gradient(180deg,var(--puhc-table-head-a),var(--puhc-table-head-b)) !important;
    border-right: 2px solid var(--puhc-table-line) !important;
    border-bottom: 3px solid var(--puhc-table-line-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    font-weight: 900 !important;
    letter-spacing: .035em;
  }

  table > thead > tr > th:last-child {
    border-right: 0 !important;
  }

  table > tbody > tr > td,
  table > tbody > tr > th {
    background: var(--puhc-table-row-a) !important;
    border-right: 1px solid var(--puhc-table-line-strong) !important;
    border-bottom: 3px solid rgba(7,89,71,.36) !important;
    transition: background-color .14s ease, box-shadow .14s ease;
  }

  table > tbody > tr:nth-child(even) > td,
  table > tbody > tr:nth-child(even) > th {
    background: var(--puhc-table-row-b) !important;
  }

  table > tbody > tr:hover > td,
  table > tbody > tr:hover > th {
    background: var(--puhc-table-hover) !important;
  }

  table > tbody > tr > td:first-child,
  table > tbody > tr > th:first-child {
    box-shadow: inset 6px 0 0 #0b765c;
  }

  table > tbody > tr:nth-child(even) > td:first-child,
  table > tbody > tr:nth-child(even) > th:first-child {
    box-shadow: inset 6px 0 0 #d6a72d;
  }

  table > tbody > tr:hover > td:first-child,
  table > tbody > tr:hover > th:first-child {
    box-shadow: inset 7px 0 0 #075947;
  }

  table > tbody > tr > td:last-child,
  table > tbody > tr > th:last-child {
    border-right: 0 !important;
  }

  table > tbody > tr:last-child > td,
  table > tbody > tr:last-child > th {
    border-bottom: 0 !important;
  }

  table td strong,
  table th strong {
    color: #123f34;
  }

  @media (max-width:800px) {
    table > thead > tr > th,
    table > tbody > tr > td,
    table > tbody > tr > th {
      border-right-color: rgba(7,89,71,.32) !important;
    }
  }
}