:root{--blue:#1769e0;--dark:#172033;--bg:#f4f7fb;--muted:#758097}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#1d2638;font-family:Inter,Segoe UI,Arial,sans-serif}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--dark);color:white;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--blue);border-radius:14px;font-size:25px;font-weight:900}.brand small{display:block;color:#aeb8ca}.sidebar nav{margin-top:28px;display:grid;gap:5px}.sidebar nav a{color:#cbd4e3;text-decoration:none;padding:11px 12px;border-radius:10px}.sidebar nav a:hover{background:#253047;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #303b50;padding-top:16px}.sidebar-footer a{color:#8fb8ff}.content{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid #e7ebf2;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.page{padding:26px}.panel,.stat-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 8px 25px rgba(27,39,67,.05);padding:22px}.stat-card span{color:var(--muted);display:block}.stat-card strong{font-size:28px;margin-top:5px;display:block}.btn-primary{background:var(--blue);border-color:var(--blue)}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f8fafc)}.login-card{width:min(430px,92vw);background:#fff;padding:36px;border-radius:24px;box-shadow:0 25px 70px rgba(23,32,51,.13)}.login-card h1{font-size:27px;margin:28px 0 6px}.login-card p{color:var(--muted)}.permission-item{border:1px solid #e5eaf2;padding:14px;border-radius:12px;display:flex;gap:12px;align-items:flex-start;height:100%;cursor:pointer}.permission-item small{display:block;color:var(--muted)}.pdv-grid{display:grid;grid-template-columns:1fr 420px;gap:20px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;max-height:calc(100vh - 190px);overflow:auto}.product-card{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:16px;text-align:left;display:flex;flex-direction:column;min-height:125px;transition:.15s}.product-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,105,224,.12)}.product-card small{color:var(--muted);margin-top:4px}.product-card strong{color:var(--blue);font-size:20px;margin-top:auto}.pdv-cart{position:sticky;top:92px;height:fit-content}.cart-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5;padding:12px 0}.cart-row small{display:block;color:var(--muted)}.cart-row>div:last-child{display:flex;gap:6px;align-items:center}.cart-row button{border:0;border-radius:8px;width:28px;height:28px}.total-box{display:flex;justify-content:space-between;background:#f1f6ff;border-radius:14px;padding:16px;margin-top:16px;font-size:22px}.total-box strong{color:var(--blue)}.empty{color:var(--muted);padding:30px;text-align:center}
@media(max-width:1000px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px}.sidebar .brand div,.sidebar nav a{font-size:0}.sidebar nav a:before{content:"•";font-size:22px}.sidebar-footer div{display:none}.pdv-grid{grid-template-columns:1fr}.pdv-cart{position:static}}

.chart-bars{height:220px;display:flex;align-items:flex-end;gap:14px;padding-top:20px}.bar-col{flex:1;min-width:34px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bar{background:linear-gradient(180deg,#1769e0,#6ea8fe);border-radius:8px 8px 3px 3px;min-height:4px}.bar-value{font-size:10px;color:#758097;margin-bottom:5px}.bar-col small{margin-top:5px}

/* ===== Macetech ERP V6.3 - Tema Claro/Escuro ===== */
:root{--app-bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef3f8;--text:#1d2638;--muted:#758097;--border:#e3e9f1;--sidebar:#172033;--sidebar-hover:#253047;--sidebar-text:#cbd4e3;--topbar:#fff;--input:#fff;--primary-theme:#1769e0;--shadow-theme:0 8px 25px rgba(27,39,67,.05);color-scheme:light}
html[data-theme="dark"]{--app-bg:#0f141d;--surface:#171e29;--surface-2:#1c2532;--surface-3:#232e3d;--text:#eef3f8;--muted:#9aa8ba;--border:#2a3544;--sidebar:#0b1018;--sidebar-hover:#1d2836;--sidebar-text:#c8d2df;--topbar:#151c27;--input:#101722;--primary-theme:#4f8df7;--shadow-theme:0 8px 26px rgba(0,0,0,.28);color-scheme:dark}
body{background:var(--app-bg);color:var(--text);transition:background .18s,color .18s}.sidebar{background:var(--sidebar)}.sidebar nav a{color:var(--sidebar-text)}.sidebar nav a:hover{background:var(--sidebar-hover);color:#fff}.topbar{background:var(--topbar);border-color:var(--border);color:var(--text)}
.panel,.stat-card,.login-card,.card,.modal-content,.dropdown-menu,.offcanvas{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-theme)}.text-muted,.form-text,.stat-card span,.permission-item small,.product-card small,.cart-row small,.empty{color:var(--muted)!important}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--border);color:var(--text)}.table thead th{background:var(--surface-2);color:var(--text)}.form-control,.form-select,textarea{background:var(--input);border-color:var(--border);color:var(--text)}.form-control:focus,.form-select:focus,textarea:focus{background:var(--input);color:var(--text);border-color:var(--primary-theme);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--primary-theme) 20%,transparent)}.form-control::placeholder,textarea::placeholder{color:var(--muted)}.form-select option{background:var(--surface);color:var(--text)}
.permission-item,.product-card{background:var(--surface);border-color:var(--border);color:var(--text)}.product-card:hover{border-color:var(--primary-theme)}.total-box,.cart-row button{background:var(--surface-3);color:var(--text)}.cart-row,hr,.list-group-item{border-color:var(--border)}.list-group-item,.dropdown-item{background:var(--surface);color:var(--text)}.dropdown-item:hover{background:var(--surface-2);color:var(--text)}.login-body{background:linear-gradient(135deg,var(--app-bg),var(--surface-2))}
.theme-toggle,.login-theme-toggle{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.theme-toggle:hover,.login-theme-toggle:hover{border-color:var(--primary-theme)}.theme-dark{display:none}html[data-theme="dark"] .theme-light{display:none}html[data-theme="dark"] .theme-dark{display:inline}.login-theme-toggle{position:fixed;top:18px;right:18px;z-index:50}@media(max-width:760px){.theme-label{display:none}}

/* ===== V6.4.2 - Menu lateral por grupos ===== */
.sidebar{padding:18px 12px;width:auto;overflow:hidden}.sidebar .brand{padding:2px 8px 12px}.sidebar-nav{margin-top:12px!important;display:block!important;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:10px}
.sidebar-link,.menu-group-toggle{width:100%;border:0;background:transparent;color:var(--sidebar-text);text-decoration:none;padding:10px 11px;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:.16s ease;text-align:left}.sidebar-link:hover,.menu-group-toggle:hover{background:var(--sidebar-hover);color:#fff}.sidebar-link.active,.menu-group.open>.menu-group-toggle{background:rgba(23,105,224,.20);color:#fff}.sidebar-link.active{box-shadow:inset 3px 0 0 var(--primary-theme)}
.menu-icon{width:22px;height:22px;display:grid;place-items:center;font-size:16px;flex:0 0 22px;opacity:.95}.menu-text{flex:1;white-space:nowrap}.menu-chevron{font-size:22px;line-height:1;transition:transform .18s ease;opacity:.65}.menu-group.open>.menu-group-toggle .menu-chevron{transform:rotate(90deg)}.menu-group{margin:3px 0}.menu-submenu{max-height:0;overflow:hidden;transition:max-height .22s ease;padding-left:18px}.menu-group.open .menu-submenu{max-height:520px}
.sidebar-sublink{position:relative;color:var(--sidebar-text);text-decoration:none;padding:8px 10px 8px 22px;border-radius:9px;display:block;font-size:13px;line-height:1.25;margin:2px 0;transition:.15s ease}.sidebar-sublink:before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;transform:translateY(-50%)}.sidebar-sublink:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar-sublink.active{background:rgba(23,105,224,.22);color:#fff;font-weight:700}.sidebar-sublink.active:before{background:var(--primary-theme);opacity:1;box-shadow:0 0 0 3px rgba(79,141,247,.13)}
.sidebar-footer{padding:14px 8px 0!important}.sidebar-user{display:flex;align-items:center;gap:9px;margin-bottom:10px}.sidebar-user b{display:block;font-size:12px;color:#fff;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{display:block;color:#8793a8;font-size:10px}.user-avatar{width:32px;height:32px;border-radius:10px;background:rgba(23,105,224,.28);color:#fff;display:grid;place-items:center;font-weight:800}.logout-link{display:block!important;text-align:center;background:rgba(255,255,255,.05);padding:8px!important;border-radius:9px;text-decoration:none}.logout-link:hover{background:rgba(220,53,69,.16)!important;color:#ff9ba5!important}
@media(max-width:1000px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:16px 9px}.sidebar .brand{padding-left:8px}.sidebar .brand div,.sidebar .menu-text,.sidebar .menu-chevron,.sidebar-user div,.logout-link{display:none!important}.sidebar-link,.menu-group-toggle{justify-content:center;padding:10px}.menu-submenu{padding-left:0}.sidebar-sublink{font-size:0;height:36px;padding:8px}.sidebar-sublink:before{left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%)}.sidebar-user{justify-content:center}.sidebar-footer{padding-left:0!important;padding-right:0!important}}

.cnpj-lookup-box{border:1px dashed var(--border,#d7dee8);background:var(--surface-2,#f8fafc);border-radius:14px;padding:16px}
.cnpj-lookup-box h5{font-size:16px}

.ncm-lookup-box{border:1px dashed var(--border,#d7dee8);background:var(--surface-2,#f8fafc);border-radius:14px;padding:16px}
.ncm-lookup-box h5{font-size:16px}

.fiscal-code-input{font-variant-numeric:tabular-nums}

/* Consignados V6.4.7 */
.cart-row strong{white-space:nowrap}

.grade-action-box{
  border:1px solid var(--border,#dfe6ef);
  background:var(--surface-2,#f8fafc);
  border-radius:14px;
  padding:16px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

/* Condições especiais de preço V6.4.8 */
.price-condition-box{
  background:var(--surface-2,#f8fafc);
  border:1px dashed var(--border,#dfe6ef);
  border-radius:14px;
  padding:14px;
}
.negotiation-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-bottom:1px solid var(--border,#e4e9f0);
  padding:10px 0;
}
.negotiation-name{min-width:210px;flex:1}
.negotiation-name small{display:block;color:var(--muted,#758097)}
.negotiation-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.negotiation-controls>button{border:0;border-radius:8px;padding:5px 9px;background:var(--surface-3,#eef3f8);color:var(--text,#1d2638)}
.negotiation-controls label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted,#758097)}
.negotiation-controls input{width:110px;padding:6px 8px;border:1px solid var(--border,#dfe6ef);border-radius:8px;background:var(--input,#fff);color:var(--text,#1d2638)}
.remove-negotiation{font-size:18px!important}
@media(max-width:800px){.negotiation-item{align-items:flex-start;flex-direction:column}.negotiation-controls{justify-content:flex-start;width:100%}}

/* Certificado A1 V6.4.9 */
.certificate-card{position:sticky;top:90px}
.certificate-summary{display:grid;gap:0}
.certificate-summary>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border,#e4e9f0)}
.certificate-summary span{color:var(--muted,#758097);font-size:12px}
.certificate-summary b{text-align:right;font-size:13px;word-break:break-word}
.certificate-empty{padding:16px;border:1px dashed var(--border,#dfe6ef);border-radius:12px;color:var(--muted,#758097);background:var(--surface-2,#f8fafc)}
@media(max-width:1199px){.certificate-card{position:static}}

/* Ambiente fiscal V6.4.9.7 */
.fiscal-environment-box{
  border:1px solid var(--border,#dfe6ef);
  background:var(--surface-2,#f8fafc);
  border-radius:14px;
  padding:16px;
}

/* CEP e clonagem de produto V6.4.9.8 */

/* Busca dinâmica de clientes V6.4.9.9 */
.client-search-wrap{position:relative}
.client-search-results{
 position:absolute;left:0;right:0;top:100%;z-index:60;
 background:var(--surface,#fff);border:1px solid var(--border,#dfe6ef);
 border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);
 max-height:320px;overflow:auto;margin-top:4px
}
.client-search-item{
 width:100%;display:flex;flex-direction:column;align-items:flex-start;
 border:0;border-bottom:1px solid var(--border,#e7ebf0);
 background:transparent;color:var(--text,#1d2638);padding:10px 12px;text-align:left
}
.client-search-item:hover{background:var(--surface-2,#f8fafc)}
.client-search-item span{font-size:12px;color:var(--muted,#758097)}
.client-search-item em{font-size:10px;color:#b42318;font-style:normal;font-weight:bold}
.client-search-empty{padding:12px;color:var(--muted,#758097)}
.client-selected{
 margin-top:6px;padding:8px 10px;border-radius:9px;
 background:var(--surface-2,#f8fafc);border:1px solid var(--border,#e7ebf0)
}
.client-selected b{display:block}
.client-selected span{font-size:12px;color:var(--muted,#758097)}

/* v6.7.24 - Identificacao da empresa no topo do Dashboard */
.dashboard-company{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:.78rem;font-weight:400;line-height:1.2}
.dashboard-company strong{font-weight:600}
.dashboard-company span{opacity:.72}
@media(max-width:767.98px){
  .dashboard-company{display:block}
  .dashboard-company span{display:block;margin-top:2px}
}

/* V6.7.25 - Paginação padronizada para grids/listagens */
.grid-pagination-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:10px 12px;
  margin:0 0 8px 0;
  background:var(--surface,#fff);
  border:1px solid var(--line,#e5e7eb);
  border-radius:10px;
}
.grid-pagination-toolbar .grid-page-size-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.875rem;
  color:var(--muted,#6b7280);
}
.grid-pagination-toolbar select{
  width:auto;
  min-width:76px;
}
.grid-pagination-info{
  font-size:.875rem;
  color:var(--muted,#6b7280);
}
.grid-pagination-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  flex-wrap:wrap;
  padding:10px 0 2px;
}
.grid-pagination-nav button{
  min-width:36px;
  height:34px;
  border:1px solid var(--line,#dfe3ea);
  background:var(--surface,#fff);
  color:var(--text,#172033);
  border-radius:8px;
  padding:0 10px;
  font-size:.875rem;
  cursor:pointer;
  transition:.15s ease;
}
.grid-pagination-nav button:hover:not(:disabled){
  border-color:var(--primary,#1769e0);
  color:var(--primary,#1769e0);
}
.grid-pagination-nav button.active{
  background:var(--primary,#1769e0);
  border-color:var(--primary,#1769e0);
  color:#fff;
}
.grid-pagination-nav button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
@media (max-width:640px){
  .grid-pagination-toolbar{align-items:flex-start}
  .grid-pagination-info{width:100%}
  .grid-pagination-nav{justify-content:center}
}

/* V6.7.26 - Seletor de colunas dos grids */
.grid-controls-toolbar{position:relative}
.grid-controls-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.grid-controls-only{justify-content:flex-start}
.grid-columns-menu{position:relative;z-index:25}
.grid-columns-menu[open]{z-index:60}
.grid-columns-button{
  list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:34px;
  padding:6px 11px;border:1px solid var(--line,#dfe3ea);border-radius:8px;
  background:var(--surface,#fff);color:var(--text,#172033);font-size:.875rem;font-weight:600;
  cursor:pointer;user-select:none;transition:.15s ease;
}
.grid-columns-button::-webkit-details-marker{display:none}
.grid-columns-button:hover{border-color:var(--primary,#1769e0);color:var(--primary,#1769e0)}
.grid-columns-panel{
  position:absolute;top:calc(100% + 7px);left:0;width:280px;max-width:min(90vw,320px);
  padding:12px;background:var(--surface,#fff);border:1px solid var(--line,#dfe3ea);
  border-radius:10px;box-shadow:0 12px 35px rgba(15,23,42,.16);z-index:80;
}
.grid-columns-title{font-size:.82rem;font-weight:700;color:var(--text,#172033);margin-bottom:8px}
.grid-columns-list{display:grid;gap:2px;max-height:290px;overflow:auto;padding-right:3px}
.grid-column-option{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:7px;font-size:.86rem;color:var(--text,#172033);cursor:pointer}
.grid-column-option:hover{background:var(--hover,#f4f7fb)}
.grid-column-option input{margin:0}
.grid-column-option.fixed{opacity:.62;cursor:not-allowed}
.grid-columns-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line,#e5e7eb)}
@media(max-width:640px){
  .grid-controls-left{width:100%;align-items:flex-start}
  .grid-columns-panel{position:fixed;left:12px;right:12px;top:auto;width:auto;max-width:none}
}

/* ===== V6.7.29 - Hambúrguer nativo, sem JavaScript ===== */
/*
   O checkbox fica FORA do .app-shell. Assim ele nunca participa do CSS Grid.
   Desktop: desmarcado = menu aberto; marcado = menu recolhido.
   Tablet/smartphone: desmarcado = drawer fechado; marcado = drawer aberto.
*/
.sidebar-controller{
  position:fixed!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
  top:-9999px!important;
}

.sidebar-toggle{
  display:inline-flex!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  flex:0 0 54px!important;
  border:1px solid var(--border,#dbe3ee)!important;
  background:var(--surface,#fff)!important;
  color:var(--text,#172033)!important;
  border-radius:14px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:0!important;
  cursor:pointer!important;
  box-shadow:0 4px 14px rgba(23,32,51,.09)!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  position:relative!important;
  z-index:1100!important;
}
.sidebar-toggle span{
  display:block!important;
  width:27px!important;
  height:3px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transition:transform .2s ease,opacity .2s ease!important;
}
.sidebar-toggle:hover{background:#f3f7fd!important;border-color:#c8d5e7!important}
.sidebar-toggle:active{transform:scale(.96)}
.sidebar-toggle:focus-visible{outline:3px solid rgba(23,105,224,.22)!important;outline-offset:2px!important}

/* Desktop: mantém a estrutura original do Grid. */
@media(min-width:1301px){
  .app-shell{grid-template-columns:250px minmax(0,1fr)!important;transition:grid-template-columns .22s ease!important}
  .sidebar{min-width:0!important;transition:opacity .16s ease,padding .22s ease!important}
  #sidebarController:checked ~ .app-shell{grid-template-columns:0 minmax(0,1fr)!important}
  #sidebarController:checked ~ .app-shell .sidebar{
    width:0!important;min-width:0!important;padding-left:0!important;padding-right:0!important;
    opacity:0!important;pointer-events:none!important;overflow:hidden!important;
  }
  #sidebarController:checked ~ .app-shell .content{width:100%!important;min-width:0!important}
  .sidebar-backdrop{display:none!important}
  #sidebarController:checked ~ .app-shell .sidebar-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)!important}
  #sidebarController:checked ~ .app-shell .sidebar-toggle span:nth-child(2){opacity:0!important}
  #sidebarController:checked ~ .app-shell .sidebar-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}
}

/* Tablet e smartphone: drawer independente do conteúdo. */
@media(max-width:1300px){
  .app-shell{display:block!important;min-height:100vh!important}
  .content{display:block!important;width:100%!important;min-width:0!important}
  .topbar{position:sticky!important;top:0!important;z-index:1020!important;padding-left:14px!important;padding-right:14px!important}
  .sidebar{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(330px,88vw)!important;max-width:88vw!important;height:100dvh!important;
    z-index:1050!important;transform:translate3d(-105%,0,0)!important;
    visibility:hidden!important;pointer-events:none!important;overflow:hidden!important;
    padding:18px 12px!important;box-shadow:14px 0 38px rgba(7,15,30,.28)!important;
    transition:transform .22s ease,visibility .22s ease!important;
  }
  #sidebarController:checked ~ .app-shell .sidebar{
    transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
  }
  .sidebar-backdrop{
    display:block!important;position:fixed!important;inset:0!important;background:rgba(10,18,32,.48)!important;
    z-index:1040!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;cursor:pointer!important;
  }
  #sidebarController:checked + .sidebar-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  #sidebarController:checked ~ .app-shell .sidebar-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)!important}
  #sidebarController:checked ~ .app-shell .sidebar-toggle span:nth-child(2){opacity:0!important}
  #sidebarController:checked ~ .app-shell .sidebar-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}

  /* Neutraliza os estilos legados de sidebar compacta de 78px. */
  .sidebar .brand div,.sidebar .menu-text,.sidebar .menu-chevron,.sidebar-user div{display:block!important}
  .sidebar .sidebar-link,.sidebar .menu-group-toggle{justify-content:flex-start!important;padding:10px 11px!important;font-size:14px!important}
  .sidebar nav a{font-size:inherit!important}
  .sidebar nav a:before{content:none!important}
  .sidebar .menu-submenu{padding-left:18px!important}
  .sidebar .sidebar-sublink{display:block!important;font-size:13px!important;height:auto!important;padding:8px 10px 8px 22px!important}
  .sidebar .sidebar-sublink:before{content:""!important;left:8px!important;top:50%!important;width:5px!important;height:5px!important;transform:translateY(-50%)!important}
  .sidebar-user{justify-content:flex-start!important}
  .sidebar-footer{padding:14px 8px 0!important}
  .sidebar .logout-link{display:block!important;font-size:13px!important}
}

@media(max-width:600px){
  .sidebar-toggle{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;flex-basis:52px!important}
  .sidebar-toggle span{width:26px!important}
  .sidebar{width:min(320px,90vw)!important;max-width:90vw!important}
}

/* ========================================================================== */
/* V6.7.37 - SISTEMA DE TEMAS MACETECH ERP                                   */
/* ========================================================================== */
:root,
html[data-theme="macetech-blue"]{
  --blue:#1769e0;--dark:#172033;--bg:#f4f7fb;
  --app-bg:#f4f7fb;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#eef3f8;
  --text:#1d2638;--muted:#758097;--border:#e3e9f1;
  --sidebar:#172033;--sidebar-hover:#253047;--sidebar-text:#cbd4e3;
  --topbar:#ffffff;--input:#ffffff;--primary-theme:#1769e0;
  --accent-rgb:23,105,224;--shadow-theme:0 8px 25px rgba(27,39,67,.05);
  color-scheme:light;
}
html[data-theme="dark-professional"]{
  --blue:#4f8df7;--dark:#090e16;--bg:#0f141d;
  --app-bg:#0f141d;--surface:#171e29;--surface-2:#1c2532;--surface-3:#232e3d;
  --text:#eef3f8;--muted:#9aa8ba;--border:#2a3544;
  --sidebar:#090e16;--sidebar-hover:#1d2836;--sidebar-text:#c8d2df;
  --topbar:#151c27;--input:#101722;--primary-theme:#4f8df7;
  --accent-rgb:79,141,247;--shadow-theme:0 8px 26px rgba(0,0,0,.28);
  color-scheme:dark;
}
html[data-theme="light-clean"]{
  --blue:#3b82f6;--dark:#ffffff;--bg:#f8fafc;
  --app-bg:#f8fafc;--surface:#ffffff;--surface-2:#f9fafb;--surface-3:#f1f5f9;
  --text:#18212f;--muted:#64748b;--border:#e5e7eb;
  --sidebar:#ffffff;--sidebar-hover:#eff6ff;--sidebar-text:#334155;
  --topbar:#ffffff;--input:#ffffff;--primary-theme:#3b82f6;
  --accent-rgb:59,130,246;--shadow-theme:0 7px 24px rgba(15,23,42,.055);
  color-scheme:light;
}
html[data-theme="emerald"]{
  --blue:#059669;--dark:#103a33;--bg:#f3f8f6;
  --app-bg:#f3f8f6;--surface:#ffffff;--surface-2:#f7fbf9;--surface-3:#e8f5ef;
  --text:#18332d;--muted:#668178;--border:#dce9e4;
  --sidebar:#123c34;--sidebar-hover:#1d554a;--sidebar-text:#d1e8e0;
  --topbar:#ffffff;--input:#ffffff;--primary-theme:#059669;
  --accent-rgb:5,150,105;--shadow-theme:0 8px 25px rgba(18,60,52,.07);
  color-scheme:light;
}
html[data-theme="ocean"]{
  --blue:#087ea4;--dark:#103747;--bg:#f1f8fa;
  --app-bg:#f1f8fa;--surface:#ffffff;--surface-2:#f6fbfc;--surface-3:#e5f4f7;
  --text:#173542;--muted:#66818c;--border:#d8e9ed;
  --sidebar:#103747;--sidebar-hover:#175267;--sidebar-text:#d0e7ed;
  --topbar:#ffffff;--input:#ffffff;--primary-theme:#087ea4;
  --accent-rgb:8,126,164;--shadow-theme:0 8px 25px rgba(16,55,71,.07);
  color-scheme:light;
}

/* Mantém compatibilidade com o nome antigo do tema escuro. */
html[data-theme="dark"]{color-scheme:dark}

/* Componentes Bootstrap e elementos legados passam a respeitar o tema. */
.btn-primary{--bs-btn-bg:var(--primary-theme);--bs-btn-border-color:var(--primary-theme);--bs-btn-hover-bg:color-mix(in srgb,var(--primary-theme) 86%,#000);--bs-btn-hover-border-color:color-mix(in srgb,var(--primary-theme) 86%,#000);background:var(--primary-theme);border-color:var(--primary-theme)}
a{--bs-link-color-rgb:var(--accent-rgb)}
.brand-mark{background:var(--primary-theme)}
.sidebar-link.active,.menu-group.open>.menu-group-toggle{background:rgba(var(--accent-rgb),.20)}
.sidebar-sublink.active{background:rgba(var(--accent-rgb),.22)}
.sidebar-sublink.active:before{background:var(--primary-theme);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13)}
.product-card strong,.total-box strong{color:var(--primary-theme)}
.product-card:hover{box-shadow:0 8px 20px rgba(var(--accent-rgb),.12)}

/* Light Clean usa sidebar claro e precisa de contraste próprio. */
html[data-theme="light-clean"] .brand small,
html[data-theme="light-clean"] .sidebar-footer a{color:#64748b}
html[data-theme="light-clean"] .sidebar{border-right:1px solid var(--border)}
html[data-theme="light-clean"] .sidebar nav a:hover,
html[data-theme="light-clean"] .sidebar-link:hover,
html[data-theme="light-clean"] .menu-group-toggle:hover,
html[data-theme="light-clean"] .sidebar-sublink:hover{color:#1e40af;background:#eff6ff}
html[data-theme="light-clean"] .sidebar-link.active,
html[data-theme="light-clean"] .menu-group.open>.menu-group-toggle,
html[data-theme="light-clean"] .sidebar-sublink.active{color:#1d4ed8}
html[data-theme="light-clean"] .sidebar-footer{border-top-color:var(--border)}

/* Seletor visual de temas. */
.theme-picker{position:relative}
.theme-toggle{min-height:38px;white-space:nowrap}
.theme-toggle.dropdown-toggle:after{margin-left:7px}
.theme-current-dot{width:14px;height:14px;border-radius:50%;background:var(--primary-theme);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13);display:inline-block}
.theme-menu{width:310px;padding:10px;background:var(--surface);border-color:var(--border);color:var(--text)}
.theme-menu-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;padding:5px 8px 9px}
.theme-option{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;align-items:center;border:0;background:transparent;color:var(--text);padding:9px;border-radius:11px;text-align:left;cursor:pointer}
.theme-option:hover{background:var(--surface-2)}
.theme-option.active{background:rgba(var(--accent-rgb),.10);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.20)}
.theme-option b{display:block;font-size:13px}
.theme-option small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.theme-check{opacity:0;color:var(--primary-theme);font-weight:900;font-size:16px}
.theme-option.active .theme-check{opacity:1}
.theme-preview{width:38px;height:30px;border-radius:9px;display:block;border:1px solid rgba(15,23,42,.10);box-shadow:inset 10px 0 0 rgba(15,23,42,.22)}
.preview-blue{background:linear-gradient(135deg,#1769e0 0 48%,#f4f7fb 48%)}
.preview-dark{background:linear-gradient(135deg,#4f8df7 0 42%,#171e29 42%)}
.preview-light{background:linear-gradient(135deg,#3b82f6 0 32%,#ffffff 32%)}
.preview-emerald{background:linear-gradient(135deg,#059669 0 45%,#f3f8f6 45%)}
.preview-ocean{background:linear-gradient(135deg,#087ea4 0 45%,#f1f8fa 45%)}

/* Botão hamburguer acompanha todos os temas apesar do fallback inline legado. */
label.sidebar-toggle{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:0 4px 14px rgba(23,32,51,.10)!important}
label.sidebar-toggle:hover{background:var(--surface-2)!important;border-color:color-mix(in srgb,var(--primary-theme) 28%,var(--border))!important}

@media(max-width:760px){.theme-menu{width:min(310px,88vw)}.theme-toggle .theme-label{display:none}}

/* V6.7.37 - harmonização de Dashboard/PDV com a paleta selecionada. */
html[data-theme="dark-professional"] .dashboard-kpi,
html[data-theme="dark-professional"] .dashboard-card,
html[data-theme="dark-professional"] .kpi-card{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="dark-professional"] .dashboard-kpi *,
html[data-theme="dark-professional"] .dashboard-card *,
html[data-theme="dark-professional"] .kpi-card *{border-color:var(--border)}
.badge.bg-primary{background-color:var(--primary-theme)!important}