:root{
  --navy:#123352;--navy2:#1a4068;--navy3:#1e4d7a;
  --teal:#05AB91;--teal2:#07c4a8;--teal-dim:#047a68;
  --rose:#E8445A;--amber:#F59E0B;--violet:#7C3AED;
  --bg:#F0F2F7;--white:#FFFFFF;
  --g50:#F8F9FA;--g100:#F1F3F5;--g200:#E9ECEF;--g300:#DEE2E6;
  --g400:#ADB5BD;--g600:#868E96;--g900:#212529;
  --success:#2D9E5F;--warn:#E67700;--danger:#C92A2A;--info:#1971C2;
  --gbg:#EBFBEE;--wbg:#FFF9DB;--dbg:#FFF5F5;--ibg:#E7F5FF;
  --tbg:rgba(5,171,145,.08);
  --sw:270px;--sc:72px;--r:8px;--rl:12px;
  --sh:0 1px 3px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.05);
  --shm:0 4px 16px rgba(0,0,0,.1);--shl:0 8px 32px rgba(0,0,0,.16);
  --tr:.18s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:'Poppins',sans-serif;background:var(--bg);color:var(--g900);font-size:14px}
button{font-family:inherit;cursor:pointer;border:none;outline:none}
input,select,textarea{font-family:inherit;outline:none}
a{color:inherit;text-decoration:none}
.icon{font-family:'Material Symbols Rounded';font-size:20px;line-height:1;user-select:none;flex-shrink:0}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--g300);border-radius:99px}

/* ══ BRAND ══ */
.brand-text{font-family:'Poppins',sans-serif;line-height:1;letter-spacing:-.02em}
.brand-text .e{color:var(--teal);font-weight:700}
.brand-text .comanda{color:#123352;font-weight:600}
.brand-text .lite{font-size:.55em;font-weight:500;color:var(--g400);background:var(--g100);border-radius:4px;padding:1px 5px;margin-left:3px;vertical-align:middle;letter-spacing:.04em}
#sidebar .brand-text .comanda{color:rgba(255,255,255,.88)}
#sidebar .brand-text .lite{color:rgba(255,255,255,.35);background:rgba(255,255,255,.1)}

/* ══ LOGIN ══ */
#loginScreen,#forgotPasswordScreen,#resetPasswordScreen{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a2035 0%,#123352 45%,#1a4468 80%,#0a2035 100%);overflow:hidden}
#loginScreen.is-active,#forgotPasswordScreen.is-active,#resetPasswordScreen.is-active{display:flex}
#loginScreen::before,#forgotPasswordScreen::before,#resetPasswordScreen::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 85%,rgba(5,171,145,.18)0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(5,171,145,.1)0%,transparent 50%)}
.login-wrap{background:var(--white);border-radius:18px;padding:44px 40px;width:100%;max-width:400px;box-shadow:var(--shl);position:relative;z-index:1}
/* Olhinho de mostrar/esconder senha */
.field-password{position:relative}
.field-password input{padding-right:42px;width:100%}
.field-password .toggle-pwd{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--g500)}
.field-password .toggle-pwd:hover{background:var(--g100);color:var(--g700)}
.field-password .toggle-pwd .icon{font-size:1.15rem}
.btn-row{display:flex;gap:8px;margin-top:6px}
.btn-row .btn-login{flex:1;margin-top:0}
.btn-secondary-login{background:var(--white);color:var(--g700);border:1.5px solid var(--g200);padding:12px;border-radius:var(--r);font-size:.95rem;font-weight:600;flex:1;cursor:pointer;transition:background var(--tr),border-color var(--tr)}
.btn-secondary-login:hover{background:var(--g50);border-color:var(--g300)}
.link-forgot{display:block;text-align:center;margin-top:14px;font-size:.78rem;color:var(--g500);text-decoration:none;cursor:pointer}
.link-forgot:hover{color:var(--teal);text-decoration:underline}
.form-msg{font-size:.78rem;margin-top:8px;text-align:center;min-height:18px}
.form-msg.is-error{color:var(--danger)}
.form-msg.is-success{color:var(--teal)}
.form-msg.is-info{color:var(--g600)}
.login-brand{display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.login-logo-full{display:block;width:min(260px,100%);height:auto;filter:brightness(0) saturate(100%) invert(16%) sepia(22%) saturate(1578%) hue-rotate(173deg) brightness(93%) contrast(93%)}
.lite-chip{display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:6px;line-height:1}
.login-lite{background:rgba(18,51,82,.1);color:#123352}
.login-sub{text-align:center;color:var(--g600);font-size:.83rem;margin-bottom:24px}
.field-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.field-group label{font-size:.72rem;font-weight:600;color:var(--g600);text-transform:uppercase;letter-spacing:.07em}
.field-group input{border:1.5px solid var(--g200);border-radius:var(--r);padding:10px 13px;font-size:.9rem;transition:border-color var(--tr),box-shadow var(--tr)}
.field-group input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(5,171,145,.1)}
.btn-login{background:var(--teal);color:#fff;padding:12px;border-radius:var(--r);font-size:.95rem;font-weight:700;width:100%;transition:background var(--tr),transform var(--tr);margin-top:6px}
.btn-login:hover{background:var(--teal2);transform:translateY(-1px)}
#loginError{color:var(--danger);font-size:.8rem;min-height:16px;margin-top:4px;text-align:center}

/* ══ APP LAYOUT ══ */
#appContainer{display:none;height:100vh;overflow:hidden}
.app-layout{display:flex;height:100vh;padding:8px;gap:14px}
#sidebar{
  width:270px;min-width:270px;flex-shrink:0;height:calc(100vh - 16px);
  position:sticky;top:8px;z-index:10;display:flex;flex-direction:column;overflow:hidden;
  padding:16px;background:linear-gradient(180deg,#102033,#0b1726);
  border:1px solid rgba(255,255,255,.08);border-radius:22px;
  box-shadow:0 24px 50px rgba(15,23,42,.18);
  transition:width var(--tr),min-width var(--tr),padding var(--tr);
}
#sidebar.collapsed{width:72px;min-width:72px;padding-inline:8px}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:8px}
.sb-brand{
  flex:1;min-width:0;height:42px;display:flex;align-items:center;gap:8px;white-space:nowrap;
}
.sb-logo-full{display:block;width:146px;max-width:100%;height:auto;flex:0 0 auto}
.sb-logo-icon{display:none;height:30px;width:30px;margin:0 auto;flex:0 0 auto}
.sb-lite{
  flex:0 0 auto;align-self:center;line-height:1;padding:3px 7px;margin-left:2px;
  background:rgba(20,184,166,.2);color:#dffcf7;border:1px solid rgba(20,184,166,.22);
}
.sb-toggle{
  width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;
  background:transparent;border:0;cursor:pointer;color:#fff;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateX(6px);
  transition:opacity var(--tr),visibility var(--tr),background var(--tr),transform var(--tr);
}
.sb-toggle .icon{font-size:19px;color:#fff}
#sidebar:hover .sb-toggle,#sidebar .sb-toggle:focus-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.sb-toggle:hover{background:rgba(255,255,255,.08)}

.quick-action{
  margin-top:20px;height:44px;border:0;border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 14px;
  font:inherit;font-weight:800;color:#06251f;background:linear-gradient(135deg,#14b8a6,#10b981);
  cursor:pointer;box-shadow:0 14px 24px rgba(16,185,129,.2);
  transition:transform var(--tr),box-shadow var(--tr),filter var(--tr),width var(--tr),padding var(--tr);
  white-space:nowrap;overflow:hidden;
}
.quick-action:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 18px 32px rgba(16,185,129,.25)}
#sidebar .icon-slot{width:20px;min-width:20px;height:42px;display:grid;place-items:center;flex:0 0 20px}
.quick-action .icon,.nav-item .icon,.footer-action .icon{font-size:19px;opacity:.9;color:inherit}

.sb-nav{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);flex:1;overflow-y:auto;overflow-x:hidden}
.sb-sec{
  margin:0 10px 8px;color:rgba(148,163,184,.95);font-size:.66rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;transition:opacity var(--tr),transform var(--tr),height var(--tr),margin var(--tr);
}
.nav-item{
  position:relative;
  width:100%;height:42px;border:0;border-radius:13px;margin-bottom:4px;
  display:flex;align-items:center;gap:8px;padding:0 14px;cursor:pointer;text-align:left;
  color:#d8e2ee;background:transparent;font:inherit;font-size:.91rem;font-weight:700;
  transition:background var(--tr),color var(--tr),width var(--tr),padding var(--tr),box-shadow var(--tr);
  white-space:nowrap;overflow:hidden;
}
.nav-item .lbl{font-size:.88rem;font-weight:700;color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--tr),transform var(--tr),width var(--tr)}
.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-item.active{background:rgba(20,184,166,.18);color:#fff;box-shadow:inset 3px 0 0 #14b8a6}
.nav-item.active .icon{color:#14b8a6}
/* Badge de novos pedidos (alerta visual na sidebar) */
.nav-badge{margin-left:auto;flex:none;background:#E8445A;color:#fff;font-size:.66rem;font-weight:800;min-width:18px;height:18px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 0 0 rgba(232,68,90,.6);animation:navBadgePulse 1.4s ease-out infinite}
@keyframes navBadgePulse{0%{box-shadow:0 0 0 0 rgba(232,68,90,.55)}70%{box-shadow:0 0 0 8px rgba(232,68,90,0)}100%{box-shadow:0 0 0 0 rgba(232,68,90,0)}}
#sidebar.collapsed .nav-badge{position:absolute;right:6px;top:4px;min-width:14px;height:14px;font-size:.58rem;padding:0 3px}

.sb-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}
.sb-user{
  display:flex;align-items:center;gap:18px;min-height:44px;padding:0 14px;border-radius:16px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);overflow:hidden;
  transition:background var(--tr),border-color var(--tr),padding var(--tr),width var(--tr),margin var(--tr);
}
.sb-avatar{width:20px;min-width:20px;height:42px;display:grid;place-items:center}
.sb-avatar span{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#14b8a6,#10b981);color:#06251f;font-size:.82rem;font-weight:900;
}
.sb-user-info{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.05;transition:opacity var(--tr),transform var(--tr),width var(--tr)}
.sb-user-info .name{font-size:.88rem;font-weight:800;color:#fff;white-space:nowrap;line-height:1.05}
.sb-user-info .role{margin-top:0;font-size:.74rem;color:#94a3b8;white-space:nowrap;line-height:1}

/* sb-user vira botao clicavel — reset de estilos de button mantendo o layout */
.sb-user-wrap{position:relative}
button.sb-user{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;outline:none}
button.sb-user:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.1)}
button.sb-user:focus-visible{box-shadow:0 0 0 2px rgba(20,184,166,.55)}
.sb-user-caret{margin-left:auto;font-size:18px;color:#94a3b8;transition:transform var(--tr)}
button.sb-user[aria-expanded="true"] .sb-user-caret{transform:rotate(180deg)}
.sb-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}

/* Menu popup acima do bloco de usuario */
.profile-menu{
  position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:30;
  background:#0f2438;border:1px solid rgba(255,255,255,.09);border-radius:14px;
  padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.45);
  animation:fadeIn .14s ease;
}
.profile-menu[hidden]{display:none}
.profile-menu-item{
  width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;
  background:transparent;color:#d8e2ee;font:inherit;font-weight:600;font-size:.84rem;cursor:pointer;text-align:left;
  transition:background var(--tr),color var(--tr);
}
.profile-menu-item:hover{background:rgba(20,184,166,.16);color:#fff}
.profile-menu-item .icon{font-size:19px;color:#14b8a6}
#sidebar.collapsed .sb-user-caret{display:none}
#sidebar.collapsed .profile-menu{left:auto;width:230px}

/* Pagina de Configuracoes do Perfil */
.perfil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:start}
.perfil-foto-row{display:flex;gap:16px;align-items:center;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--g200)}
.perfil-foto-preview{
  width:76px;height:76px;min-width:76px;border-radius:50%;overflow:hidden;
  background:linear-gradient(135deg,#14b8a6,#10b981);display:grid;place-items:center;color:#06251f;
}
.perfil-foto-preview .icon{font-size:38px}
.perfil-foto-preview img{width:100%;height:100%;object-fit:cover;display:block}
.perfil-foto-actions{flex:1;min-width:0}
.perfil-foto-actions .field-group{margin-bottom:0}
.perfil-foto-actions .field-group span{font-size:.72rem;font-weight:600;color:var(--g600);text-transform:uppercase;letter-spacing:.07em}
.perfil-hint{font-size:.72rem;color:var(--g500);margin-top:8px}

.footer-action{
  width:100%;height:40px;margin-top:8px;border:0;border-radius:13px;display:flex;align-items:center;gap:8px;
  padding:0 14px;color:#d8e2ee;background:transparent;font:inherit;font-weight:700;cursor:pointer;
  transition:background var(--tr),color var(--tr),width var(--tr),padding var(--tr);
  white-space:nowrap;overflow:hidden;
}
.footer-action:hover{background:rgba(239,68,68,.12);color:#fecaca}
.footer-action .lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--tr),transform var(--tr),width var(--tr)}

#sidebar.collapsed .sidebar-head{justify-content:center}
#sidebar.collapsed .sb-brand{
  flex:0 0 42px;width:42px;min-width:42px;height:42px;
  justify-content:center;align-items:center;margin:0 auto;gap:0;
  cursor:pointer;
}
#sidebar.collapsed .sb-logo-full,#sidebar.collapsed .sb-lite{display:none}
#sidebar.collapsed .sb-logo-icon{display:block;margin:0 auto}
#sidebar.collapsed .sb-toggle{display:none!important}
#sidebar.collapsed .quick-action .lbl,
#sidebar.collapsed .sb-sec,
#sidebar.collapsed .nav-item .lbl,
#sidebar.collapsed .sb-user-info,
#sidebar.collapsed .footer-action .lbl{
  opacity:0;pointer-events:none;transform:translateX(-8px);width:0;overflow:hidden;
}
#sidebar.collapsed .quick-action,
#sidebar.collapsed .nav-item,
#sidebar.collapsed .footer-action,
#sidebar.collapsed .sb-user{
  width:42px;padding:0;gap:0;margin-inline:auto;justify-content:center;overflow:visible;
}
#sidebar.collapsed .quick-action{border-radius:13px;display:grid}
#sidebar.collapsed .quick-action .icon-slot,
#sidebar.collapsed .sb-avatar{
  width:42px;min-width:42px;flex-basis:42px;display:grid;place-items:center;
}
#sidebar.collapsed .sb-nav{margin-top:12px;padding-top:14px}
#sidebar.collapsed .sb-sec{height:0;margin:0;overflow:hidden}
#sidebar.collapsed .nav-item.active{box-shadow:none;background:rgba(255,255,255,.08)}
#sidebar.collapsed .sb-user{background:transparent;border-color:transparent}

/* MAIN */
#mainContent{flex:1;display:flex;flex-direction:column;overflow:hidden}
.top-bar{background:var(--white);border-bottom:1px solid var(--g200);padding:0 26px;height:56px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.top-bar h2{font-family:'Poppins',sans-serif;font-size:1.15rem;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.content-area{flex:1;overflow-y:auto;padding:22px}
.section{display:none;animation:fadeIn .2s ease}
.section.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* CARDS */
.card{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);padding:18px 20px}
.card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g600);margin-bottom:14px}

/* PAGE HEADER */
.page-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}
.page-hdr h1{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:var(--navy);letter-spacing:-.02em}
.page-hdr p{font-size:.8rem;color:var(--g600);margin-top:1px}

/* TOOLBAR */
.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.srch{position:relative;flex:1;min-width:150px;max-width:240px}
.srch .icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--g400);font-size:17px}
.srch input{width:100%;padding:8px 11px 8px 32px;border:1.5px solid var(--g200);border-radius:var(--r);font-size:.855rem;background:var(--white)}
.srch input:focus{border-color:var(--teal)}
.fsel{padding:8px 12px;border:1.5px solid var(--g200);border-radius:var(--r);font-size:.855rem;background:var(--white);color:var(--g900);cursor:pointer}
.fsel:focus{border-color:var(--teal)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--r);font-size:.845rem;font-weight:500;transition:all var(--tr);cursor:pointer;white-space:nowrap}
.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal2)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2)}
.btn-outline{background:transparent;color:var(--g900);border:1.5px solid var(--g300)}.btn-outline:hover{background:var(--g50)}
.btn-danger{background:transparent;color:var(--danger);border:1.5px solid rgba(201,42,42,.22)}.btn-danger:hover{background:var(--dbg)}
.btn-ghost{background:transparent;color:var(--g600);padding:6px 8px}.btn-ghost:hover{background:var(--g100);color:var(--g900)}
.btn-sm{padding:5px 10px;font-size:.78rem}.btn-sm .icon{font-size:15px}
.btn .icon{font-size:16px}

/* FORM */
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.fg .s2{grid-column:span 2}
.ff{display:flex;flex-direction:column;gap:4px}
.ff label{font-size:.7rem;font-weight:600;color:var(--g600);text-transform:uppercase;letter-spacing:.07em}
.ff input,.ff select,.ff textarea{border:1.5px solid var(--g200);border-radius:7px;padding:8px 11px;font-size:.865rem;color:var(--g900);background:var(--white);transition:border-color var(--tr),box-shadow var(--tr)}
.ff input:focus,.ff select:focus,.ff textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(5,171,145,.08)}
.ff textarea{resize:vertical;min-height:68px}

/* MODAL */
#mOverlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(13,31,53,.55);backdrop-filter:blur(3px);align-items:center;justify-content:center;padding:20px}
#mOverlay.open{display:flex}
.mbox{background:var(--white);border-radius:14px;box-shadow:var(--shl);width:100%;max-width:640px;max-height:92vh;display:flex;flex-direction:column;animation:mIn .2s ease}
.mbox.wide{max-width:840px}
@keyframes mIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.mhdr{padding:18px 22px 14px;border-bottom:1px solid var(--g200);display:flex;align-items:center;gap:10px;flex-shrink:0}
.mhdr h3{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:700;color:var(--navy);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mclose{width:30px;height:30px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mclose:hover{background:var(--g200)}
.mclose .icon{font-size:17px;color:var(--g600)}
.mbody{padding:20px 22px;overflow-y:auto;flex:1}
.mfoot{padding:14px 22px;border-top:1px solid var(--g100);display:flex;justify-content:flex-end;gap:9px;flex-shrink:0}

/* TOAST */
#toast{position:fixed;bottom:22px;right:22px;z-index:900;display:flex;flex-direction:column;gap:7px;pointer-events:none}
.tmsg{background:var(--g900);color:#fff;border-radius:9px;padding:11px 16px;font-size:.84rem;max-width:310px;box-shadow:var(--shl);pointer-events:all;animation:tIn .28s ease}
.tmsg.success{border-left:3px solid var(--success)}.tmsg.error{border-left:3px solid var(--danger)}
@keyframes tIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* MISC */
.loader{width:26px;height:26px;border:3px solid var(--g200);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.lw{display:flex;align-items:center;justify-content:center;padding:36px}
.empty-st{text-align:center;padding:52px 20px;color:var(--g400)}
.empty-st .icon{font-size:44px;display:block;margin-bottom:10px;color:var(--g300)}
.badge-tag{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:99px}

/* KPI GRID */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kpi-card{background:var(--white);border-radius:var(--rl);padding:16px 18px;box-shadow:var(--sh);border-left:3px solid transparent;display:flex;flex-direction:column;gap:4px}
.kpi-card.ct{border-color:var(--teal)}.kpi-card.cn{border-color:var(--navy)}.kpi-card.cg{border-color:var(--success)}.kpi-card.co{border-color:var(--amber)}.kpi-card.cr{border-color:var(--rose)}
.kpi-lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g600)}
.kpi-val{font-family:'Poppins',sans-serif;font-size:1.6rem;font-weight:700;color:var(--navy);line-height:1}
.kpi-sub{font-size:.7rem;color:var(--g400)}

/* CHARTS ROW */
.charts-row{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:18px}
.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* ── Analytics (aba Relatórios → Visão geral) ── */
.an-charts-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.an-kpi-lbl{display:flex;align-items:center;justify-content:space-between;gap:6px}
.kpi-delta{font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:99px;letter-spacing:0;text-transform:none;white-space:nowrap}
.kpi-delta.up{background:#EBFBEE;color:#2D9E5F}
.kpi-delta.down{background:#FFF5F5;color:#C92A2A}
.kpi-delta.flat{background:var(--g100);color:var(--g500)}
.an-meta{display:flex;align-items:center;gap:8px;margin-left:auto}
.an-updated{font-size:.72rem;color:var(--g400);white-space:nowrap}
@media (max-width:900px){.an-charts-3{grid-template-columns:1fr}}

/* PRODUTO CARDS */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:13px}
.prod-cat-group{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin:6px 2px 0;padding-bottom:7px;border-bottom:2px solid var(--g100)}
.prod-cat-group:first-child{margin-top:0}
.prod-cat-group-nome{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;color:var(--navy)}
.prod-cat-group-count{font-size:.7rem;font-weight:700;padding:1px 9px;border-radius:99px;background:var(--tbg);color:var(--teal-dim)}
.prod-card{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);overflow:hidden;transition:box-shadow var(--tr),transform var(--tr)}
.prod-card-pdv-off{opacity:.72}
.prod-pdv-badge{display:inline-block;margin-top:6px;font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:99px;background:#fff5f5;border:1px solid #ffc9c9;color:#c92a2a}
/* ── Complementos (sub-aba de Produtos) ── */
.prod-subtabs{display:flex;gap:6px;margin:0 0 16px;border-bottom:1px solid var(--g100)}
.prod-subtab{background:none;border:none;padding:9px 16px;font-family:Poppins,sans-serif;font-size:.86rem;font-weight:600;color:var(--g500,#888);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.prod-subtab.active{color:var(--teal);border-bottom-color:var(--teal)}
.compl-help{color:var(--g500,#888);font-size:.82rem;margin:0 0 14px}
.compl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.compl-card{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);padding:14px 15px;display:flex;flex-direction:column;gap:8px}
.compl-card-off{opacity:.66}
.compl-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.compl-card-nome{font-size:.95rem;font-weight:700;color:var(--navy);line-height:1.3}
.compl-card-count{font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--tbg);color:var(--teal-dim);white-space:nowrap}
.compl-badge-off{font-size:.6rem;font-weight:700;padding:1px 7px;border-radius:99px;background:#fff5f5;border:1px solid #ffc9c9;color:#c92a2a;vertical-align:middle}
.compl-card-disp{font-size:.78rem;color:var(--g500,#888)}
.compl-card-actions{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.compl-card-actions .btn-danger{color:#c92a2a}
/* Editor de grupo (modal) */
.cg-sec{margin-top:16px}
.cg-sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:700;font-size:.86rem;color:var(--navy)}
.cg-empty{font-size:.8rem;color:var(--g500,#888);padding:6px 0}
.cg-row,.cg-vrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.cg-in-nome{flex:1 1 160px;min-width:120px}
.cg-in-preco{display:flex;align-items:center;gap:4px}
.cg-in-preco span{font-size:.78rem;color:var(--g500,#888)}
.cg-in-preco input{width:84px}
.cg-in-ativo{display:flex;align-items:center;gap:4px;font-size:.78rem;white-space:nowrap}
.cg-vin-prod{flex:1 1 180px;min-width:140px}
.cg-vin-qtd{display:flex;align-items:center;gap:4px}
.cg-vin-qtd label{font-size:.74rem;color:var(--g500,#888)}
.cg-vin-qtd input{width:58px}
.cg-del{background:none;border:none;color:#c92a2a;cursor:pointer;padding:4px;display:flex;align-items:center}
/* Card de opção com descrição + imagem */
.cg-opcard{border:1px solid var(--g100);border-radius:var(--r,8px);padding:10px;margin-bottom:10px;background:var(--g50,#fafafa)}
.cg-opcard .cg-row{margin-bottom:8px}
.cg-in-desc{width:100%;margin-bottom:8px}
.cg-opimg{display:flex;align-items:center;gap:10px}
.cg-opimg-add{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--teal);cursor:pointer;padding:6px 10px;border:1px dashed var(--g200,#ccc);border-radius:99px}
.cg-opimg-add:hover{background:var(--tbg)}
.cg-opimg-has{display:flex;align-items:center;gap:10px}
.cg-opthumb{width:46px;height:46px;border-radius:8px;object-fit:cover;border:1px solid var(--g100)}
/* Sub-linhas de complementos nos pedidos (painel + detalhe) */
.ped-items-table .compl,.pdet-item-mid .compl{font-size:.74rem;color:var(--teal-dim,#4a8);margin-top:2px}

/* ── Estoque ── */
.est-table{width:100%;font-size:.82rem;border-collapse:collapse;min-width:760px}
.est-table th{text-align:left;padding:10px 12px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--g500);border-bottom:1px solid var(--g200);background:var(--g50,#fafafa);white-space:nowrap}
.est-table td{padding:9px 12px;border-bottom:1px solid var(--g100);vertical-align:middle}
.est-table .num,.est-table td.num{text-align:right}
.est-table tr:hover td{background:var(--g50,#fafafa)}
.est-row-off td{opacity:.55}
.est-forn{font-size:.7rem;color:var(--g400);margin-top:1px}
.est-acoes{display:flex;gap:2px;flex-wrap:nowrap}
.est-acoes button{background:none;border:none;cursor:pointer;padding:3px;color:var(--g500);display:flex;align-items:center;border-radius:6px}
.est-acoes button:hover{background:var(--g100);color:var(--navy)}
.est-acoes button.ok{color:#2D9E5F}
.est-acoes button.warn{color:#B8860B}
.est-acoes button.danger{color:#C92A2A}
.est-acoes button .icon{font-size:17px}
.est-mov-badge{display:inline-block;font-size:.66rem;font-weight:700;padding:2px 9px;border-radius:99px;white-space:nowrap}
.est-mov-badge.entrada{background:#EBFBEE;color:#2D9E5F}
.est-mov-badge.saida{background:#E7F5FF;color:#1864AB}
.est-mov-badge.ajuste{background:#FFF9DB;color:#B8860B}
.est-mov-badge.perda{background:#FFF5F5;color:#C92A2A}
.est-origem-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:1px 7px;border-radius:99px;white-space:nowrap;vertical-align:middle}
.est-origem-badge.ins{background:var(--g100);color:var(--g600,#777)}
.est-origem-badge.prod{background:var(--tbg);color:var(--teal-dim)}
/* ── Crediário (vendas a prazo) ── */
.cred-saldo{color:var(--g600,#777)}
.cred-saldo.devendo{color:#C92A2A}
.cred-total-bar{display:flex;justify-content:flex-end;gap:6px;align-items:center;font-size:.88rem;color:var(--g600,#777);padding:8px 2px;border-top:1px dashed var(--g200,#ddd);margin-top:4px}
.cred-total-bar b{font-family:'Poppins',sans-serif;font-size:1.05rem;color:var(--navy)}

/* ── Construtor de relatório de vendas (Exportar) ── */
.exp-modo{display:flex;gap:8px;margin-bottom:14px}
.exp-modo-btn{background:#fff;border:1px solid var(--g200);color:var(--g600,#777);padding:9px 16px;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer}
.exp-modo-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}
.exp-builder{padding:18px}
.exp-builder-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.exp-sub{font-size:.76rem;color:var(--g500);margin-top:3px}
.exp-filter-grid{display:grid;grid-template-columns:1.1fr 1.35fr 1fr 1fr;gap:12px;align-items:end}
.exp-field>label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--g500);margin-bottom:6px}
.exp-date-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.exp-multi{position:relative}
.exp-multi-trigger{min-height:42px;width:100%;border:1px solid var(--g200);border-radius:10px;background:#fff;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;color:var(--navy)}
.exp-multi-trigger:hover{border-color:var(--g300,#bbb)}
.exp-sel-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}
.exp-count{background:var(--tbg);border-radius:99px;padding:2px 8px;font-size:.66rem;font-weight:800;color:var(--teal-dim);white-space:nowrap}
.exp-dropdown{position:absolute;left:0;right:0;top:48px;z-index:30;background:#fff;border:1px solid var(--g200);box-shadow:var(--shm);border-radius:12px;padding:10px;display:none;min-width:240px}
.exp-multi.open .exp-dropdown{display:block}
.exp-search{width:100%;border:1px solid var(--g200);padding:8px 10px;border-radius:9px;margin-bottom:8px;outline:none;font-size:.84rem}
.exp-drop-actions{display:flex;gap:7px;margin-bottom:8px}
.exp-tiny{border:1px solid var(--g200);background:var(--g50,#f8fafc);border-radius:8px;padding:6px 8px;font-size:.68rem;font-weight:700;cursor:pointer;color:var(--navy)}
.exp-tiny:hover{background:var(--tbg)}
.exp-options{max-height:220px;overflow:auto;display:grid;gap:2px}
.exp-opt{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:.82rem;cursor:pointer}
.exp-opt:hover{background:var(--g50,#f2f7fa)}
.exp-opt input{accent-color:var(--teal);width:16px;height:16px;flex:none}
.exp-opt-empty{font-size:.8rem;color:var(--g400);padding:8px}
.exp-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--g100);flex-wrap:wrap}
.exp-chips{display:flex;flex-wrap:wrap;gap:7px;min-height:28px}
.exp-chip{background:var(--tbg);color:var(--teal-dim);border:1px solid var(--g100);border-radius:99px;padding:5px 10px;font-size:.72rem;font-weight:700}
.exp-actions{display:flex;gap:8px}
@media (max-width:1100px){ .exp-filter-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){ .exp-filter-grid{grid-template-columns:1fr} .exp-date-range{grid-template-columns:1fr 1fr} .exp-builder-top{flex-direction:column} .exp-footer{flex-direction:column;align-items:stretch} .exp-actions{width:100%} .exp-actions .btn{flex:1;justify-content:center} }
.est-st-baixo{background:#FFF9DB;color:#B8860B}
.est-st-inativo{background:var(--g100);color:var(--g500)}
.est-mov-obs{font-size:.74rem;color:var(--g500);max-width:240px}
.est-crit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--g100)}
.est-crit-row:last-child{border-bottom:none}
.est-crit-info{display:flex;flex-direction:column;min-width:0}
.est-crit-info b{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.est-crit-info span{font-size:.7rem;color:var(--g400)}
.est-crit-qty{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.est-crit-qty small{font-size:.68rem;color:var(--g400)}
.est-cat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 4px;border-bottom:1px solid var(--g100)}
.est-cat-row:last-child{border-bottom:none}
.est-cat-nome{font-size:.86rem;font-weight:600}
.est-cat-nome small{color:var(--g400);font-weight:400}
.est-mov-item{background:var(--g50,#fafafa);border:1px solid var(--g100);border-radius:var(--r,8px);padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:2px}
.est-mov-item span{font-size:.76rem;color:var(--g500)}
.est-det-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.82rem;margin-bottom:10px}
.est-det-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.prod-card:hover{box-shadow:var(--shm);transform:translateY(-2px)}
.prod-card-hdr{padding:14px 15px 10px;border-bottom:1px solid var(--g100);display:flex;align-items:flex-start;justify-content:space-between}
.prod-nome{font-size:.92rem;font-weight:700;margin-bottom:3px;line-height:1.3}
.prod-cat{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--tbg);color:var(--teal-dim)}
.prod-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.prod-badge{font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid var(--g200);color:var(--g600);background:#fff}
.prod-badge.on{background:#e6fcf5;border-color:#99e9d2;color:#0f766e}
.prod-badge.off{background:#fff5f5;border-color:#ffc9c9;color:#c92a2a}
.prod-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none;font-size:.7rem;font-weight:700;color:var(--g600);margin-top:7px}
.prod-toggle .tgl{position:relative;width:32px;height:18px;background:var(--g300);border-radius:99px;transition:.18s}
.prod-toggle .tgl::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.prod-toggle.on .tgl{background:var(--success,#10b981)}
.prod-toggle.on .tgl::after{left:16px}
.prod-toggle.busy{opacity:.5;pointer-events:none}
.prod-body{padding:12px 15px}
.prod-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--g600);padding:3px 0;border-bottom:1px solid var(--g100)}
.prod-row:last-child{border-bottom:none}
.prod-row .val{font-weight:600;color:var(--g900)}
.prod-row .val.green{color:var(--success)}
.prod-row .val.red{color:var(--danger)}
.prod-thumb{width:58px;height:58px;border-radius:11px;overflow:hidden;flex-shrink:0;border:1px solid var(--g200);background:linear-gradient(140deg,#e2e8f0,#f8fafc);display:flex;align-items:center;justify-content:center}
.prod-thumb img{width:100%;height:100%;object-fit:cover}
.prod-thumb .icon{font-size:20px;color:var(--g500)}
.prod-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-top:1px solid var(--g100)}
.margem-badge{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:99px}
.margem-good{background:var(--gbg);color:var(--success)}
.margem-mid{background:var(--wbg);color:var(--warn)}
.margem-low{background:var(--dbg);color:var(--danger)}

/* Estoque inline no card de produto */
.prod-estoque-row{align-items:center}
.prod-estoque-status{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:99px;margin-left:6px;display:inline-block;letter-spacing:.02em;text-transform:uppercase}
.prod-estoque-status.off{background:var(--g100);color:var(--g500)}
.prod-estoque-status.on{background:var(--gbg);color:var(--success)}
.prod-estoque-status.low{background:var(--wbg);color:var(--warn)}
.prod-estoque-status.out{background:var(--dbg);color:var(--danger)}
.prod-estoque-input{width:78px;text-align:center;font-size:.85rem;font-weight:700;padding:5px 8px;border:1px solid var(--g200);border-radius:8px;background:#fff;transition:border-color var(--tr),box-shadow var(--tr)}
.prod-estoque-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(237,48,60,.12)}
.prod-estoque-input.saving{border-color:var(--warn);background:var(--wbg)}
.prod-estoque-input.saved{border-color:var(--success);background:var(--gbg);transition:background .4s,border-color .4s}
.prod-estoque-input.err{border-color:var(--danger);background:var(--dbg)}
.prod-estoque-input::placeholder{color:var(--g400);font-weight:500}

/* RECEITA CARDS */
.rec-card{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);margin-bottom:12px}
.rec-hdr{padding:14px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background var(--tr)}
.rec-hdr:hover{background:var(--g50)}
.rec-hdr-info{flex:1;min-width:0}
.rec-hdr h3{font-size:.92rem;font-weight:700;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-hdr p{font-size:.75rem;color:var(--g600)}
.rec-body{border-top:1px solid var(--g100);padding:14px 16px;display:none}
.rec-card.open .rec-body{display:block}
.rec-card.open .rec-toggle-icon{transform:rotate(180deg)}
.ing-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:12px}
.ing-table th{text-align:left;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--g400);padding:4px 8px;border-bottom:1px solid var(--g200)}
.ing-table td{padding:6px 8px;border-bottom:1px solid var(--g100);color:var(--g900)}
.ing-table tr:last-child td{border-bottom:none}

/* DESPESA LIST */
.desp-period{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:12px;background:var(--white);border-radius:var(--r);padding:10px 12px;box-shadow:var(--sh)}
.desp-period label{font-size:.75rem;font-weight:600;color:var(--g600)}
.desp-period input[type=date]{border:1.5px solid var(--g200);border-radius:var(--r);padding:6px 10px;font-size:.84rem;font-family:inherit;background:var(--white)}
.desp-period input[type=date]:focus{border-color:var(--teal)}
.desp-quick-period{display:flex;gap:5px;flex-wrap:wrap}
.dqp-btn{padding:5px 12px;border-radius:99px;font-size:.76rem;font-weight:600;border:1.5px solid var(--g200);background:var(--white);cursor:pointer;transition:all var(--tr);color:var(--g600)}
.dqp-btn.active,.dqp-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.desp-list{display:flex;flex-direction:column;gap:8px}
.desp-item{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);padding:11px 12px;display:grid;grid-template-columns:40px minmax(250px,1.4fr) 120px 125px 140px 120px auto;gap:10px;align-items:center}
.desp-icon{width:34px;height:34px;border-radius:var(--r);display:flex;align-items:center;justify-content:center}
.desp-body{min-width:0}
.desp-nome{font-size:.86rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desp-obs{font-size:.72rem;color:var(--g500);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desp-tags{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}
.tag{font-size:.67rem;font-weight:700;padding:2px 7px;border-radius:99px}
.tag-fixa{background:var(--ibg);color:var(--info)}
.tag-variavel{background:var(--wbg);color:var(--warn)}
.tag-direta{background:var(--tbg);color:var(--teal-dim)}
.tag-indireta{background:var(--g100);color:var(--g600)}
.tag-status-pendente{background:#FFF3BF;color:#8A6D1A}
.tag-status-pago{background:#D3F9D8;color:#1E6E3B}
.desp-col .lbl{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--g400);margin-bottom:2px}
.desp-col .val{font-size:.78rem;font-weight:600;color:var(--g700)}
.desp-link-btn{background:transparent;color:var(--info);border:0;padding:0;font-size:.75rem;font-weight:700;cursor:pointer}
.desp-link-btn:hover{text-decoration:underline}
.desp-valor{font-family:'Poppins',sans-serif;font-size:.97rem;font-weight:700;color:var(--navy);text-align:right}
.desp-actions{display:flex;gap:4px;justify-content:flex-end}

/* VENDA QUICK FORM */
.venda-quick{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);padding:18px 20px;margin-bottom:18px}
.venda-quick h3{font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:6px}

/* VENDAS TABLE */
.vendas-table{width:100%;border-collapse:collapse;font-size:.84rem}
.vendas-table th{text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--g400);padding:6px 10px;border-bottom:1.5px solid var(--g200);background:var(--g50)}
.vendas-table td{padding:9px 10px;border-bottom:1px solid var(--g100);vertical-align:middle}
.vendas-table tr:hover td{background:var(--g50)}
.vendas-table .fat{font-weight:700;color:var(--navy)}
.vendas-table .lucro-pos{color:var(--success);font-weight:600}
.vendas-table .lucro-neg{color:var(--danger);font-weight:600}
.vendas-table .venda-code{font-family:'Poppins',sans-serif;font-size:.73rem;font-weight:700;color:var(--navy);background:var(--g100);padding:3px 8px;border-radius:999px;display:inline-block}
.vendas-table .vgrp-row td{background:#fff}
.vendas-table .vgrp-row:hover td{background:var(--g50)}
.vendas-table .vgrp-row.cancelado td{opacity:.6}
.vendas-table .vgrp-itens{font-size:.76rem;color:var(--g500)}
.vendas-table .vgrp-toggle{width:30px;height:30px;border-radius:8px;border:1px solid var(--g200);background:#fff;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tr)}
.vendas-table .vgrp-toggle:hover{background:var(--g50);border-color:var(--g300)}
.vendas-table .vgrp-toggle .icon{font-size:19px;transition:transform var(--tr)}
.vendas-table .vgrp-toggle.open .icon{transform:rotate(180deg)}
.vendas-table .vgrp-detail td{background:#f8fafc !important}
.vendas-table .vgrp-items-wrap{padding:8px 0 2px}
.vgrp-items-table{width:100%;border-collapse:collapse;font-size:.79rem}
.vgrp-items-table th{text-align:left;font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--g500);padding:6px 8px;border-bottom:1px solid var(--g200);background:#eef3f8}
.vgrp-items-table td{padding:7px 8px;border-bottom:1px solid #e8edf3;background:#fff}
.vgrp-items-table tr:last-child td{border-bottom:none}
.vgrp-items-table .it-name{font-weight:600;color:var(--g900)}
.vact-wrap{position:relative;display:inline-flex}
.vact-btn{padding:4px 8px;min-width:28px;justify-content:center}
.vact-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:190px;background:var(--white);border:1px solid var(--g200);border-radius:8px;box-shadow:var(--shm);display:none;z-index:80;overflow:hidden}
.vact-menu.open{display:block}
.vact-item{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--white);border:0;border-bottom:1px solid var(--g100);font-size:.79rem;color:var(--g900);text-align:left;cursor:pointer}
.vact-item:last-child{border-bottom:none}
.vact-item:hover{background:var(--g50)}
.vact-item.danger{color:var(--danger)}

/* CAIXA */
.caixa-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.caixa-kpi{background:var(--g50);border:1px solid var(--g200);border-radius:var(--r);padding:10px 12px}
.caixa-kpi .lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g600);margin-bottom:4px}
.caixa-kpi .val{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:700;color:var(--navy)}
.caixa-table{width:100%;border-collapse:collapse;font-size:.84rem}
.caixa-table th{text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--g400);padding:6px 10px;border-bottom:1.5px solid var(--g200);background:var(--g50)}
.caixa-table td{padding:9px 10px;border-bottom:1px solid var(--g100);vertical-align:middle}
.caixa-table tr:hover td{background:var(--g50)}
.caixa-table .v-in{color:var(--success);font-weight:700}
.caixa-table .v-out{color:var(--danger);font-weight:700}

/* PEDIDOS CARDAPIO — banner de pendentes de pagamento online */
.pp-banner{background:#fff7ed;border:1px solid #fdba74;border-radius:var(--r);padding:12px 14px;margin-bottom:12px}
.pp-banner-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pp-banner-head>div{display:flex;align-items:center;gap:8px}
.pp-banner-head strong{color:#9a3412;font-size:.92rem}
.pp-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.pp-row{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pp-row-info{display:flex;flex-direction:column;gap:2px;min-width:200px}
.pp-row-info .pp-num{font-weight:700;color:var(--navy);font-size:.88rem}
.pp-row-info .pp-meta{color:var(--g600);font-size:.75rem}
.pp-row-info .pp-idade{color:#b54708;font-size:.72rem;font-weight:600}
.pp-row-actions{display:flex;gap:6px;flex-wrap:wrap}
.pp-row-actions .btn{padding:6px 10px;font-size:.78rem}
.pp-feedback{margin-top:6px;font-size:.78rem}
.pp-feedback.ok{color:var(--green)}
.pp-feedback.err{color:var(--red)}

/* PEDIDOS CARDAPIO */
.ped-view-tabs{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.ped-view-btn{padding:7px 12px;border:1.5px solid var(--g200);background:#fff;border-radius:999px;color:var(--g700);font-size:.78rem;font-weight:700;cursor:pointer;transition:all var(--tr)}
.ped-view-btn.active,.ped-view-btn:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.pedidos-card-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.pc-kpi{background:var(--g50);border:1px solid var(--g200);border-radius:var(--r);padding:10px 12px}
.pc-kpi .lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g600);margin-bottom:4px}
.pc-kpi .val{font-family:'Poppins',sans-serif;font-size:1.15rem;font-weight:700;color:var(--navy)}
.pedidos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.pedidos-filtros{display:flex;gap:6px;flex-wrap:wrap}
.pedidos-tools-extra{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ped-f-input{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1.5px solid var(--g200);border-radius:10px;background:#fff}
.ped-f-input input{border:0;outline:0;min-width:220px;font-size:.82rem;background:transparent;color:var(--g900)}
.ped-f-select{padding:7px 10px;border:1.5px solid var(--g200);border-radius:10px;background:#fff;font-size:.8rem;color:var(--g700)}
.pedido-cardapio-num{font-family:'Poppins',sans-serif;font-size:.73rem;font-weight:700;color:var(--navy);background:var(--g100);padding:3px 8px;border-radius:999px;display:inline-block}
/* ============================================================
   PDET — novo layout dos detalhes de pedido (substitui ped-detail)
   ============================================================ */
.pdet-panel{font-family:'Inter','Nunito',sans-serif;background:linear-gradient(180deg,#f7fbfd 0%,#f2f7fa 100%);border-left:1px solid #d7e0e8;border-radius:14px;padding:18px;width:100%;max-width:680px;color:#12202f}
.pdet-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.pdet-title-wrap{min-width:0;flex:1}
.pdet-order-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.pdet-order-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e5f4f7;color:#155d6c;border:1px solid rgba(31,122,140,.18);font-size:12px;font-weight:800}
.pdet-status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#fff4db;color:#b7791f;border:1px solid #f3d48b}
.pdet-status-chip.pdet-st-preparo{background:#fff4db;color:#b7791f;border-color:#f3d48b}
.pdet-status-chip.pdet-st-pronto{background:#e6f8f6;color:#16613f;border-color:#bce8d2}
.pdet-status-chip.pdet-st-rota{background:#e8f1ff;color:#265eb8;border-color:#cfe1ff}
.pdet-status-chip.pdet-st-ok{background:#e8f8f1;color:#16613f;border-color:#bce8d2}
.pdet-customer{font-size:24px;line-height:1.1;font-weight:800;letter-spacing:-0.03em;margin-bottom:6px;color:#102131}
.pdet-subtitle{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#6d7b8a}
/* Badge contador de pedidos do cliente (fidelidade) */
.pc-cli-badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;line-height:1}
.pc-cli-badge .icon{font-size:.95rem}
.pc-cli-novo{background:#eef2f6;color:#64748b}
.pc-cli-recorrente{background:#fff4e0;color:#b7791f;border:1px solid #f5d9a8}
.ped-mini-loyalty{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:1px 6px;border-radius:999px;background:#fff4e0;color:#b7791f;font-size:.7rem;font-weight:700;vertical-align:middle}
.ped-mini-loyalty .icon{font-size:.8rem}
.ped-hist-loyalty{display:inline-flex;align-items:center;gap:3px;color:#b7791f;font-weight:600}
.ped-hist-loyalty .icon{font-size:.85rem}
.pdet-header-actions{display:flex;gap:10px;flex-shrink:0}
.pdet-icon-btn{width:42px;height:42px;border-radius:15px;border:1px solid #dbe5ee;background:rgba(255,255,255,.95);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#6d7b8a;box-shadow:0 10px 24px rgba(16,24,40,.07);transition:.2s ease}
.pdet-icon-btn:hover{transform:translateY(-1px);background:#fff;color:#12202f}
.pdet-icon-btn.pdet-wa{color:#16a34a;background:#f3fff6;border-color:#bce9ca}
.pdet-icon-btn.pdet-close:hover{color:#c0392b;border-color:#efc7c2;background:#fff8f7}
.wa-ic{display:inline-flex;align-items:center;justify-content:center}
.wa-ic svg{width:20px;height:20px}

.pdet-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.pdet-quick-card{background:rgba(255,255,255,.92);border:1px solid #dbe5ee;border-radius:18px;padding:13px;box-shadow:0 10px 24px rgba(16,24,40,.04)}
.pdet-quick-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#6d7b8a;margin-bottom:6px}
.pdet-quick-val{font-size:13px;font-weight:800;line-height:1.35;color:#12202f}

.pdet-stack{display:flex;flex-direction:column;gap:12px}
.pdet-card{background:rgba(255,255,255,.92);border:1px solid #dbe5ee;border-radius:24px;box-shadow:0 16px 40px rgba(16,24,40,.08);overflow:hidden}
.pdet-section{padding:16px}
.pdet-section + .pdet-section{border-top:1px solid #dbe5ee}
.pdet-sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pdet-sec-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900;color:#203040;letter-spacing:.01em}
.pdet-sec-title .icon{font-size:18px;color:#1f7a8c}
.pdet-mini-badge{padding:7px 10px;border-radius:999px;background:#fff4db;color:#b7791f;border:1px solid #f3d48b;font-size:11px;font-weight:800;white-space:nowrap}
.pdet-status-box{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start}
.pdet-status-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#1f7a8c 0%,#186b7a 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(31,122,140,.18)}
.pdet-status-icon .icon{font-size:22px}
.pdet-status-title{font-size:15px;font-weight:800;margin-bottom:4px;color:#155d6c}
.pdet-status-desc{font-size:12px;line-height:1.5;color:#6d7b8a}

.pdet-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pdet-btn{min-height:41px;border-radius:13px;border:1px solid transparent;padding:10px 14px;font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s ease}
.pdet-btn .icon{font-size:17px}
.pdet-btn .wa-ic svg{width:16px;height:16px}
.pdet-btn-primary{background:linear-gradient(180deg,#2a9d8f 0%,#21897d 100%);color:#fff;box-shadow:0 10px 18px rgba(42,157,143,.20)}
.pdet-btn-primary:hover{transform:translateY(-1px);filter:brightness(.98)}
.pdet-btn-outline{background:#fff;border-color:#dbe5ee;color:#12202f}
.pdet-btn-outline:hover{background:#f8fbfd}
.pdet-btn-danger{background:#fff;border-color:#f0beb8;color:#c0392b}
.pdet-btn-danger:hover{background:#fff1ef}

.pdet-loc-box{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:flex-start}
.pdet-loc-icon{width:42px;height:42px;border-radius:15px;background:#e8f1ff;color:#3569d4;display:flex;align-items:center;justify-content:center}
.pdet-loc-icon .icon{font-size:20px}
.pdet-loc-title{font-size:13px;font-weight:900;margin-bottom:4px;color:#12202f}
.pdet-loc-desc{font-size:12px;color:#6d7b8a;line-height:1.5;word-break:break-word}
.pdet-type-chip{background:#edf7ff;color:#265eb8;border:1px solid #cfe1ff;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;align-self:flex-start}

.pdet-confirm-box{margin-top:14px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:linear-gradient(180deg,#f7fbfd 0%,#f2f8fa 100%);border:1px solid #dbe5ee}
.pdet-confirm-icon{width:42px;height:42px;border-radius:15px;background:#e5f4f7;color:#155d6c;display:flex;align-items:center;justify-content:center}
.pdet-confirm-title{font-size:13px;font-weight:900;color:#12202f;margin-bottom:4px}
.pdet-confirm-desc{font-size:12px;line-height:1.5;color:#6d7b8a}
.pdet-loader{width:24px;aspect-ratio:1;border-radius:50%;border:3px solid #1f7a8c;border-right-color:transparent;animation:pdetSpin .9s infinite linear}
@keyframes pdetSpin{to{transform:rotate(360deg)}}

.pdet-items-list{display:flex;flex-direction:column;gap:10px}
.pdet-item-row{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center}
.pdet-thumb{width:50px;height:50px;border-radius:16px;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.pdet-qty{position:absolute;right:-4px;top:-5px;width:21px;height:21px;border-radius:8px;background:#152330;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.pdet-item-mid{min-width:0}
.pdet-item-name{font-size:13px;font-weight:900;color:#12202f;margin-bottom:3px}
.pdet-item-note{font-size:11px;color:#6d7b8a}
.pdet-item-price{font-size:13px;font-weight:800;color:#12202f;white-space:nowrap}
.pdet-empty{font-size:12px;color:#6d7b8a;padding:12px;text-align:center;background:#f7fbfd;border-radius:12px}

.pdet-summary{display:flex;flex-direction:column;gap:11px}
.pdet-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#6d7b8a}
.pdet-summary-row strong{color:#12202f}
.pdet-summary-row.pdet-total{margin-top:2px;padding-top:12px;border-top:1px dashed #cad5e0;font-size:16px;font-weight:900;color:#12202f}
.pdet-summary-row.pdet-total strong{color:#155d6c;font-size:18px}

.pdet-pay-box{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:flex-start;background:linear-gradient(180deg,#f5fbfb 0%,#f8fcfc 100%);border:1px solid #dbeff0;border-radius:18px;padding:14px}
.pdet-pay-icon{width:42px;height:42px;border-radius:15px;background:#e6f8f6;color:#21897d;display:flex;align-items:center;justify-content:center}
.pdet-pay-icon .icon{font-size:20px}
.pdet-pay-title{font-size:13px;font-weight:900;color:#12202f;margin-bottom:3px}
.pdet-pay-desc{font-size:12px;line-height:1.45;color:#6d7b8a}
.pdet-pay-value{font-size:13px;font-weight:900;color:#12202f;white-space:nowrap}

.pdet-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin-top:0;background:rgba(255,255,255,.88);border:1px solid #dbe5ee;border-radius:20px;box-shadow:0 12px 28px rgba(16,24,40,.05)}
.pdet-footer-left{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

@media (max-width:780px){
  .pdet-quick-grid{grid-template-columns:1fr}
  .pdet-loc-box,.pdet-pay-box{grid-template-columns:42px 1fr}
  .pdet-type-chip,.pdet-pay-value{grid-column:2;justify-self:start}
  .pdet-confirm-box{grid-template-columns:42px 1fr}
}

.ped-loc-box{margin-top:12px;background:#FDF0EA;border:1.5px dashed #C85C2A;border-radius:12px;padding:12px 14px}
.ped-loc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ped-loc-lbl{font-size:.7rem;font-weight:700;color:#6B3A1F;text-transform:uppercase;letter-spacing:.06em}
.ped-loc-val{font-family:Poppins,Consolas,monospace;font-size:1.45rem;font-weight:800;color:#C85C2A;letter-spacing:.16em;line-height:1.1;margin-top:2px}
.ped-loc-link{font-family:Consolas,monospace;font-size:.78rem;color:#6B3A1F;background:rgba(255,255,255,.7);border-radius:8px;padding:6px 10px;margin-top:10px;word-break:break-all;user-select:all}
.pc-status{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}
.pc-st-em-preparo{background:#E7F5FF;color:#1864AB}
.pc-st-pronto{background:#D3F9D8;color:#2B8A3E}
.pc-st-em-rota{background:#FFF0F6;color:#A61E4D}
.pc-st-finalizado{background:#EBFBEE;color:#2D9E5F}
.pc-st-cancelado{background:#FFF5F5;color:#C92A2A}
.ped-hist-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.ped-hist-row{display:flex;gap:8px;flex-wrap:wrap}
.ped-hist-row input,.ped-hist-row select{padding:7px 10px;border:1.5px solid var(--g200);border-radius:10px;background:#fff;font-size:.8rem;color:var(--g700)}
.ped-hist-row input{min-width:180px}
.ped-hist-table{width:100%;border-collapse:collapse;font-size:.82rem}
.ped-hist-table th{text-align:left;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--g500);padding:7px 9px;border-bottom:1.5px solid var(--g200);background:var(--g50)}
.ped-hist-table td{padding:9px;border-bottom:1px solid var(--g100);vertical-align:top}
.ped-hist-table tr:hover td{background:#fafcff}
.ped-hist-num{font-family:'Poppins',sans-serif;font-size:.77rem;font-weight:700;color:var(--navy)}
.ped-hist-meta{font-size:.74rem;color:var(--g500)}
.ped-hist-actions{display:flex;gap:6px;flex-wrap:wrap}
.pedidos-board{display:grid;grid-template-columns:minmax(420px,1fr) minmax(330px,.9fr);gap:14px;align-items:start}
.pedidos-board.no-detail{grid-template-columns:minmax(420px,1fr)}
.pedidos-cols{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}
.ped-col{background:#fff;border:1px solid var(--g200);border-radius:12px;min-height:190px;display:flex;flex-direction:column;overflow:hidden}
.ped-col-head{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid var(--g100);background:var(--g50)}
.ped-col-head .ttl{font-size:.78rem;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:6px}
.ped-col-head .cnt{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--g200);color:var(--g700)}
.ped-col-list{padding:9px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-height:340px;overflow:auto}
.ped-col-empty{padding:16px;text-align:center;font-size:.77rem;color:var(--g500)}
.ped-mini-card{width:230px;max-width:100%;border:1px solid var(--g200);border-radius:11px;background:#fff;cursor:pointer;transition:all var(--tr);padding:10px}
.ped-mini-card:hover{border-color:var(--g300);box-shadow:0 5px 14px rgba(15,23,42,.08)}
.ped-mini-card.active{border-color:var(--teal);box-shadow:0 0 0 2px rgba(5,171,145,.15)}
.ped-mini-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}
.ped-mini-cli{font-size:.88rem;font-weight:700;color:var(--g900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ped-mini-meta{font-size:.72rem;color:var(--g500);display:flex;gap:8px;flex-wrap:wrap}
.ped-mini-sla{margin-top:6px;display:inline-flex;align-items:center;font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:999px}
.ped-mini-sla.ok{background:#e6fcf5;color:#087f5b}
.ped-mini-sla.warn{background:#fff9db;color:#8f6400}
.ped-mini-sla.danger{background:#fff5f5;color:#c92a2a}
.ped-mini-total{font-size:.98rem;font-weight:800;color:var(--navy);margin-top:7px}
.ped-detail{background:#fff;border:1px solid var(--g200);border-radius:12px;overflow:hidden}
.ped-detail-head{padding:12px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between;gap:8px}
.ped-detail-head-right{display:flex;align-items:center;gap:8px}
.ped-detail-title{display:flex;flex-direction:column;gap:4px}
.ped-detail-title .name{font-size:1rem;font-weight:800;color:var(--navy)}
.ped-detail-title .sub{font-size:.76rem;color:var(--g500)}
.ped-detail-close{width:30px;height:30px;border:1px solid var(--g200);border-radius:8px;background:#fff;color:var(--g600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tr)}
.ped-detail-close:hover{background:var(--g50);color:var(--navy)}
.ped-detail-close .icon{font-size:18px}
.ped-detail-body{padding:12px;display:flex;flex-direction:column;gap:10px}
.ped-detail-blk{border:1px solid var(--g100);border-radius:10px;padding:10px;background:#fff}
.ped-detail-blk .hd{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--g500);margin-bottom:7px}
.ped-dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.ped-dl .k{font-size:.72rem;color:var(--g500)}
.ped-dl .v{font-size:.82rem;font-weight:600;color:var(--g900);word-break:break-word}
.ped-items-table{width:100%;border-collapse:collapse;font-size:.8rem}
.ped-items-table th{text-align:left;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--g500);padding:5px 6px;border-bottom:1px solid var(--g200)}
.ped-items-table td{padding:7px 6px;border-bottom:1px solid var(--g100);vertical-align:top}
.ped-items-table tr:last-child td{border-bottom:none}
.ped-items-table .nm{font-weight:700;color:var(--g900)}
.ped-items-table .obs{font-size:.7rem;color:var(--g500);margin-top:2px}
.ped-totals{display:flex;flex-direction:column;gap:5px}
.ped-totals .r{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}
.ped-totals .r.tt{font-size:.9rem;font-weight:800;color:var(--navy);padding-top:4px;border-top:1px dashed var(--g200)}
.pc-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pc-row-actions select{min-width:140px}
.ped-empty-detail{padding:24px 16px;text-align:center;color:var(--g500);font-size:.82rem}
.ped-stepper{display:flex;gap:6px;flex-wrap:wrap}
.ped-stepper .btn{padding:6px 10px;font-size:.75rem}
.ff-check{display:flex;align-items:center;gap:8px;background:var(--g50);border:1px solid var(--g200);border-radius:10px;padding:10px 12px}
.ff-check input{width:17px;height:17px}
.ff-check label{font-size:.78rem;font-weight:700;color:var(--g700);margin:0;text-transform:none;letter-spacing:0}
.pimg-preview{width:100%;height:130px;border-radius:10px;border:1px dashed var(--g300);background:var(--g50);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pimg-preview img{width:100%;height:100%;object-fit:cover}
.pimg-preview .icon{font-size:30px;color:var(--g500)}

/* RELATORIO */
.rel-period{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:18px;background:var(--white);border-radius:var(--rl);padding:14px 16px;box-shadow:var(--sh)}
.rel-period label{font-size:.75rem;font-weight:600;color:var(--g600);margin-right:4px}
.rel-period input[type=date]{border:1.5px solid var(--g200);border-radius:var(--r);padding:6px 10px;font-size:.84rem;font-family:inherit;background:var(--white)}
.rel-period input[type=date]:focus{border-color:var(--teal)}
.quick-period{display:flex;gap:5px;flex-wrap:wrap}
.qp-btn{padding:5px 12px;border-radius:99px;font-size:.76rem;font-weight:600;border:1.5px solid var(--g200);background:var(--white);cursor:pointer;transition:all var(--tr);color:var(--g600)}
.qp-btn.active,.qp-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.vendas-filtros{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px;flex-wrap:wrap}
.vendas-filtros .period-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.vendas-quick-period{display:flex;gap:5px;flex-wrap:wrap}
.vqp-btn{padding:5px 12px;border-radius:99px;font-size:.76rem;font-weight:600;border:1.5px solid var(--g200);background:var(--white);cursor:pointer;transition:all var(--tr);color:var(--g600)}
.vqp-btn.active,.vqp-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.rel-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.rel-actions .actions{display:flex;gap:8px;flex-wrap:wrap}
.rel-actions .meta{font-size:.76rem;color:var(--g600)}

/* CONFIG TABS */
.cfg-tabs{display:flex;gap:0;border-bottom:2px solid var(--g200);margin-bottom:22px}
.cfg-tab{padding:10px 18px;font-size:.84rem;font-weight:600;color:var(--g600);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--tr)}
.cfg-tab.active{color:var(--teal);border-bottom-color:var(--teal)}
.cfg-panel{display:none}.cfg-panel.active{display:block}
.cfg-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.cfg-item{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);padding:11px 15px;display:flex;align-items:center;gap:10px}
.cfg-item-name{flex:1;font-size:.875rem;font-weight:600}
.cfg-print-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.cfg-print-card{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);padding:16px}
.cfg-print-card h3{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:10px}
.cfg-print-help{font-size:.76rem;color:var(--g600);line-height:1.45;margin-bottom:12px}
.cfg-print-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cfg-print-grid .full{grid-column:1 / -1}
.cfg-print-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cfg-print-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--g600);margin-bottom:10px}
.cfg-print-dot{width:9px;height:9px;border-radius:50%;background:var(--danger)}
.cfg-print-log{background:#0f1d2e;color:#d5e4ff;border-radius:10px;padding:12px;height:220px;overflow:auto;font-family:Consolas,monospace;font-size:.73rem;line-height:1.45;white-space:pre-wrap}
.cfg-print-log .err{color:#ff9999}
.cfg-wa-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.cfg-wa-card{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);padding:16px}
.cfg-wa-card h3{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:10px}
.cfg-wa-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--g700);margin:8px 0 10px}
.cfg-wa-dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}
.cfg-wa-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cfg-wa-qr{margin-top:10px;display:flex;justify-content:center;align-items:center;min-height:220px;background:var(--g50);border:1px dashed var(--g300);border-radius:12px;padding:10px}
.cfg-wa-qr img{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px}
.cfg-wa-log{margin-top:10px;background:#0f1d2e;color:#d5e4ff;border-radius:10px;padding:12px;height:160px;overflow:auto;font-family:Consolas,monospace;font-size:.73rem;line-height:1.45;white-space:pre-wrap}
.cfg-wa-log .err{color:#ff9999}
.cfg-wa-hint{font-size:.76rem;color:var(--g600);line-height:1.45}
.cfg-empresa-preview{margin-top:12px;background:var(--g50);border:1px solid var(--g200);border-radius:10px;padding:12px}
.cfg-empresa-preview img{max-width:120px;max-height:56px;object-fit:contain;display:block;margin:0 auto 8px}
.cfg-empresa-preview .nm{font-size:.95rem;font-weight:700;color:var(--navy);text-align:center}
.cfg-empresa-preview .meta{font-size:.78rem;color:var(--g600);text-align:center;line-height:1.5}
.cfg-link-box{margin-top:10px;background:var(--g50);border:1px dashed var(--g300);border-radius:10px;padding:10px}
.cfg-link-url{font-family:Consolas,monospace;font-size:.8rem;color:var(--navy);word-break:break-all}
.cfg-id-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.cfg-id-form{min-width:0}
.cfg-id-preview{min-width:0}
.cfg-hero-card{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#3D1F0A 0%,#6B3A1F 55%,#C85C2A 100%);padding:22px 20px;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.18);border:2px solid #ED7E2A}
.cfg-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.35;z-index:0}
.cfg-hero-card::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='20' fill='none' stroke='rgba(255,255,255,.06)' stroke-width='1'/%3E%3C/svg%3E") repeat;z-index:1;pointer-events:none}
.cfg-hero-edit{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);border:none;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}
.cfg-hero-edit .icon{font-size:18px}
.cfg-hero-row{position:relative;z-index:2;display:flex;align-items:center;gap:14px}
.cfg-hero-logo{width:72px;height:72px;border-radius:14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;flex-shrink:0}
.cfg-hero-logo img{width:100%;height:100%;object-fit:cover}
.cfg-hero-logo .icon{font-size:28px;color:rgba(255,255,255,.7)}
.cfg-hero-text{flex:1;min-width:0}
.cfg-hero-name{font-family:Outfit,sans-serif;font-weight:800;font-size:1.5rem;line-height:1.1;color:#fff}
.cfg-hero-sub{font-family:Nunito,sans-serif;font-size:.85rem;color:rgba(255,255,255,.7);margin-top:3px}
.cfg-hero-pill{background:#10b981;color:#fff;font-size:.78rem;font-weight:800;padding:6px 14px;border-radius:99px;flex-shrink:0}
.cfg-hero-pill.paused{background:#f59e0b}
.cfg-hero-pill.closed{background:#dc2626}
.cfg-hero-info{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.cfg-hero-pill-info{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.25);color:#fff;font-size:.78rem;font-weight:600;padding:7px 14px;border-radius:99px}
.cfg-hero-pill-info .icon{font-size:16px}
.cfg-card-uploads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.cfg-up-box{border:1px dashed var(--g300);border-radius:10px;padding:12px;background:var(--g50)}
.cfg-up-label{font-size:.78rem;font-weight:700;color:var(--g700,var(--navy));margin-bottom:6px}
.cfg-up-help{font-size:.7rem;color:var(--g500);margin-top:6px;line-height:1.4}
.cfg-loja-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:.85rem;font-weight:600;margin-bottom:12px}
.cfg-loja-status.open{background:#e6fcf5;color:#0f766e;border:1px solid #99e9d2}
.cfg-loja-status.closed{background:#fff5f5;color:#c92a2a;border:1px solid #ffc9c9}
.cfg-loja-status.paused{background:#fff8e1;color:#a46a00;border:1px solid #ffe4a3}
@media (max-width:980px){
  .cfg-id-grid{grid-template-columns:1fr}
}
.cfg-fechar-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;background:var(--g50);border-radius:10px;margin-bottom:12px}
.cfg-fechar-lbl{font-size:.78rem;font-weight:700;color:var(--g700,var(--navy))}
.cfg-fechar-btns{display:flex;gap:6px;flex-wrap:wrap}
.cfg-horarios{display:flex;flex-direction:column;gap:6px}
.cfg-hor-row{display:grid;grid-template-columns:110px 110px 1fr auto 1fr;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--g200);border-radius:8px;background:#fff}
.cfg-hor-day{font-size:.85rem;font-weight:700;color:var(--navy)}
.cfg-hor-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--g600);cursor:pointer}
.cfg-hor-row input[type=time]{padding:6px 8px;border:1px solid var(--g200);border-radius:6px;font-size:.85rem}
.cfg-hor-sep{font-size:.78rem;color:var(--g500);text-align:center}
@media (max-width:640px){
  .cfg-card-uploads{grid-template-columns:1fr}
  .cfg-hor-row{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .cfg-hor-row .cfg-hor-day{grid-column:1/-1}
  .cfg-hor-row .cfg-hor-sep{display:none}
}
.cfg-link-meta{font-size:.75rem;color:var(--g600);margin-top:6px}
.cfg-subtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.cfg-subtab{
  border:1px solid var(--g200);
  background:#fff;
  color:var(--g700);
  border-radius:10px;
  padding:8px 12px;
  font-size:.78rem;
  font-weight:700;
  cursor:pointer;
  transition:all .16s ease;
}
.cfg-subtab:hover{border-color:var(--teal);color:var(--teal)}
.cfg-subtab.active{background:var(--teal);border-color:var(--teal);color:#fff}
.cfg-cardapio-pane{display:none}
.cfg-cardapio-pane.active{display:block}

/* MOBILE */
.mob-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:4px;align-items:center;justify-content:center}
@media(max-width:768px){
  .app-layout{padding:0;gap:0}
  #sidebar{
    position:fixed;left:10px;top:10px;height:calc(100vh - 20px);z-index:50;
    transform:translateX(-112%);
    transition:transform var(--tr),width var(--tr),min-width var(--tr),padding var(--tr);
  }
  #sidebar.mob-open{transform:translateX(0);width:var(--sw)!important;min-width:var(--sw)!important}
  .sb-toggle{display:none}.mob-menu-btn{display:flex}
  .top-bar{padding:0 16px}.content-area{padding:14px}
  .kpi-grid{grid-template-columns:1fr 1fr}.charts-row,.bottom-row{grid-template-columns:1fr}
  .prod-grid{grid-template-columns:1fr}
  .pedidos-card-kpis{grid-template-columns:1fr 1fr}
  .desp-period{padding:10px}
  .desp-item{grid-template-columns:34px 1fr;gap:10px}
  .desp-col,.desp-valor,.desp-actions{grid-column:2}
  .desp-valor{text-align:left}
  .desp-actions{justify-content:flex-start;flex-wrap:wrap}
  #mobOverlay{display:none;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.4)}
  #mobOverlay.open{display:block}
}
@media(min-width:769px){.mob-menu-btn{display:none!important}#mobOverlay{display:none!important}}
@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-row,.bottom-row{grid-template-columns:1fr}.pedidos-card-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.cfg-print-wrap,.cfg-wa-wrap{grid-template-columns:1fr}.caixa-kpis{grid-template-columns:1fr}}
@media(max-width:1200px){.pedidos-board{grid-template-columns:1fr}.pedidos-cols{grid-template-columns:repeat(2,minmax(210px,1fr))}}
@media(max-width:1200px){.desp-item{grid-template-columns:36px minmax(220px,1.2fr) 110px 110px 120px 105px auto}}
@media(max-width:760px){.pedidos-cols{grid-template-columns:1fr}.ped-col-list{align-items:stretch}.ped-mini-card{width:100%}.ped-dl{grid-template-columns:1fr}.ped-f-input input{min-width:150px}.ped-hist-row input,.ped-hist-row select{min-width:130px;flex:1 1 130px}}

/* ══ PDV ══════════════════════════════════════════════════════ */
#pdvOverlay{display:none;position:fixed;inset:0;z-index:2000;background:#0f1f33;flex-direction:column;font-family:'Poppins',sans-serif}
#pdvOverlay.open{display:flex}

/* PDV Header */
.pdv-hdr{background:#0a1829;border-bottom:1px solid rgba(5,171,145,.25);padding:0 20px;height:52px;display:flex;align-items:center;gap:12px;flex-shrink:0}
.pdv-brand{display:flex;align-items:center;gap:8px;margin-right:8px;flex-shrink:0}
.pdv-brand-logo{display:block;height:22px;width:auto;max-width:180px}
.pdv-brand-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:6px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.pdv-fkey{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--tr);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}
.pdv-fkey:hover{background:rgba(5,171,145,.2);border-color:var(--teal);color:#fff}
.pdv-fkey .fk{font-size:.68rem;font-weight:700;color:var(--teal);background:rgba(5,171,145,.15);padding:1px 5px;border-radius:3px;margin-right:2px}
.pdv-fkey.danger:hover{background:rgba(232,68,90,.2);border-color:var(--rose);color:#fff}
.pdv-fkey.danger .fk{color:var(--rose);background:rgba(232,68,90,.15)}
.pdv-fkey.success{background:rgba(5,171,145,.18);border-color:var(--teal);color:#fff}
.pdv-sep{flex:1}
.pdv-exit{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);transition:all var(--tr)}
.pdv-exit:hover{background:rgba(232,68,90,.2);border-color:var(--rose);color:#fff}

/* PDV Body */
.pdv-body{flex:1;display:grid;grid-template-columns:1fr 340px;overflow:hidden}

/* PDV Entry */
.pdv-entry{display:flex;flex-direction:column;padding:14px 16px;gap:10px;overflow-y:auto}
.pdv-search-row{display:flex;gap:8px}
.pdv-search-wrap{position:relative;flex:1}
.pdv-search-wrap .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.35);font-size:18px}
.pdv-input{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px 9px 38px;font-size:.95rem;color:#fff;font-family:'Poppins',sans-serif;width:100%;transition:border-color var(--tr)}
.pdv-input::placeholder{color:rgba(255,255,255,.3)}
.pdv-input:focus{border-color:var(--teal);background:rgba(5,171,145,.06);outline:none}
.pdv-input-sm{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;font-size:.92rem;color:#fff;font-family:'Poppins',sans-serif;transition:border-color var(--tr)}
.pdv-input-sm:focus{border-color:var(--teal);outline:none}
.pdv-num-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:8px;align-items:end}
.pdv-lbl{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.pdv-total-display{background:rgba(5,171,145,.1);border:1px solid rgba(5,171,145,.25);border-radius:8px;padding:9px 14px;color:var(--teal);font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:700;text-align:right}
.pdv-obs-row{display:flex;gap:8px}
.pdv-btn-inc{flex-shrink:0;padding:9px 22px;border-radius:8px;background:var(--teal);color:#fff;font-family:'Poppins',sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:background var(--tr);border:none;display:flex;align-items:center;gap:6px}
.pdv-btn-inc:hover{background:var(--teal2)}
.pdv-btn-inc .icon{font-size:18px}
.pdv-autocomplete{background:#1a2d3e;border:1px solid rgba(5,171,145,.3);border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;max-height:200px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.pdv-autocomplete .item{padding:9px 13px;cursor:pointer;font-size:.86rem;color:rgba(255,255,255,.8);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}
.pdv-autocomplete .item:last-child{border-bottom:none}
.pdv-autocomplete .item:hover{background:rgba(5,171,145,.15);color:#fff}
.pdv-autocomplete .item.active{background:rgba(5,171,145,.2);color:#fff}
.pdv-autocomplete .item-price{font-weight:700;color:var(--teal)}

/* PDV Items table */
.pdv-items-wrap{flex:1;overflow-y:auto}
.pdv-items-table{width:100%;border-collapse:collapse;font-size:.82rem}
.pdv-items-table thead th{position:sticky;top:0;background:#152235;padding:8px 10px;text-align:left;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.08)}
.pdv-items-table tbody td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.82);vertical-align:middle}
.pdv-items-table tbody tr:hover td{background:rgba(255,255,255,.03)}
.pdv-items-table .prod-name{font-weight:600;color:#fff}
.pdv-items-table .item-total{font-weight:700;color:var(--teal);text-align:right}
.pdv-rm-btn{background:none;border:none;color:rgba(232,68,90,.5);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;transition:color var(--tr)}
.pdv-rm-btn:hover{color:var(--rose)}

/* PDV Sidebar (right) */
.pdv-sidebar{background:#0a1829;border-left:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column}
.pdv-summary{padding:16px;flex:1;overflow-y:auto}
.pdv-sum-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.83rem;color:rgba(255,255,255,.5)}
.pdv-sum-row .val{color:rgba(255,255,255,.82);font-weight:600}
.pdv-sum-row.total{border-top:1px solid rgba(5,171,145,.3);padding-top:12px;margin-top:4px;border-bottom:none}
.pdv-sum-row.total .lbl{font-size:1rem;font-weight:700;color:#fff}
.pdv-sum-row.total .val{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:var(--teal)}
.pdv-sum-row.desconto .val{color:var(--rose)}
.pdv-pay-btn{margin:0 14px 14px;padding:14px;border-radius:10px;background:var(--teal);color:#fff;font-family:'Poppins',sans-serif;font-size:1rem;font-weight:700;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--tr)}
.pdv-pay-btn:hover{background:var(--teal2)}
.pdv-pay-btn .fk2{font-size:.7rem;background:rgba(255,255,255,.2);padding:2px 6px;border-radius:4px}
.pdv-empty-items{text-align:center;padding:40px 20px;color:rgba(255,255,255,.2)}
.pdv-empty-items .icon{font-size:40px;display:block;margin-bottom:8px}

/* PDV Modal backdrop */
.pdv-modal{display:none;position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.7);align-items:center;justify-content:center;padding:20px}
.pdv-modal.open{display:flex}
.pdv-modal-box{background:#1a2d3e;border:1px solid rgba(5,171,145,.2);border-radius:14px;width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:mIn .2s ease}
.pdv-modal-hdr{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}
.pdv-modal-hdr h3{font-size:1rem;font-weight:700;color:#fff}
.pdv-modal-body{padding:18px 20px;overflow-y:auto;flex:1}
.pdv-modal-foot{padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px;justify-content:flex-end}
.pdv-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.pdv-field label{font-size:.7rem;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em}
.pdv-select{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;font-size:.9rem;color:#fff;font-family:'Poppins',sans-serif;width:100%;cursor:pointer}
.pdv-select:focus{border-color:var(--teal);outline:none}
.pdv-select option{background:#ffffff;color:#0f1f33}
.pdv-pgto-item{display:flex;align-items:center;justify-content:space-between;background:rgba(5,171,145,.08);border:1px solid rgba(5,171,145,.2);border-radius:7px;padding:9px 12px;margin-bottom:7px;font-size:.88rem;color:#fff}
.pdv-pgto-item .pgto-val{font-weight:700;color:var(--teal)}
.pdv-troco{background:rgba(232,68,90,.12);border:1px solid rgba(232,68,90,.3);border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.pdv-troco .t-lbl{font-size:.82rem;color:rgba(255,255,255,.5)}
.pdv-troco .t-val{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:700;color:var(--rose)}
.pdv-pago-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}
.pdv-pago-bar .pl{font-size:.82rem;color:rgba(255,255,255,.45)}
.pdv-pago-bar .pv{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:700;color:#fff}
.pdv-btn-dark{padding:10px 18px;border-radius:8px;font-family:'Poppins',sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);transition:all var(--tr);display:flex;align-items:center;gap:6px}
.pdv-btn-dark:hover{background:rgba(255,255,255,.12);color:#fff}
.pdv-btn-green{padding:10px 22px;border-radius:8px;font-family:'Poppins',sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;border:none;background:var(--teal);color:#fff;transition:background var(--tr);display:flex;align-items:center;gap:6px}
.pdv-btn-green:hover{background:var(--teal2)}
.pdv-btn-red{padding:10px 18px;border-radius:8px;font-family:'Poppins',sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;border:1.5px solid rgba(232,68,90,.35);background:rgba(232,68,90,.1);color:var(--rose);transition:all var(--tr);display:flex;align-items:center;gap:6px}
.pdv-btn-red:hover{background:var(--rose);color:#fff;border-color:var(--rose)}
/* Pedido status badge */
.pedido-badge{display:inline-flex;align-items:center;gap:4px;font-size:.73rem;font-weight:700;padding:3px 9px;border-radius:99px}
.pb-aberto{background:rgba(245,158,11,.15);color:#d97706}
.pb-cancelado{background:rgba(232,68,90,.15);color:var(--rose)}
.pb-finalizado{background:rgba(5,171,145,.15);color:var(--teal)}


/* ═══════════════════════════════════════════════════════════════════════
   MOBILE — PDV E AJUSTES GERAIS
   Estrategia: PDV foi feito desktop-first, com sidebar lateral de 340px e
   tabela posicional. Em mobile o operador precisa: (a) ver os campos sem
   zoom; (b) achar Total e PAGAMENTO sempre na mao; (c) lista de itens
   legivel. Convertemos:
     - body 2-col → stack vertical
     - sidebar lateral → bottom bar fixa (apenas Total + PAGAMENTO)
     - tabela de itens → cards (via display:block + thead hidden)
     - inputs com font 16px (impede zoom iOS) e min-height 44px (touch HIG)
     - header PDV: F-keys com badge "Fx" escondida (sem teclado);
       atalhos menos uteis somem em telas muito pequenas
   ═══════════════════════════════════════════════════════════════════════ */

@media (max-width:768px){
  /* ── PDV header ───────────────────────────────────────────────────── */
  .pdv-hdr{padding:0 10px;height:48px;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  .pdv-brand{margin-right:4px}
  .pdv-brand-logo{height:18px;max-width:110px}
  .pdv-brand-tag{font-size:.58rem;padding:1px 5px}
  .pdv-fkey{padding:7px 10px;font-size:.78rem;min-height:36px;flex-shrink:0}
  .pdv-fkey .fk{display:none}  /* sem teclado fisico em mobile */
  .pdv-sep{flex:0 0 4px}        /* nao empurra os botoes pra fora */
  .pdv-exit{padding:7px 10px;font-size:.74rem;min-height:36px;flex-shrink:0}
  .pdv-exit span.icon{font-size:16px!important}

  /* ── PDV body: stack vertical ─────────────────────────────────────── */
  .pdv-body{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .pdv-entry{padding:10px 12px;gap:10px;padding-bottom:92px}  /* espaco da bottom bar */

  /* ── Inputs touch-friendly (16px evita zoom no iOS) ───────────────── */
  .pdv-input{font-size:16px;padding:12px 12px 12px 40px;min-height:48px}
  .pdv-input-sm{font-size:16px;padding:12px;min-height:48px}
  .pdv-search-wrap .icon{font-size:20px;left:12px}

  /* ── Layout Qtd/Preço/Total: 2 cols em cima, Total em baixo full ──── */
  .pdv-num-row{grid-template-columns:1fr 1fr;gap:8px}
  .pdv-num-row>div:nth-child(3){grid-column:1 / -1}
  .pdv-total-display{font-size:1.1rem;padding:13px 14px;text-align:right;min-height:48px;display:flex;align-items:center;justify-content:flex-end}

  /* ── Obs + Incluir em coluna; botao Incluir full-width ────────────── */
  .pdv-obs-row{flex-direction:column;gap:8px;align-items:stretch}
  .pdv-obs-row>div:last-child{align-self:stretch!important}
  .pdv-btn-inc{width:100%;justify-content:center;padding:14px 16px;font-size:.95rem;min-height:48px}

  /* ── Lista de itens: <table> renderizada como cards verticais ──────
     Cada <tr> vira um card. As 6 colunas (indice, nome, qty, preco unit,
     total, remover) sao reposicionadas via display + position:absolute.
     Layout final:
       ┌──────────────────────────────────────┐
       │ Nome do produto         R$ 27,00  × │  ← topo (3 elementos)
       │ 1 × R$ 27,00                         │  ← subtitulo
       └──────────────────────────────────────┘
  */
  .pdv-items-wrap{padding:6px}
  /* Reset estrutural da tabela — todos os elementos viram block neutro */
  .pdv-items-table,
  .pdv-items-table thead,
  .pdv-items-table tbody,
  .pdv-items-table tr{display:block;width:100%}
  .pdv-items-table thead{display:none}
  /* td default: inline com width AUTO (NAO 100%) pra qty + preco caberem na mesma linha */
  .pdv-items-table tbody td{
    display:inline;
    width:auto;
    padding:0!important;
    border:none!important;
    color:rgba(255,255,255,.7);
    font-size:.82rem;
    line-height:1.4;
    vertical-align:baseline;
  }
  .pdv-items-table tbody tr{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    margin-bottom:8px;
    padding:12px 48px 12px 14px;  /* direita maior pro botao remover */
    position:relative;
  }
  /* #1 (indice) — info redundante em mobile, some */
  .pdv-items-table tbody td:nth-child(1){display:none}
  /* #2 (nome do produto) — ocupa linha inteira no topo */
  .pdv-items-table tbody td:nth-child(2){
    display:block;
    font-size:.95rem;
    margin-bottom:4px;
    padding-right:90px!important;  /* reserva espaco pro total no canto */
  }
  .pdv-items-table tbody .prod-name{font-weight:700;color:#fff}
  /* #3 (qty) + separador " × " + #4 (preco unit) — subtitulo na mesma linha */
  .pdv-items-table tbody td:nth-child(3),
  .pdv-items-table tbody td:nth-child(4){
    display:inline;
    color:rgba(255,255,255,.55);
    font-size:.82rem;
  }
  .pdv-items-table tbody td:nth-child(3)::after{
    content:' × ';
    color:rgba(255,255,255,.35);
    margin:0 3px;
  }
  /* #5 (total) — posicionado no canto superior direito, alinhado ao nome */
  .pdv-items-table tbody td.item-total{
    position:absolute;
    top:12px;
    right:48px;
    font-size:1rem;
    font-weight:700;
    color:var(--teal);
    line-height:1.4;
  }
  /* #6 (remover) — botao circular pequeno no canto direito */
  .pdv-items-table tbody td:nth-child(6){
    position:absolute;
    top:8px;
    right:8px;
    display:block;
  }
  .pdv-rm-btn{
    padding:0!important;
    min-width:32px;
    min-height:32px;
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(232,68,90,.1);
  }
  .pdv-rm-btn .icon{font-size:16px}

  /* ── Sidebar → bottom bar fixa ────────────────────────────────────── */
  .pdv-sidebar{
    position:fixed;
    bottom:0;left:0;right:0;
    height:76px;
    flex-direction:row;
    border-left:none;
    border-top:2px solid rgba(5,171,145,.35);
    z-index:50;
    box-shadow:0 -4px 16px rgba(0,0,0,.4);
  }
  .pdv-summary{
    flex:1;
    padding:8px 14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
  }
  /* So o total importa na bar — esconde resto (subtotal, desconto, atalhos) */
  .pdv-summary>*{display:none!important}
  .pdv-summary .pdv-sum-row.total{
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    padding:0;
    margin:0;
    border:none;
    gap:0;
  }
  .pdv-sum-row.total .lbl{font-size:.65rem;color:rgba(255,255,255,.5);font-weight:600;letter-spacing:.05em}
  .pdv-sum-row.total .val{font-size:1.4rem;color:var(--teal);font-weight:800;line-height:1.1}
  .pdv-pay-btn{
    /* zera margin que vinha do desktop (14px lateral fazia o botao ficar
       menor que o espaco alocado pelo flex, deslocando o conteudo) */
    margin:0!important;
    flex:0 0 52%;
    width:52%;
    height:76px;
    min-height:76px;
    border-radius:0;
    padding:0 12px;
    font-size:.95rem;
    /* Conteudo (icone + texto) centralizado dentro do botao */
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-sizing:border-box;
  }
  .pdv-pay-btn .fk2{display:none}  /* esconde a badge "F6" */

  /* ── Modais PDV em tela cheia em mobile ───────────────────────────── */
  /* Estrategia: a box ocupa a tela inteira como flex column. Body scrolla
     internamente; header e footer ficam fixos. Sem isso, o body empurra o
     footer pra fora da viewport e o botao principal nao fica clicavel.

     CRITICO: usar `dvh` (dynamic viewport height) em vez de `vh`. iOS Safari
     conta a barra de URL dentro de `100vh`, entao o footer cai atras dela.
     `100dvh` se ajusta dinamicamente quando a barra mostra/some. iOS 15.4+
     e Android Chrome moderno suportam. Fallback pra `vh` em browsers velhos. */
  .pdv-modal{padding:0;align-items:flex-start;height:100vh;height:100dvh}
  .pdv-modal-box{
    max-width:100%!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    width:100%;
    border-radius:0!important;
    margin:0;
    height:100vh;
    height:100dvh;
    overflow:hidden;            /* a box nao scrolla — o body interno sim */
    display:flex;
    flex-direction:column;
  }
  .pdv-modal-hdr{
    flex:0 0 auto;
    padding:14px 16px;
    /* Respeita o safe area top do iPhone com notch */
    padding-top:max(14px, env(safe-area-inset-top));
  }
  .pdv-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .pdv-modal-foot{
    flex:0 0 auto;
    padding:12px 16px;
    /* Safe area bottom: respeita o home indicator do iPhone X+ */
    padding-bottom:max(12px, env(safe-area-inset-bottom));
    gap:10px;
    background:#1a2d3e;     /* solido — visualmente separa do body */
    border-top:1px solid rgba(255,255,255,.08);
  }
  .pdv-modal-foot .pdv-btn-dark,
  .pdv-modal-foot .pdv-btn-green{
    min-height:50px;
    padding:13px 16px;
    font-size:.95rem;
    flex:1;          /* divide o footer em partes iguais — facil pra polegar */
    justify-content:center;
    /* permite quebrar texto longo sem cortar */
    white-space:normal;
    line-height:1.15;
    text-align:center;
  }
  /* Botao verde (acao primaria) ganha um pouco mais de peso visual */
  .pdv-modal-foot .pdv-btn-green{flex:1.3}

  /* ── Modal Pagamento: stack vertical pra nao espremer ─────────────── */
  #pgResumoBar{flex-direction:column;align-items:stretch!important;gap:10px}
  #pgResumoBar .pg-desc-btn{width:100%;justify-content:center;padding:11px 14px;min-height:44px}
  #pgFormaRow{gap:8px}
  /* Select e input ocupam linha cheia em mobile; botao Adicionar full-width abaixo */
  #pgFormaRow>div:first-child{flex:1 1 100%;width:100%}
  #pgFormaRow .pg-valor-wrap{flex:1 1 100%;width:100%}
  #pgFormaRow .pg-add-wrap{flex:1 1 100%;width:100%}
  #pgFormaRow .pg-add-btn{width:100%;justify-content:center;min-height:48px;padding:13px 16px}
  /* Select e input dentro do form de pagamento: touch-friendly */
  #pgFormaRow .pdv-select,
  #pgFormaRow .pdv-input-sm{font-size:16px;min-height:46px;padding:11px 12px}

  /* ── Botoes/inputs gerais do app (fora do PDV) tambem ──────────────── */
  .btn{min-height:42px;padding:9px 14px;font-size:.88rem}
  .btn-sm{min-height:36px;padding:7px 12px;font-size:.8rem}
  input[type=text],input[type=number],input[type=email],input[type=tel],input[type=password],textarea,select{
    font-size:16px;  /* evita zoom iOS em qualquer input */
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   PDV-VOZ — FAB do microfone + modal de review da transcrição.
   FAB só aparece em mobile (<=768px). Em desktop fica escondido — o
   operador usa F-keys e teclado.
   ═══════════════════════════════════════════════════════════════════════ */

.pdv-voz-fab{
  display:none;  /* default oculto; @media abre */
  position:fixed;
  bottom:96px;   /* acima da bottom bar do PDV (76px + folga) */
  right:18px;
  z-index:60;
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(135deg,#0ea5a3,#05ab91);
  border:none;color:#fff;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;
  box-shadow:0 8px 22px rgba(5,171,145,.4), 0 0 0 0 rgba(5,171,145,.55);
  transition:transform .15s, box-shadow .25s;
}
.pdv-voz-fab:hover{transform:scale(1.05)}
.pdv-voz-fab:active{transform:scale(.95)}
.pdv-voz-fab .icon{font-size:26px}

/* Timer FLUTUANTE — fica a esquerda do FAB, fora do alcance do dedo,
   pra o operador ver os segundos de gravacao mesmo segurando o botao. */
.pdv-voz-timer{
  position:fixed;
  bottom:108px;                  /* mesma altura central do FAB (96+12) */
  right:90px;                    /* a esquerda do FAB (18 + 60 + 12) */
  display:none;
  align-items:center;
  gap:8px;
  background:#0a1829;
  border:1px solid rgba(232,68,90,.4);
  border-radius:99px;
  padding:8px 14px;
  font:700 .92rem/1 'Poppins',sans-serif;
  color:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  z-index:61;
  pointer-events:none;
  animation:pdvVozHintIn .2s ease;
}
.pdv-voz-timer.show{display:flex}
.pdv-voz-timer-dot{
  width:9px;height:9px;border-radius:50%;
  background:#e8445a;
  animation:pdvVozBlink 1s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes pdvVozBlink{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.3;transform:scale(.85)}
}
.pdv-voz-timer-val{font-variant-numeric:tabular-nums}

.pdv-voz-fab.recording{
  background:linear-gradient(135deg,#e8445a,#c9243a);
  animation:pdvVozPulse 1.4s ease-in-out infinite;
  /* Desativa scroll/zoom/select durante o gesture pra que o pointermove
     funcione sem o browser interferir */
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
@keyframes pdvVozPulse{
  0%,100%{box-shadow:0 8px 22px rgba(232,68,90,.5), 0 0 0 0 rgba(232,68,90,.5)}
  50%{box-shadow:0 8px 22px rgba(232,68,90,.5), 0 0 0 12px rgba(232,68,90,0)}
}
/* Quando passou do threshold pra esquerda — visual de "vai cancelar" */
.pdv-voz-fab.recording.canceling{
  background:linear-gradient(135deg,#7a1424,#4a0810);
  animation:none;
  box-shadow:0 8px 22px rgba(0,0,0,.5);
}
/* O glyph (mic/delete) é trocado via JS — pdvVozPointerMove. */

.pdv-voz-fab.processing{
  background:linear-gradient(135deg,#f59e0b,#d97706);
  cursor:wait;
}
.pdv-voz-fab.processing .icon{animation:pdvVozSpin 1.2s linear infinite}
@keyframes pdvVozSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* Hint flutuante "Deslize para cancelar" — aparece acima do FAB durante gravacao */
.pdv-voz-hint{
  position:fixed;
  bottom:170px;          /* logo acima do FAB (96 + 60 + folga) */
  right:18px;
  background:#0a1829;
  color:#fff;
  padding:10px 16px;
  border-radius:99px;
  font-size:.85rem;
  font-weight:600;
  white-space:nowrap;
  box-shadow:0 6px 20px rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.08);
  display:none;
  align-items:center;
  gap:8px;
  z-index:61;
  pointer-events:none;   /* nao bloqueia o pointer de chegar no FAB */
  transition:background .2s, color .2s, transform .2s;
  animation:pdvVozHintIn .2s ease;
}
.pdv-voz-hint.show{display:flex}
.pdv-voz-hint.canceling{
  background:linear-gradient(90deg,#c9243a,#e8445a);
  color:#fff;
  transform:scale(1.05);
}
.pdv-voz-hint .icon{font-size:18px}
.pdv-voz-hint-text{display:inline-block}
@keyframes pdvVozHintIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Desativa text selection/touch callout no FAB. `touch-action:manipulation`
   permite tap/swipe normal mas desabilita o duplo-tap-zoom (que em Android
   Chrome interferia no long-press). Algumas versoes de Android Chrome
   ficavam mudas com `touch-action:none` — manipulation e o sweet spot. */
.pdv-voz-fab{
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
/* Feedback visual de "tap registrado" — borda pulsante quando :active.
   Confirma pro user que o botao registrou o press mesmo antes da gravacao
   comecar (durante o pedido de permissao do microfone). */
.pdv-voz-fab:active{
  outline:3px solid rgba(255,255,255,.6);
  outline-offset:2px;
}

/* Painel de debug — mostrado apenas quando ?debug=voz na URL. */
#pdvVozDebug{
  position:fixed;
  top:60px;left:8px;right:8px;
  background:rgba(0,0,0,.85);color:#0f0;
  font:11px/1.3 monospace;
  padding:6px 10px;border-radius:6px;
  z-index:10000;
  max-height:120px;overflow-y:auto;
  pointer-events:none;
  display:none;
}
#pdvVozDebug.show{display:block}

/* Conteúdo do modal de review */
.pdv-voz-transcricao{
  background:rgba(5,171,145,.08);
  border:1px solid rgba(5,171,145,.2);
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:14px;
}
.pdv-voz-quote{
  font-size:.95rem;color:#fff;font-style:italic;line-height:1.4;
}
.pdv-voz-lbl{
  font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;
  font-weight:700;color:rgba(255,255,255,.45);margin-bottom:6px;
}
.pdv-voz-section{margin-bottom:14px}
.pdv-voz-section-warn{
  background:rgba(245,158,11,.08);
  border:1px solid rgba(245,158,11,.25);
  border-radius:10px;
  padding:10px 12px;
}
.pdv-voz-items{display:flex;flex-direction:column;gap:6px}
.pdv-voz-item{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  padding:10px 12px;
  position:relative;
}
.pdv-voz-item-main{flex:1;min-width:0}
.pdv-voz-item-nome{
  font-size:.92rem;font-weight:700;color:#fff;
  display:flex;align-items:center;gap:6px;
}
.pdv-voz-tag-fuzzy{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:700;
  background:rgba(245,158,11,.2);color:#f59e0b;
  width:18px;height:18px;border-radius:50%;
}
.pdv-voz-item-meta{
  font-size:.78rem;color:rgba(255,255,255,.55);margin-top:2px;
}
.pdv-voz-item-total{
  font-size:1rem;font-weight:700;color:var(--teal);flex-shrink:0;
}
.pdv-voz-rm{
  background:none;border:none;color:rgba(232,68,90,.6);
  font-size:1.4rem;line-height:1;padding:4px 8px;cursor:pointer;
  border-radius:6px;
}
.pdv-voz-rm:hover{background:rgba(232,68,90,.1);color:var(--rose)}

.pdv-voz-naoenc{
  font-size:.85rem;color:rgba(255,255,255,.75);
  padding:4px 0;
}
.pdv-voz-formapg{
  display:flex;align-items:center;gap:8px;
  font-size:.95rem;color:#fff;font-weight:600;
  padding:8px 12px;background:rgba(5,171,145,.08);border-radius:8px;
}
.pdv-voz-formapg .icon{font-size:18px}
.pdv-voz-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 12px;margin-top:8px;
  background:rgba(5,171,145,.1);
  border:1px solid rgba(5,171,145,.3);
  border-radius:10px;
  font-size:.9rem;color:rgba(255,255,255,.7);
}
.pdv-voz-total-row strong{font-size:1.25rem;color:var(--teal)}

/* FAB só aparece em mobile */
@media (max-width:768px){
  .pdv-voz-fab{display:flex}
}

/* ── Tela muito estreita (mobile vertical) — reduz mais ainda ──────── */
@media (max-width:480px){
  /* Header PDV: esconde atalhos menos uteis em telas pequenas */
  .pdv-brand-tag{display:none}
  .pdv-fkey:not(.danger){display:none}  /* mantem so o Cancelar */
  .pdv-fkey.danger{padding:7px 14px}
  .pdv-exit:not(:last-child){display:none}  /* esconde F11 (fullscreen) */
  .pdv-exit:last-child{padding:7px 12px}

  /* Compacta a bottom bar */
  .pdv-sidebar{height:68px}
  .pdv-pay-btn{height:68px;min-height:68px;font-size:.9rem;flex:0 0 50%}
  .pdv-sum-row.total .val{font-size:1.25rem}
}