/* UniqueSystem UI v2.0 — Layout Único baseado na Central Admin */
:root{
  --us-nav:#06172e;
  --us-nav-2:#073853;
  --us-primary:#0b7f8e;
  --us-primary-2:#12a8b8;
  --us-border:#dce6ee;
  --us-muted:#65758a;
  --us-ink:#10233b;
  --us-bg:#f4f8fb;
  --us-sidebar:248px;
  --us-header:78px;
  --us-radius:16px;
  --us-shadow:0 8px 26px rgba(23,54,74,.05);
}
*{box-sizing:border-box}
body.us-layout-v2{background:var(--us-bg)!important;color:var(--us-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.us-layout-v2 :focus-visible{outline:3px solid rgba(11,127,142,.24);outline-offset:2px}
body.us-layout-v2 button,body.us-layout-v2 a,body.us-layout-v2 input,body.us-layout-v2 select,body.us-layout-v2 textarea{touch-action:manipulation}

/* ===== SHELL DESKTOP — MESMO PADRÃO EM TODOS ===== */
@media(min-width:901px){
  body.us-product-clinica .app-shell,
  body.us-product-financas .app-shell,
  body.us-product-admin .app,
  body.us-product-cliente .app{display:grid!important;grid-template-columns:var(--us-sidebar) minmax(0,1fr)!important;min-height:100vh!important}

  body.us-product-clinica .sidebar,
  body.us-product-financas .clinic-sidebar,
  body.us-product-admin .sidebar,
  body.us-product-cliente .app>aside{width:var(--us-sidebar)!important;min-width:var(--us-sidebar)!important;max-width:var(--us-sidebar)!important;position:sticky!important;top:0!important;left:auto!important;height:100vh!important;min-height:100vh!important;transform:none!important;margin:0!important}

  body.us-product-erp .sidebar{width:var(--us-sidebar)!important;min-width:var(--us-sidebar)!important;max-width:var(--us-sidebar)!important;position:fixed!important;top:0!important;left:0!important;height:100vh!important;transform:none!important;margin:0!important}
  body.us-product-erp .main-content{margin-left:var(--us-sidebar)!important;padding:0!important;min-height:100vh!important}
}

/* ===== MENU LATERAL — PADRÃO CENTRAL ADMIN ===== */
body.us-layout-v2.us-has-app-shell .sidebar,
body.us-product-financas .clinic-sidebar,
body.us-product-cliente .app>aside,
body.us-product-erp .sidebar{
  background:linear-gradient(180deg,var(--us-nav),var(--us-nav-2))!important;
  color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:1000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
}

/* marca / topo do menu */
body.us-layout-v2 .side-brand,
body.us-layout-v2 .app>aside>.brand,
body.us-layout-v2 #platformBrand,
body.us-layout-v2 .clinic-brand,
body.us-layout-v2 .sidebar>.p-3.text-center{
  min-height:96px!important;padding:20px 18px 16px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important;
}
body.us-layout-v2 .side-brand img,
body.us-layout-v2 .app>aside>.brand img,
body.us-layout-v2 #platformBrand img,
body.us-layout-v2 .clinic-brand img,
body.us-layout-v2 .sidebar>.p-3.text-center img{max-width:180px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain!important}
body.us-layout-v2 .side-brand small,
body.us-layout-v2 .app>aside>.brand small,
body.us-layout-v2 #platformBrand small,
body.us-layout-v2 .clinic-brand small,
body.us-layout-v2 .sidebar>.p-3.text-center small,
body.us-layout-v2 .brand-sub{color:#8fc9d2!important;font-size:9px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:800!important}

/* remove mecanismos antigos de menu recolhível: o padrão agora é único e estável */
body.us-layout-v2 .sidebar-collapse,
body.us-layout-v2 .sidebar-toggle{display:none!important}
body.us-layout-v2.sidebar-collapsed .sidebar,
body.us-layout-v2.sidebar-collapsed .clinic-sidebar{width:var(--us-sidebar)!important;min-width:var(--us-sidebar)!important}
body.us-layout-v2.sidebar-collapsed .navlink span:last-child,
body.us-layout-v2.sidebar-collapsed .clinic-brand .brand-copy,
body.us-layout-v2.sidebar-collapsed .developer-signature span{display:initial!important}

/* navegação */
body.us-layout-v2 .sidebar nav,
body.us-product-financas .clinic-sidebar nav,
body.us-product-cliente .app aside nav{padding:14px 10px!important;display:grid!important;gap:4px!important;overflow:auto!important;align-content:start!important;grid-auto-flow:row!important;grid-auto-columns:auto!important}
body.us-product-erp .sidebar .nav-section-title{display:none!important}

body.us-layout-v2 .sidebar .navlink,
body.us-product-financas .clinic-sidebar nav>.nav,
body.us-product-admin .sidebar nav>button,
body.us-product-cliente .app aside nav>button,
body.us-product-erp .sidebar .nav-link,
body.us-layout-v2 .sidebar-foot .navlink,
body.us-layout-v2 .side-foot button,
body.us-layout-v2 .logout{
  min-height:42px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;border:0!important;background:transparent!important;color:#c9e0e5!important;border-radius:9px!important;padding:10px 12px!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;width:100%!important;white-space:normal!important;overflow:visible!important;
}
body.us-layout-v2 .sidebar .navlink>span:first-child,
body.us-product-financas .clinic-sidebar nav>.nav>i,
body.us-product-admin .sidebar nav>button>span:first-child,
body.us-product-erp .sidebar .nav-link>i{width:22px!important;min-width:22px!important;text-align:center!important;font-size:19px!important;margin:0!important;color:inherit!important}
body.us-layout-v2 .sidebar .navlink:hover,
body.us-layout-v2 .sidebar .navlink.active,
body.us-product-financas .clinic-sidebar nav>.nav:hover,
body.us-product-financas .clinic-sidebar nav>.nav.active,
body.us-product-admin .sidebar nav>button:hover,
body.us-product-admin .sidebar nav>button.active,
body.us-product-cliente .app aside nav>button:hover,
body.us-product-cliente .app aside nav>button.active,
body.us-product-erp .sidebar .nav-link:hover,
body.us-product-erp .sidebar .nav-link.active{background:rgba(255,255,255,.09)!important;color:#fff!important;border-left-color:transparent!important;box-shadow:none!important}

/* rodapé do menu */
body.us-layout-v2 .sidebar-foot,
body.us-layout-v2 .side-foot{margin-top:auto!important;padding:12px 10px!important;border-top:1px solid rgba(255,255,255,.09)!important;background:transparent!important}
body.us-layout-v2 .developer-signature{margin-top:auto!important;padding:12px 16px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#8fc9d2!important;background:transparent!important}
body.us-layout-v2 .developer-signature img{max-width:128px!important;max-height:34px!important;object-fit:contain!important}
body.us-layout-v2 .company-box{padding:12px 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
body.us-layout-v2 .company-box select{background:#0c2d47!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}

/* ===== CABEÇALHO ÚNICO ===== */
body.us-product-clinica .topbar,
body.us-product-financas .clinic-topbar,
body.us-product-admin .workspace>header,
body.us-product-cliente .app main>header,
body.us-product-erp .top-bar{
  height:var(--us-header)!important;min-height:var(--us-header)!important;background:rgba(255,255,255,.98)!important;color:var(--us-ink)!important;border:0!important;border-bottom:1px solid var(--us-border)!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 28px!important;position:sticky!important;top:0!important;z-index:900!important;margin:0!important;backdrop-filter:blur(10px)!important;
}
body.us-product-erp .top-bar{margin:0!important}
body.us-layout-v2 .topbar h1,
body.us-layout-v2 .workspace>header h1,
body.us-layout-v2 .app main>header h1,
body.us-layout-v2 .top-bar h1{font-size:23px!important;margin:2px 0 0!important;letter-spacing:-.02em!important}
body.us-layout-v2 .top-actions,
body.us-layout-v2 .head-actions,
body.us-layout-v2 .clinic-actions{display:flex!important;align-items:center!important;gap:8px!important}

/* ===== ÁREA DE TRABALHO ===== */
body.us-layout-v2 .page-wrap,
body.us-layout-v2 .main,
body.us-layout-v2 .workspace,
body.us-layout-v2 .app>main{min-width:0!important;background:var(--us-bg)!important}
body.us-product-clinica .content,
body.us-product-financas .clinic-view,
body.us-product-admin .workspace main,
body.us-product-cliente .content,
body.us-product-erp .main-content>.container-fluid,
body.us-product-erp .main-content>main{padding:28px!important;max-width:1700px!important;width:100%!important;margin:0 auto!important}
body.us-product-erp .main-content{background:var(--us-bg)!important}

body.us-layout-v2 .card,
body.us-layout-v2 .panel,
body.us-layout-v2 .stat,
body.us-layout-v2 .stat-mini,
body.us-layout-v2 .form-section,
body.us-layout-v2 .table-wrap,
body.us-layout-v2 .settings-panel,
body.us-layout-v2 .lk-settings-section,
body.us-layout-v2 .insight-card,
body.us-layout-v2 .schedule-card,
body.us-layout-v2 .exec-card{
  background:#fff!important;border:1px solid var(--us-border)!important;border-radius:var(--us-radius)!important;box-shadow:var(--us-shadow)!important;color:var(--us-ink)!important;
}
body.us-layout-v2 .page-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:18px!important;margin-bottom:20px!important}
body.us-layout-v2 .page-head h1,body.us-layout-v2 .page-head h2{font-size:30px!important;margin:4px 0!important;letter-spacing:-.03em!important}
body.us-layout-v2 .page-head p{color:var(--us-muted)!important;margin:0!important}

/* tabelas */
body.us-layout-v2 .table-wrap{overflow:auto!important}
body.us-layout-v2 table.table,body.us-layout-v2 .table{width:100%!important;border-collapse:collapse!important}
body.us-layout-v2 .table th,body.us-layout-v2 .table td{padding:11px 10px!important;border-bottom:1px solid #e7edf2!important;text-align:left!important;vertical-align:top!important;font-size:13px!important}
body.us-layout-v2 .table th{position:sticky;top:0;z-index:5;background:#f7f9fb!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#65758a!important}
body.us-layout-v2 .table tbody tr:hover{background:#f6fafc!important}

/* botões / campos */
body.us-layout-v2 input,body.us-layout-v2 select,body.us-layout-v2 textarea,body.us-layout-v2 .input{border-radius:10px!important;border-color:#cfdde7!important}
body.us-layout-v2 .btn,body.us-layout-v2 .primary,body.us-layout-v2 .action-btn,body.us-layout-v2 .soft,body.us-layout-v2 .secondary{border-radius:9px!important}

/* ===== CONFIGURAÇÕES — MESMA TELA EM TODOS ===== */
body.us-settings-view .us-settings-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 16px}
body.us-settings-view .us-settings-header h2{font-size:30px;margin:3px 0}.us-settings-header p{margin:0;color:var(--us-muted)}
body.us-settings-view .us-settings-index,
body.us-settings-view .settings-tabs,
body.us-settings-view .lk-settings-nav{
  position:sticky!important;top:calc(var(--us-header) + 10px)!important;z-index:40!important;display:flex!important;gap:6px!important;align-items:center!important;overflow-x:auto!important;padding:7px!important;margin:0 0 16px!important;border:1px solid var(--us-border)!important;border-radius:12px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 6px 20px rgba(23,54,74,.06)!important;backdrop-filter:blur(10px)!important;
}
body.us-settings-view .us-settings-index button,
body.us-settings-view .settings-tabs button,
body.us-settings-view .settings-tabs a,
body.us-settings-view .lk-settings-nav button{
  border:0!important;background:transparent!important;color:#53697c!important;border-radius:8px!important;padding:9px 12px!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important;
}
body.us-settings-view .us-settings-index button:hover,
body.us-settings-view .settings-tabs button:hover,
body.us-settings-view .settings-tabs .active,
body.us-settings-view .lk-settings-nav button:hover,
body.us-settings-view .lk-settings-nav .active{background:#edf7f9!important;color:#0b7583!important}
body.us-settings-view .us-settings-card,
body.us-settings-view .lk-settings-section,
body.us-settings-view .settings-section,
body.us-settings-view .settings-panel,
body.us-settings-view .form-section{
  background:#fff!important;border:1px solid var(--us-border)!important;border-radius:16px!important;box-shadow:var(--us-shadow)!important;padding:20px!important;margin-bottom:16px!important;
}
body.us-settings-view .lk-settings-title,
body.us-settings-view .subsection-head,
body.us-settings-view .settings-section>header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;border-bottom:1px solid #edf1f4!important;padding-bottom:13px!important;margin-bottom:16px!important}
body.us-settings-view .lk-settings-title h3,
body.us-settings-view .subsection-head h3,
body.us-settings-view .us-settings-card h3{margin:3px 0!important;color:var(--us-ink)!important}
body.us-settings-view label{color:#42566d!important;font-weight:700!important}

/* ===== FORMULÁRIOS GRANDES NA ÁREA PRINCIPAL ===== */
dialog.us-workspace-dialog{border:0!important;padding:0!important;background:transparent!important;max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;margin:0!important;inset:94px 16px 16px calc(var(--us-sidebar) + 16px)!important;overflow:visible!important;z-index:1200!important}
dialog.us-workspace-dialog::backdrop{background:rgba(5,22,38,.08)!important;backdrop-filter:none!important}
dialog.us-workspace-dialog>.modal-card,dialog.us-workspace-dialog>.dialog-card,dialog.us-workspace-dialog>form,dialog.us-workspace-dialog>.dialog,dialog.us-workspace-dialog>.mobile-access-pop{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:16px!important;border:1px solid var(--us-border)!important;background:#fff!important;box-shadow:0 14px 40px rgba(15,35,55,.10)!important;overflow:auto!important;padding:22px!important}
dialog.us-workspace-dialog .dialog-head{position:sticky;top:-22px;z-index:8;background:#fff!important;padding-top:2px!important}
dialog.us-workspace-dialog .dialog-actions{position:sticky;bottom:-22px;z-index:8;background:#fff!important;border-top:1px solid #e5ecf1!important;padding-top:13px!important;padding-bottom:2px!important}

/* div-modals do ClinicOS/UniFinanças quando classificados como formulário extenso */
body.us-layout-v2 .us-workspace-modal{position:fixed!important;inset:94px 16px 16px calc(var(--us-sidebar) + 16px)!important;z-index:1200!important;background:rgba(5,22,38,.06)!important;padding:0!important;display:block!important}
body.us-layout-v2 .us-workspace-modal>.web-modal-card,
body.us-layout-v2 .us-workspace-modal>.modal-card,
body.us-layout-v2 .us-workspace-modal>.dialog{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:16px!important;overflow:auto!important;background:#fff!important;box-shadow:0 14px 40px rgba(15,35,55,.10)!important}

/* ===== ACESSO RÁPIDO ===== */
.us-command-trigger{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px!important;border:1px solid #d8e4eb!important;border-radius:9px!important;background:#fff!important;color:#36546a!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important;white-space:nowrap}
.us-command-trigger kbd{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid #d7e1e8;border-bottom-width:2px;border-radius:5px;padding:2px 5px;color:#7b8c98;background:#f8fafb}
.us-command-overlay{position:fixed;inset:0;z-index:1400;background:rgba(5,20,34,.34);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;padding:10vh 16px 20px}.us-command-overlay.open{display:flex}.us-command-box{width:min(650px,96vw);background:#fff;border:1px solid #dce6ed;border-radius:16px;box-shadow:0 28px 80px rgba(3,25,43,.28);overflow:hidden}.us-command-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e7edf2}.us-command-head input{border:0!important;box-shadow:none!important;outline:0!important;font-size:16px!important;padding:4px!important;min-height:36px!important;background:#fff!important;flex:1}.us-command-list{max-height:min(52vh,520px);overflow:auto;padding:7px}.us-command-item{width:100%;border:0!important;background:#fff!important;color:#17334a!important;padding:11px 12px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;text-align:left!important;font-weight:750!important}.us-command-item:hover,.us-command-item.active{background:#edf7f9!important;color:#0b7480!important}.us-command-item small{font-weight:600;color:#8495a2}.us-command-empty{padding:24px;text-align:center;color:#7a8d9a}

/* ===== MOBILE/TABLET — MESMO DRAWER EM TODOS ===== */
.us-mobile-menu-btn{display:none;border:0!important;background:#eef4f7!important;color:#19364a!important;border-radius:9px!important;width:40px!important;height:40px!important;min-width:40px!important;place-items:center!important;padding:0!important;font-size:22px!important;box-shadow:none!important}
.us-mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(5,22,38,.48);z-index:1090}
@media(max-width:900px){
  body.us-product-clinica .app-shell,body.us-product-financas .app-shell,body.us-product-admin .app,body.us-product-cliente .app{display:block!important;min-height:100vh!important}
  body.us-product-clinica .sidebar,body.us-product-financas .clinic-sidebar,body.us-product-admin .sidebar,body.us-product-cliente .app>aside,body.us-product-erp .sidebar{
    position:fixed!important;top:0!important;left:0!important;width:286px!important;min-width:286px!important;max-width:286px!important;height:100dvh!important;min-height:100dvh!important;transform:translateX(-102%)!important;transition:transform .18s ease!important;z-index:1100!important;display:flex!important;
  }
  body.us-mobile-nav-open .sidebar,body.us-mobile-nav-open .clinic-sidebar,body.us-mobile-nav-open .app>aside{transform:translateX(0)!important}
  body.us-mobile-nav-open .us-mobile-backdrop{display:block!important}
  body.us-product-erp.us-mobile-nav-open .sidebar{transform:translateX(0)!important}
  body.us-product-erp .main-content{margin-left:0!important;padding:0!important}
  .us-mobile-menu-btn{display:grid!important}
  body.us-layout-v2 .mobile-bottom,body.us-layout-v2 .bottom-nav{display:none!important}
  body.us-product-clinica .topbar,body.us-product-financas .clinic-topbar,body.us-product-admin .workspace>header,body.us-product-cliente .app main>header,body.us-product-erp .top-bar{height:64px!important;min-height:64px!important;padding:0 14px!important}
  body.us-product-clinica .content,body.us-product-financas .clinic-view,body.us-product-admin .workspace main,body.us-product-cliente .content,body.us-product-erp .main-content>.container-fluid,body.us-product-erp .main-content>main{padding:15px!important}
  body.us-layout-v2 .page-head{display:block!important}.page-head>*+*{margin-top:10px!important}
  .us-command-trigger{min-width:36px;padding:7px!important}.us-command-trigger .us-command-text,.us-command-trigger kbd{display:none}
  dialog.us-workspace-dialog{inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important;z-index:1300!important}
  dialog.us-workspace-dialog::backdrop{background:#fff!important}
  dialog.us-workspace-dialog>.modal-card,dialog.us-workspace-dialog>.dialog-card,dialog.us-workspace-dialog>form,dialog.us-workspace-dialog>.dialog,dialog.us-workspace-dialog>.mobile-access-pop{border:0!important;border-radius:0!important;height:100dvh!important;padding:16px!important;box-shadow:none!important}
  body.us-layout-v2 .us-workspace-modal{inset:0!important;width:100vw!important;height:100dvh!important;z-index:1300!important;background:#fff!important}
  body.us-layout-v2 .us-workspace-modal>.web-modal-card,body.us-layout-v2 .us-workspace-modal>.modal-card,body.us-layout-v2 .us-workspace-modal>.dialog{border-radius:0!important;height:100dvh!important}
  body.us-settings-view .us-settings-index,body.us-settings-view .settings-tabs,body.us-settings-view .lk-settings-nav{top:72px!important}
}
@media(max-width:520px){
  body.us-layout-v2 .stats,body.us-layout-v2 .metric-grid,body.us-layout-v2 .grid-2,body.us-layout-v2 .grid-3,body.us-layout-v2 .grid-4{grid-template-columns:1fr!important}
  body.us-layout-v2 .dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important}body.us-layout-v2 .dialog-actions>*{width:100%!important}
  body.us-layout-v2 .table th,body.us-layout-v2 .table td{padding:9px 8px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v5.7 — autenticação: conteúdo oculto jamais pode ser reexibido pelo tema */
body.us-product-cliente .app.hidden,
body.us-product-cliente #login.hidden,
body.us-product-admin .app.hidden,
body.us-product-admin #loginView.hidden,
body.us-layout-v2 .hidden{display:none!important}
