/* ===== v6.3: polimento clean, icones e correcoes de sobreposicao ===== */
:root{
  --button-shadow:0 1px 2px rgba(15,23,42,.08);
  --button-shadow-hover:0 8px 18px rgba(0,80,130,.14);
  --z-float:12000;
  --z-modal:14000;
}

body{
  background:
    linear-gradient(115deg, rgba(0,80,130,.10), transparent 36%),
    linear-gradient(245deg, rgba(14,165,183,.08), transparent 34%),
    linear-gradient(135deg, #f7fafc, var(--bg));
}

html[data-theme="dark"] body{
  background:
    linear-gradient(115deg, rgba(14,165,183,.12), transparent 38%),
    linear-gradient(245deg, rgba(246,195,67,.06), transparent 34%),
    linear-gradient(135deg, #07131d, #0a1722);
}

.app-shell{ grid-template-columns:236px minmax(0, 1fr); }

.app-sidebar{
  color:var(--text);
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,250,252,.88)),
    linear-gradient(135deg, rgba(0,80,130,.06), transparent 55%);
  border-right:1px solid var(--border);
  box-shadow:8px 0 28px rgba(0,42,74,.08);
}

html[data-theme="dark"] .app-sidebar{
  color:var(--text);
  background:
    linear-gradient(180deg, rgba(14,31,45,.96), rgba(11,27,40,.94)),
    linear-gradient(135deg, rgba(14,165,183,.08), transparent 55%);
  border-right-color:var(--border);
}

.sidebar-brand{
  color:var(--text);
  border-bottom-color:var(--border);
}
.sidebar-brand:visited{ color:var(--text); }
.sidebar-brand-mark{
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  border-color:rgba(255,255,255,.22);
}
.sidebar-brand-title{ font-weight:750; }
.sidebar-brand-subtitle{ color:var(--muted); font-weight:600; }

.side-nav-group{
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}

.side-nav a{
  color:var(--muted);
  font-weight:620;
  padding:8px 9px;
  border:1px solid transparent;
}
.side-nav a:visited{ color:var(--muted); }
.side-nav a:hover{
  color:var(--text);
  background:var(--surface);
  border-color:var(--border);
  transform:translateX(1px);
  box-shadow:var(--button-shadow);
}
.side-nav a.active{
  color:var(--brand);
  background:color-mix(in srgb, var(--brand) 9%, var(--surface));
  border-color:color-mix(in srgb, var(--brand) 18%, var(--border));
  box-shadow:none;
}

.nav-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--surface-2);
  color:var(--muted);
  flex:0 0 auto;
  transition:background .15s ease, color .15s ease;
}
.nav-icon::before{
  content:attr(data-fallback);
  font-size:11px;
  font-weight:750;
  line-height:1;
}
.nav-icon:has(svg)::before{ display:none; }
.nav-icon svg,
.module-icon svg,
.inline-icon,
.quick-sale svg,
.power-btn svg,
.theme-dot svg{ width:16px; height:16px; display:block; }
.inline-icon{
  display:inline-block;
  vertical-align:-3px;
  flex:0 0 auto;
}
.nav-sales{ color:#0891b2; background:rgba(8,145,178,.10); }
.nav-stock{ color:#0f766e; background:rgba(15,118,110,.11); }
.nav-products{ color:#7c3aed; background:rgba(124,58,237,.10); }
.nav-catalog{ color:#0891b2; background:rgba(8,145,178,.10); }
.nav-users{ color:#2563eb; background:rgba(37,99,235,.10); }
.nav-purchases{ color:#b77905; background:rgba(202,138,4,.12); }
.nav-closing{ color:#2563eb; background:rgba(37,99,235,.10); }
.nav-balance{ color:#16a34a; background:rgba(22,163,74,.10); }
.nav-fees{ color:#9333ea; background:rgba(147,51,234,.10); }
.nav-investors{ color:#db2777; background:rgba(219,39,119,.10); }
.nav-movements{ color:#0d9488; background:rgba(13,148,136,.12); }
.nav-settlements{ color:#dc2626; background:rgba(220,38,38,.10); }
.side-nav a.active .nav-icon{ color:#fff; }
.side-nav a:hover .nav-icon{ filter:saturate(1.1); }
.side-nav a.active:hover .nav-icon{ color:#fff; }
.side-nav a.active .nav-sales{ background:#0891b2; }
.side-nav a.active .nav-stock{ background:#0f766e; }
.side-nav a.active .nav-products{ background:#7c3aed; }
.side-nav a.active .nav-catalog{ background:#0891b2; }
.side-nav a.active .nav-users{ background:#2563eb; }
.side-nav a.active .nav-purchases{ background:#ca8a04; }
.side-nav a.active .nav-closing{ background:#2563eb; }
.side-nav a.active .nav-balance{ background:#16a34a; }
.side-nav a.active .nav-fees{ background:#9333ea; }
.side-nav a.active .nav-investors{ background:#db2777; }
.side-nav a.active .nav-movements{ background:#0d9488; }
.side-nav a.active .nav-settlements{ background:#dc2626; }

.sidebar-footer .theme-toggle,
.sidebar-footer .power-btn{
  color:var(--text);
  border-color:var(--border);
  background:var(--surface);
  font-weight:620;
  box-shadow:var(--button-shadow);
}
.sidebar-footer .theme-toggle:hover,
.sidebar-footer .power-btn:hover{
  background:var(--surface-2);
  transform:translateY(-1px);
}
.sidebar-footer .power-btn-danger{
  color:#991b1b;
  background:color-mix(in srgb, var(--danger) 8%, var(--surface));
  border-color:color-mix(in srgb, var(--danger) 18%, var(--border));
}
html[data-theme="dark"] .sidebar-footer .power-btn-danger{ color:#fecaca; }

.theme-dot{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  background:color-mix(in srgb, var(--accent) 16%, var(--surface));
  color:#b45309;
  box-shadow:none;
}
html[data-theme="dark"] .theme-dot{
  background:color-mix(in srgb, var(--brand-3) 18%, var(--surface));
  color:#7dd3fc;
}

.workspace-topbar{
  min-height:62px;
  background:color-mix(in srgb, var(--bg-2) 82%, transparent);
  z-index:80;
}
.workspace-kicker{ font-weight:650; }
.workspace-title{ font-weight:720; font-size:20px; }

.quick-sale{
  min-height:36px;
  color:#fff;
  font-weight:680;
  border:1px solid color-mix(in srgb, var(--brand-3) 28%, var(--brand));
  background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand-2) 76%, var(--brand-3)));
  box-shadow:var(--button-shadow-hover);
}
.quick-sale:hover{
  color:#fff;
  filter:brightness(1.04);
  transform:translateY(-1px);
}
.keycap{
  min-width:24px;
  height:20px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  font-size:11px;
  font-weight:700;
  color:color-mix(in srgb, var(--brand) 78%, #001827);
  background:rgba(255,255,255,.74);
}
.quick-sale .keycap{
  min-width:24px;
  height:20px;
  border-radius:6px;
  background:rgba(255,255,255,.74);
  color:color-mix(in srgb, var(--brand) 78%, #001827);
  font-weight:700;
}

h1,h2,h3,h4{ font-weight:720; }
.home-title{ font-weight:720; }
.module-card h3{ margin:0; font-weight:700; }
.module-head{
  display:flex;
  align-items:center;
  gap:11px;
}
.module-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  color:var(--brand);
  background:color-mix(in srgb, var(--brand-3) 12%, var(--surface));
  border:1px solid color-mix(in srgb, var(--brand-3) 18%, var(--border));
}
.module-card:hover .module-icon{ transform:translateY(-1px); }
.module-icon.module-sales{ color:#0891b2; background:rgba(8,145,178,.10); border-color:rgba(8,145,178,.18); }
.module-icon.module-stock{ color:#0f766e; background:rgba(15,118,110,.10); border-color:rgba(15,118,110,.18); }
.module-icon.module-purchases{ color:#b77905; background:rgba(202,138,4,.12); border-color:rgba(202,138,4,.20); }
.module-icon.module-investors{ color:#db2777; background:rgba(219,39,119,.10); border-color:rgba(219,39,119,.18); }
.module-icon.module-catalog{ color:#0891b2; background:rgba(8,145,178,.10); border-color:rgba(8,145,178,.18); }
.module-icon svg{ color:currentColor; }

.pending-repass-alert{
  border-color:rgba(202,138,4,.36);
  background:color-mix(in srgb, #f6c343 8%, var(--surface));
}
.pending-repass-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.pending-repass-head h3{ margin:0; }
.pending-repass-head p{ margin:4px 0 0; color:var(--muted); }
.pending-repass-list{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.pending-repass-item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface);
  text-decoration:none;
}
.pending-repass-item b{ color:var(--danger); }
html[data-theme="dark"] .pending-repass-alert{
  background:rgba(120,75,8,.24);
  border-color:rgba(246,195,67,.28);
}

.investor-home-hero{
  display:block !important;
  grid-template-columns:1fr !important;
  min-height:0 !important;
  max-width:580px;
  padding:20px !important;
}
.investor-home-hero .home-title{
  max-width:420px;
  font-size:30px;
}
.investor-home-hero .home-subtitle{ max-width:460px; }
.investor-home-grid{
  grid-template-columns:minmax(0, 760px);
  align-items:start;
}
.investor-contact-card,
.investor-kpi-card{
  min-height:0 !important;
}
.investor-contact-card p{ flex:0; }
.investor-kpi-grid{
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
}

button,
.btn-primary{
  min-height:34px;
  padding:8px 11px;
  border-radius:8px;
  font-weight:650;
  box-shadow:var(--button-shadow);
}
button:hover,
.btn-primary:hover{
  box-shadow:var(--button-shadow-hover);
}

.btn-primary,
button[type="submit"]:not(.btn-secondary):not(.btn-danger){
  color:#fff !important;
  border-color:color-mix(in srgb, var(--brand-2) 72%, var(--brand)) !important;
  background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand-2) 76%, var(--brand-3))) !important;
  font-weight:650 !important;
}

button[type="button"]:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.payment-option):not(#paymentConfirm):not(.clear-btn){
  color:var(--text) !important;
  background:var(--surface) !important;
  border-color:var(--border) !important;
  font-weight:620 !important;
}

#paymentConfirm{
  color:#fff !important;
  border:1px solid color-mix(in srgb, var(--brand-2) 72%, var(--brand)) !important;
  background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand-2) 76%, var(--brand-3))) !important;
  font-weight:650 !important;
}
.btn-success-soft{
  color:#047857 !important;
  background:color-mix(in srgb, var(--success) 10%, var(--surface)) !important;
  border:1px solid color-mix(in srgb, var(--success) 28%, var(--border)) !important;
  font-weight:620 !important;
}
.btn-success-soft:hover{
  background:color-mix(in srgb, var(--success) 16%, var(--surface)) !important;
  box-shadow:0 6px 14px rgba(16,185,129,.14) !important;
}

.btn-secondary,
a.btn-secondary{
  min-height:34px;
  padding:8px 10px;
  border-radius:8px;
  font-weight:620;
  color:var(--text) !important;
  background:var(--surface) !important;
  border-color:var(--border) !important;
  box-shadow:var(--button-shadow);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.btn-secondary:hover,
a.btn-secondary:hover{
  background:color-mix(in srgb, var(--brand-3) 7%, var(--surface)) !important;
  border-color:color-mix(in srgb, var(--brand-3) 24%, var(--border)) !important;
  color:var(--text) !important;
  box-shadow:0 6px 14px rgba(15,23,42,.08);
}

.btn-danger{
  font-weight:620;
  border-radius:8px;
  box-shadow:var(--button-shadow);
}

.card{
  border-radius:10px;
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 10px 26px rgba(0,42,74,.06);
}
.card:hover{ box-shadow:0 1px 2px rgba(15,23,42,.04), 0 12px 28px rgba(0,42,74,.08); }

tbody tr:hover td{
  background:color-mix(in srgb, var(--brand-3) 5%, transparent);
}

input:hover, select:hover, textarea:hover{
  border-color:color-mix(in srgb, var(--brand-3) 20%, var(--border));
}

.badge{ font-weight:620; }

.home-logo-panel{ transform:none; }
.home-logo-panel img{ transform:none; }
.module-card::before{ width:3px; opacity:.75; }
.module-kicker{ font-weight:680; }

.modal-backdrop{ z-index:var(--z-modal); }
.suggest-box,
.suggestions{
  z-index:var(--z-float) !important;
  position:absolute;
}
.product-cell{ z-index:300; }
.product-input-wrap .suggestions{ z-index:var(--z-float) !important; }
.items-table-wrap,
.items-inner,
.table,
table,
tbody,
tr,
td{ overflow:visible; }

.stock-action-details[open]{ z-index:var(--z-float); }
.stock-action-details > summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:8px !important;
  font-weight:620 !important;
}
.stock-action-panel{
  z-index:var(--z-float) !important;
  background:var(--surface) !important;
  border-color:var(--border) !important;
  box-shadow:0 18px 40px rgba(15,23,42,.22) !important;
  max-height:min(78vh, 430px);
  overflow:auto;
}

.stock-top-filters{
  display:flex;
  gap:10px;
  margin:0;
  flex-wrap:wrap;
  align-items:flex-start;
}
.stock-top-filters > label,
.stock-filter-chip{
  background:var(--surface) !important;
  border-color:var(--border) !important;
  box-shadow:var(--button-shadow) !important;
}
.stock-top-filters .small{
  color:var(--text) !important;
  font-weight:620 !important;
}
.stock-top-filters .inline-icon{ color:var(--brand-2); }
.stock-top-filters select{
  color:var(--text) !important;
  background:var(--surface-2) !important;
  border-color:var(--border) !important;
}
.stock-top-filters select:hover{
  border-color:color-mix(in srgb, var(--brand-3) 38%, var(--border)) !important;
}
.report-modal-card{
  width:320px !important;
  border-radius:12px !important;
}
.report-check{
  padding:4px 2px;
  color:var(--text);
}
.report-check:hover{ color:var(--brand); }

.payment-option{
  color:var(--text) !important;
  background:var(--surface) !important;
  border-color:var(--border) !important;
  font-weight:620 !important;
}
.payment-option:hover{
  background:var(--surface-2) !important;
  border-color:color-mix(in srgb, var(--brand-3) 24%, var(--border)) !important;
}
.payment-option.active{
  color:var(--brand) !important;
  background:color-mix(in srgb, var(--brand-3) 9%, var(--surface)) !important;
  border-color:var(--brand-3) !important;
  box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-3) 18%, transparent) !important;
}

html[data-theme="dark"] [style*="#f8fafc"],
html[data-theme="dark"] [style*="background: #f8fafc"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"]{
  background:var(--surface-2) !important;
}
html[data-theme="dark"] [style*="#e2e8f0"],
html[data-theme="dark"] [style*="#cbd5e1"]{
  border-color:var(--border) !important;
}
html[data-theme="dark"] [style*="#334155"],
html[data-theme="dark"] [style*="#64748b"]{
  color:var(--text) !important;
}
html[data-theme="dark"] [style*="#fff5f5"],
html[data-theme="dark"] [style*="#fff7ed"]{
  background:color-mix(in srgb, var(--danger) 10%, var(--surface)) !important;
}

@media (max-width:1050px){
  .app-sidebar{ box-shadow:0 8px 24px rgba(0,42,74,.10); }
  .side-nav a{ background:color-mix(in srgb, var(--surface) 70%, transparent); }
}

/* ===== v6.5: correcao de popups e overflow horizontal ===== */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.app-shell,
.app-content-shell,
.app-main,
.card{
  min-width:0;
}

.app-content-shell{
  overflow-x:hidden;
}

.card{
  max-width:100%;
}

#itemsTable{
  min-width:0 !important;
}
#itemsTable th:nth-child(1),
#itemsTable td:nth-child(1){ min-width:260px; }
#itemsTable th:nth-child(2),
#itemsTable td:nth-child(2){ width:64px !important; }
#itemsTable th:nth-child(3),
#itemsTable td:nth-child(3){ width:124px !important; }
#itemsTable th:nth-child(4),
#itemsTable td:nth-child(4){ width:116px !important; }
#itemsTable th:nth-child(5),
#itemsTable td:nth-child(5){ width:92px !important; }
#itemsTable th:nth-child(6),
#itemsTable td:nth-child(6){ width:112px !important; }
#itemsTable th:nth-child(7),
#itemsTable td:nth-child(7){ width:86px !important; }
#itemsTable th:nth-child(8),
#itemsTable td:nth-child(8){ width:106px !important; }
#itemsTable th:nth-child(9),
#itemsTable td:nth-child(9){ width:48px !important; }

.items-table-wrap,
.items-inner{
  overflow:visible !important;
  max-width:100%;
}

.product-input-wrap{
  position:relative;
  isolation:isolate;
}
.product-input-wrap .suggestions{
  top:calc(100% + 6px) !important;
  left:0 !important;
  right:0 !important;
  width:auto !important;
  min-width:260px;
  max-width:min(720px, calc(100vw - 48px));
  max-height:320px !important;
}
.suggest-item{
  color:var(--text);
}
.suggest-item:hover,
.suggest-item.active{
  color:var(--text) !important;
  background:color-mix(in srgb, var(--brand-3) 13%, var(--surface)) !important;
}
.suggest-item .small{
  color:var(--muted) !important;
}

.stock-table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto !important;
  overflow-y:visible;
  scrollbar-width:thin;
  position:relative;
  border-radius:10px;
}
.stock-table-scroll #stockTable{
  min-width:1180px;
  table-layout:fixed;
  margin:0 !important;
}
.stock-table-scroll .dataTables_wrapper{
  min-width:1180px;
}
.stock-table-scroll #stockTable .col-media{ width:52px; }
.stock-table-scroll #stockTable .col-product{ width:30%; }
.stock-table-scroll #stockTable .col-category{ width:88px; }
.stock-table-scroll #stockTable .col-qty{ width:48px; text-align:center; }
.stock-table-scroll #stockTable .col-locations{ width:16%; }
.stock-table-scroll #stockTable .col-cost{ width:86px; }
.stock-table-scroll #stockTable .col-price{ width:150px; }
.stock-table-scroll #stockTable .col-partner-price{ width:144px; }
.stock-table-scroll #stockTable .col-partner-margin{ width:118px; }
.stock-table-scroll #stockTable .col-profit{ width:64px; text-align:center; }
.stock-table-scroll #stockTable .col-actions{ width:246px; }

/* Mantem a navegacao lateral em telas de notebook/janela dividida.
   O layout empilhado agora fica reservado para telas realmente pequenas. */
@media (min-width:601px) and (max-width:1050px){
  .app-shell{
    grid-template-columns:236px minmax(0, 1fr) !important;
  }
  .app-sidebar{
    position:sticky !important;
    top:0 !important;
    height:100vh !important;
    padding:16px 12px !important;
    box-shadow:8px 0 28px rgba(0,42,74,.08) !important;
  }
  .side-nav{
    display:flex !important;
    grid-template-columns:none !important;
    flex-direction:column !important;
  }
  .side-nav-group{
    display:block !important;
  }
  .side-nav a:not(.active){
    background:transparent !important;
  }
  .sidebar-footer{
    display:grid !important;
    margin-top:auto !important;
  }
  .sidebar-footer .theme-toggle,
  .sidebar-footer .power-btn{
    width:100% !important;
  }
  .workspace-topbar{
    top:0 !important;
  }
}

/* ===== v6.12: menu lateral recolhivel ===== */
.app-shell{
  transition:grid-template-columns .18s ease;
}

.sidebar-top{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 4px 12px;
  margin-bottom:12px;
  border-bottom:1px solid var(--border);
}

.sidebar-top .sidebar-brand{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:6px;
  border-bottom:0;
}

.sidebar-brand-text,
.nav-label,
.theme-label,
.power-label{
  white-space:nowrap;
  overflow:hidden;
  transition:opacity .14s ease, width .18s ease;
}

.sidebar-toggle{
  width:34px;
  height:34px;
  min-height:34px;
  padding:0 !important;
  flex:0 0 34px;
  display:inline-grid !important;
  place-items:center;
  color:var(--muted) !important;
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:9px !important;
  box-shadow:var(--button-shadow) !important;
}

.sidebar-toggle:hover{
  color:var(--brand) !important;
  background:var(--surface-2) !important;
  border-color:color-mix(in srgb, var(--brand-3) 26%, var(--border)) !important;
}

.sidebar-toggle svg{
  width:17px;
  height:17px;
}

.sidebar-toggle-closed{
  display:none !important;
}

.side-nav a{
  position:relative;
}

@media (min-width:0px){
  html[data-sidebar="collapsed"] .app-shell{
    grid-template-columns:72px minmax(0, 1fr) !important;
  }

  html[data-sidebar="collapsed"] .app-sidebar{
    padding:14px 8px !important;
    overflow:visible;
  }

  html[data-sidebar="collapsed"] .sidebar-top{
    flex-direction:column;
    gap:8px;
    padding:0 0 12px;
  }

  html[data-sidebar="collapsed"] .sidebar-top .sidebar-brand{
    flex:0 0 auto;
    justify-content:center;
    gap:0;
    padding:0;
  }

  html[data-sidebar="collapsed"] .sidebar-brand-text,
  html[data-sidebar="collapsed"] .nav-label,
  html[data-sidebar="collapsed"] .theme-label,
  html[data-sidebar="collapsed"] .power-label{
    width:0;
    opacity:0;
    visibility:hidden;
  }

  html[data-sidebar="collapsed"] .sidebar-brand-mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }

  html[data-sidebar="collapsed"] .sidebar-toggle-open{
    display:none !important;
  }

  html[data-sidebar="collapsed"] .sidebar-toggle-closed{
    display:block !important;
  }

  html[data-sidebar="collapsed"] .side-nav{
    padding:2px 0;
    align-items:center;
  }

  html[data-sidebar="collapsed"] .side-nav-group{
    width:32px;
    height:1px;
    margin:12px 0 5px;
    padding:0;
    color:transparent;
    background:var(--border);
    overflow:hidden;
  }

  html[data-sidebar="collapsed"] .side-nav a{
    width:44px;
    height:42px;
    justify-content:center;
    gap:0;
    padding:0;
    border-radius:12px;
  }

  html[data-sidebar="collapsed"] .side-nav a:hover{
    transform:none;
  }

  html[data-sidebar="collapsed"] .side-nav a::after{
    content:attr(aria-label);
    position:absolute;
    left:calc(100% + 10px);
    top:50%;
    transform:translateY(-50%) translateX(-4px);
    z-index:var(--z-float);
    max-width:220px;
    padding:7px 9px;
    border-radius:8px;
    color:var(--text);
    background:var(--surface);
    border:1px solid var(--border);
    box-shadow:0 12px 28px rgba(15,23,42,.18);
    font-size:12px;
    font-weight:650;
    line-height:1;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease, transform .12s ease, visibility .12s ease;
  }

  html[data-sidebar="collapsed"] .side-nav a:hover::after,
  html[data-sidebar="collapsed"] .side-nav a:focus-visible::after{
    opacity:1;
    visibility:visible;
    transform:translateY(-50%) translateX(0);
  }

  html[data-sidebar="collapsed"] .sidebar-footer{
    align-items:center;
    padding:12px 0 2px;
  }

  html[data-sidebar="collapsed"] .sidebar-footer .theme-toggle,
  html[data-sidebar="collapsed"] .sidebar-footer .power-btn{
    width:44px !important;
    height:42px;
    padding:0 !important;
    justify-content:center !important;
    gap:0;
    border-radius:12px;
  }

  html[data-sidebar="collapsed"] .power-form{
    display:flex;
    justify-content:center;
    margin:0;
  }
}