/* AutoPag v8 — visual do app (carregado depois do app.css).
   Só aparência: nenhuma regra aqui muda o que os formulários enviam. */

@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('fonts/plus-jakarta-sans-latin-wght-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2')}

:root{
  --ap-bg:#F2F4F8;--ap-card:#FFFFFF;--ap-text:#0F1A2E;--ap-muted:#5B6577;--ap-muted2:#3D475A;
  --ap-line:#E6EAF0;--ap-line2:#EEF1F5;--ap-field:#FBFCFD;--ap-field-line:#DCE2EA;
  --ap-navy:#10192D;--ap-navy2:#1A2640;--ap-mint:#8FE3D6;
  --ap-accent:#0E7C70;--ap-accent-dark:#0B665C;--ap-accent-soft:#E1F3F0;
  --ap-ok:#0B6B4F;--ap-ok-bg:#E2F4EC;--ap-ok-dot:#12976B;
  --ap-bad:#B42318;--ap-bad-bg:#FDECE6;--ap-bad-dot:#D23C2A;--ap-bad-line:#F3C9BE;
  --ap-warn:#9A4A06;--ap-warn-bg:#FEF1E2;--ap-warn-dot:#E08A1E;--ap-warn-line:#F5D9B5;
  --ap-info:#1E4FC2;--ap-info-bg:#E8EFFD;
  --ap-radius:20px;--ap-shadow:0 2px 10px rgba(16,25,45,.06);--ap-shadow-lg:0 14px 30px rgba(16,25,45,.2);
  --ap-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ap-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ap-tabbar-h:64px;
  /* variáveis antigas apontando para a paleta nova */
  --bg:var(--ap-bg);--panel:#fff;--text:var(--ap-text);--muted:var(--ap-muted);--line:var(--ap-line);
  --navy:var(--ap-navy);--navy2:var(--ap-navy2);--teal:var(--ap-accent);--teal-soft:var(--ap-accent-soft);
  --ok:var(--ap-ok);--danger:var(--ap-bad);--warn:var(--ap-warn);--blue:var(--ap-info)
}

body{font-family:var(--ap-font);background:var(--ap-bg);color:var(--ap-text);font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(14,124,112,.12)}
a{color:inherit}
:focus-visible{outline:3px solid rgba(14,124,112,.55);outline-offset:2px}
.apx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.apx-pular{position:absolute;left:12px;top:-60px;z-index:200;background:#fff;color:var(--ap-text);padding:10px 14px;border-radius:12px;font-weight:700;text-decoration:none}
.apx-pular:focus{top:calc(10px + env(safe-area-inset-top))}
.mono,.apx-mono{font-family:var(--ap-mono);font-weight:600;letter-spacing:-.01em}

/* ---------- barra superior ---------- */
.apx-top{position:sticky;top:0;z-index:60;background:var(--ap-navy);color:#fff;
  padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(16,25,45,.18)}
.apx-top-in{max-width:1240px;margin:0 auto;height:60px;display:flex;align-items:center;gap:14px}
.apx-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0;flex:0 0 auto}
/* marca: o símbolo da logo original (engrenagem com o A) */
.apx-brand-simbolo{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.25);flex:0 0 auto}
.apx-brand-simbolo img{display:block;width:36px;height:36px}
.apx-desk-nav{display:none;align-items:center;gap:4px;margin-left:18px}
.apx-desk-nav a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;color:rgba(255,255,255,.8);
  text-decoration:none;font-size:14px;font-weight:700}
.apx-desk-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.apx-desk-nav a[aria-current="page"]{background:rgba(143,227,214,.14);color:var(--ap-mint)}
.apx-top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.apx-icon-btn{position:relative;width:42px;height:42px;border-radius:21px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;text-decoration:none;padding:0;
  touch-action:manipulation}
.apx-icon-btn:hover{background:rgba(255,255,255,.16)}
.apx-icon-btn[disabled]{opacity:.65;cursor:wait}
.apx-icon-btn.is-loading svg{animation:apx-gira .8s linear infinite}
@keyframes apx-gira{to{transform:rotate(360deg)}}
.apx-count{position:absolute;top:-3px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#C4320A;color:#fff;
  font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--ap-navy);line-height:1}
.apx-avatar{display:none;width:42px;height:42px;border-radius:21px;background:var(--ap-mint);color:var(--ap-navy);font-weight:800;font-size:16px;
  place-items:center;text-decoration:none}
.badge{background:#C4320A;font-weight:800}

/* ---------- barra inferior (celular) ---------- */
.apx-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;
  padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
  background:rgba(255,255,255,.94);border-top:1px solid #E3E7EE;
  -webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
.apx-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;text-decoration:none;
  color:var(--ap-muted);font-size:11px;font-weight:700;border-radius:14px;touch-action:manipulation}
.apx-tab-ico{position:relative;width:54px;height:30px;border-radius:15px;display:grid;place-items:center;transition:background .15s}
.apx-tab.is-ativa{color:var(--ap-accent);font-weight:800}
.apx-tab.is-ativa .apx-tab-ico{background:var(--ap-accent-soft)}
.apx-tab-dot{position:absolute;top:3px;right:12px;width:9px;height:9px;border-radius:5px;background:#C4320A;border:2px solid #fff}
.apx-tab:active .apx-tab-ico{background:#E8ECF2}

/* ---------- página ---------- */
.page{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:22px 0 calc(var(--ap-tabbar-h) + 40px + env(safe-area-inset-bottom))}
.page-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.page-head-txt{min-width:0;flex:1 1 auto}
.page-head h1{margin:0;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}
.eyebrow{margin:0 0 2px;color:var(--ap-muted);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.page-head-acoes{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.user-chip{display:none!important}
.apx-back{width:44px;height:44px;flex:0 0 auto;border-radius:22px;background:#fff;display:grid;place-items:center;color:var(--ap-text);
  box-shadow:0 2px 8px rgba(16,25,45,.08);text-decoration:none}
.apx-round{width:44px;height:44px;border-radius:22px;border:0;background:var(--ap-accent);color:#fff;display:grid;place-items:center;
  box-shadow:0 6px 16px rgba(14,124,112,.28);cursor:pointer;text-decoration:none;padding:0}

/* ---------- componentes base ---------- */
.card{border:0;border-radius:var(--ap-radius);padding:20px;box-shadow:var(--ap-shadow);background:#fff}
.card h2{font-size:18px;font-weight:800;letter-spacing:-.015em}
.card h3{font-size:16px;font-weight:800}
.grid{gap:14px}
.section-title{margin:26px 0 12px}
.section-title h2{font-size:18px;font-weight:800;letter-spacing:-.015em}
.muted{color:var(--ap-muted)}
.metric:after{display:none}
.metric span{font-size:12px;font-weight:700;color:var(--ap-muted);text-transform:uppercase;letter-spacing:.06em}
.metric strong{font-size:26px;font-weight:800;letter-spacing:-.025em}
.metric small{color:var(--ap-muted);font-weight:600}

.btn{min-height:44px;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:700;background:var(--ap-navy);color:#fff;
  gap:8px;touch-action:manipulation;transition:filter .15s,background .15s}
.btn:hover{transform:none;filter:brightness(1.08)}
.btn:active{filter:brightness(.95)}
.btn.sm{min-height:36px;padding:7px 12px;font-size:13px;border-radius:11px}
.btn.secondary{background:#fff;color:var(--ap-text);box-shadow:inset 0 0 0 1.5px var(--ap-field-line)}
.btn.secondary:hover{background:#F7F9FB;filter:none}
.btn.teal,.btn.primary{background:var(--ap-accent);color:#fff}
.btn.danger{background:var(--ap-bad-bg);color:var(--ap-bad)}
.btn[disabled]{opacity:.45}

input,select,textarea{border:1.5px solid var(--ap-field-line);border-radius:14px;padding:11px 14px;background:var(--ap-field);color:var(--ap-text);
  min-height:46px;font-size:15px}
textarea{min-height:90px}
input:focus,select:focus,textarea:focus{border-color:var(--ap-accent);box-shadow:0 0 0 4px rgba(14,124,112,.14);background:#fff}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--ap-accent);width:auto}
input::placeholder,textarea::placeholder{color:#6B7486}
input[disabled]{background:#F1F3F6;color:var(--ap-muted)}
.field span{font-size:13px;font-weight:700;color:var(--ap-muted2)}
.help{color:var(--ap-muted);font-size:12.5px}

.alert{border:0;border-radius:16px;padding:14px 16px;font-weight:600;font-size:14px}
.alert.sucesso{background:var(--ap-ok-bg);color:var(--ap-ok)}
.alert.erro{background:var(--ap-bad-bg);color:var(--ap-bad)}
.alert.aviso{background:var(--ap-warn-bg);color:var(--ap-warn)}
.alert.info{background:var(--ap-info-bg);color:var(--ap-info)}

.table-wrap{border:0;border-radius:18px;box-shadow:var(--ap-shadow);background:#fff}
th{background:#F7F9FB;color:var(--ap-muted);font-size:11px;font-weight:800;letter-spacing:.06em}
td{font-size:14px;border-bottom-color:var(--ap-line2)}
th,td{border-bottom-color:var(--ap-line2)}

.status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;background:#EEF1F5;color:var(--ap-muted2)}
.status.ok{background:var(--ap-ok-bg);color:var(--ap-ok)}
.status.warn{background:var(--ap-warn-bg);color:var(--ap-warn)}
.status.bad{background:var(--ap-bad-bg);color:var(--ap-bad)}
.status.info{background:var(--ap-info-bg);color:var(--ap-info)}

.config-advanced{border:0;border-radius:16px;background:#F5F7FA}
.config-advanced summary{font-weight:800}
.config-advanced summary:after{background:#fff;color:var(--ap-muted2)}
.config-advanced[open] summary{background:#fff}
.system-mini-alert{border:0;background:var(--ap-bad-bg);border-radius:16px;padding:10px 14px}
.device-box{background:linear-gradient(150deg,var(--ap-navy),var(--ap-navy2));border-radius:18px}
.machine-quick-actions{border:0;background:var(--ap-accent-soft);border-radius:18px}
.machine-icon-choice{border-radius:16px;border-width:2px}
.machine-icon-option input:checked + .machine-icon-choice{border-color:var(--ap-accent);background:#F4FBF9;box-shadow:0 0 0 3px rgba(14,124,112,.14)}
.push-status-box{border:0;background:#F5F7FA;border-radius:14px}
.empty{color:var(--ap-muted)}
code{font-family:var(--ap-mono);font-size:.92em}

/* chips de status (telas novas) */
.apx-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;
  background:#EEF1F5;color:var(--ap-muted2);line-height:1.35}
.apx-chip i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.apx-chip.ok{background:var(--ap-ok-bg);color:var(--ap-ok)}.apx-chip.ok i{background:var(--ap-ok-dot)}
.apx-chip.bad{background:var(--ap-bad-bg);color:var(--ap-bad)}.apx-chip.bad i{background:var(--ap-bad-dot)}
.apx-chip.warn{background:var(--ap-warn-bg);color:var(--ap-warn)}.apx-chip.warn i{background:var(--ap-warn-dot)}
.apx-chip.info{background:var(--ap-info-bg);color:var(--ap-info)}
.apx-chip.neutral i{background:#8A93A3}
.apx-chip-forte{color:var(--ap-text);font-weight:800}
.apx-chip-cod{font-family:var(--ap-mono);font-weight:600}

.apx-h2row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 12px}
.apx-h2row h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.015em}
.apx-h2row a{font-size:14px;font-weight:700;color:var(--ap-accent);text-decoration:none}
.apx-caps{margin:22px 0 10px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ap-muted)}
.apx-ico{width:40px;height:40px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:#EEF1F5;color:var(--ap-muted2)}
.apx-ico.ok{background:var(--ap-ok-bg);color:var(--ap-ok)}
.apx-ico.bad{background:var(--ap-bad-bg);color:var(--ap-bad)}
.apx-ico.warn{background:var(--ap-warn-bg);color:var(--ap-warn)}
.apx-ico.info{background:var(--ap-info-bg);color:var(--ap-info)}
.apx-ico.accent{background:var(--ap-accent-soft);color:var(--ap-accent)}

/* ---------- Início ---------- */
.apx-hero{background:var(--ap-navy);color:#fff;border-radius:26px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--ap-shadow-lg);
  position:relative;overflow:hidden}
.apx-hero:before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(143,227,214,.22),rgba(143,227,214,0) 70%);pointer-events:none}
.apx-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.apx-hero-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ap-mint)}
.apx-hero-pill{font-size:12px;font-weight:600;color:rgba(255,255,255,.8);background:rgba(255,255,255,.1);padding:5px 10px;border-radius:999px}
.apx-hero-valor{font-size:40px;line-height:1;font-weight:800;letter-spacing:-.03em}
.apx-hero-sub{font-size:14px;color:rgba(255,255,255,.8);margin-top:6px}
.apx-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:84px}
.apx-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.apx-bar i{display:block;width:100%;min-height:4px;border-radius:7px;background:rgba(143,227,214,.28)}
.apx-bar span{font-size:11px;color:rgba(255,255,255,.72);font-weight:600}
.apx-bar.is-hoje i{background:var(--ap-mint)}
.apx-bar.is-hoje span{color:var(--ap-mint);font-weight:800}
/* v8.2: no Início, tocar num dia mostra o valor dele (padrão: hoje) */
button.apx-bar{border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:8px}
button.apx-bar:not(.is-sel):hover i{background:rgba(143,227,214,.5)}
.apx-bars-sel .apx-bar.is-sel i{background:var(--ap-mint)}
.apx-bars-sel .apx-bar.is-sel span{color:var(--ap-mint);font-weight:800}
.apx-hero-hoje{border:0;font:inherit;font-size:12px;font-weight:700;color:var(--ap-mint);cursor:pointer}
.apx-hero-hoje[hidden]{display:none}
.apx-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.apx-tile{background:#fff;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--ap-shadow);text-decoration:none;color:var(--ap-text);min-width:0}
.apx-tile .apx-ico{width:34px;height:34px;border-radius:10px}
.apx-tile strong{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.apx-tile strong small{font-size:15px;color:var(--ap-muted);font-weight:700}
.apx-tile span.apx-tile-txt{font-size:12px;font-weight:600;color:var(--ap-muted);line-height:1.25}
.apx-list{display:flex;flex-direction:column;gap:10px}
.apx-row{background:#fff;border-radius:20px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:var(--ap-shadow);text-decoration:none;color:var(--ap-text)}
.apx-row-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.apx-row-txt strong{font-size:15px;font-weight:700;line-height:1.3}
.apx-row-txt span{font-size:13px;color:var(--ap-muted);line-height:1.35}
.apx-row > svg:last-child{color:#8A93A3;flex:0 0 auto}
.apx-ok-box{background:#fff;border-radius:20px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--ap-shadow);color:var(--ap-ok);font-weight:700}

/* ---------- cartão de máquina ---------- */
.apx-machines{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.apx-mc{background:#fff;border-radius:20px;box-shadow:var(--ap-shadow);display:flex;flex-direction:column;min-width:0}
.apx-mc-main{display:flex;gap:14px;align-items:center;padding:14px 14px 10px;text-decoration:none;color:var(--ap-text);min-width:0}
.apx-mc-img{width:76px;height:76px;flex:0 0 auto;border-radius:16px;background:#F2F4F8;display:grid;place-items:center}
.apx-mc-img img{width:66px;height:66px;object-fit:contain;mix-blend-mode:multiply}
.apx-mc.is-offline .apx-mc-img img{opacity:.55}
.apx-mc-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 auto}
.apx-mc-l1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.apx-mc-titulo{font-size:15px;font-weight:800;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-mc-l1 .apx-chip{flex:0 0 auto}
.apx-mc-code{font-family:var(--ap-mono);font-weight:600;font-size:12px;color:var(--ap-muted2)}
.apx-mc-name{font-size:13px;color:var(--ap-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-mc-l3{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.apx-mc-money{font-size:15px;font-weight:800}
.apx-mc-money small{font-size:12px;font-weight:600;color:var(--ap-muted)}
.apx-mc-stock{font-size:12px;font-weight:600;color:var(--ap-muted)}
.apx-mc-stock.is-baixo{color:var(--ap-warn);font-weight:800}
.apx-mc-foot{display:flex;align-items:center;gap:8px;padding:0 14px 14px;flex-wrap:wrap}
.apx-mc-foot .apx-chip{font-size:11.5px}
.apx-mc-foot form{margin:0 0 0 auto}
.apx-mc-foot .btn{min-height:38px;padding:7px 12px;font-size:13px;border-radius:12px}
.apx-mc-foot .apx-mc-link{font-size:13px;font-weight:700;color:var(--ap-accent);text-decoration:none;padding:8px 2px}
.apx-mc[hidden]{display:none!important}
.apx-search{height:50px;border-radius:16px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:var(--ap-shadow);color:var(--ap-muted)}
.apx-search input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;box-shadow:none;padding:0;min-height:0;font-size:16px;color:var(--ap-text)}
.apx-search input:focus{box-shadow:none;background:transparent}
.apx-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;margin:12px 0 12px;scrollbar-width:none}
.apx-chips::-webkit-scrollbar{display:none}
.apx-fchip{flex:0 0 auto;height:38px;padding:0 14px;border:1px solid #DCE1E9;border-radius:19px;background:#fff;color:var(--ap-text);
  font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;text-decoration:none;white-space:nowrap}
.apx-fchip i{width:8px;height:8px;border-radius:4px;flex:0 0 auto}
.apx-fchip b{font-weight:800;color:var(--ap-muted)}
.apx-fchip[aria-pressed="true"],.apx-fchip[aria-current="true"]{background:var(--ap-navy);border-color:var(--ap-navy);color:#fff}
.apx-fchip[aria-pressed="true"] b,.apx-fchip[aria-current="true"] b{color:var(--ap-mint)}
.apx-vazio{background:#fff;border-radius:20px;padding:28px 18px;text-align:center;color:var(--ap-muted);box-shadow:var(--ap-shadow)}
.apx-novo{margin-top:22px}
.apx-novo > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:14px 16px;
  box-shadow:var(--ap-shadow);font-weight:800}
.apx-novo > summary::-webkit-details-marker{display:none}
.apx-novo > summary .apx-ico{width:36px;height:36px}
.apx-novo[open] > summary{border-radius:20px 20px 0 0;box-shadow:none;border-bottom:1px solid var(--ap-line2)}
.apx-novo-corpo{background:#fff;border-radius:0 0 20px 20px;padding:16px;box-shadow:var(--ap-shadow)}

/* ---------- Detalhe da máquina ---------- */
h2[id]{scroll-margin-top:calc(80px + env(safe-area-inset-top))}
html{scroll-behavior:smooth}
.apx-mhero{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.apx-mcard{background:#fff;border-radius:26px;padding:16px;display:flex;gap:16px;align-items:center;box-shadow:var(--ap-shadow)}
.apx-mcard-img{width:112px;height:124px;flex:0 0 auto;border-radius:20px;background:linear-gradient(160deg,#EAF5F2,#E6ECF5);display:grid;place-items:center}
.apx-mcard-img img{width:100px;height:112px;object-fit:contain;mix-blend-mode:multiply}
.apx-mcard-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.apx-mcard-info p{margin:0;font-size:13px;color:var(--ap-muted);line-height:1.45}
.apx-mcard-info p strong{color:var(--ap-text);font-weight:800}
.apx-mcard-chips{display:flex;gap:6px;flex-wrap:wrap}
.apx-qrcard{background:var(--ap-navy);color:#fff;border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--ap-shadow-lg)}
.apx-qrcard-l{display:flex;align-items:center;gap:12px}
.apx-qrcard .apx-ico{background:rgba(143,227,214,.16);color:var(--ap-mint)}
.apx-qrcard.is-pausa .apx-ico{background:rgba(255,255,255,.1);color:#fff}
.apx-qrcard strong{display:block;font-size:15px;font-weight:800}
.apx-qrcard span{display:block;font-size:13px;color:rgba(255,255,255,.8);line-height:1.4}
.apx-acoes4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.apx-acao{border:0;border-radius:18px;background:#fff;color:var(--ap-text);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;
  font:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:var(--ap-shadow);text-decoration:none;width:100%;min-height:74px;justify-content:center}
.apx-acao.is-primaria{background:var(--ap-accent);color:#fff;box-shadow:0 6px 16px rgba(14,124,112,.25)}
.apx-acao[disabled]{opacity:.45;cursor:not-allowed}
.apx-acoes4 form{margin:0;display:flex}

/* ---------- Alertas ---------- */
.apx-pushcard{background:var(--ap-navy);color:#fff;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px}
.apx-pushcard-l{display:flex;align-items:center;gap:12px}
.apx-pushcard .apx-ico{background:rgba(143,227,214,.16);color:var(--ap-mint)}
.apx-pushcard strong{display:block;font-size:15px;font-weight:800}
.apx-pushcard [data-push-status]{display:block;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.4}
.apx-pushcard [data-push-status][data-state="ok"]{color:var(--ap-mint)}
.apx-pushcard [data-push-status][data-state="bad"]{color:#FFB4A8}
.apx-pushcard [data-push-status][data-state="warn"]{color:#FFD59A}
.apx-pushcard-btns{display:flex;gap:8px;flex-wrap:wrap}
.apx-pushcard .btn{min-height:42px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);color:#fff;flex:1 1 auto}
.apx-pushcard .btn.is-forte{background:var(--ap-mint);color:var(--ap-navy);box-shadow:none}
.apx-pushcard small{font-size:12px;color:rgba(255,255,255,.7);line-height:1.45}
.apx-feed{display:flex;flex-direction:column;gap:10px}
.apx-nt{position:relative;background:#fff;border-radius:20px;padding:14px;display:flex;gap:12px;box-shadow:var(--ap-shadow)}
.apx-nt.is-nova{box-shadow:var(--ap-shadow),inset 0 0 0 1.5px var(--ap-line)}
.apx-nt.is-nova.bad{box-shadow:var(--ap-shadow),inset 0 0 0 1.5px var(--ap-bad-line)}
.apx-nt.is-nova.warn{box-shadow:var(--ap-shadow),inset 0 0 0 1.5px var(--ap-warn-line)}
.apx-nt.is-lida{opacity:.82}
.apx-nt-dot{position:absolute;top:14px;left:6px;width:8px;height:8px;border-radius:4px;background:#C4320A}
.apx-nt-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.apx-nt-l1{display:flex;justify-content:space-between;gap:10px}
.apx-nt-l1 strong{font-size:15px;font-weight:800;line-height:1.3}
.apx-nt-l1 time{font-size:12px;font-weight:600;color:var(--ap-muted);flex:0 0 auto;white-space:nowrap}
.apx-nt-msg{font-size:13.5px;color:var(--ap-muted2);line-height:1.45;overflow-wrap:anywhere}
.apx-nt-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:4px}
.apx-nt-meta .apx-chip{font-size:11.5px;padding:3px 9px}
.apx-nt-meta form{margin:0 0 0 auto}
.apx-nt-meta a.apx-nt-lib{text-decoration:none;gap:3px}
.apx-nt-del{border:0;background:transparent;color:var(--ap-bad);font:inherit;font-size:12.5px;font-weight:700;padding:6px 4px;cursor:pointer}
.apx-filtros{margin-top:12px}
.apx-filtros > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ap-accent);padding:6px 2px}
.apx-filtros > summary::-webkit-details-marker{display:none}
.apx-filtros .card{margin-top:8px}
.apx-linkcard{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:var(--ap-shadow);text-decoration:none;color:var(--ap-text);margin-top:10px}
.apx-linkcard span{flex:1 1 auto;font-size:14px;font-weight:700}
.apx-linkcard small{display:block;font-size:12px;color:var(--ap-muted);font-weight:600}
.apx-linkcard > .apx-ico{flex:0 0 auto}

/* ---------- Configurações e Mais ---------- */
.apx-perfil{background:#fff;border-radius:20px;padding:14px;display:flex;align-items:center;gap:14px;box-shadow:var(--ap-shadow)}
.apx-perfil-av{width:52px;height:52px;flex:0 0 auto;border-radius:26px;background:var(--ap-navy);color:var(--ap-mint);display:grid;place-items:center;font-size:20px;font-weight:800}
.apx-perfil-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.apx-perfil-txt strong{font-size:16px;font-weight:800}
.apx-perfil-txt span{font-size:13px;color:var(--ap-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apx-pref{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--ap-shadow);margin-bottom:12px}
.apx-pref-head{display:flex;align-items:center;gap:12px;padding-bottom:12px}
.apx-pref-head h3{margin:0;font-size:16px;font-weight:800}
.apx-pref-head span{font-size:12px;color:var(--ap-muted)}
.apx-pref-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--ap-line2);cursor:pointer}
.apx-pref-row:last-child{padding-bottom:0}
.apx-pref-row-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.apx-pref-row-txt strong{font-size:14px;font-weight:700}
.apx-pref-row-txt small{font-size:12.5px;color:var(--ap-muted);line-height:1.35}
/* interruptor: checkbox de verdade, só com visual de chave */
.apx-switch{position:relative;flex:0 0 auto;width:50px;height:30px}
.apx-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1;min-height:0}
.apx-switch span{position:absolute;inset:0;border-radius:15px;background:#8A93A3;transition:background .18s}
.apx-switch span:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:12px;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
.apx-switch input:checked + span{background:var(--ap-accent)}
.apx-switch input:checked + span:after{transform:translateX(20px)}
.apx-switch input:focus-visible + span{outline:3px solid rgba(14,124,112,.45);outline-offset:2px}
.apx-salvar{position:sticky;bottom:calc(var(--ap-tabbar-h) + 10px + env(safe-area-inset-bottom));z-index:5;margin-top:6px}
.apx-salvar .btn{width:100%;min-height:54px;border-radius:18px;font-size:16px;font-weight:800;background:var(--ap-accent);box-shadow:0 10px 24px rgba(14,124,112,.28)}
.apx-menu{background:#fff;border-radius:20px;box-shadow:var(--ap-shadow);overflow:hidden}
.apx-menu a{display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;color:var(--ap-text);border-top:1px solid var(--ap-line2);min-height:64px}
.apx-menu a:first-child{border-top:0}
.apx-menu a:hover{background:#FAFBFC}
.apx-menu-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.apx-menu-txt strong{font-size:15px;font-weight:700}
.apx-menu-txt small{font-size:12.5px;color:var(--ap-muted)}
.apx-menu a > svg:last-child{color:#8A93A3;flex:0 0 auto}
.apx-menu a.is-sair{color:var(--ap-bad)}
.apx-versao{margin:18px 0 0;text-align:center;font-size:12px;color:var(--ap-muted)}

/* ---------- Login ---------- */
.apx-publico{background:var(--ap-navy)}
.auth-page{min-height:100vh;min-height:100dvh;display:block;place-items:normal;padding:0;background:var(--ap-navy);position:relative;overflow:hidden}
.apx-login{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.apx-login-glow{position:absolute;border-radius:50%;pointer-events:none}
.apx-login-glow.g1{width:420px;height:420px;left:-150px;top:-170px;background:radial-gradient(circle,rgba(143,227,214,.32),rgba(143,227,214,0) 68%)}
.apx-login-glow.g2{width:360px;height:360px;right:-170px;top:120px;background:radial-gradient(circle,rgba(29,95,214,.3),rgba(29,95,214,0) 68%)}
.apx-login-brand{position:relative;flex:1 0 auto;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:calc(30px + env(safe-area-inset-top)) 32px 40px;text-align:center;color:#fff}
.apx-login-logo{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:22px;background:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 6px rgba(255,255,255,.08)}
.apx-login-logo img{display:block;width:232px;max-width:62vw;height:auto}
.apx-login-tag{margin:0;font-size:15px;line-height:1.45;color:rgba(255,255,255,.8);max-width:280px}
.apx-login-sheet{position:relative;background:#fff;border-radius:32px 32px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom));
  box-shadow:0 -10px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:14px;color:var(--ap-text)}
.apx-login-sheet h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}
.apx-login-sheet > p{margin:-8px 0 2px;font-size:14px;color:var(--ap-muted)}
.apx-login-sheet .alert{margin:0}
.apx-lfield{display:flex;flex-direction:column;gap:6px}
.apx-lfield > span:first-child,.apx-lfield-rot{font-size:13px;font-weight:700;color:var(--ap-muted2)}
.apx-lbox{height:54px;border-radius:16px;background:#F5F7FA;border:1.5px solid #E1E6ED;display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;color:var(--ap-muted);transition:border-color .15s,box-shadow .15s,background .15s}
.apx-lbox:focus-within{border-color:var(--ap-accent);box-shadow:0 0 0 4px rgba(14,124,112,.14);background:#fff}
.apx-lbox input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;box-shadow:none!important;padding:0;min-height:0;height:100%;font-size:16px;color:var(--ap-text)}
.apx-lbox input:focus{background:transparent}
.apx-olho{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:12px;background:transparent;color:var(--ap-muted);display:grid;place-items:center;cursor:pointer}
.apx-olho[aria-pressed="true"]{color:var(--ap-accent)}
.apx-lembrar{display:flex;align-items:center;gap:12px;cursor:pointer}
.apx-lembrar-txt{display:flex;flex-direction:column}
.apx-lembrar-txt strong{font-size:14px;font-weight:700}
.apx-lembrar-txt small{font-size:12px;color:var(--ap-muted)}
.apx-entrar{height:56px;border:0;border-radius:18px;background:var(--ap-accent);color:#fff;font:inherit;font-size:16px;font-weight:800;display:flex;
  align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 24px rgba(14,124,112,.32);margin-top:4px;width:100%}
.apx-entrar:active{filter:brightness(.95)}
.apx-entrar[disabled]{opacity:.7;cursor:wait}
.apx-login-pe{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--ap-muted);margin-top:4px;text-align:center}

/* ---------- telas grandes ---------- */
@media (min-width:1100px){
  .apx-desk-nav{display:flex}
  .apx-tabbar{display:none}
  .apx-avatar{display:grid}
  .page{padding-bottom:60px}
  .apx-salvar{bottom:16px}
  .page-head h1{font-size:32px}
  .apx-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .apx-mhero{grid-template-columns:1.1fr 1fr}
  .apx-acoes4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .apx-dash-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:start}
  .apx-dash-grid > div > .apx-h2row:first-child{margin-top:0}
}
@media (min-width:700px){
  .apx-login{align-items:center;justify-content:center;padding:40px 20px}
  .apx-login-brand{flex:0 0 auto;min-height:0;padding:0 0 26px}
  .apx-login-sheet{width:min(440px,100%);border-radius:28px;padding:28px 26px}
}
@media (max-width:1099px){
  .apx-tiles.has-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  .apx-hero-valor{font-size:36px}
  .apx-tile{padding:12px}
  .apx-tile strong{font-size:20px}
  .apx-machines{grid-template-columns:minmax(0,1fr)}
  .page-head h1{font-size:26px}
}
@media (max-width:360px){
  .apx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .apx-mcard-img{width:92px;height:108px}
  .apx-mcard-img img{width:84px;height:98px}
}
/* inputs com 16px no celular: o iPhone não dá zoom ao tocar no campo */
@media (max-width:760px){
  input,select,textarea{font-size:16px}
  .card{padding:16px}
}
@media (prefers-reduced-motion:reduce){
  .apx-icon-btn.is-loading svg{animation:none}
  .apx-switch span,.apx-switch span:after{transition:none}
}
@media print{
  .apx-top,.apx-tabbar,.apx-pular{display:none!important}
  .page{padding:0!important}
}

/* ---------- v8.1: situação da máquina ---------- */
.apx-situacao{margin-top:12px}
.apx-situacao > summary .apx-menu-txt small{font-weight:600}
.apx-opcoes{display:flex;flex-direction:column;gap:8px}
.apx-opcao{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--ap-field-line);border-radius:14px;cursor:pointer;background:#fff}
.apx-opcao input{margin-top:3px;width:20px;height:20px;flex:0 0 auto}
.apx-opcao:has(input:checked){border-color:var(--ap-accent);background:#F4FBF9;box-shadow:0 0 0 3px rgba(14,124,112,.12)}
.apx-opcao-txt{display:flex;flex-direction:column;gap:2px}
.apx-opcao-txt strong{font-size:14.5px;font-weight:800}
.apx-opcao-txt small{font-size:12.5px;color:var(--ap-muted);line-height:1.35}

/* ---------- v8.1: Vendas ---------- */
.apx-vfiltros{display:flex;flex-direction:column;gap:10px}
.apx-vfiltros .apx-chips{margin:0}
.apx-vlinha{display:flex;align-items:center;gap:8px}
.apx-vlinha[hidden]{display:none!important}
.apx-vlinha select{flex:1 1 auto;min-width:0;font-weight:700}
.apx-vseta{width:46px;height:46px;flex:0 0 auto;border:1.5px solid var(--ap-field-line);border-radius:14px;background:#fff;color:var(--ap-text);display:grid;place-items:center;cursor:pointer}
.apx-vdatas label{flex:1 1 0;display:flex;flex-direction:column;gap:4px;min-width:0}
.apx-vdatas label span{font-size:12px;font-weight:700;color:var(--ap-muted)}
.apx-vdatas .btn{align-self:flex-end;min-height:46px}
.apx-vselects{flex-wrap:wrap}
.apx-vselects select{flex:1 1 200px}
.apx-filtros{margin-top:0}
.apx-bars-n .apx-bar span{font-size:10px}
.apx-rank{display:flex;flex-direction:column;gap:8px}
.apx-rank-item{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:18px;padding:13px 14px;box-shadow:var(--ap-shadow);text-decoration:none;color:var(--ap-text)}
.apx-rank-l1{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.apx-rank-l1 strong{font-size:15px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apx-rank-l1 b{font-size:15px;font-weight:800;white-space:nowrap}
.apx-rank-l2{font-size:12.5px;color:var(--ap-muted)}
.apx-rank-barra{height:6px;border-radius:3px;background:#EEF1F5;overflow:hidden}
.apx-rank-barra i{display:block;height:100%;border-radius:3px;background:var(--ap-accent)}
.apx-vlista{background:#fff;border-radius:18px;box-shadow:var(--ap-shadow);padding:2px 14px}
.apx-venda{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--ap-line2);position:relative}
.apx-venda:first-child{border-top:0}
.apx-venda[hidden]{display:none!important}
.apx-venda time{font-size:13px;font-weight:700;color:var(--ap-muted);min-width:42px;font-variant-numeric:tabular-nums}
.apx-venda-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.apx-venda-txt strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-venda-txt small{font-size:12px;color:var(--ap-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-venda-valor{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.apx-venda-valor b{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.apx-venda.is-reembolso .apx-venda-valor b{text-decoration:line-through;color:var(--ap-muted)}
.apx-venda-menu{position:static}
.apx-venda-menu > summary{list-style:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--ap-muted);cursor:pointer}
.apx-venda-menu > summary::-webkit-details-marker{display:none}
.apx-venda-menu[open] > summary{background:#EEF1F5}
.apx-venda-acoes{position:absolute;right:0;top:calc(100% - 4px);z-index:5;display:flex;gap:8px;padding:10px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(16,25,45,.18)}
.apx-venda-acoes form{margin:0}

/* ---------- v8.1: relatório de vendas ---------- */
.apx-rel-topo{display:flex;flex-direction:column;gap:12px}
.apx-rel-topo h2{margin:0 0 2px;font-size:19px}
.apx-rel-topo p.muted{margin:0;font-size:13.5px}
.apx-rel-acoes{display:grid;grid-template-columns:1fr;gap:8px}
.apx-rel-pdf{margin-top:18px}
.apx-rel-pdf .report11-pdf-frame{display:none}
.apx-rel-abrir{width:100%}
@media (min-width:700px){.apx-rel-acoes{grid-template-columns:repeat(3,max-content)}}
@media (min-width:900px){
  .apx-rel-pdf .report11-pdf-frame{display:block;border:0;border-radius:14px;background:#EEF1F5}
  .apx-rel-abrir{display:none}
}

/* ---------- v8.2.1: link do diagnóstico no cartão de avisos ---------- */
.apx-push-diag{display:block;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--ap-mint);text-decoration:underline;text-underline-offset:2px}

/* ---------- v8.2: comissões por ponto no relatório ---------- */
.apx-com .apx-venda{align-items:flex-start}
.apx-com .apx-venda-txt small{white-space:normal}
.apx-com-cond{font-weight:800;color:var(--ap-text)}
.apx-com-cond.is-sem{color:var(--ap-muted);font-weight:700}
.apx-com-cond.is-comissao{color:var(--ap-accent-dark)}
.apx-com .apx-venda-valor small{font-size:11.5px}
.apx-com-total{background:var(--ap-accent-soft);margin:0 -14px;padding:12px 14px!important;border-radius:0 0 18px 18px}
.apx-com-total .apx-venda-txt strong,.apx-com-total .apx-venda-valor b{color:var(--ap-accent-dark)}

/* ---------- v8.2: liberação da venda (a bolinha saiu?) ---------- */
.apx-lib-hero{display:flex;gap:14px;align-items:center;background:#fff;border-radius:24px;padding:18px;box-shadow:var(--ap-shadow);border:1.5px solid transparent}
.apx-lib-hero.is-bad{border-color:var(--ap-bad-line)}
.apx-lib-hero.is-warn{border-color:var(--ap-warn-line)}
.apx-lib-hero-ico{width:56px;height:56px;flex:0 0 auto;border-radius:18px;display:grid;place-items:center;background:#EEF1F5;color:var(--ap-muted2)}
.apx-lib-hero.is-ok .apx-lib-hero-ico{background:var(--ap-ok-bg);color:var(--ap-ok)}
.apx-lib-hero.is-info .apx-lib-hero-ico{background:var(--ap-info-bg);color:var(--ap-info)}
.apx-lib-hero.is-bad .apx-lib-hero-ico{background:var(--ap-bad-bg);color:var(--ap-bad)}
.apx-lib-hero.is-warn .apx-lib-hero-ico{background:var(--ap-warn-bg);color:var(--ap-warn)}
.apx-lib-hero-txt{min-width:0}
.apx-lib-hero-txt h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.015em}
.apx-lib-hero-txt p{margin:2px 0 0;font-size:14px;color:var(--ap-muted2);line-height:1.4}
.apx-lib-hero-txt small{display:block;margin-top:6px;font-size:12.5px;color:var(--ap-muted);font-weight:600}
.apx-lib-venda{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.apx-lib-venda>div{background:#fff;border-radius:16px;padding:11px 12px;box-shadow:var(--ap-shadow);display:flex;flex-direction:column;min-width:0}
.apx-lib-venda span{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ap-muted)}
.apx-lib-venda strong{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-lib-venda strong.is-warn{color:var(--ap-warn)}
.apx-lib-venda small{font-size:12px;color:var(--ap-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-passos{list-style:none;margin:0;padding:6px 16px;background:#fff;border-radius:20px;box-shadow:var(--ap-shadow)}
.apx-passos li{position:relative;display:flex;gap:12px;padding:10px 0}
.apx-passos li:not(:last-child)::before{content:"";position:absolute;left:12px;top:38px;bottom:-8px;width:2px;border-radius:1px;background:var(--ap-line)}
.apx-passos li.is-feito:not(:last-child)::before{background:#BFE6D6}
.apx-passo-marca{width:26px;height:26px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#EEF1F5;color:#8A93A3;position:relative;z-index:1}
.apx-passos .is-feito .apx-passo-marca{background:var(--ap-ok-bg);color:var(--ap-ok)}
.apx-passos .is-espera .apx-passo-marca{background:var(--ap-info-bg);color:var(--ap-info)}
.apx-passos .is-falha .apx-passo-marca{background:var(--ap-bad-bg);color:var(--ap-bad)}
.apx-passos .is-alerta .apx-passo-marca{background:var(--ap-warn-bg);color:var(--ap-warn)}
@keyframes apx-pulso{50%{opacity:.4}}
@media (prefers-reduced-motion:no-preference){.apx-passos .is-espera .apx-passo-marca{animation:apx-pulso 1.6s ease-in-out infinite}}
.apx-passo-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;padding-top:2px}
.apx-passo-l1{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.apx-passo-l1 strong{font-size:14.5px;font-weight:800}
.apx-passos .is-pulado .apx-passo-l1 strong{color:var(--ap-muted)}
.apx-passo-l1 time{font-family:var(--ap-mono);font-size:12px;font-weight:600;color:var(--ap-muted);white-space:nowrap}
.apx-passo-txt small{font-size:12.5px;color:var(--ap-muted);line-height:1.4}
.apx-passos .is-falha .apx-passo-txt small{color:var(--ap-bad)}
.apx-passos .is-alerta .apx-passo-txt small{color:var(--ap-warn)}
.apx-lib-dl{margin:0;background:#fff;border-radius:20px;box-shadow:var(--ap-shadow);padding:4px 16px}
.apx-lib-dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-top:1px solid var(--ap-line2)}
.apx-lib-dl>div:first-child{border-top:0}
.apx-lib-dl dt{font-size:13px;color:var(--ap-muted);font-weight:600}
.apx-lib-dl dd{margin:0;font-size:14px;font-weight:800;text-align:right;overflow-wrap:anywhere}
.apx-lib-dl.is-tec{box-shadow:none;padding:0 2px;background:transparent}
.apx-lib-dl.is-tec dd{font-size:13px;font-weight:700}
.apx-lib-tec{margin-top:16px}
.apx-lib-json{max-height:260px;overflow:auto;background:#111c36;color:#dce8ff;padding:11px;border-radius:12px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}
/* situação da liberação nas listas */
.apx-lib-tag{display:inline-flex;align-items:center;gap:3px;font-weight:800;vertical-align:-2px}
.apx-lib-tag.ok{color:var(--ap-ok)}
.apx-lib-tag.info{color:var(--ap-info)}
.apx-lib-tag.bad{color:var(--ap-bad)}
.apx-lib-tag.warn{color:var(--ap-warn)}
.apx-lib-tag.neutral{color:var(--ap-muted)}
/* máquina: últimas vendas */
.apx-ult{background:#fff;border-radius:20px;box-shadow:var(--ap-shadow);padding:2px 14px}
.apx-ult a{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--ap-line2);text-decoration:none;color:var(--ap-text)}
.apx-ult a:first-child{border-top:0}
.apx-ult .apx-ico{width:36px;height:36px;border-radius:12px}
.apx-ult-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.apx-ult-txt strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-ult-txt small{font-size:12px;color:var(--ap-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-ult b{font-size:15px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.apx-ult a.is-reembolso b{text-decoration:line-through;color:var(--ap-muted)}
.apx-ult a > svg:last-child{color:#8A93A3;flex:0 0 auto}
/* vendas: a linha inteira abre a liberação; o menu "⋯" continua por cima */
.apx-venda-link{color:inherit;text-decoration:none}
.apx-venda-link::after{content:"";position:absolute;inset:0}
.apx-venda-link:focus-visible{outline:none}
.apx-venda-link:focus-visible::after{outline:3px solid rgba(14,124,112,.55);outline-offset:2px;border-radius:10px}
.apx-venda-menu > summary{position:relative;z-index:2}
.apx-venda-seta{color:#8A93A3;flex:0 0 auto}

/* ---------- v8.1: tabelas viram cartões no celular ---------- */
@media (max-width:700px){
  table.apx-pilha{min-width:0!important;width:100%}
  table.apx-pilha thead,table.apx-pilha tr.apx-pilha-cab{display:none}
  table.apx-pilha,table.apx-pilha tbody,table.apx-pilha tr{display:block;width:100%}
  table.apx-pilha tr{padding:10px 14px;border-bottom:1px solid var(--ap-line2)}
  table.apx-pilha tr:last-child{border-bottom:0}
  table.apx-pilha td{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:5px 0;border:0;text-align:right;font-size:14px;min-width:0;overflow-wrap:anywhere}
  table.apx-pilha td[data-rotulo]::before{content:attr(data-rotulo);flex:0 0 40%;text-align:left;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ap-muted);padding-top:2px}
  table.apx-pilha td[data-rotulo=""]::before{content:none}
  table.apx-pilha td > .apx-pilha-v{flex:1 1 auto;min-width:0;text-align:right}
  table.apx-pilha td > .apx-pilha-v .status,table.apx-pilha td > .apx-pilha-v .btn{white-space:nowrap}
  table.apx-pilha td > .apx-pilha-v .actions,table.apx-pilha td > .apx-pilha-v form{justify-content:flex-end}
  table.apx-pilha td[colspan]{display:block;text-align:center}
  table.apx-pilha td .actions{justify-content:flex-end}
}