/* Gestão PDV — interface inspirada no painel do sistema de recarga. */
:root{--kr-bg:#e2e6e9;--kr-panel:#f0f2f3;--kr-panel-soft:#e8ecef;--kr-line:rgba(15,23,42,.09);--kr-text:#111827;--kr-muted:#64748b;--kr-accent:#5d82ff;--kr-accent-dark:#315be7;--kr-success:#1f9d68;--kr-radius:20px}body{font-family:Manrope,Inter,system-ui,sans-serif!important;background:var(--kr-bg)!important;color:var(--kr-text)!important}.app{grid-template-columns:246px minmax(0,1fr)!important;background:var(--kr-bg)}.side{padding:18px 10px!important;background:#0a0c0f!important;box-shadow:8px 0 22px #0b10191a}.logo{display:flex;align-items:center;gap:9px;padding:13px 14px 27px!important;font-size:21px!important;letter-spacing:-.055em!important}.logo:before{content:'';display:block;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,#7d9bff,#315be7);box-shadow:0 6px 16px #315be766}.logo i{color:#86a1ff!important}.store{margin:0 6px;padding:15px 12px!important;border:1px solid #ffffff12!important;border-radius:14px;background:#ffffff08;color:#98a2b3!important}.store b{color:#f8fafc!important}.nav{gap:5px!important;margin-top:25px!important;padding:0 4px}.nav button{position:relative;padding:12px 13px!important;border-radius:11px!important;color:#a8b0bd!important;font-weight:750!important;transition:background .18s,color .18s,transform .18s}.nav button:before{content:'';position:absolute;left:-4px;top:10px;bottom:10px;width:3px;border-radius:99px;background:transparent}.nav button.active,.nav button:hover{background:#1c2330!important;color:#fff!important}.nav button.active:before{background:var(--kr-accent);box-shadow:0 0 13px var(--kr-accent)}.main{max-width:none!important;margin:0!important;padding:24px 30px 44px!important}.top{margin:0 0 22px!important;padding:20px 23px;border:1px solid var(--kr-line);border-radius:var(--kr-radius);background:var(--kr-panel);box-shadow:0 8px 24px #1820330a}.eyebrow{color:var(--kr-muted)!important;font-weight:850!important;letter-spacing:.11em!important}.top h1,h1{font-size:29px!important;color:var(--kr-text);letter-spacing:-.055em!important}.back{border:0!important;border-radius:11px!important;padding:11px 14px!important;background:#172033!important;color:#fff!important;box-shadow:0 5px 14px #17203326;transition:transform .18s,background .18s}.back:hover{background:var(--kr-accent-dark)!important;transform:translateY(-1px)}.section{animation:portal-in .22s ease}.metrics{gap:16px!important;margin-bottom:20px!important}.card{border:1px solid var(--kr-line)!important;border-radius:var(--kr-radius)!important;background:var(--kr-panel)!important;box-shadow:0 8px 22px #18203308}.metric{padding:21px!important}.metric label{color:var(--kr-muted)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.075em}.metric strong{font-size:27px!important;color:var(--kr-text)}.metric span{color:var(--kr-success)!important}.grid{gap:16px!important}.head{padding:18px 21px!important;border-bottom-color:var(--kr-line)!important}.head h2{font-size:16px!important;letter-spacing:-.025em}.head button,.settings .head button{border:0!important;border-radius:10px!important;padding:10px 14px!important;background:#fff!important;color:#263247!important;font-weight:800!important;box-shadow:inset 0 0 0 1px var(--kr-line),0 3px 9px #18203308;cursor:pointer}.head button:hover{background:#edf1ff!important;color:var(--kr-accent-dark)!important}.rows{padding:3px 21px!important}.row{border-bottom-color:var(--kr-line)!important}.muted{color:var(--kr-muted)!important}.dot{background:#e4a020!important}.cash{gap:16px!important}.cash .card{padding:23px!important}.cash input,.settings input{border:1px solid var(--kr-line)!important;border-radius:10px!important;background:#fff!important;color:var(--kr-text)!important;outline:none}.cash input:focus,.settings input:focus{border-color:var(--kr-accent)!important;box-shadow:0 0 0 3px #5d82ff29}.cash button{border-radius:10px!important;background:var(--kr-accent-dark)!important}.cash button:hover{background:var(--kr-accent)!important}.settings{max-width:100%!important;overflow:hidden}.settings>.head{padding:21px 24px!important}.settings>.head h2{font-size:18px!important}.settings label{color:#334155!important;font-size:13px!important}.settings input{min-height:46px!important;padding:11px 13px!important}.sync-control{margin:0 0 20px!important;padding:25px 28px!important;border:1px solid #ffffff35!important;border-radius:var(--kr-radius)!important;background:linear-gradient(122deg,#253d9f,#5d82ff)!important;box-shadow:0 14px 28px #315be740!important}.sync-control h2{font-size:22px!important}.sync-control button{border-radius:11px!important;color:#2947b4!important}.sync-kicker{color:#cbd7ff!important}.catalog-badge{background:#fff2d9!important}.promotion-box{border-top-color:var(--kr-line)!important}.promotion-grid button{border-radius:10px!important;background:var(--kr-accent-dark)!important}.promotion-grid button:hover{background:var(--kr-accent)!important}@keyframes portal-in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:800px){.app{grid-template-columns:1fr!important}.side{padding:10px!important}.logo{padding:4px 8px 10px!important}.nav{margin:0!important}.nav button.active:before{display:none}.main{padding:16px!important}.top{padding:17px!important}.top h1{font-size:24px!important}.metrics{gap:10px!important}.sync-control{padding:22px!important}}@media(max-width:480px){.top{align-items:flex-start!important;gap:12px;flex-direction:column}.back{width:100%;justify-content:center}.metric{padding:16px!important}}