/* Zero8 1.0.8: navegação, importação e PDV. Mantém a identidade da pizzaria. */
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid #b87500;outline-offset:3px}
#sidebar{display:flex;flex-direction:column;overflow:hidden;height:100dvh;padding-top:12px}
#sidebar .sidebar-collapse{position:static!important;inset:auto!important;transform:none!important;min-height:44px;height:44px;width:100%;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid #ffffff35;border-radius:10px;color:white;background:#ffffff10}
#sidebar .brand{height:124px;min-height:124px;margin:0 0 12px;display:flex;justify-content:center}
#sidebar .brand-logo-frame{width:124px!important;height:124px!important;border-radius:8px!important;overflow:hidden;background:none!important}
#sidebar .brand-logo-frame img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;transform:none!important}
#sidebar .nav{overflow:auto;min-height:0;flex:1;padding-bottom:8px;scrollbar-width:thin}
#sidebar .nav button,#sidebar .nav-link{min-height:44px;flex-shrink:0}
#sidebar .side-note{display:none!important}
@media(min-width:901px){body.sidebar-collapsed #sidebar{width:88px;padding:10px 9px}body.sidebar-collapsed .main{margin-left:88px}body.sidebar-collapsed #sidebar .brand{height:62px;min-height:62px}body.sidebar-collapsed #sidebar .brand-logo-frame{width:62px!important;height:62px!important}body.sidebar-collapsed #sidebar .nav-label,body.sidebar-collapsed .sidebar-control-label{display:none!important}body.sidebar-collapsed #sidebar .nav button,body.sidebar-collapsed #sidebar .nav-link{justify-content:center;min-height:44px;padding:10px}body.sidebar-collapsed #sidebar .sidebar-collapse svg{transform:rotate(180deg)}}
.admin-toolbar{display:flex;gap:8px;position:relative;align-items:center;flex:1;min-width:0}.toolbar-search{flex:1;min-width:100px}.toolbar-search .searchbar{min-width:0!important;width:100%;box-sizing:border-box}.toolbar-filter-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(580px,calc(100vw - 40px));max-height:70vh;overflow:auto;padding:18px;background:#fff;border:1px solid #dce0e4;box-shadow:0 16px 40px #0002;border-radius:14px;z-index:80}.toolbar-filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toolbar-filter-fields .filters{display:flex;flex-wrap:wrap;gap:8px}.toolbar-filter-fields .period-filter-card,.toolbar-filter-fields .cash-advanced-filter{border:0;box-shadow:none;margin:0;padding:4px}.topbar{flex-wrap:wrap;gap:10px}.topbar .admin-toolbar{order:3;flex-basis:100%}.toolbar-filter-toggle{white-space:nowrap;min-height:44px}
.pdv-customer-picker{margin:12px 0;padding:12px;background:#f5f6f8;border:1px solid #dee1e5;border-radius:12px}.pdv-customer-search{display:flex;gap:6px}.pdv-customer-search input{min-width:0}.pdv-customer-result{display:block;text-align:left;width:100%;padding:12px;border:0;border-bottom:1px solid #e5e7eb;background:white;cursor:pointer}.pdv-customer-result:hover{background:#fff5cf}.pdv-customer-result span{display:block;color:#556170;font-size:13px;margin-top:4px}.pdv-customer-results{max-height:260px;overflow:auto;border:1px solid #ddd;border-radius:8px}
.pi-issue{padding:18px;margin:12px 0;border:1px solid #e8c4b8;border-radius:12px;background:#fffaf7}.pi-issue-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.pi-issue h3{margin:5px 0}.pi-issue-message{font-weight:700;color:#922f18;overflow-wrap:anywhere}.pi-edit summary{cursor:pointer;font-weight:700;padding:12px 0}.pi-edit .form-grid{margin:10px 0}.pi-view-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pi-view-actions [aria-pressed=true]{background:#24292f;color:white}.pi-observation{min-width:200px;white-space:normal}.pi-extra-field{display:block;margin:10px 0}.pi-import-actions{position:sticky;bottom:0;background:white;border-top:1px solid #ddd;padding-top:12px}.pi-table{max-height:55vh;overflow:auto}
.dashboard-drawer{max-width:1000px}.fluidez-detail-head,.fluidez-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.fluidez-date{display:block;color:#64748b}.fluidez-chart-card{margin-top:16px}.fluidez-chart{display:flex;align-items:flex-end;gap:18px;min-height:220px;overflow:auto;padding:28px 10px 10px}.fluidez-chart-column{min-width:74px;flex:1;text-align:center}.fluidez-chart-bar{width:100%;height:var(--bar-height);background:#e9ad19;border:0;border-radius:8px 8px 0 0;position:relative;cursor:pointer}.fluidez-chart-bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;padding-bottom:5px;color:#30353c}.kpi-mini[role=button]{cursor:pointer}.kpi-mini[role=button]:hover{background:#ffffff12}.premium-metrics .metric{min-height:110px}
.whatsapp-logo{width:22px;height:22px;fill:currentColor;flex-shrink:0}.customer-whatsapp,.customer-talk-link{display:inline-flex;align-items:center;justify-content:center;gap:8px}.customer-whatsapp{background:#075e54!important;color:white!important}.customer-card-quantity{display:flex;align-items:center;gap:4px;padding:8px 12px 12px;justify-content:flex-end}.customer-card-quantity button{min-width:44px;min-height:44px;border-radius:10px;border:1px solid #d4d9df;background:#f6c341;color:#171717;font-size:22px}.customer-card-quantity input{width:52px;text-align:center;min-height:44px;border:1px solid #d4d9df;border-radius:10px}.customer-product-card:has(.customer-card-quantity){padding-bottom:0}
@media(max-width:600px){.admin-toolbar{flex-wrap:wrap}.toolbar-search{flex-basis:65%}.topbar{padding:10px}.toolbar-filter-panel{position:fixed;top:120px;left:12px;right:12px;width:auto;max-height:65dvh}.pi-import-actions{flex-wrap:wrap}.pdv-customer-search .btn{padding:8px}.fluidez-chart{gap:12px}.modal{max-width:calc(100vw - 24px)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.history-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:18px;padding:24px;color:#17202c;background:#fff}.history-dialog::backdrop{background:#101820aa}.history-dialog .field,.history-dialog .select{display:block;width:100%}.history-dialog td{vertical-align:top}.history-dialog .actions-row{margin-top:16px;justify-content:space-between}@media(max-width:600px){.history-dialog{padding:14px}.history-dialog .cards4{grid-template-columns:1fr 1fr}}


/* Zero8 v1.0.10 — foco suave em TODO o sistema.
   Contornos largos (3px) pareciam uma célula selecionada; preservamos um foco
   de 2px apenas para navegação por teclado e um halo discreto nos formulários. */
:root {
  --zero8-focus-ink: #a77818;
  --zero8-focus-border: #c59b3a;
  --zero8-focus-halo: rgba(185, 139, 26, .17);
}

/* Campos de cadastro, busca, filtros, checkout, valores, quantidades e modais. */
:is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, [contenteditable="true"]):focus-visible {
  outline: none;
  border-color: var(--zero8-focus-border);
  box-shadow: 0 0 0 2px var(--zero8-focus-halo);
}
:is(.field, .select, .textarea, .customer-field, .cart-qty-input,
    .customer-qty-input, .customer-card-quantity input, .customer-search input,
    .pdv-customer-search input, .driver-code-entry input, .driver-delivery-code input):focus {
  outline: none;
  border-color: var(--zero8-focus-border);
  box-shadow: 0 0 0 2px var(--zero8-focus-halo);
}
/* Na loja, as bordas pretas dos campos tinham aparência de tabela. */
.customer-field { border-color: #cbd5df; }
.customer-field:hover:not(:disabled) { border-color: #9eacbc; }

/* A busca tem foco no componente inteiro; nada de quadrado ao redor do texto. */
.searchbar { border-width: 1px; }
.customer-search { border: 1px solid #d4dee8; }
:is(.searchbar, .customer-search):focus-within {
  border-color: var(--zero8-focus-border);
  box-shadow: 0 0 0 2px var(--zero8-focus-halo);
}
:is(.searchbar, .customer-search) input:focus,
:is(.searchbar, .customer-search) input:focus-visible {
  outline: none;
  border: 0 !important;
  box-shadow: none !important;
}

/* Botões, abas, links, cartões clicáveis e menus: teclado visível, sem caixa grossa. */
:is(button, a, summary, [role="button"], [role="tab"], [role="option"],
    [tabindex="0"], .floating-checkout, .metric-clickable):focus-visible {
  outline: 2px solid var(--zero8-focus-ink);
  outline-offset: 2px;
}
:is(button, a, summary, [role="button"], [role="tab"], [role="option"],
    [tabindex="0"]):focus:not(:focus-visible) { outline: none; }
/* A aba ativa continua identificada pelo tom, mas não cria uma borda dupla. */
.tab.active { border-color: #d2ad44; background: #fff8dc; box-shadow: none; }
.report-tab.active { box-shadow: inset 0 -2px 0 #dfbc53; }

/* Seletor nativo de checkbox/radio: não perde a marcação nem a acessibilidade. */
:is(input[type="checkbox"], input[type="radio"]):focus-visible {
  outline: 2px solid var(--zero8-focus-ink);
  outline-offset: 2px;
  box-shadow: none;
}

/* Zero8 v1.0.11 — movimentos discretos, rápidos e sem animações infinitas. */
.delivery-quote-line{display:flex;align-items:center;gap:8px;margin:8px 0 10px;padding:9px 10px;border-radius:12px;background:#fff9dd;border:1px solid #f0d985;color:#55430f;font-size:.8rem;line-height:1.45}
.delivery-quote-line[hidden]{display:none!important}
.delivery-quote-line span{flex:1;min-width:0;overflow-wrap:anywhere}
.delivery-quote-line .error{color:#a02b20;font-weight:750}
.delivery-quote-line .customer-yellow-btn{width:auto;min-width:105px;min-height:36px;height:auto;padding:8px 10px;cursor:pointer}
@keyframes z8Entrance{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes z8CartArrival{0%{opacity:.2;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
@keyframes z8ModalIn{0%{opacity:.5;transform:translateY(9px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){
 .customer-hero-inner{animation:z8Entrance .48s ease-out both}
 .customer-benefits span{animation:z8Entrance .38s ease-out both}
 .customer-benefits span:nth-child(2){animation-delay:.08s}
 .customer-benefits span:nth-child(3){animation-delay:.16s}
 .customer-product-card{animation:z8Entrance .27s ease-out both;transition:transform .2s ease,box-shadow .2s ease}
 .customer-product-card:nth-child(2n){animation-delay:.045s}
 .customer-product-card:nth-child(3n){animation-delay:.085s}
 .customer-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(16,24,36,.12)}
 .customer-product-image img{transition:transform .25s ease}
 .customer-product-card:hover .customer-product-image img{transform:scale(1.035)}
 .customer-confirm,.customer-yellow-btn,.customer-add-fab{transition:transform .17s ease,filter .17s ease,box-shadow .17s ease}
 .customer-confirm:not(:disabled):hover,.customer-yellow-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
 .customer-confirm:not(:disabled):active,.customer-yellow-btn:active,.customer-add-fab:active{transform:scale(.975)}
 .customer-cart-line{animation:z8CartArrival .22s ease-out both}
 .customer-store .modal-bg.show .modal{animation:z8ModalIn .24s ease-out both}
}
@media(prefers-reduced-motion:reduce){.customer-hero-inner,.customer-benefits span,.customer-product-card,.customer-cart-line,.customer-store .modal-bg.show .modal{animation:none!important;transition:none!important}}
@media(max-width:520px){.delivery-quote-line{flex-wrap:wrap}.delivery-quote-line span{flex-basis:100%}.delivery-quote-line .customer-yellow-btn{width:100%}}

.delivery-pdv-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 3px}.delivery-pdv-price-row small{font-size:.81rem;flex:1;color:#475569}.delivery-pdv-price-row .error{color:#b91c1c;font-weight:750}