/* v4.4 · celular (até 640 px): telas do painel nativas (.lp-m), grandes, com o título real e um destaque verde animado por tela. O desktop não muda. */
.lp-m{display:none}
@keyframes lpmBlink{50%{opacity:0}}
@keyframes lpmPulse{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}100%{box-shadow:0 0 0 12px rgba(52,199,89,0)}}
@keyframes lpmFlash{0%{background:rgba(52,199,89,.16)}100%{background:rgba(52,199,89,0)}}
@media (max-width:640px){
.lp-shot.is-print,.lp-cf-item .lp-shot.is-print,.lp-shot-big .lp-shot.is-print{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.lp-shot.is-print>.lp-vis-chrome,.lp-shot.is-print>.lp-shot-frame,.lp-shot-hero>.lp-shot-glow{display:none}
.lp-cf-caps{display:none}
.lp-cf-nav{margin-top:20px}
.lp-m{display:block;--g:#34C759;--gd:rgba(52,199,89,.14);--gl:rgba(52,199,89,.38);--hl:rgba(255,255,255,.08);--it:#232325;text-align:left;color:var(--text)}
.lp-m-cap{margin:0 0 24px;text-align:center}
.lp-m-cap h3{font-family:var(--font-d);font-size:22px;font-weight:800;letter-spacing:-.035em;line-height:1.15;color:var(--text)}
.lp-m-cap p{margin:6px auto 0;font-size:15px;line-height:1.45;color:var(--muted);text-wrap:balance}
.lp-m-frame{position:relative;display:flex;flex-direction:column;padding:20px clamp(16px,5vw,20px) 22px;border-radius:28px;border:1px solid transparent;background:linear-gradient(180deg,#1F1F21,#1A1A1A 140px) padding-box,linear-gradient(180deg,rgba(52,199,89,.6),rgba(52,199,89,.14) 20%,rgba(255,255,255,.09) 46%,rgba(255,255,255,.06)) border-box;box-shadow:0 30px 80px -26px rgba(52,199,89,.38),0 20px 50px rgba(0,0,0,.5)}
.lp-m-float{position:absolute;top:-15px;right:16px;z-index:2;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:980px;background:var(--g);color:#052410;font-size:13px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 0 0 4px #0A0A0B,0 12px 28px rgba(52,199,89,.4)}
.lp-m-crumb{font-size:13px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-m-crumb b{font-weight:500;color:var(--muted)}
.lp-m-h{font-family:var(--font-d);font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1.12;color:#fff}
.lp-m-crumb+.lp-m-h{margin-top:6px;font-size:26px}
.lp-m-sub{margin-top:6px;font-size:13px;line-height:1.4;color:var(--muted)}
.lp-m-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:4px 10px;border-radius:980px;border:1px solid var(--gl);background:var(--gd);color:var(--g);font-size:clamp(12px,3.4vw,13px);font-weight:600;line-height:1.35;white-space:nowrap}
.lp-m-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.lp-m-tabs{display:flex;gap:18px;margin:16px 0 4px;border-bottom:1px solid var(--hl)}
.lp-m-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 0 11px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lp-m-tab::before{content:'';position:absolute;inset:-12px -9px 0}
.lp-m-tab.on{color:#fff;cursor:default}
.lp-m-tab.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#fff}
.lp-m-tab em{padding:0 6px;border-radius:980px;border:1px solid var(--border-strong);font-family:var(--font-m);font-size:12px;font-style:normal;font-weight:500;line-height:1.4;color:var(--muted)}
.lp-m-lbl{margin-top:16px;font-size:13px;font-weight:600;color:var(--muted)}
.lp-m-dot{width:8px;height:8px;border-radius:50%;background:var(--g);flex-shrink:0}
.lp-m-dot.r{background:#E5534B}
/* Kanban */
.lp-m-col{display:flex;align-items:center;gap:10px;margin:20px 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.lp-m-col i{width:4px;height:16px;border-radius:4px;background:var(--g)}
.lp-m-col b{margin-left:auto;padding:0 8px;border-radius:980px;border:1px solid var(--border-strong);font-family:var(--font-m);font-size:12px;font-weight:500;letter-spacing:0;line-height:20px}
.lp-m-op{padding:14px;border-radius:18px;background:var(--it);border:1px solid rgba(255,255,255,.05)}
.lp-m-op+.lp-m-op{margin-top:10px}
.lp-m-op-t{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:#fff;white-space:nowrap}
.lp-m-tags{display:flex;gap:6px;margin-top:10px}
.lp-m-tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:980px;border:1px solid var(--border-strong);font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}
.lp-m-tag.esc{background:var(--g);border-color:var(--g);color:#052410}
.lp-m-tag.red{color:#F07A72;border-color:rgba(229,83,75,.45)}
.lp-m-tag.add{border-style:dashed;font-weight:500;color:var(--muted2)}
.lp-m-mono{margin-top:10px;font-family:var(--font-m);font-size:12px;color:var(--muted);white-space:nowrap}
.lp-m-met{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:8px 12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hl)}
.lp-m-met span{display:block;font-size:13px;color:var(--muted)}
.lp-m-met b{display:block;margin-top:3px;font-size:clamp(20px,6vw,24px);font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Produtos */
.lp-m-ringrow{display:flex;align-items:center;gap:16px;margin-top:20px}
.lp-m-ring{position:relative;width:64px;height:64px;flex-shrink:0}
.lp-m-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.lp-m-ring circle{fill:none;stroke-width:6}
.lp-m-ring .bg{stroke:rgba(255,255,255,.08)}
.lp-m-ring .fg{stroke:var(--g);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.lp-m-ring i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--g)}
.lp-m-ring i svg{width:22px;height:22px;transform:none}
.lp-m-big{display:block;font-size:36px;font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.lp-m-ringrow span{display:block;margin-top:5px;font-size:15px;color:var(--muted)}
.lp-m-list{margin-top:18px;border-top:1px solid var(--hl)}
.lp-m-lh{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--hl);font-size:13px;font-weight:600;color:var(--muted)}
.lp-m-pair{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--hl)}
.lp-m-pair:last-child{padding-bottom:0;border-bottom:0}
.lp-m-pair>div{flex:1;min-width:0}
.lp-m-pair b{display:block;font-size:15px;font-weight:600;color:#fff;white-space:nowrap}
.lp-m-pair small{display:block;margin-top:3px;font-size:13px;color:var(--muted);white-space:nowrap}
.lp-m-ok{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--gd);color:var(--g);flex-shrink:0}
.lp-m-ok svg{width:14px;height:14px}
/* Lojas */
.lp-m-store,.lp-m-cko{border-radius:16px;background:var(--it);border:1px solid rgba(255,255,255,.05)}
.lp-m-store{display:flex;align-items:center;gap:10px;margin-top:8px;padding:13px 14px;font-family:var(--font-m);font-size:13px;color:#fff;white-space:nowrap}
.lp-m-seg{display:flex;gap:2px;margin:14px 0;padding:3px;border-radius:980px;background:var(--it);border:1px solid rgba(255,255,255,.05)}
.lp-m-seg span{flex:1 1 auto;padding:8px 10px;border-radius:980px;text-align:center;font-size:clamp(12px,3.4vw,13px);font-weight:600;letter-spacing:-.01em;color:var(--muted);white-space:nowrap}
.lp-m-seg .on{background:var(--g);color:#052410}
.lp-m-cko{padding:14px}
.lp-m-cko+.lp-m-cko{margin-top:10px}
.lp-m-ckd{display:flex;align-items:center;gap:10px;font-family:var(--font-m);font-size:13px;color:#fff;white-space:nowrap}
.lp-m-ckm{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;margin-top:8px}
.lp-m-ckm b{grid-row:1/3;min-width:2.2ch;font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.lp-m-bar{align-self:end;height:8px;border-radius:980px;background:rgba(255,255,255,.08);overflow:hidden}
.lp-m-bar i{display:block;width:var(--w);height:100%;border-radius:inherit;background:var(--g)}
.lp-m-ckm small{margin-top:7px;font-size:13px;color:var(--muted);white-space:nowrap}
/* Script */
.lp-m-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--hl);font-size:15px;color:var(--muted)}
.lp-m-tabs+.lp-m-kv{margin-top:6px}
.lp-m-kv b{font-weight:600;color:#fff;white-space:nowrap}
.lp-m-kv .lp-m-pill{margin-top:0}
.lp-m-code{display:flex;flex:1;flex-direction:column;margin-top:14px;border-radius:16px;background:#111113;border:1px solid rgba(255,255,255,.07);overflow:hidden}
.lp-m-code-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 14px;border-bottom:1px solid var(--hl);font-size:14px;font-weight:600;color:#fff}
.lp-m-copy{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:980px;background:#fff;color:#111;font-size:13px;font-weight:600}
.lp-m-copy svg{width:13px;height:13px}
.lp-m-pre{flex:1;margin:0;padding:12px 14px 14px;font-family:var(--font-m);font-size:13px;line-height:21px;color:#EDEDED;white-space:pre;overflow:hidden}
.lp-m-ln.c{color:var(--muted)}
.lp-m-caret{display:inline-block;width:7px;height:15px;margin-left:1px;vertical-align:-3px;background:var(--g);animation:lpmBlink 1s steps(1) infinite}
.lp-m-more{display:flex;align-items:center;justify-content:space-between;padding-top:14px;font-size:15px;font-weight:600;color:#fff}
.lp-m-more svg{width:16px;height:16px;color:var(--muted)}
/* Vendas */
.lp-m-two{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:18px;padding-bottom:16px;border-bottom:1px solid var(--hl)}
.lp-m-two span{display:block;font-size:13px;color:var(--muted)}
.lp-m-two b{display:block;margin-top:4px;font-size:clamp(30px,9vw,36px);font-weight:800;letter-spacing:-.045em;line-height:1.05;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.lp-m-two b small{font-size:.55em;letter-spacing:0;color:var(--muted)}
.lp-m-two em{display:block;margin-top:4px;font-size:13px;font-style:normal;color:var(--muted);white-space:nowrap}
.lp-m-lh2{margin-top:14px;font-size:13px;font-weight:600;color:var(--muted)}
.lp-m-orders{height:210px;margin-top:2px;overflow:hidden}
.lp-m-ord{display:flex;flex-direction:column;justify-content:center;gap:4px;height:70px;border-bottom:1px solid var(--hl);overflow:hidden}
.lp-m-ord>div{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}
.lp-m-om{font-family:var(--font-m);font-size:13px;color:var(--muted)}
.lp-m-ord b{font-size:15px;font-weight:700;color:#fff}
.lp-m-ord>div+div span{overflow:hidden;text-overflow:ellipsis;font-size:15px;color:#fff}
.lp-m-paid{flex-shrink:0;padding:1px 9px;border-radius:980px;border:1px solid var(--border-strong);font-size:12px;font-style:normal;font-weight:600;line-height:18px;color:var(--muted)}
.lp-m-paid.g{background:var(--g);border-color:var(--g);color:#052410}
.lp-m-ord.nw .lp-m-om{color:var(--g)}
/* Dashboard */
.lp-m-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border-top:1px solid var(--hl)}
.lp-m-grid>div{padding:14px 0;border-bottom:1px solid var(--hl)}
.lp-m-grid>div:nth-child(even){padding-left:16px;border-left:1px solid var(--hl)}
.lp-m-grid span{display:block;font-size:13px;color:var(--muted)}
.lp-m-grid b{display:block;margin-top:4px;font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:1.05;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.lp-m-grid em{display:block;margin-top:4px;font-size:13px;font-style:normal;font-weight:700;color:var(--g)}
.lp-m-chart{margin-top:16px}
.lp-m-chart .lp-m-lbl{margin-top:0}
.lp-m-chart svg{display:block;width:100%;height:auto;margin-top:10px;overflow:visible}
.lp-m-gl line{stroke:rgba(255,255,255,.07);stroke-width:1}
.lp-m-line{fill:none;stroke:var(--g);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.lp-m-part{fill:none;stroke:var(--g);stroke-opacity:.55;stroke-width:2;stroke-dasharray:4 5}
.lp-m-ax{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-m);font-size:12px;color:var(--muted2)}
/* Animação: .arm = começo; .arm.go = anima até o fim. Sem .arm = estado final (sem JS ou com movimento reduzido). */
.arm .lp-m-float{opacity:0;transform:translateY(10px) scale(.9)}
.arm .lp-m-float.up{transform:translateY(30px)}
.arm.go .lp-m-float,.arm.go .lp-m-float.up{opacity:1;transform:none;transition:opacity .35s var(--fd,1.3s),transform .5s cubic-bezier(.34,1.56,.64,1) var(--fd,1.3s)}
.arm .lp-m-tag.esc{background:transparent;border-color:var(--border-strong);color:var(--muted)}
.arm.go .lp-m-tag.esc{background:var(--g);border-color:var(--g);color:#052410;box-shadow:0 0 0 4px rgba(52,199,89,.16);transition:background .3s 1.1s,border-color .3s 1.1s,color .3s 1.1s,box-shadow .6s 1.1s}
.arm .lp-m-ring .fg{stroke-dashoffset:1}
.arm.go .lp-m-ring .fg{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1) .15s}
.arm .lp-m-ring i,.arm .lp-m-ok{opacity:0;transform:scale(.4)}
.arm.go .lp-m-ring i{opacity:1;transform:none;transition:opacity .3s 1.2s,transform .45s cubic-bezier(.34,1.56,.64,1) 1.2s}
.arm.go .lp-m-ok{opacity:1;transform:none;transition:opacity .3s calc(1.15s + var(--k,0) * .18s),transform .45s cubic-bezier(.34,1.56,.64,1) calc(1.15s + var(--k,0) * .18s)}
.arm .lp-m-bar i{width:0}
.arm.go .lp-m-bar i{width:var(--w);transition:width 1.2s cubic-bezier(.22,1,.36,1) .25s}
.arm .lp-m-seg .on{background:rgba(255,255,255,.1);color:#fff}
.arm.go .lp-m-seg .on{background:var(--g);color:#052410;transition:background .35s .05s,color .35s .05s}
.arm.go .lp-m-pulse{animation:lpmPulse 1s 2.25s 1}
.arm .lp-m-ord.nw{height:0;opacity:0;border-bottom-width:0}
.arm.go .lp-m-ord.nw{height:70px;opacity:1;border-bottom-width:1px;transition:height .55s cubic-bezier(.22,1,.36,1) .7s,opacity .35s .85s;animation:lpmFlash 1.8s .9s both}
.arm .lp-m-line{stroke-dashoffset:1}
.arm.go .lp-m-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.45,0,.2,1) .2s}
.arm .lp-m-area,.arm .lp-m-part{opacity:0}
.arm.go .lp-m-area{opacity:1;transition:opacity .6s 1.1s}
.arm.go .lp-m-part{opacity:1;transition:opacity .4s 1.55s}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){.lp-m *{transition:none!important;animation:none!important}}

/* tools/lp-import.php: contraste mínimo 4,5:1 nos rótulos secundários das telas do celular (auditoria LP-003). */
.lp-m{--muted2:#8A8A93}