/* Crialli v58 — Vidro e foco (camada visual; não altera lógica) */
:root{
  --display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --r:20px;
  --glass:rgba(255,255,255,.42);
  --glass-strong:rgba(255,255,255,.58);
  --glass-edge:rgba(255,255,255,.95);
  --glass-line:rgba(9,58,54,.09);
  --glass-shadow:0 14px 40px rgba(9,58,54,.16),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35);
  --go:#1f9d63;
}
html,body{font-family:var(--body);-webkit-font-smoothing:antialiased;letter-spacing:-.003em}
h1,h2,h3,h4,.stat b,.hero h2{font-family:var(--display);letter-spacing:-.02em}
body{background:
  radial-gradient(760px 520px at 6% 2%,rgba(14,110,98,.38),transparent 68%),
  radial-gradient(680px 520px at 100% 18%,rgba(43,182,120,.34),transparent 68%),
  radial-gradient(720px 560px at 4% 100%,rgba(255,170,130,.46),transparent 68%),
  radial-gradient(640px 500px at 92% 96%,rgba(150,130,230,.32),transparent 68%),
  #eef3f3 !important;
  background-attachment:fixed !important}
[data-layout="b"] body::before{background:transparent !important}

.g,.side,.stat,.card,.dlg .box,.me-menu,.npanel,.pushcard,.alertbig,.payment-board,.order-finance,.citem,.item,.home-panels>*,.radio-card,.rd-player{
  -webkit-backdrop-filter:blur(36px) saturate(200%);backdrop-filter:blur(36px) saturate(200%)}

.side{background:var(--glass) !important;border-right:1px solid var(--glass-edge) !important;box-shadow:var(--glass-shadow)}
.side .nav button,.side button[aria-current]{border-radius:14px}
.side [aria-current="page"]{background:rgba(31,157,99,.14) !important;color:#0b5a3a !important}

@media (min-width:821px){
.top{background:var(--glass-strong) !important;-webkit-backdrop-filter:blur(36px) saturate(200%) !important;backdrop-filter:blur(36px) saturate(200%) !important;border-bottom:1px solid var(--glass-edge) !important;box-shadow:0 4px 24px rgba(9,58,54,.06)}
[data-layout="b"] .top{background:var(--glass-strong) !important}
[data-layout="b"] .top h1{color:var(--fg)}
[data-layout="b"] .top .iconbtn,[data-layout="b"] .top .mebtn{background:rgba(255,255,255,.75);border:1px solid var(--glass-edge);color:var(--fg)}
[data-layout="b"] .top .avatar{background:var(--brand-soft);color:var(--brand)}
[data-layout="b"] .top .mbrand,[data-layout="b"] .top .mword{color:var(--brand)}
}
/* celular: mantém as cores originais do topo (banner verde na Início, claro nas demais); só ganha desfoque */
@media (max-width:820px){.top{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}}
[data-layout="b"] .top .newbtn{background:linear-gradient(180deg,#2bb678,#1f9d63);color:#fff;border-color:rgba(255,255,255,.5);box-shadow:0 6px 18px rgba(31,157,99,.30)}

/* hero: mantém a identidade verde-petróleo, agora como cartão de vidro escuro */
[data-layout="b"] .hero{border-radius:28px;background:linear-gradient(135deg,rgba(9,58,54,.80),rgba(14,100,90,.70));-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(255,255,255,.28);box-shadow:0 16px 40px rgba(9,58,54,.22),inset 0 1px 0 rgba(255,255,255,.18)}
@media (max-width:820px){[data-layout="b"] .hero{margin-top:12px;margin-left:0;margin-right:0;border-radius:26px}}

.stat,.card,.pushcard,.payment-board,.order-finance,.citem,.item,.home-panels>*{background:var(--glass) !important;border:1px solid var(--glass-edge) !important;border-radius:var(--r) !important;box-shadow:var(--glass-shadow) !important}
.card{border-radius:18px !important}
.stat .sic{background:rgba(255,255,255,.7)}
.alertbig{border-radius:var(--r);box-shadow:var(--glass-shadow)}
.stat,.card,.pushcard,.payment-board,.order-finance,.citem,.item,.home-panels>*{background-image:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 60%) !important}

.btn{border-radius:12px;font-weight:600}
.btn.pri,.btn.primary,.btn.ok{background:linear-gradient(180deg,#2bb678,#1f9d63) !important;color:#fff !important;border-color:rgba(255,255,255,.45) !important;box-shadow:0 6px 16px rgba(31,157,99,.28)}
.btn:not(.pri):not(.primary):not(.ok):not(.warn):not(.danger){background:rgba(255,255,255,.74);border:1px solid var(--glass-edge);box-shadow:0 2px 8px rgba(9,58,54,.06)}
.pill,.tag,.chip,.badge{border-radius:999px}
input,select,textarea{border-radius:14px !important;background:rgba(255,255,255,.8) !important;border:1px solid var(--glass-line) !important}

/* painéis sobrepostos */
.overlay,.dlg{background:rgba(20,40,38,.28) !important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sheet{background:rgba(244,247,247,.52) !important;-webkit-backdrop-filter:blur(36px) saturate(200%);backdrop-filter:blur(36px) saturate(200%);border-left:1px solid var(--glass-edge)}
.sheet-h{background:var(--glass-strong) !important;-webkit-backdrop-filter:blur(36px);backdrop-filter:blur(24px)}
.dlg .box,.me-menu,.npanel{background:var(--glass-strong) !important;border:1px solid var(--glass-edge) !important;border-radius:24px !important;box-shadow:0 24px 60px rgba(9,58,54,.20) !important}
.npanel header{background:transparent !important}
.toast{border-radius:999px;background:rgba(29,29,31,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

/* celular: barra inferior e botão flutuante de vidro */
@media (max-width:820px){
  .bnav{background:var(--glass-strong) !important;-webkit-backdrop-filter:blur(36px) saturate(200%) !important;backdrop-filter:blur(36px) saturate(200%) !important;border-top:1px solid var(--glass-edge) !important;box-shadow:0 -6px 24px rgba(9,58,54,.08)}
  [data-layout="b"] .bnav button[aria-current="page"] svg{background:rgba(31,157,99,.16)}
  [data-layout="b"] .bnav button[aria-current="page"]{color:#0b5a3a}
  .fab{background:linear-gradient(180deg,#2bb678,#1f9d63) !important;color:#fff !important;border:1px solid rgba(255,255,255,.5) !important;box-shadow:0 10px 28px rgba(31,157,99,.38) !important}
}
@media (prefers-reduced-transparency:reduce){
  .side,.top,.stat,.card,.sheet,.dlg .box,.me-menu,.npanel,.bnav,.pushcard,.citem,.item,.home-panels>*{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:#fff !important}
}

/* Foco: a próxima ação acompanha a rolagem da ficha, em vidro */
.order-sheet-v52 .order-guidance{position:sticky;top:112px;z-index:4;background:var(--glass-strong) !important;-webkit-backdrop-filter:blur(36px) saturate(200%);backdrop-filter:blur(36px) saturate(200%);border:1px solid var(--glass-edge) !important;border-radius:22px !important;box-shadow:0 10px 30px rgba(9,58,54,.14),inset 0 1px 0 rgba(255,255,255,.85)}
.order-sheet-v52 .order-guidance .btn,.order-sheet-v52 .order-guidance button{background:linear-gradient(180deg,#2bb678,#1f9d63) !important;color:#fff !important;border:1px solid rgba(255,255,255,.45) !important;border-radius:999px;box-shadow:0 6px 16px rgba(31,157,99,.30)}
@media (max-width:820px){
  .order-sheet-v52 .order-guidance{top:108px;grid-template-columns:minmax(0,1fr) auto !important;padding:10px 12px !important;gap:6px 10px !important;border-radius:20px !important}
  .order-sheet-v52 .order-guidance>.btn{justify-self:end !important;align-self:center;min-height:38px !important;padding:0 14px !important;font-size:13px !important}
  .order-sheet-v52 .order-guidance strong{font-size:14px;line-height:1.25}
  .order-sheet-v52 .order-guidance .order-pending-tags{grid-column:1/-1 !important;flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .order-sheet-v52 .order-guidance .order-pending-tags li{white-space:nowrap;flex:0 0 auto}
}

/* Rádio e pagamentos em aberto no mesmo vidro */
.cr-radio,.home-payment-summary,.home-payment-fold{background:var(--glass) !important;background-image:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 60%) !important;border:1px solid var(--glass-edge) !important;border-radius:var(--r) !important;box-shadow:var(--glass-shadow) !important;-webkit-backdrop-filter:blur(36px) saturate(200%);backdrop-filter:blur(36px) saturate(200%)}

/* ===== Animação ao passar o mouse (mesma linguagem dos cards de resumo do fluxo) ===== */
.stat,.card,.colm,.production-stage,.citem,.item,.home-panels>*,.cr-radio,.home-payment-summary,.pushcard,.alertbox,
.side .nav button,.row{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease,background-image .22s ease !important}
.stat,.card,.colm,.production-stage,.citem,.item{position:relative}
/* brilho que atravessa o vidro */
.stat::after,.card[data-open]::after,.colm::after,.production-stage::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);background-size:250% 100%;background-position:130% 0;transition:opacity .25s ease,background-position .7s ease}
@media (hover:hover) and (pointer:fine){
  .stat:hover,.card[data-open]:hover,.card:hover,.citem:hover,.item:hover,.home-panels>*:hover,.cr-radio:hover,.home-payment-summary:hover,.alertbox:hover{
    transform:translateY(-3px);
    border-color:rgba(31,157,99,.45) !important;
    box-shadow:0 18px 44px rgba(9,58,54,.20),0 0 0 3px rgba(31,157,99,.10),inset 0 1px 0 rgba(255,255,255,.95) !important;
    background-color:rgba(255,255,255,.62) !important}
  .colm:hover,.production-stage:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 48px rgba(9,58,54,.16),inset 0 1px 0 rgba(255,255,255,.9) !important;
    border-color:color-mix(in srgb,var(--stage-color,#1f9d63) 55%,#fff) !important}
  .stat:hover::after,.card[data-open]:hover::after,.colm:hover::after,.production-stage:hover::after{opacity:1;background-position:-30% 0}
  .stat:hover .sic{transform:scale(1.08) rotate(-4deg)}
  .stat .sic{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
  .row:hover{background:rgba(255,255,255,.55) !important;transform:translateX(3px)}
  /* menu lateral */
  .side .nav button:hover{background:rgba(255,255,255,.62);color:var(--fg);transform:translateX(4px);box-shadow:0 6px 18px rgba(9,58,54,.10),inset 0 1px 0 rgba(255,255,255,.9)}
  .side .nav button:hover svg{transform:scale(1.12);color:#1f9d63}
  .side .nav button svg{transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s ease}
  .side [aria-current="page"]:hover{transform:translateX(2px);background:rgba(31,157,99,.22) !important}
}
.stat:active,.card[data-open]:active,.colm:active{transform:scale(.985)}
.side .nav button:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){
  .stat,.card,.colm,.production-stage,.citem,.item,.home-panels>*,.cr-radio,.home-payment-summary,.pushcard,.alertbox,.side .nav button,.row{transition:none !important}
  .stat:hover,.card:hover,.colm:hover,.production-stage:hover,.row:hover,.side .nav button:hover{transform:none !important}
  .stat::after,.card::after,.colm::after,.production-stage::after{display:none}
}

/* ===== v58b: botões da ficha mais compactos e harmoniosos ===== */
.order-sheet-v52 .btn{min-height:38px !important;padding:7px 14px !important;font-size:13px !important;font-weight:600 !important;border-radius:12px !important;line-height:1.2 !important;gap:7px;box-shadow:none}
.order-sheet-v52 .btn svg{width:15px !important;height:15px !important}
.order-sheet-v52 .btn.sm{min-height:34px !important;padding:6px 12px !important;font-size:12.5px !important}
/* ação principal: um único botão verde, mais baixo */
.order-sheet-v52 .order-item .info>.ordacts>.art-paste-primary,
.order-sheet-v52 .btn.pri,.order-sheet-v52 .btn.primary{min-height:42px !important;font-size:14px !important;font-weight:700 !important;box-shadow:0 4px 12px rgba(31,157,99,.22) !important}
.order-sheet-v52 .order-item .info>.ordacts>.art-paste-primary{background:linear-gradient(180deg,#2bb678,#1f9d63) !important;border-color:rgba(255,255,255,.45) !important}
/* linha de ações secundárias da arte: três botões iguais */
.order-sheet-v52 .order-item .info .art-secondary-row{gap:8px}
.order-sheet-v52 .order-item .info .art-secondary-row>.btn,
.order-sheet-v52 .order-item .info .art-secondary-row>.art-upload-desktop>.btn,
.order-sheet-v52 .order-item .info .art-upload-choice>summary.btn{min-height:40px !important;padding:6px 10px !important;font-size:12.5px !important;line-height:1.2 !important;font-weight:600 !important;flex-direction:row;display:flex;align-items:center;justify-content:center;gap:7px;
  background:rgba(255,255,255,.72) !important;color:var(--fg) !important;border:1px solid var(--glass-edge) !important;box-shadow:0 2px 8px rgba(9,58,54,.06) !important}
/* "Aprovar sem reenviar": mesmo formato, só um toque de verde (não compete com a ação principal) */
.order-sheet-v52 .btn.ok:not(.art-paste-primary):not(.pri),.order-sheet-v52 .order-item .info .art-secondary-row>.btn.ok{background:rgba(31,157,99,.12) !important;color:#0b5a3a !important;border:1px solid rgba(31,157,99,.30) !important;box-shadow:none !important}
/* demais linhas de ações do item e do pedido */
.order-sheet-v52 .ordacts,.order-sheet-v52 .finance-actions,.order-sheet-v52 .order-delivery-actions{gap:8px !important}
/* destaque de "Ir para ação": anel verde suave no lugar da linha preta */
.order-sheet-v52 .next-primary{outline:2px solid rgba(31,157,99,.55) !important;outline-offset:3px;border-radius:12px}
@media (max-width:820px){
  .order-sheet-v52 .order-item .info .art-secondary-row>.btn,.order-sheet-v52 .order-item .info .art-upload-choice>summary.btn{min-height:40px !important;font-size:12.5px !important;padding:6px 10px !important}
}

/* ===== v58b: animação nos cards dentro do pedido ===== */
.order-sheet-v52 .order-section,.order-sheet-v52 .order-item,.order-sheet-v52 .order-fold,.order-sheet-v52 .pedcli,.order-sheet-v52 .order-guidance{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease !important}
@media (hover:hover) and (pointer:fine){
  .order-sheet-v52 .order-section:hover,.order-sheet-v52 .pedcli:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(9,58,54,.16),inset 0 1px 0 rgba(255,255,255,.95) !important;border-color:rgba(31,157,99,.35) !important}
  .order-sheet-v52 .order-item:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(9,58,54,.18),0 0 0 3px rgba(31,157,99,.10),inset 0 1px 0 rgba(255,255,255,.95) !important;border-color:rgba(31,157,99,.45) !important;background-color:rgba(255,255,255,.66) !important}
  .order-sheet-v52 .order-fold:hover{background-color:rgba(255,255,255,.55);box-shadow:0 8px 22px rgba(9,58,54,.10)}
  .order-sheet-v52 .order-item:hover::after{opacity:1;background-position:-30% 0}
  .order-sheet-v52 .order-item::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 48%,transparent 66%);background-size:250% 100%;background-position:130% 0;transition:opacity .25s ease,background-position .7s ease}
}
@media (prefers-reduced-motion:reduce){.order-sheet-v52 .order-section,.order-sheet-v52 .order-item,.order-sheet-v52 .order-fold,.order-sheet-v52 .pedcli{transition:none !important}.order-sheet-v52 .order-section:hover,.order-sheet-v52 .order-item:hover{transform:none !important}.order-sheet-v52 .order-item::after{display:none}}

/* ===== v58b: recolher no celular (itens do pedido e cards de Artes/Produção) ===== */
.fold-toggle,.fold-all{display:none}
@media (max-width:800px){
  .fold-toggle{display:inline-grid;place-items:center;width:30px;height:30px;min-height:0 !important;padding:0 !important;border-radius:50% !important;border:1px solid var(--glass-edge) !important;background:rgba(255,255,255,.75) !important;color:var(--muted);flex:0 0 auto;cursor:pointer;box-shadow:0 2px 6px rgba(9,58,54,.08) !important}
  .fold-toggle svg{width:16px !important;height:16px !important;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  .fold-toggle[aria-expanded="false"] svg{transform:rotate(-90deg)}
  .fold-all{display:inline-flex}
  .order-item .fold-head{display:flex !important;align-items:center;gap:8px;flex-wrap:nowrap}
  .order-item .fold-head h3{flex:1;min-width:0}
  .order-item.fold-collapsed:not(.fold-peek)>.info>:not(.fold-head){display:none !important}
  .order-item.fold-collapsed:not(.fold-peek)>:not(.info){display:none !important}
  .order-item.fold-collapsed:not(.fold-peek){padding-bottom:10px}
  /* contagem de itens alinhada na mesma coluna em todas as etapas */
  .boardwrap .colm>header{display:flex;align-items:center;gap:8px}
  .boardwrap .colm>header>.production-stage-title{flex:1 1 auto;min-width:0}
  .boardwrap .colm>header>.badge{flex:0 0 28px;width:28px;min-width:28px;height:28px;display:inline-grid;place-items:center;padding:0;text-align:center;font-variant-numeric:tabular-nums}
  .boardwrap .colm>header .fold-toggle{margin-left:0}
  .boardwrap .colm.fold-collapsed:not(.fold-peek)>:not(header){display:none !important}
  .boardwrap .colm.fold-collapsed:not(.fold-peek){min-height:0;padding-bottom:10px}
}

/* v58b: cabeçalho do item recolhível, em duas linhas no celular */
@media (max-width:800px){
  .order-item .fold-head{flex-wrap:wrap !important;row-gap:8px}
  .order-item .fold-head>h3{order:1;flex:1 1 calc(100% - 44px) !important;min-width:0;font-size:15px;line-height:1.25}
  .order-item .fold-head>.fold-toggle{order:2}
  .order-item .fold-head>:not(h3):not(.fold-toggle){order:3}
  .order-production-v52 .order-section-head{flex-wrap:wrap;row-gap:8px}
  .fold-all{flex:1 1 100%;justify-content:center;min-height:32px !important;font-size:12.5px !important;color:var(--muted)}
}

/* ===== v58b: escala única de botões em todas as seções ===== */
:root{--btn-h:38px;--btn-h-sm:34px;--btn-h-main:42px}
.btn{min-height:var(--btn-h);padding:6px 14px;font-size:13px;line-height:1.2;border-radius:12px}
.btn.sm{min-height:var(--btn-h-sm);padding:5px 12px;font-size:12.5px}
.btn svg{width:15px;height:15px;flex-shrink:0}
/* botões de ação dentro dos cards de Artes e Produção */
.card .acts>.btn,.colm .card .btn{min-height:var(--btn-h) !important;padding:5px 10px !important;font-size:12.5px !important;line-height:1.2 !important;border-radius:12px !important}
.colm .card .btn.sm{min-height:var(--btn-h) !important}
/* ficha: botões em duas linhas ficam compactos e iguais */
.order-sheet-v52 .btn{padding:5px 12px !important}
.order-sheet-v52 .ordacts>.btn,.order-sheet-v52 .review-actions>.btn,.order-sheet-v52 .finance-actions>.btn,.order-sheet-v52 .file-options .btn,.order-sheet-v52 .file-add-options .btn,.order-sheet-v52 .attachment-pickers .btn,.order-sheet-v52 .attachment-mobile{min-height:var(--btn-h) !important;font-size:12.5px !important}
.order-sheet-v52 .btn.pri,.order-sheet-v52 .btn.primary{min-height:var(--btn-h-main) !important;font-size:13.5px !important}
/* janelas e menus */
.more-dialog .box button,.more-dialog .box .btn{min-height:44px !important;border-radius:12px !important;font-size:14px !important}
.dlg .box .btn{min-height:var(--btn-h) !important}
.dlg .box .btn.pri{min-height:var(--btn-h-main) !important}
/* campos acompanham a mesma altura */
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select{min-height:var(--btn-h)}
@media (max-width:820px){
  .card .acts>.btn,.colm .card .btn{min-height:40px !important}
  .order-sheet-v52 .ordacts>.btn,.order-sheet-v52 .review-actions>.btn,.order-sheet-v52 .finance-actions>.btn,.order-sheet-v52 .attachment-mobile{min-height:40px !important}
  .order-sheet-v52 .btn.pri,.order-sheet-v52 .btn.primary{min-height:44px !important}
}

/* contagem sempre com números tabulares e largura fixa, também no PC */
.boardwrap .colm>header>.badge{font-variant-numeric:tabular-nums;min-width:26px;text-align:center}

/* ===== v58c: ajustes finais de botões ===== */
/* "Criar pedido" e demais botões principais fora da ficha: 42px (44px no celular) */
.btn.pri,.btn.primary{min-height:var(--btn-h-main)}
.sheet .btn.pri,.sheet .btn.primary{min-height:var(--btn-h-main) !important;line-height:1.2 !important;padding-top:5px !important;padding-bottom:5px !important}
.new-order-actions .btn.pri,.sheet-f .btn.pri,.sheet .form .btn.pri{white-space:nowrap}
/* botões pequenos no celular: 38px para o toque */
@media (max-width:820px){
  .btn.sm,.order-sheet-v52 .btn.sm,.colm .card .btn.sm{min-height:38px !important}
  .btn.pri,.btn.primary,.sheet .btn.pri,.sheet .btn.primary{min-height:44px !important}
}

/* ===== v59: cabeçalhos tocáveis e cards do novo pedido recolhíveis (celular) ===== */
@media (max-width:800px){
  .boardwrap .colm>header,.order-item .fold-head,.quick-card>.quick-heading{cursor:pointer;-webkit-tap-highlight-color:transparent}
  .quick-card>.quick-heading{display:flex !important;align-items:center;gap:8px}
  .quick-card>.quick-heading .fold-toggle{margin-left:auto}
  .quick-card.fold-collapsed:not(.fold-peek)>:not(.quick-heading){display:none !important}
  .quick-card.fold-collapsed:not(.fold-peek){padding-bottom:12px}
}

/* v60: aprovação dispensada dentro do passo 2 */
.quick-order-sheet .quick-approval{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-top:12px;font-size:14px;font-weight:500;text-align:left}
.quick-order-sheet .quick-approval input{width:20px;height:20px;flex:none;margin:0}
.quick-order-sheet .quick-approval span{flex:1}

/* v60: animação de hover em Financeiro e Precificação 3D */
.fin-order,.fin-summary,.fin-period,.fin-history,.price-box,.price-highlight-grid>*,.price-minimum{position:relative;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.fin-order::after,.fin-summary::after,.price-box::after,.price-highlight-grid>*::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);background-size:250% 100%;background-position:130% 0;transition:opacity .25s ease,background-position .7s ease}
@media (hover:hover) and (pointer:fine){
  .fin-order:hover,.fin-summary:hover,.fin-period:hover,.price-box:hover,.price-highlight-grid>*:hover,.price-minimum:hover{
    transform:translateY(-3px);
    border-color:rgba(31,157,99,.45) !important;
    box-shadow:0 18px 44px rgba(9,58,54,.20),0 0 0 3px rgba(31,157,99,.10),inset 0 1px 0 rgba(255,255,255,.95) !important;
    background-color:rgba(255,255,255,.62) !important}
  .fin-order:hover::after,.fin-summary:hover::after,.price-box:hover::after,.price-highlight-grid>*:hover::after{opacity:1;background-position:-30% 0}
  .fin-history:hover{background-color:rgba(255,255,255,.55);box-shadow:0 8px 22px rgba(9,58,54,.10)}
  .price-tabs button,.price-tabs .btn,.fin-filters .btn,.fin-actions .btn{transition:transform .2s ease,box-shadow .2s ease}
  .price-tabs button:hover,.fin-actions .btn:hover,.fin-filters .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(9,58,54,.14)}
}
@media (prefers-reduced-motion:reduce){.fin-order,.fin-summary,.fin-period,.fin-history,.price-box,.price-highlight-grid>*,.price-minimum{transition:none !important}.fin-order:hover,.fin-summary:hover,.fin-period:hover,.price-box:hover,.price-highlight-grid>*:hover,.price-minimum:hover{transform:none !important}.fin-order::after,.fin-summary::after,.price-box::after,.price-highlight-grid>*::after{display:none}}

/* v61: varredura geral — animação nos pontos que ainda estavam parados */
.btn,.linkbtn,.fin-summary>article,.file-card,.sync-list>article,.weather-day,.hero,.list,.search,.field input,.field select,.field textarea,.home-payment-expanded-total{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease,filter .22s ease}
.fin-summary>article,.file-card,.sync-list>article,.hero{position:relative}
.fin-summary>article::after,.file-card::after,.hero::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%);background-size:250% 100%;background-position:130% 0;transition:opacity .25s ease,background-position .7s ease}
@media (hover:hover) and (pointer:fine){
  .btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(9,58,54,.16);filter:saturate(1.08)}
  .btn:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:none}
  .fin-summary>article:hover,.file-card:hover,.sync-list>article:hover{transform:translateY(-3px);border-color:rgba(31,157,99,.45) !important;box-shadow:0 18px 44px rgba(9,58,54,.20),0 0 0 3px rgba(31,157,99,.10),inset 0 1px 0 rgba(255,255,255,.95) !important;background-color:rgba(255,255,255,.62) !important}
  .fin-summary>article:hover::after,.file-card:hover::after,.hero:hover::after{opacity:1;background-position:-30% 0}
  .hero:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(9,58,54,.30),inset 0 1px 0 rgba(255,255,255,.22) !important}
  .weather-day:hover{transform:translateY(-3px) scale(1.04)}
  .list:hover{box-shadow:0 14px 34px rgba(9,58,54,.14),inset 0 1px 0 rgba(255,255,255,.9)}
  .home-payment-expanded-total:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(9,58,54,.16)}
  .search:hover,.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(31,157,99,.45) !important;box-shadow:0 0 0 3px rgba(31,157,99,.10)}
}
@media (prefers-reduced-motion:reduce){.btn,.linkbtn,.fin-summary>article,.file-card,.sync-list>article,.weather-day,.hero,.list,.search,.field input,.field select,.field textarea{transition:none !important}.btn:hover,.fin-summary>article:hover,.file-card:hover,.weather-day:hover,.hero:hover{transform:none !important}.fin-summary>article::after,.file-card::after,.hero::after{display:none}}
input[type="search"],.search input{transition:border-color .22s ease,box-shadow .22s ease}
@media (hover:hover) and (pointer:fine){input[type="search"]:hover,input[type="text"]:hover,input[type="number"]:hover,input[type="date"]:hover,select:hover,textarea:hover{border-color:rgba(31,157,99,.45);box-shadow:0 0 0 3px rgba(31,157,99,.10)}.home-payment-link:hover{transform:translateY(-2px) !important}}

/* v61: animar cada card separadamente (não a linha/contêiner inteiro) */
@media (hover:hover) and (pointer:fine){
  .fin-summary:hover,.fin-period:hover,.price-result-top:hover,.price-highlight-grid:hover{transform:none !important;box-shadow:inherit !important;border-color:inherit !important;background-color:inherit !important}
  .price-result-top:hover::after,.fin-summary:hover::after,.price-highlight-grid:hover::after{opacity:0 !important}
}
.fin-summary::after,.price-result-top::after,.price-highlight-grid::after{display:none !important}
.price-highlight-grid>div{border-radius:16px;position:relative;overflow:hidden}

@media (hover:hover) and (pointer:fine){
  .fin-summary>article:hover,.price-highlight-grid>div:hover{transform:translateY(-3px);border-color:rgba(31,157,99,.45) !important;box-shadow:0 18px 44px rgba(9,58,54,.20),0 0 0 3px rgba(31,157,99,.10),inset 0 1px 0 rgba(255,255,255,.95) !important;background-color:rgba(255,255,255,.62) !important}
}

/* v61: botões restantes (chips, links, resumos expansíveis, rádio) */
.chip,.linkbtn,.cr-radio-toggle,.home-payment-link,main summary,.fab,.iconbtn,.dlg .x,.sheet-h button{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background-color .22s ease,color .22s ease,filter .22s ease}
@media (hover:hover) and (pointer:fine){
  .chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(9,58,54,.14);background-color:rgba(31,157,99,.14)}
  .linkbtn:hover,.home-payment-link:hover{transform:translateY(-1px);filter:brightness(1.12);text-decoration:underline}
  .cr-radio-toggle:hover{transform:scale(1.08);background-color:rgba(255,255,255,.35);box-shadow:0 4px 14px rgba(9,58,54,.18)}
  main summary:hover:not(.btn){background-color:rgba(31,157,99,.08);transform:translateX(2px);border-radius:10px}
  .fab:hover,.iconbtn:hover,.dlg .x:hover,.sheet-h button:hover{transform:scale(1.08);box-shadow:0 8px 20px rgba(9,58,54,.20)}
}
@media (prefers-reduced-motion:reduce){.chip,.linkbtn,.cr-radio-toggle,.home-payment-link,main summary,.fab,.iconbtn,.dlg .x,.sheet-h button{transition:none !important}.chip:hover,.cr-radio-toggle:hover,main summary:hover,.fab:hover{transform:none !important}}

/* v62: adicionar produto — lista com quantidade, chips e campo alinhados */
.quick-order-sheet .quick-product{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:14px;background:var(--glass-strong,rgba(255,255,255,.58));border:1px solid rgba(255,255,255,.75);box-shadow:0 2px 10px rgba(9,58,54,.06)}
.quick-order-sheet .quick-product .qp-name{flex:1;min-width:0;font-weight:600;font-size:14px;overflow-wrap:anywhere}
.quick-order-sheet .qstep{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(9,58,54,.12);overflow:hidden}
.quick-order-sheet .qstep-b{appearance:none;border:0;background:transparent;width:34px;height:34px;font-size:18px;line-height:1;cursor:pointer;color:var(--brand,#093A36);font-weight:600}
.quick-order-sheet .qstep-b:hover{background:rgba(31,157,99,.14)}
.quick-order-sheet .qstep input{width:38px;height:34px;text-align:center;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;font-weight:700;font-size:14px;-moz-appearance:textfield}
.quick-order-sheet .qstep input::-webkit-outer-spin-button,.quick-order-sheet .qstep input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quick-order-sheet .quick-details>summary .qsum{display:block;margin-top:2px;font-size:12px;font-weight:500;color:#1f7a52;white-space:normal}
.quick-order-sheet .quick-details .chips{display:flex;flex-wrap:wrap;gap:8px}
.quick-order-sheet .quick-details .chip{min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(9,58,54,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:600;font-size:13px}
.quick-order-sheet .quick-details .chip-more{background:transparent;border-style:dashed;border-color:rgba(9,58,54,.25);color:#1f7a52}
.quick-order-sheet .quick-add-product{display:flex;align-items:stretch;gap:8px;margin-top:12px}
.quick-order-sheet .quick-add-product input{flex:1;min-width:0;height:44px;margin:0}
.quick-order-sheet .quick-add-product .btn{height:44px;min-height:44px;padding:0 18px;flex:none}
.quick-order-sheet .quick-products{display:flex;flex-direction:column;gap:8px;width:100%}
.quick-order-sheet .quick-product{width:100%;box-sizing:border-box}
.quick-order-sheet .qsum-wrap{display:flex;flex-direction:column;min-width:0;flex:1;text-align:left}
.quick-order-sheet .qsum-wrap>span{white-space:nowrap}

/* v63: janela Produtos com valor unitário */
.prod-dialog{max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.prod-new-grid{display:grid;grid-template-columns:1.6fr 1fr auto auto;gap:10px;align-items:end}
.prod-new-grid .btn{height:44px}
.prod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.prod-card{display:flex;flex-direction:column;gap:10px;padding:14px !important;border-radius:18px !important}
.prod-card.is-off{opacity:.62}
.prod-card-h{display:flex;align-items:center;gap:8px}
.prod-name{flex:1;min-width:0;font-weight:700;font-size:15px;border:1px solid transparent !important;background:transparent !important;padding:6px 8px !important;border-radius:10px}
.prod-name:hover,.prod-name:focus{border-color:rgba(31,157,99,.45) !important;background:rgba(255,255,255,.6) !important}
.prod-card-b{display:flex;flex-direction:column;gap:8px}
.prod-card-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prod-ex{margin:0}
.quick-auto{display:block}.quick-auto-text{display:block;margin-top:6px;font-size:12px;color:#1f7a52;font-weight:500}
.qauto-badge{font-size:11px;font-weight:700;color:#1f7a52;background:rgba(31,157,99,.14);padding:2px 8px;border-radius:999px;margin-left:6px}
@media (max-width:640px){.prod-new-grid{grid-template-columns:1fr 1fr}.prod-new-grid .field:first-child{grid-column:1/-1}.prod-grid{grid-template-columns:1fr}}
@media (hover:hover) and (pointer:fine){.prod-card:hover{transform:translateY(-3px);border-color:rgba(31,157,99,.45) !important;box-shadow:0 18px 44px rgba(9,58,54,.20),0 0 0 3px rgba(31,157,99,.10),inset 0 1px 0 rgba(255,255,255,.95) !important}}
.prod-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}
@media (max-width:640px){.prod-new-grid .btn{grid-column:1/-1;width:100%}.prod-new-grid .check{align-self:center}}
.prod-admin{display:flex;flex-direction:column;gap:12px}