/* Sidebar: APENAS desenho SVG e tipografia. A largura, hover, agrupamento,
   estrutura, comportamento e permissões são responsabilidade do código original. */
.sidebar-nav .nav-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-nav .nav-item .nav-label{font-weight:600;letter-spacing:-.005em}
.sidebar-nav .nav-group-static-label{font-weight:700;letter-spacing:.075em}

/* CENTRAL DE CONFIGURAÇÕES — nenhuma classe de outra rota é selecionada. */
.cfgx-page{--cfg-ux-radius:18px;gap:18px!important}
.cfgx-page .cfgx-hero{border:1px solid var(--border);background:var(--surface);padding:24px 26px;border-radius:20px;align-items:center;box-shadow:0 8px 32px rgba(0,0,0,.035)}
.cfgx-page .cfgx-hero h1{font-size:clamp(27px,2.7vw,36px)!important;letter-spacing:-.035em;line-height:1.1}
.cfgx-page .cfgx-hero p{font-size:14px!important;line-height:1.55!important;max-width:580px}
.cfgx-page .cfgx-hero .btn{min-height:40px}
.cfgx-ux-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px}
.cfgx-ux-shortcut{display:flex;gap:13px;min-height:78px;align-items:center;border:1px solid var(--border);border-radius:15px;text-align:left;background:var(--surface);color:var(--text);padding:15px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}
.cfgx-ux-shortcut:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-1px)}
.cfgx-ux-shortcut:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}
.cfgx-ux-shortcut>.cfgx-ux-icon{width:38px;height:38px;flex:0 0 38px;padding:9px;border-radius:11px;background:color-mix(in srgb,var(--brand) 9%,var(--surface-2));color:var(--brand-ink)}
.cfgx-ux-shortcut>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.cfgx-ux-shortcut strong{font-size:13px;line-height:1.2}
.cfgx-ux-shortcut small{font-size:11px;color:var(--text-2);line-height:1.25}
.cfgx-ux-shortcut-arrow{margin-left:auto;color:var(--text-3)}
.cfgx-ux-icon{width:22px;height:22px;flex:0 0 22px}
.cfgx-page .cfgx-ux-section{border-radius:var(--cfg-ux-radius)!important;box-shadow:none!important;overflow:visible}
.cfgx-page .cfgx-ux-section .cfgx-section-head{grid-template-columns:42px minmax(0,1fr) auto auto!important;min-height:75px!important;padding:15px 20px!important;gap:13px!important}
.cfgx-ux-section-icon{display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;border-radius:12px;color:var(--text-2)}
.cfgx-ux-section.is-open .cfgx-ux-section-icon{color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 10%,var(--surface-2))}
.cfgx-page .cfgx-section-title strong{font-size:15px!important;font-weight:760!important}
.cfgx-page .cfgx-section-title small{font-size:12px!important;line-height:1.5!important}
.cfgx-page .cfgx-ux-section .cfgx-section-body{padding:18px 20px 22px!important}
.cfgx-page .cfgx-ux-section .cfgx-section-actions{position:static!important;grid-column:1/-1;justify-self:end;margin:-6px 20px 9px}
.cfgx-page .cfgx-user-toolbar{gap:10px}
.cfgx-page .cfgx-user-toolbar :is(.input,.select){min-height:43px;font-size:14px}
.cfgx-page .cfgx-user-row{border:1px solid var(--border);border-radius:13px;margin:0 0 9px;background:color-mix(in srgb,var(--surface) 94%,var(--surface-2));padding:14px 15px;gap:13px}
.cfgx-page .cfgx-user-row:last-child{border:1px solid var(--border)}
.cfgx-page .cfgx-user-main strong{font-size:14px;line-height:1.3}
.cfgx-page .cfgx-user-main small{font-size:12px;line-height:1.4}
.cfgx-page .cfgx-user-actions{align-items:center;gap:7px}
.cfgx-page .cfgx-user-actions .btn{min-height:36px}
.cfgx-page .cfgx-user-actions [data-cfg="excluir-admin"]{color:var(--text-warning,var(--text-2))}
.cfgx-page .cfgx-matrix{margin-top:14px}
/* DIÁLOGO: conteúdo acima do fundo, fundo imóvel e abas coerentes. */
body.odem-cfg-dialog-open{overflow:hidden!important}
body.odem-cfg-dialog-open #content{overflow:hidden!important}
#content > .cfgx-drawer-bg{background:rgba(7,12,20,.66);backdrop-filter:blur(3px);z-index:9999;overscroll-behavior:contain}
#content .cfgx-drawer{width:min(760px,100vw);border-left:1px solid var(--border);background:var(--surface)}
#content .cfgx-drawer>header{padding:20px 24px;align-items:center}
#content .cfgx-drawer>header h2{font-size:22px}
#content .cfgx-drawer-body{padding:20px 24px 28px;overscroll-behavior:contain}
.cfgx-ux-editor-tabs{display:flex;gap:9px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface)}
.cfgx-ux-editor-tabs>button{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:650;cursor:pointer;min-height:43px}
.cfgx-ux-editor-tabs>button.is-active{background:color-mix(in srgb,var(--brand) 10%,var(--surface));border-color:color-mix(in srgb,var(--brand) 44%,var(--border));color:var(--text)}
.cfgx-ux-editor-tabs .cfgx-ux-icon{width:18px;height:18px;flex:0 0 18px}
#content [data-editor-pane][hidden]{display:none!important}
#content .cfgx-access-edit-block .cfgx-permission-grid fieldset{border-radius:13px}
#content .cfgx-permission-tools{gap:8px}
#content .cfgx-inline-save>.btn{min-height:40px}

@media(max-width:900px){
  .cfgx-page .cfgx-hero{padding:18px!important;gap:14px}
  .cfgx-ux-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cfgx-ux-shortcut{min-height:76px;padding:11px;gap:10px}
  .cfgx-ux-shortcut>.cfgx-ux-icon{width:32px;height:32px;flex-basis:32px;padding:8px}
  .cfgx-ux-shortcut strong{font-size:12px}
  .cfgx-ux-shortcut small{font-size:10px}
  .cfgx-page .cfgx-section-title strong{font-size:14px!important}
  .cfgx-page .cfgx-section-title small{font-size:11px!important}
  .cfgx-page .cfgx-ux-section .cfgx-section-head{padding:12px!important;grid-template-columns:36px minmax(0,1fr) auto auto!important;gap:9px!important;min-height:70px!important}
  .cfgx-ux-section-icon{width:34px;height:34px}
  .cfgx-ux-section-icon .cfgx-ux-icon{width:19px;height:19px}
  .cfgx-page .cfgx-user-row{grid-template-columns:40px minmax(0,1fr)!important;padding:12px!important;gap:10px}
  .cfgx-page .cfgx-user-actions{grid-column:1/-1;justify-content:flex-start}
  #content .cfgx-drawer{width:100vw!important;border:0!important}
  #content .cfgx-drawer>header{padding:14px 16px!important}
  #content .cfgx-drawer-body{padding:14px 16px 24px!important}
  .cfgx-ux-editor-tabs{padding:10px 14px;gap:7px}
  .cfgx-ux-editor-tabs>button{flex:1;justify-content:center;padding:10px 7px;font-size:12px}
}
@media(max-width:390px){
 .cfgx-ux-shortcuts{grid-template-columns:1fr}
 .cfgx-page .cfgx-ux-section .cfgx-section-head{grid-template-columns:34px minmax(0,1fr) auto!important}
 .cfgx-page .cfgx-section-badge{display:none!important}
}
@media(prefers-reduced-motion:reduce){.cfgx-ux-shortcut{transition:none!important}}

/* VF04 — alvos existentes de Configurações; sem alcançar a navegação/sidebar. */
@media(max-width:760px),(pointer:coarse){
 .cfgx-page :is([data-cfg="toggle-all"],[data-cfg="toggle-expand"],[data-cfg="verificar-saude"],[data-cfg="selecionar-foto"],[data-cfg="novo-admin"],#cfg-ver,#cfg-salvar,.of-filter-pin,.of-filter-toggle,.of-filter-clear,.of-filter-chip){
  min-width:44px!important;min-height:44px!important;
 }
}
