:root{--wide-sidebar:238px;--wide-bg:#f7f9fc;--wide-surface:#fff;--wide-border:#e5eaf1;--wide-text:#172033;--wide-muted:#6c778a;--wide-blue:#1976e9;--wide-blue-soft:#eaf3ff;--wide-shadow:0 5px 18px rgba(28,55,90,.045)}
html[data-theme="dark"]{color-scheme:dark;--wide-bg:#0d1420;--wide-surface:#151f2d;--wide-border:#293649;--wide-text:#eef4fc;--wide-muted:#9dabc0;--wide-blue:#64a9ff;--wide-blue-soft:#183454;--wide-shadow:0 8px 24px rgba(0,0,0,.2);--bg:var(--wide-bg);--white:var(--wide-surface);--ink:var(--wide-text);--muted:var(--wide-muted);--line:var(--wide-border);--navy:#dcecff;--navy2:#b8d9ff}
body{background:var(--wide-bg)!important;color:var(--wide-text)!important;font-size:14px}.menu-trigger{display:none!important}
.sidebar{transform:none!important;width:var(--wide-sidebar)!important;padding:18px 14px!important;background:var(--wide-surface)!important;border-right:1px solid var(--wide-border)!important;box-shadow:none!important;color:var(--wide-text)!important;overflow-y:auto}.brand{justify-content:flex-start!important;height:60px!important;padding:0 8px!important;color:var(--wide-text)!important}.brand img{width:48px!important;height:48px!important;padding:5px!important;border:0!important;border-radius:10px!important;background:#f6fafc!important}.brand>span{display:inline!important;font-size:17px}.brand b{color:#0da8a3!important}
.sidebar nav{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:20px!important}.sidebar nav a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:43px!important;padding:9px 12px!important;border:1px solid transparent!important;border-radius:7px!important;color:var(--wide-muted)!important;font-size:13px!important;font-weight:600!important;text-align:left!important}.sidebar nav a:hover{background:var(--wide-blue-soft)!important;color:var(--wide-blue)!important}.sidebar nav a.active{background:var(--wide-blue)!important;color:#fff!important;box-shadow:0 7px 18px rgba(25,118,233,.2)!important}.nav-icon{width:22px!important;font-size:18px!important}.nav-label{max-width:none!important;line-height:1.2!important}
.app-main{margin-left:var(--wide-sidebar)!important;padding:0 24px 28px!important;max-width:none!important;min-height:100vh!important;background:var(--wide-bg)!important}.topbar{position:sticky!important;top:0!important;z-index:40!important;display:grid!important;grid-template-columns:minmax(190px,auto) minmax(300px,560px) 1fr!important;align-items:center!important;gap:22px!important;min-height:74px!important;margin:0 -24px 18px!important;padding:10px 24px!important;border-bottom:1px solid var(--wide-border)!important;background:color-mix(in srgb,var(--wide-surface) 94%,transparent)!important;backdrop-filter:blur(12px)!important}.topbar>div:first-child h1{font-size:20px!important;color:var(--wide-text)!important}.topbar>div:first-child .eyebrow{display:none!important}
.global-search{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border:1px solid var(--wide-border);border-radius:8px;background:var(--wide-bg)}.global-search>span{font-size:20px;color:var(--wide-muted)}.global-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--wide-text)!important;font:inherit;box-shadow:none!important}.global-search kbd{padding:3px 7px;border:1px solid var(--wide-border);border-radius:5px;background:var(--wide-surface);color:var(--wide-muted);font:11px inherit}.topbar-actions{justify-self:end!important}.theme-toggle,.notification-link{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:1px solid var(--wide-border)!important;border-radius:50%!important;background:var(--wide-surface)!important;color:var(--wide-text)!important;font-size:20px!important;cursor:pointer}.theme-toggle:hover{background:var(--wide-blue-soft)!important;color:var(--wide-blue)!important}.operator-menu>summary{color:var(--wide-text)!important}.operator-name small{color:var(--wide-muted)!important}
.panel,.metrics article,.procedure-metrics article,.progress-card,.timeline-card,.day-priorities,.clinic-stats article,.access-metrics article,.reception-column,.reception-card,.patient-card,.exam-card{background:var(--wide-surface)!important;border-color:var(--wide-border)!important;box-shadow:var(--wide-shadow)!important;border-radius:8px!important}.panel{padding:18px!important}.panel h2{font-size:18px}.queue-hero,.reception-hero,.schedule-toolbar{margin-bottom:14px!important}.metrics,.procedure-metrics,.clinic-stats,.access-metrics{gap:10px!important}.metrics article,.procedure-metrics article,.clinic-stats article,.access-metrics article{padding:14px 16px!important}.metrics strong,.procedure-metrics strong,.clinic-stats strong{font-size:27px!important}.btn,button,input,select,textarea{border-radius:6px!important}.table-wrap,table{font-size:13px}th{padding:9px 8px!important}td{padding:11px 8px!important}.operator-dropdown,.pharmacy-drawer-shell,.drawer-shell,.procedure-detail,dialog{background:var(--wide-surface)!important;color:var(--wide-text)!important;border-color:var(--wide-border)!important}.operator-dropdown a,.operator-dropdown summary{color:var(--wide-text)!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#101927!important;color:var(--wide-text)!important;border-color:#34435a!important}html[data-theme="dark"] table thead,html[data-theme="dark"] th,html[data-theme="dark"] .patient-heading,html[data-theme="dark"] .hour-heading{background:#192433!important;color:#b8c6da!important}html[data-theme="dark"] td,html[data-theme="dark"] .clinical-row,html[data-theme="dark"] .record-event,html[data-theme="dark"] .clinic-waiting-row{border-color:#293649!important}html[data-theme="dark"] .patient-cell,html[data-theme="dark"] .time-cell,html[data-theme="dark"] .reception-card{background:var(--wide-surface)!important}html[data-theme="dark"] p,html[data-theme="dark"] small{color:var(--wide-muted)}
@media(min-width:1700px){:root{--wide-sidebar:252px}.app-main{padding-inline:30px!important}.topbar{margin-inline:-30px!important;padding-inline:30px!important}.panel{padding:20px!important}.reception-kanban{grid-template-columns:repeat(4,minmax(300px,1fr))!important}}
@media(max-width:1050px){.topbar{grid-template-columns:minmax(180px,1fr) auto!important}.global-search{grid-row:2;grid-column:1/-1}.topbar{padding-bottom:12px!important}}
@media(max-width:900px){.menu-trigger{display:grid!important}.sidebar{position:fixed!important;width:min(290px,86vw)!important;height:100vh!important;padding:72px 16px 18px!important;transform:translateX(calc(-100% - 18px))!important}.menu-trigger:hover+.sidebar,.menu-trigger:focus-visible+.sidebar,.sidebar:hover,.sidebar:focus-within,body.sidebar-pinned .sidebar{transform:translateX(0)!important}.app-main{margin-left:0!important;padding:76px 16px 22px!important}.topbar{position:relative!important;margin:-76px -16px 18px!important;padding:12px 16px 12px 72px!important;grid-template-columns:minmax(130px,1fr) auto!important}.global-search{grid-row:2;grid-column:1/-1;margin-left:-56px}.operator-name{display:none}.operator-menu>summary{min-width:auto!important}}
@media(max-width:600px){.topbar-actions{gap:7px!important}.topbar>div:first-child h1{font-size:17px!important}.global-search kbd{display:none}.app-main{padding-inline:12px!important}.topbar{margin-inline:-12px!important}.procedure-metrics,.metrics,.clinic-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.notification-link{font-size:0!important}.theme-toggle{font-size:20px!important}.brand .brand-full{display:none!important}
@media(min-width:901px){
  /* Menu aberto por padrao; o usuario recolhe/abre pelo botao (html.sidebar-collapsed). O conteudo acompanha a largura. */
  :root{--collapsed-sidebar:76px}
  .sidebar{width:var(--wide-sidebar)!important;overflow-x:hidden!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;transition:width .2s ease!important;z-index:60!important}
  .app-main{margin-left:var(--wide-sidebar)!important;transition:margin-left .2s ease!important}
  .brand{height:132px!important;min-height:132px!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding-inline:0!important}
  .brand>span,.brand .brand-mark,.brand .brand-full-dark{display:none!important}
  .brand .brand-full-light{display:block!important;width:210px!important;height:126px!important;max-width:calc(100% - 8px)!important;object-fit:contain!important;object-position:center!important;padding:0!important;border-radius:0!important;background:transparent!important}
  html[data-theme="dark"] .brand .brand-full-light{display:none!important}
  html[data-theme="dark"] .brand .brand-full-dark{display:block!important;width:210px!important;height:126px!important;max-width:calc(100% - 8px)!important;object-fit:contain!important;object-position:center!important;padding:0!important;border-radius:0!important;background:transparent!important}
  .sidebar nav{margin-top:14px!important}
  .sidebar nav a{white-space:nowrap!important}
  .sidebar-collapse{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;margin-top:auto;padding:9px 12px;border:1px solid var(--wide-border);border-radius:7px;background:transparent;color:var(--wide-muted);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
  .sidebar-collapse:hover,.sidebar-collapse:focus-visible{background:var(--wide-blue-soft);color:var(--wide-blue)}
  .sidebar-collapse .nav-icon{display:inline-grid;place-items:center;width:20px;font-size:16px;transition:transform .2s ease}
  html.sidebar-collapsed .sidebar{width:var(--collapsed-sidebar)!important;padding-left:0!important;padding-right:0!important}
  html.sidebar-collapsed .app-main{margin-left:var(--collapsed-sidebar)!important}
  html.sidebar-collapsed .brand{height:auto!important;min-height:0!important}
  html.sidebar-collapsed .brand .brand-full{display:none!important}
  html.sidebar-collapsed .brand .brand-mark{display:block!important}
  html.sidebar-collapsed .sidebar nav{width:100%!important;align-items:center!important;margin-top:20px!important}
  html.sidebar-collapsed .sidebar nav a{justify-content:center!important;width:48px!important;margin-inline:auto!important;padding-inline:12px!important;gap:0!important}
  html.sidebar-collapsed .sidebar .nav-label{display:none!important}
  html.sidebar-collapsed .sidebar-collapse{justify-content:center;width:48px;margin-inline:auto;padding-inline:0;gap:0}
  html.sidebar-collapsed .sidebar-collapse .nav-icon{transform:rotate(180deg)}
}
@media(max-width:900px){.sidebar-collapse{display:none}}
/* Contador de mensagens nao lidas do chat: a direita do item; sobre o icone com o menu recolhido */
.sidebar nav a{position:relative}
.sidebar nav a .nav-badge{margin-left:auto}
.nav-badge[hidden]{display:none!important}
@media(min-width:901px){html.sidebar-collapsed .sidebar nav a .nav-badge{position:absolute;top:3px;right:1px;min-width:18px;height:18px;margin:0;padding:0 4px;font-size:10px;box-shadow:0 0 0 2px var(--wide-surface)}}
.nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;padding:0 5px;border-radius:10px;background:#e23c59;color:#fff;font-size:11px;line-height:1}
