:root {
  color-scheme: light;
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-alt: #f8fafc;
  --surface-strong: #111827;
  --border: #dfe4ea;
  --border-strong: #c9d1dc;
  --text: #172033;
  --muted: #687386;
  --faint: #94a0b2;
  --primary: #6d35e8;
  --primary-hover: #5b28ce;
  --primary-soft: #f0eaff;
  --green: #0b9b68;
  --green-soft: #e7f8f1;
  --red: #d13c49;
  --red-soft: #fff0f1;
  --amber: #b86b08;
  --amber-soft: #fff5dd;
  --blue: #2475d0;
  --shadow: 0 12px 32px rgba(25, 36, 54, .08);
  --sidebar: 248px;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #10141b;
  --surface: #181e28;
  --surface-alt: #202733;
  --surface-strong: #0b0f15;
  --border: #303846;
  --border-strong: #465063;
  --text: #edf1f7;
  --muted: #a2adbc;
  --faint: #748095;
  --primary-soft: #2b2048;
  --green-soft: #123b31;
  --red-soft: #402027;
  --amber-soft: #3b2d16;
  --shadow: 0 14px 36px rgba(0, 0, 0, .22);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); }
body { min-width: 320px; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }

.eyebrow { color: var(--primary); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.login-view { min-height: 100vh; display: grid; grid-template-columns: minmax(380px, 1.15fr) minmax(420px, .85fr); background: var(--surface); }
.login-brand { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: clamp(48px, 7vw, 110px); color: #fff; background: #121823; }
.login-brand::after { content: ""; position: absolute; inset: auto 0 0; height: 34%; background: linear-gradient(90deg, rgba(109,53,232,.42), rgba(11,155,104,.2)); }
.login-brand > * { position: relative; z-index: 1; }
.login-brand img { width: 110px; height: 110px; object-fit: contain; margin-bottom: 38px; filter: drop-shadow(0 12px 28px rgba(0,0,0,.26)); }
.login-brand h1 { margin: 8px 0 12px; font-size: clamp(52px, 6vw, 84px); line-height: .95; letter-spacing: 0; }
.login-brand p { max-width: 520px; margin: 0; color: #bdc6d5; font-size: 18px; line-height: 1.6; }
.login-status { position: absolute; left: clamp(48px,7vw,110px); bottom: 34px; display: flex; align-items: center; gap: 9px; color: #cbd5e1; font-size: 13px; }
.status-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #18b77e; box-shadow: 0 0 0 4px rgba(24,183,126,.14); }
.login-panel { display: grid; place-items: center; padding: 36px; background: var(--surface); }
.login-form { width: min(100%, 430px); display: grid; gap: 22px; }
.login-form h2 { margin: 7px 0 8px; font-size: 30px; letter-spacing: 0; }
.login-form p { margin: 0; color: var(--muted); }
.login-form label, .field { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
input, select, textarea { width: 100%; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--text); outline: none; }
input, select { height: 42px; padding: 0 12px; }
textarea { min-height: 92px; padding: 11px 12px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(109,53,232,.12); }
.password-field { position: relative; }
.password-field input { padding-right: 44px; }
.password-field .icon-button { position: absolute; right: 4px; top: 4px; }
.form-error { padding: 10px 12px; border: 1px solid #f2b7bd; border-radius: 6px; background: var(--red-soft); color: var(--red) !important; font-size: 13px; }

.primary-button, .secondary-button, .danger-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 6px; border: 1px solid transparent; padding: 0 15px; font-weight: 750; color: #fff; }
.primary-button { background: var(--primary); }
.primary-button:hover { background: var(--primary-hover); }
.secondary-button { color: var(--text); background: var(--surface); border-color: var(--border-strong); }
.secondary-button:hover { background: var(--surface-alt); }
.danger-button { background: var(--red); }
.icon-button { width: 36px; height: 36px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 6px; color: var(--muted); background: transparent; }
.icon-button:hover { color: var(--text); background: var(--surface-alt); }
[data-icon] { width: 18px; height: 18px; display: inline-block; }
[data-icon] svg { width: 100%; height: 100%; display: block; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; width: var(--sidebar); display: flex; flex-direction: column; color: #dde5ef; background: #111721; border-right: 1px solid #28303d; }
.sidebar-brand { height: 72px; display: flex; align-items: center; gap: 11px; padding: 0 17px; border-bottom: 1px solid #28303d; }
.sidebar-brand img { width: 38px; height: 38px; object-fit: contain; }
.sidebar-brand div { display: grid; }
.sidebar-brand strong { font-size: 16px; }
.sidebar-brand span { color: #8793a6; font-size: 11px; }
.main-nav { flex: 1; overflow: auto; padding: 13px 10px; }
.nav-section { margin-bottom: 15px; }
.nav-label { display: block; padding: 6px 10px; color: #667287; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.nav-link { width: 100%; min-height: 38px; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 6px; padding: 8px 10px; color: #aeb9c9; background: transparent; text-align: left; font-size: 13px; font-weight: 650; }
.nav-link:hover { color: #fff; background: #1d2532; }
.nav-link.active { color: #fff; background: #6532d8; }
.nav-link [data-icon] { width: 17px; height: 17px; }
.sidebar-footer { display: grid; gap: 8px; padding: 13px 14px; border-top: 1px solid #28303d; color: #8793a6; font-size: 11px; }
.sidebar-footer a, .api-state { display: flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; }

.workspace { min-height: 100vh; margin-left: var(--sidebar); }
.topbar { position: sticky; top: 0; z-index: 30; height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; background: color-mix(in srgb, var(--surface) 92%, transparent); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); }
.topbar-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
.topbar h1 { margin: 0; font-size: 20px; letter-spacing: 0; }
.topbar p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.topbar-actions { display: flex; align-items: center; gap: 5px; }
.user-menu { position: relative; margin-left: 7px; }
.user-button { height: 46px; display: flex; align-items: center; gap: 9px; border: 0; border-left: 1px solid var(--border); padding: 0 0 0 14px; color: var(--text); background: transparent; }
.user-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0b9b68; font-size: 12px; font-weight: 800; }
.user-copy { display: grid; min-width: 120px; text-align: left; }
.user-copy strong { font-size: 12px; }
.user-copy small { color: var(--muted); font-size: 10px; }
.dropdown { position: absolute; top: 52px; right: 0; min-width: 160px; padding: 6px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); box-shadow: var(--shadow); }
.dropdown button { width: 100%; height: 36px; display: flex; align-items: center; gap: 9px; border: 0; border-radius: 5px; padding: 0 9px; color: var(--text); background: transparent; }
.dropdown button:hover { background: var(--surface-alt); }
.content { padding: 22px 24px 40px; }

.page-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.page-toolbar .actions { display: flex; gap: 8px; }
.search-box { position: relative; width: min(360px, 100%); }
.search-box [data-icon] { position: absolute; left: 11px; top: 11px; color: var(--faint); }
.search-box input { padding-left: 37px; }
.metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-bottom: 17px; }
.metric { min-height: 120px; padding: 17px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); box-shadow: 0 4px 14px rgba(25,36,54,.04); }
.metric-head { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.metric-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; color: var(--primary); background: var(--primary-soft); }
.metric-value { margin-top: 16px; font-size: 26px; font-weight: 800; }
.metric-foot { margin-top: 5px; color: var(--muted); font-size: 11px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr); gap: 14px; }
.dashboard-grid + .dashboard-grid { margin-top: 14px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.panel { border: 1px solid var(--border); border-radius: 7px; background: var(--surface); box-shadow: 0 4px 14px rgba(25,36,54,.04); overflow: hidden; }
.panel-header { min-height: 51px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 16px; border-bottom: 1px solid var(--border); }
.panel-header h2 { margin: 0; font-size: 14px; }
.panel-header span { color: var(--muted); font-size: 11px; }
.panel-body { padding: 15px 16px; }
.bar-chart { height: 250px; display: flex; align-items: flex-end; gap: 8px; padding-top: 22px; }
.bar-item { flex: 1; min-width: 0; display: grid; gap: 7px; align-items: end; height: 100%; }
.bar { min-height: 3px; border-radius: 3px 3px 0 0; background: #6d35e8; transition: height .3s; }
.bar-label { overflow: hidden; color: var(--muted); font-size: 9px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.rank-list, .activity-list { display: grid; gap: 3px; }
.rank-row, .activity-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border); }
.rank-row:last-child, .activity-row:last-child { border-bottom: 0; }
.rank-number { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 5px; color: var(--primary); background: var(--primary-soft); font-size: 11px; font-weight: 800; }
.row-main { min-width: 0; }
.row-main strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.row-main small { color: var(--muted); font-size: 10px; }
.row-value { font-size: 12px; font-weight: 800; white-space: nowrap; }

.data-panel { border: 1px solid var(--border); border-radius: 7px; background: var(--surface); overflow: hidden; }
.data-table-wrap { overflow: auto; }
.data-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.data-table th { position: sticky; top: 0; z-index: 1; padding: 11px 13px; color: var(--muted); background: var(--surface-alt); border-bottom: 1px solid var(--border); text-align: left; text-transform: uppercase; font-size: 9px; letter-spacing: .04em; white-space: nowrap; }
.data-table td { max-width: 280px; padding: 11px 13px; border-bottom: 1px solid var(--border); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.data-table tbody tr:hover { background: var(--surface-alt); }
.data-table tbody tr:last-child td { border-bottom: 0; }
.table-actions { display: flex; justify-content: flex-end; gap: 3px; }
.table-actions .icon-button { width: 30px; height: 30px; }
.badge { display: inline-flex; align-items: center; min-height: 22px; border-radius: 999px; padding: 2px 8px; font-size: 9px; font-weight: 800; }
.badge.on { color: var(--green); background: var(--green-soft); }
.badge.off { color: var(--red); background: var(--red-soft); }
.badge.info { color: var(--blue); background: #eaf3fd; }
.empty-state { min-height: 280px; display: grid; place-items: center; padding: 40px; color: var(--muted); text-align: center; }
.empty-state div { max-width: 330px; }
.empty-state [data-icon] { width: 36px; height: 36px; margin-bottom: 10px; color: var(--faint); }
.empty-state h3 { margin: 0 0 7px; color: var(--text); font-size: 15px; }
.empty-state p { margin: 0; font-size: 12px; line-height: 1.55; }
.loading { min-height: 280px; display: grid; place-items: center; padding: 32px; color: var(--muted); font-size: 12px; text-align: center; }
.foodsync-loader { display: grid; justify-items: center; gap: 12px; }
.foodsync-loader-spinner { position: relative; width: 86px; height: 86px; }
.foodsync-loader-spinner span { position: absolute; inset: 0; border: 5px solid transparent; border-radius: 50%; animation: foodsync-loader-spin 1s linear infinite; }
.foodsync-loader-spinner span:nth-child(1) { border-top-color: #19bd4c; border-left-color: #19bd4c; animation-duration: 1.05s; }
.foodsync-loader-spinner span:nth-child(2) { inset: 8px; border-top-color: #ffe23c; border-right-color: #ffe23c; animation-duration: .9s; animation-direction: reverse; }
.foodsync-loader-spinner span:nth-child(3) { inset: 16px; border-left-color: #1d6bff; border-bottom-color: #1d6bff; animation-duration: 1.2s; }
.foodsync-loader strong { color: var(--text); font: 800 15px/1 var(--font-display, sans-serif); }
.foodsync-loader small { color: var(--muted); font-size: 12px; font-weight: 700; }
@keyframes foodsync-loader-spin { to { transform: rotate(360deg); } }

.drawer { position: fixed; inset: 0; z-index: 80; }
.drawer-backdrop { position: absolute; inset: 0; background: rgba(10,15,24,.46); }
.drawer-panel { position: absolute; inset: 0 0 0 auto; width: min(570px, 100%); display: flex; flex-direction: column; background: var(--surface); box-shadow: -16px 0 40px rgba(0,0,0,.16); animation: slide-in .18s ease; }
@keyframes slide-in { from { transform: translateX(30px); opacity: .5; } }
.drawer-panel > header { min-height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 14px 19px; border-bottom: 1px solid var(--border); }
.drawer-panel h2 { margin: 4px 0 0; font-size: 20px; }
.drawer-panel form { min-height: 0; flex: 1; display: flex; flex-direction: column; }
.drawer-fields { flex: 1; overflow: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 15px; padding: 20px; }
.field.full { grid-column: 1 / -1; }
.toggle-field { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--border); border-radius: 6px; padding: 8px 11px; }
.logo-upload-field { gap: 10px; }
.logo-upload-box { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 14px; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-alt); }
.logo-upload-preview { min-height: 96px; display: grid; place-items: center; border: 1px dashed var(--border-strong); border-radius: 10px; background: var(--surface); color: var(--muted); }
.logo-upload-preview img { max-width: 140px; max-height: 84px; object-fit: contain; }
.logo-upload-controls { display: grid; align-content: center; gap: 10px; }
.logo-upload-controls input[type=file] { width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); color: var(--text); }
.logo-upload-controls small { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.toggle { position: relative; width: 38px; height: 22px; flex: 0 0 auto; }
.toggle input { position: absolute; opacity: 0; }
.toggle span { position: absolute; inset: 0; border-radius: 999px; background: var(--border-strong); }
.toggle span::after { content: ""; position: absolute; width: 16px; height: 16px; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: .16s; }
.toggle input:checked + span { background: var(--primary); }
.toggle input:checked + span::after { transform: translateX(16px); }
.drawer-panel form > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 13px 19px; border-top: 1px solid var(--border); }

.dialog { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; }
.dialog-backdrop { position: absolute; inset: 0; background: rgba(10,15,24,.54); }
.dialog section { position: relative; width: min(400px, 100%); padding: 23px; border-radius: 7px; background: var(--surface); box-shadow: var(--shadow); text-align: center; }
.dialog-icon { width: 44px; height: 44px; display: grid; place-items: center; margin: 0 auto 13px; border-radius: 50%; color: var(--red); background: var(--red-soft); }
.dialog h2 { margin: 0 0 8px; font-size: 18px; }
.dialog p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.dialog footer { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }
.toast-root { position: fixed; top: 16px; right: 16px; z-index: 150; display: grid; gap: 8px; }
.toast { min-width: 280px; max-width: 390px; display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-left: 4px solid var(--green); border-radius: 6px; background: var(--surface); box-shadow: var(--shadow); font-size: 12px; animation: toast-in .18s ease; }
.toast.error { border-left-color: var(--red); }
@keyframes toast-in { from { opacity: 0; transform: translateY(-8px); } }
.mobile-only { display: none; }
.sidebar-backdrop { display: none; }

@media (max-width: 1050px) {
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .dashboard-grid, .dashboard-grid + .dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 780px) {
  .login-view { grid-template-columns: 1fr; }
  .login-brand { display: none; }
  .login-panel { min-height: 100vh; padding: 24px; }
  .mobile-only { display: inline-grid; }
  .sidebar { transform: translateX(-100%); transition: transform .2s; }
  .sidebar.open { transform: translateX(0); }
  .sidebar-backdrop.show { position: fixed; inset: 0; z-index: 35; display: block; background: rgba(10,15,24,.45); }
  .sidebar-toggle, body.sidebar-open .sidebar-toggle { top: 19px; left: 14px; }
  body.sidebar-open .sidebar-toggle { display: none; }
  body.sidebar-open .sidebar-toggle [data-icon] { transform: none; }
  .workspace { margin-left: 0; }
  .topbar { padding: 0 14px; }
  .content { padding: 16px 13px 30px; }
  .user-copy { display: none; }
  .page-toolbar { align-items: stretch; flex-direction: column; }
  .search-box { width: 100%; }
  .page-toolbar .actions { justify-content: flex-end; }
}
@media (max-width: 520px) {
  .metrics { grid-template-columns: 1fr; }
  .topbar-actions > .icon-button { display: none; }
  .drawer-fields { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .logo-upload-box { grid-template-columns: 1fr; }
  .data-table th, .data-table td { padding: 10px; }
}

/* Visual original da retaguarda PHP */
:root {
  --font-display: "Sora", sans-serif;
  --font-body: "Albert Sans", sans-serif;
  --brand: #3b82f6;
  --brand-2: #2563eb;
  --cyan: #22d3ee;
  --violet: #a78bfa;
  --brand-soft: rgba(59,130,246,.14);
  --rail: 74px;
  --side: 262px;
  --sidebar: var(--rail);
  --radius: 16px;
  --transition: .32s cubic-bezier(.4,0,.2,1);
  font-family: var(--font-body);
}
[data-theme="dark"] {
  --bg: #070b15;
  --surface: #111a2e;
  --surface-alt: #16213a;
  --surface-strong: #0c1426;
  --border: #1f2c45;
  --border-strong: #344462;
  --text: #eef2fb;
  --muted: #9fb0cc;
  --faint: #64748b;
  --primary: #3b82f6;
  --primary-hover: #2563eb;
  --primary-soft: rgba(59,130,246,.14);
  --green: #10b981;
  --green-soft: rgba(16,185,129,.14);
  --red: #ef4444;
  --red-soft: rgba(239,68,68,.14);
  --amber: #f59e0b;
  --amber-soft: rgba(245,158,11,.14);
  --blue: #22d3ee;
  --shadow: 0 18px 40px -18px rgba(0,0,0,.7);
}
[data-theme="light"] {
  --bg: #e7ebf4;
  --surface: #fff;
  --surface-alt: #f6f8fc;
  --surface-strong: #f3f5fb;
  --border: #e2e8f4;
  --border-strong: #c8d2e4;
  --text: #0f1c34;
  --muted: #5a6a86;
  --faint: #94a3b8;
  --primary: #3b82f6;
  --primary-hover: #2563eb;
  --primary-soft: rgba(59,130,246,.12);
  --shadow: 0 16px 36px -20px rgba(30,58,120,.28);
}
body {
  font-family: var(--font-body);
  background:
    radial-gradient(900px 500px at 12% 8%,rgba(34,211,238,.10),transparent 55%),
    radial-gradient(1100px 600px at 85% -10%,var(--brand-soft),transparent 55%),
    linear-gradient(160deg,var(--surface-strong),var(--bg));
}
h1,h2,h3,h4,.metric-value,.sidebar-brand strong { font-family: var(--font-display); }

.login-view { background: linear-gradient(160deg,#0c1426,#070b15); }
.login-brand {
  background:
    radial-gradient(650px 420px at 18% 15%,rgba(34,211,238,.15),transparent 58%),
    radial-gradient(700px 500px at 90% 90%,rgba(59,130,246,.2),transparent 60%),
    linear-gradient(160deg,#0d1729,#070b15);
}
.login-brand::after { height: 4px; background: linear-gradient(90deg,var(--cyan),var(--brand),var(--violet)); }
.login-brand .eyebrow { color: var(--cyan); }
.login-panel { background: var(--surface); }
.login-form { padding: 30px; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 22%,var(--surface)),var(--surface)); box-shadow: var(--shadow); }
.login-form h2 { font-family: var(--font-display); }

.sidebar {
  width: var(--rail);
  background: linear-gradient(180deg,#0d1729,#0a1120);
  border-right: 1px solid rgba(255,255,255,.05);
  transition: width var(--transition), transform var(--transition);
  overflow: hidden;
}
.sidebar.open { width: var(--side); }
.sidebar-brand { height: 66px; min-height: 66px; gap: 12px; padding: 0 17px; border-color: rgba(255,255,255,.06); }
.sidebar-brand img { width: 40px; height: 40px; flex: 0 0 40px; padding: 5px; border-radius: 11px; background: linear-gradient(135deg,var(--brand),#1e40af); box-shadow: 0 6px 18px -4px rgba(59,130,246,.6); }
.sidebar-brand > div { min-width: 150px; opacity: 0; transform: translateX(-6px); transition: .2s; }
.sidebar.open .sidebar-brand > div { opacity: 1; transform: none; }
.sidebar-brand strong { color: #fff; font-size: 18px; }
.sidebar-brand span { color: #7e93c4; font-size: 9px; letter-spacing: 3px; }
.sidebar-brand .mobile-only { display: none; }
.side-search { padding: 14px 16px 6px; }
.side-search-box { height: 39px; display: flex; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: rgba(255,255,255,.06); color: #8ea0c9; }
.side-search-box input { width: 0; min-width: 0; height: auto; padding: 0; border: 0; opacity: 0; color: #cbd6ee; background: transparent; box-shadow: none; transition: width .2s,opacity .2s; }
.sidebar.open .side-search-box input { width: 180px; opacity: 1; }
.main-nav { padding: 8px 12px 20px; }
.nav-section { margin: 0; }
.nav-label { height: 14px; padding: 8px 0; overflow: hidden; color: #5b6e96; opacity: 0; white-space: nowrap; transition: .2s; }
.sidebar.open .nav-label { height: auto; padding: 16px 12px 7px; opacity: 1; }
.nav-label-toggle { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.sidebar:not(.open) .nav-label-toggle { pointer-events: none; }
.nav-label-chevron { width: 12px; height: 12px; flex: 0 0 12px; transition: transform .2s; }
.nav-section:not(.open) .nav-label-chevron { transform: rotate(-90deg); }
.nav-items { display: grid; gap: 2px; max-height: 600px; overflow: hidden; transition: max-height .25s ease, opacity .2s ease; }
.sidebar.open .nav-section:not(.open) .nav-items { max-height: 0; opacity: 0; }
.nav-link { min-height: 44px; justify-content: center; gap: 0; padding: 11px 0; border-radius: 11px; color: #a9b8d6; font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.nav-link:hover { background: rgba(255,255,255,.06); }
.nav-link.active { width: 46px; margin: 0 auto; background: linear-gradient(90deg,var(--brand),var(--brand-2)); box-shadow: 0 8px 20px -8px rgba(59,130,246,.7); }
.nav-link [data-icon] { width: 20px; height: 20px; flex: 0 0 20px; }
.sidebar.open .nav-link { justify-content: flex-start; gap: 14px; padding: 11px 12px; }
.sidebar.open .nav-link.active { width: 100%; margin: 0; }
.sidebar-footer { opacity: 0; min-width: 220px; border-color: rgba(255,255,255,.06); transition: .2s; }
.sidebar.open .sidebar-footer { opacity: 1; }

.sidebar-toggle{position:fixed;top:28px;left:calc(var(--rail) - 14px);z-index:41;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);box-shadow:var(--shadow);transition:left var(--transition),background .2s,color .2s}
.sidebar-toggle:hover{color:var(--text);background:var(--surface-alt)}
.sidebar-toggle [data-icon]{width:15px;height:15px;transition:transform .2s}
body.sidebar-open .sidebar-toggle{left:calc(var(--side) - 14px)}
body.sidebar-open .sidebar-toggle [data-icon]{transform:rotate(180deg)}

.workspace { margin-left: var(--rail); transition: margin-left var(--transition); }
.topbar { height: 66px; padding: 0 22px; background: color-mix(in srgb,var(--surface) 80%,transparent); border-color: var(--border); backdrop-filter: blur(14px); }
.topbar .icon-button { width: 40px; height: 40px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-alt); }
.topbar h1 { font-size: 18px; }
.user-avatar { border-radius: 11px; background: linear-gradient(135deg,#6366f1,#8b5cf6); }
.content { max-width: 1480px; padding: 30px 34px 72px; }

input,select,textarea { border-color: var(--border); border-radius: 12px; background: var(--surface-alt); }
input,select { height: 46px; }
input:focus,select:focus,textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(34,211,238,.13); }
.primary-button { min-height: 46px; border-radius: 12px; color: #04121c; background: linear-gradient(135deg,var(--cyan),var(--brand)); box-shadow: 0 12px 26px -10px rgba(34,211,238,.6); }
.primary-button:hover { background: linear-gradient(135deg,#67e8f9,var(--brand-2)); transform: translateY(-1px); }
.secondary-button,.danger-button { min-height: 46px; border-radius: 12px; }

.metrics { gap: 18px; margin-bottom: 22px; }
.metric,.panel,.data-panel { border-color: var(--border); border-radius: 16px; background: linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 22%,var(--surface)),var(--surface)); box-shadow: var(--shadow); }
.metric { min-height: 140px; padding: 20px 22px; position: relative; overflow: hidden; }
.metric::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--cyan); }
.metric:nth-child(2)::before { background:var(--violet); }
.metric:nth-child(3)::before { background:#10b981; }
.metric:nth-child(4)::before { background:#ec4899; }
.metric-icon { width: 38px; height: 38px; border-radius: 11px; color: var(--cyan); background: rgba(34,211,238,.12); }
.metric-value { font-size: 30px; letter-spacing: -1px; }
.panel-header { min-height: 62px; padding: 0 22px; border-color: var(--border); }
.panel-header h2 { font-family:var(--font-display); font-size:15px; text-transform:uppercase; letter-spacing:.4px; }
.panel-body { padding: 20px 22px; }
.bar { background: linear-gradient(180deg,var(--cyan),var(--brand),var(--violet)); box-shadow: 0 0 14px rgba(34,211,238,.38); }
.rank-number { color: var(--cyan); background: rgba(34,211,238,.1); border: 1px solid rgba(34,211,238,.2); border-radius: 9px; }

.page-toolbar { margin-bottom: 22px; }
.search-box { width: min(430px,100%); }
.data-panel { border-radius: 18px; }
.data-table th { padding: 14px 16px; color: var(--muted); background: linear-gradient(180deg,var(--surface-alt),color-mix(in srgb,var(--surface-alt) 60%,var(--surface))); font-size:11px; }
.data-table td { padding: 15px 16px; font-size:14px; }
.data-table tbody tr:hover { background: color-mix(in srgb,var(--cyan) 6%,var(--surface)); }
.badge { min-height: 24px; padding: 3px 9px; font-size: 11px; }
.drawer-panel { background: var(--surface); }
.drawer-panel > header { min-height: 76px; }
.drawer-fields { gap: 18px; padding: 24px; }
.toggle-field { min-height: 46px; border-radius: 12px; background: var(--surface-alt); }

@media (min-width:781px) {
  body.sidebar-open .workspace { margin-left: var(--side); }
}
@media (max-width:780px) {
  .sidebar { width: var(--side); }
  .sidebar-brand > div,.sidebar-footer { opacity:1; transform:none; }
  .sidebar .side-search-box input { width:180px; opacity:1; }
  .sidebar .nav-label { height:auto; padding:16px 12px 7px; opacity:1; }
  .sidebar .nav-link { justify-content:flex-start; gap:14px; padding:11px 12px; }
  .sidebar .nav-link.active { width:100%; margin:0; }
  .content { padding:18px 16px 50px; }
}

/* Paridade visual com as páginas PHP originais */
.login-view{
  display:grid;place-items:center;padding:24px;overflow:auto;
  background:
    radial-gradient(800px 500px at 15% 10%,rgba(34,211,238,.14),transparent 55%),
    radial-gradient(900px 600px at 85% 90%,rgba(59,130,246,.16),transparent 55%),
    linear-gradient(160deg,#0c1426,#070b15);
}
.login-view:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask:radial-gradient(circle at 50% 40%,#000,transparent 75%)}
.login-form{position:relative;width:100%;max-width:400px;display:block;padding:34px 30px 26px;border-radius:22px;background:linear-gradient(#111a2e,#111a2e) padding-box,linear-gradient(135deg,rgba(34,211,238,.6),transparent 40%,transparent 60%,rgba(167,139,250,.55)) border-box;border:1px solid transparent;box-shadow:0 30px 70px -25px rgba(0,0,0,.8)}
.login-brandmark{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}
.login-logo{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--cyan),var(--brand));box-shadow:0 12px 30px -8px rgba(34,211,238,.6)}
.login-logo img{width:100%;height:100%;object-fit:contain;padding:9px}
.login-brandmark h1{margin:3px 0 0;color:#eef2fb;font:800 26px/1 var(--font-display);letter-spacing:-.5px}
.login-brandmark>span{color:#64748b;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:600}
.login-form>label{display:block;margin-bottom:16px;color:#9fb0cc;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.login-input{height:48px;display:flex;align-items:center;gap:10px;margin-top:7px;padding:0 14px;border:1px solid #1f2c45;border-radius:12px;background:#16213a;transition:.18s}
.login-input:focus-within{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.15)}
.login-input>[data-icon]{color:#64748b;flex:0 0 18px}
.login-input input{height:auto;flex:1;padding:0;border:0;border-radius:0;background:transparent;color:#eef2fb;box-shadow:none;font-size:15px}
.login-input input:focus{box-shadow:none}
.login-input .icon-button{position:static;width:30px;height:30px;border:0;background:transparent}
.login-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:6px 0 18px}
.login-keypad button{height:49px;border:1px solid #1f2c45;border-radius:12px;background:#16213a;color:#eef2fb;font:700 18px var(--font-display);transition:.12s}
.login-keypad button:hover{border-color:#22d3ee;background:#111a2e}.login-keypad button:active{transform:scale(.95);background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#04121c}
.login-form>.primary-button{width:100%;height:50px}.login-version{display:block;margin-top:18px;color:#64748b;text-align:center;font-size:11px;letter-spacing:1px}

.topbar-selectors{display:flex;align-items:center;gap:16px}
.topbar-selectors label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.topbar-selectors select{width:auto;max-width:230px;height:38px;padding:0 34px 0 13px;border-radius:10px;font-weight:600;text-transform:none}
.server-pill{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(16,185,129,.35);border-radius:20px;background:rgba(16,185,129,.12);color:#34d399;font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.fs-client-brand{display:flex;align-items:center;gap:10px;padding-left:14px;margin-left:4px;border-left:1px solid var(--border);cursor:pointer}
.fs-client-logo{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:var(--surface-alt);color:var(--muted);font:800 12px var(--font-display)}
.fs-client-logo img{width:100%;height:100%;object-fit:contain;background:transparent}
.fs-client-copy{display:grid;line-height:1.2}
.fs-client-copy strong{color:var(--text);font-size:12.5px;font-weight:800}
.fs-client-copy small{color:var(--muted);font-size:10.5px;font-weight:600}
.fs-client-brand .fs-client-chevron{width:14px;height:14px;color:var(--muted)}
@media(max-width:780px){.fs-client-brand{display:none}}
.page-heading{max-width:1480px;padding:26px 34px 0}.page-heading h1{margin:0;font:800 30px var(--font-display);letter-spacing:-.7px}.page-heading p{margin:4px 0 0;color:var(--muted);font-size:14px}
.page-heading+.content{padding-top:22px}

.php-page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.php-page-head h1{margin:0;font:800 28px var(--font-display)}.php-page-head p{margin:4px 0 0;color:var(--muted);font-size:14px}
.split-page{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px;align-items:start}
.split-page.wide-form{grid-template-columns:420px minmax(0,1fr)}
.php-card{border:1px solid var(--border);border-radius:18px;padding:24px 26px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 22%,var(--surface)),var(--surface));box-shadow:var(--shadow)}
.php-card h2{margin:0 0 20px;font-size:20px}.php-form{display:grid;gap:14px}.php-form .field{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.php-checks{display:grid;gap:10px}.php-checks label{display:flex;align-items:center;gap:9px;color:var(--text);font-size:14px;font-weight:600}.php-checks input{width:16px;height:16px;accent-color:var(--primary)}
.color-order{display:grid;grid-template-columns:120px 1fr;gap:12px}.color-order input[type=color]{padding:4px}
.color-swatch{width:26px;height:26px;border-radius:8px;border:1px solid var(--border)}

body[data-page="produtos"] .page-heading{display:none}
body[data-page="produtos"] .content{max-width:none;padding-top:0}
.products-page{margin:0 -34px -72px;padding:28px;min-height:calc(100vh - 66px);background:#eeeef4;color:#2d2d4e}
.products-page .php-page-head h1{color:#4b0082;text-transform:uppercase;font-size:26px;font-weight:900}
.products-page .primary-button{color:#fff;background:#f97316;box-shadow:none;border-radius:999px}
.products-page .secondary-button{color:#4b0082;background:#fff;border:2px solid #4b0082;border-radius:999px}
.products-filter{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:18px 20px;border-radius:8px;background:#fff;box-shadow:0 1px 6px rgba(75,0,130,.08);margin-bottom:20px}
.products-filter .search-box{flex:1;min-width:220px}.products-filter input{height:36px;border:1.5px solid #e0dff0;border-radius:6px;background:#fff;color:#2d2d4e}
.products-page .data-panel{border:0;border-radius:8px;background:#fff;box-shadow:0 1px 6px rgba(75,0,130,.08)}
.products-page .data-table th{color:#fff;background:#4b0082;border:0}.products-page .data-table td{color:#2d2d4e;border-color:#e0dff0}.products-page .data-table tbody tr:hover{background:#f4eeff}

.users-page .php-page-head h1{color:#eaf0fb}.users-page .php-page-head p{color:#9aa7c2}
.users-page .page-toolbar,.users-page .data-panel{padding:22px 24px;border:1px solid #1e2d47;border-radius:16px;background:#131d33;box-shadow:0 16px 36px -24px rgba(0,0,0,.7)}
.users-page .data-panel{padding-top:6px}.users-page .data-table th{color:#6b7896;background:transparent;border-color:#1e2d47}.users-page .data-table td{color:#eaf0fb;border-color:rgba(255,255,255,.04)}.users-page .data-table tbody tr:hover{background:rgba(59,130,246,.06)}

.payments-page{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.payments-page>.php-page-head{grid-column:1/-1}
.payment-list,.payment-form{border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}
.payment-card-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border);font-weight:900}
.payment-card-body{padding:16px}.payment-group{margin-bottom:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:rgba(148,163,184,.04)}.payment-group-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.payment-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.payment-flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.payment-flag{padding:3px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800}

.resource-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.resource-card{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.resource-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.resource-card h3{margin:0;font-size:15px}.resource-card p{margin:5px 0;color:var(--muted);font-size:12px}.resource-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}

/* lojas */
body[data-page="lojas"] .content,body[data-page="loja_form"] .content{max-width:none}
.loja-page-head,.loja-form-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.loja-page-head h1,.loja-form-head h1{margin:0;color:var(--text);font-size:28px;font-weight:900}.loja-page-head p,.loja-form-head p{margin:5px 0 0;color:var(--muted)}
.loja-consulta-card,.loja-empty-panel,.loja-card,.loja-results-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.loja-consulta-card{padding:18px;margin-bottom:18px}.loja-filter-grid{display:grid;grid-template-columns:150px minmax(240px,1fr) minmax(220px,.9fr) 220px 220px;gap:14px;align-items:end}.loja-consulta-actions{display:flex;gap:8px}.loja-empty-panel{min-height:320px;display:grid;place-items:center;padding:36px;color:var(--muted);text-align:center}.loja-empty-panel span{width:52px;height:52px;display:inline-grid;place-items:center;margin-bottom:12px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.loja-empty-panel svg{width:25px;height:25px}.loja-empty-panel h3{margin:0 0 7px;color:var(--text);font-size:18px}.loja-empty-panel p{max-width:440px;margin:0 auto;line-height:1.5}
.loja-results-panel{overflow:hidden}.loja-results-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.loja-results-head h2{margin:0;font-size:16px}.loja-results-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.loja-table-wrap{overflow:auto}.loja-table{width:100%;min-width:980px;border-collapse:collapse}.loja-table th,.loja-table td{padding:13px 15px;border-bottom:1px solid var(--border);text-align:left}.loja-table th{background:var(--surface-alt);color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.loja-table td{font-size:13px}.loja-table b{display:block;color:var(--text)}.loja-table small{display:block;margin-top:3px;color:var(--faint)}.loja-code{font-weight:900;color:var(--primary)}.loja-form-page{padding-bottom:28px}.loja-form-head{position:sticky;top:0;z-index:5;padding:12px 0;background:var(--bg)}
.loja-card{margin-bottom:18px;overflow:hidden}.loja-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.loja-card h2{margin:0;font-size:17px}.loja-card header span{color:var(--muted);font-size:12px}.loja-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:18px}.loja-field{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.loja-field span,.loja-switch>span{text-transform:uppercase;letter-spacing:.02em}.loja-field input,.loja-field select,.loja-field textarea{min-width:0;background:var(--surface-alt)}.loja-field textarea{min-height:74px}.loja-field.small{grid-column:span 1}.loja-field.wide{grid-column:span 2}.loja-field.full,.loja-switch.full{grid-column:1/-1}.loja-switch{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);color:var(--muted);font-size:12px;font-weight:800}.loja-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.loja-fiscal-block{padding:18px;border-top:1px solid var(--border)}.loja-fiscal-block:first-of-type{border-top:0}.loja-fiscal-block h3{margin:0 0 14px;color:var(--primary);font-size:14px}.fiscal-selects{border-top:1px solid var(--border)}.loja-form-actions{position:sticky;bottom:0;z-index:4;display:flex;justify-content:flex-end;gap:10px;padding:14px 0;background:linear-gradient(180deg,rgba(243,245,248,0),var(--bg) 35%)}[data-theme="dark"] .loja-form-actions{background:linear-gradient(180deg,rgba(16,20,27,0),var(--bg) 35%)}
.loja-edit-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.loja-edit-shell form{min-width:0}.loja-section-nav{position:sticky;top:86px;display:grid;gap:13px;padding:18px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.loja-section-nav button{min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:900;text-align:right;text-transform:uppercase}.loja-section-nav button span{min-width:0}.loja-section-nav button i{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-alt);color:var(--muted);font-style:normal}.loja-section-nav button svg{width:19px;height:19px}.loja-section-nav button:hover,.loja-section-nav button.active{color:var(--primary)}.loja-section-nav button:hover i,.loja-section-nav button.active i{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.loja-card[data-loja-section]{scroll-margin-top:105px}.loja-token-field input[readonly],.loja-field input[readonly]{color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 82%,var(--border));cursor:default}.loja-token-field small{color:var(--faint);font-size:11px;font-weight:700;text-transform:none}
@media(max-width:1180px){.loja-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loja-consulta-actions{grid-column:1/-1;justify-content:flex-end}.loja-form-grid,.loja-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loja-field.wide{grid-column:span 1}}
@media(max-width:980px){.loja-edit-shell{grid-template-columns:1fr}.loja-section-nav{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.loja-section-nav button{text-align:left}}
@media(max-width:720px){.loja-page-head,.loja-form-head{align-items:flex-start;flex-direction:column}.loja-filter-grid,.loja-form-grid,.loja-toggle-grid,.loja-section-nav{grid-template-columns:1fr}.loja-consulta-actions,.loja-form-actions{width:100%;flex-direction:column}.loja-consulta-actions button,.loja-form-actions button{width:100%}.loja-card>header{align-items:flex-start;flex-direction:column}.loja-field.small,.loja-field.wide{grid-column:auto}}

@media(max-width:1050px){.split-page,.split-page.wide-form,.payments-page{grid-template-columns:1fr}.payments-page>.php-page-head{grid-column:auto}}
@media(max-width:780px){.topbar-selectors,.server-pill{display:none}.page-heading{padding:20px 16px 0}.products-page{margin:-72px -16px -50px;padding:18px}.login-form{padding:28px 24px}}

/* Dashboard PHP original */
.sidebar:not(.open) .nav-link{font-size:0}
.sidebar.open .nav-link{font-size:14.5px}
.notification-button{position:relative}.notification-button:after{content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border:2px solid var(--surface-alt);border-radius:50%;background:#ef4444}
.user-button{height:42px;padding:0;border:0}.user-avatar{width:40px;height:40px}
.top-logout-button{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:11px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;box-shadow:0 8px 20px -8px rgba(239,68,68,.7)}
.top-logout-button [data-icon]{width:16px;height:16px}
body[data-page="dashboard"] .page-heading{padding-top:26px}
body[data-page="dashboard"] .content{padding-top:18px}
.fs-dashboard{position:relative;display:grid;gap:20px;max-width:1540px}
.fs-dashboard-actions{position:absolute;right:0;top:-78px;display:flex;align-items:center;gap:10px;z-index:2}
.fs-mode-pill,.fs-mode-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}
.fs-mode-pill{border:1px solid var(--border);background:var(--surface-alt);color:var(--muted);letter-spacing:.04em}
.fs-mode-btn{border:0;background:linear-gradient(135deg,var(--cyan),var(--brand));color:#04121c;box-shadow:0 12px 26px -10px rgba(34,211,238,.5)}
.fs-mode-btn:hover{background:linear-gradient(135deg,#67e8f9,var(--brand-2))}
.fs-mode-btn [data-icon]{width:16px;height:16px}
.fs-kicker{display:block;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}
.fs-command-strip{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:16px;align-items:stretch;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 22%,var(--surface)),var(--surface));box-shadow:var(--shadow)}
.fs-command-copy{display:grid;align-content:center;gap:5px}.fs-command-copy strong{color:var(--text);font:800 20px/1.15 var(--font-display)}.fs-command-copy small{color:var(--muted);font-size:12.5px;font-weight:600}
.fs-dashboard-filters{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.fs-dashboard-filters label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.fs-dashboard-filters input,.fs-dashboard-filters select{width:138px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}
.fs-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 22%,var(--surface)),var(--surface));box-shadow:var(--shadow);overflow:hidden}
.fs-card>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.fs-card>header h3{margin:0;color:var(--text);font-size:15px;font-weight:800;font-family:var(--font-display)}.fs-card>header span,.fs-card>header b{color:var(--muted);font-size:12px;font-weight:700}.fs-card-body{padding:18px 20px}
.fs-card-action-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:0;border:0;background:none;color:var(--brand);font-size:12.5px;font-weight:800;cursor:pointer}.fs-card-action-link:hover{color:var(--brand-2)}
.fs-empty{padding:26px;border:1px dashed var(--border-strong);border-radius:14px;color:var(--muted);text-align:center;font-weight:700}.fs-footnote{margin:0 0 4px;color:var(--faint);font-size:12px;font-weight:600}

.fs-period-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fs-period-toggle button{min-height:38px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:800}
.fs-period-toggle button:hover{color:var(--text);border-color:var(--border-strong)}
.fs-period-toggle button.active{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}
.fs-period-custom{position:relative}
.fs-period-calendar{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}
.fs-period-calendar:hover{color:var(--text)}
.fs-period-popover{position:absolute;top:46px;right:0;z-index:5;display:grid;gap:10px;width:220px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}
.fs-period-popover label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}
.fs-period-popover input{height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}

.fs-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.fs-kpi-card{position:relative;min-height:150px;padding:20px;overflow:hidden}
.fs-kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric)}
.fs-kpi-card.brand{--metric:var(--brand)}.fs-kpi-card.green{--metric:var(--green)}.fs-kpi-card.violet{--metric:var(--violet)}.fs-kpi-card.amber{--metric:var(--amber)}
.fs-kpi-head{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.fs-kpi-head i{width:34px;height:34px;display:grid;place-items:center;padding:8px;border-radius:11px;color:var(--metric);background:color-mix(in srgb,var(--metric) 14%,transparent)}
.fs-kpi-value{display:block;margin-top:14px;color:var(--text);font:800 25px/1 var(--font-display)}
.fs-kpi-delta{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:800}
.fs-kpi-delta.positive{color:var(--green)}.fs-kpi-delta.negative{color:var(--red)}
.fs-sparkline{display:block;margin-top:10px;width:100%;height:34px}
.fs-kpi-card.product{display:flex;align-items:center;gap:14px}
.fs-kpi-thumb{width:52px;height:52px;flex:0 0 52px;border-radius:12px;object-fit:cover;background:var(--surface-alt)}
.fs-kpi-card.product .fs-kpi-value{margin-top:6px;font-size:16px}

.fs-duo-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:18px}
.fs-multiline-chart{position:relative;height:260px}
.fs-multiline-chart svg{display:block}
.fs-chart-grid{stroke:var(--border);stroke-width:1}
.fs-chart-axis-label{fill:var(--faint);font-size:9px;font-weight:800}
.fs-chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:700}
.fs-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.fs-chart-legend i{width:9px;height:9px;border-radius:50%}

.fs-daypart{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:center}
.fs-daypart-bars{display:grid;gap:14px}
.fs-daypart-row{display:grid;gap:6px}
.fs-daypart-row div{display:flex;justify-content:space-between;color:var(--text);font-size:13px;font-weight:700}
.fs-daypart-row div small{color:var(--muted);font-weight:800}
.fs-daypart-row p{position:relative;height:8px;margin:0;border-radius:999px;background:var(--border);overflow:hidden}
.fs-daypart-row p em{position:absolute;left:0;top:0;bottom:0;border-radius:999px;display:block}
.fs-donut-wrap{position:relative;display:grid;place-items:center}
.fs-donut-center{position:absolute;display:grid;justify-items:center;color:var(--text)}
.fs-donut-center small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}
.fs-donut-center strong{font:800 16px var(--font-display)}

.fs-mix-table{display:grid;gap:4px}
.fs-mix-head{display:grid;grid-template-columns:minmax(0,1.4fr) .6fr .8fr .5fr;gap:8px;padding:0 0 10px;color:var(--muted);font-size:10.5px;font-weight:800;text-transform:uppercase;border-bottom:1px solid var(--border)}
.fs-mix-row{display:grid;grid-template-columns:minmax(0,1.4fr) .6fr .8fr .5fr;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}
.fs-mix-row:last-of-type{border-bottom:0}
.fs-mix-name{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-mix-name i{width:9px;height:9px;flex:0 0 auto;border-radius:3px}
.fs-mix-bar{grid-column:1/-1;height:6px;margin-top:2px;border-radius:999px;background:var(--border);overflow:hidden}
.fs-mix-bar em{display:block;height:100%;border-radius:999px}
.fs-mix-row>span{color:var(--muted);font-size:12.5px;font-weight:700}

.fs-payment-donut-card{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center}
.fs-payment-donut-list{display:grid;gap:10px}
.fs-payment-donut-list div{display:flex;align-items:center;gap:9px}
.fs-payment-donut-list i{width:9px;height:9px;flex:0 0 auto;border-radius:50%}
.fs-payment-donut-list span{flex:1;min-width:0;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-payment-donut-list small{color:var(--muted);font-weight:800}
.fs-payment-donut-list b{color:var(--text);font-size:12.5px;white-space:nowrap}

.fs-sync-status{display:grid;gap:16px}
.fs-sync-pill{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800}
.fs-sync-pill.ok{background:var(--green-soft);color:var(--green)}
.fs-sync-pill.pending{background:var(--amber-soft);color:var(--amber)}
.fs-sync-rows{display:grid;color:var(--muted);font-size:12.5px;font-weight:700}
.fs-sync-rows>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)}
.fs-sync-rows b{max-width:190px;color:var(--text);text-align:right;overflow-wrap:anywhere;font-weight:800}

.fs-insights-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fs-insight-card{padding:18px}
.fs-insight-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.fs-insight-card-head div{display:flex;align-items:center;gap:9px;color:var(--text);font-size:13.5px;font-weight:800}
.fs-insight-card-head i{width:26px;height:26px;display:grid;place-items:center;padding:6px;border-radius:8px;color:var(--metric);background:color-mix(in srgb,var(--metric) 14%,transparent)}
.fs-insight-card.brand{--metric:var(--brand)}.fs-insight-card.green{--metric:var(--green)}.fs-insight-card.red{--metric:var(--red)}.fs-insight-card.amber{--metric:var(--amber)}
.fs-insight-badge{padding:3px 8px;border-radius:999px;background:var(--surface-alt);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}
.fs-insight-card.mocked{border-style:dashed}
.fs-insight-list{display:grid;gap:2px}
.fs-insight-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12.5px}
.fs-insight-row:last-child{border-bottom:0}
.fs-insight-row span{min-width:0;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-insight-row small{display:block;color:var(--muted);font-size:11px;font-weight:600}
.fs-insight-row b{flex:0 0 auto;color:var(--metric);font-weight:800;white-space:nowrap}

@media(max-width:1320px){.fs-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.fs-insights-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.fs-duo-grid{grid-template-columns:1fr}}
@media(max-width:980px){.fs-command-strip{grid-template-columns:1fr}.fs-dashboard-filters{justify-content:flex-start}.fs-dashboard-actions{position:static;justify-content:flex-start;flex-wrap:wrap}.fs-dashboard{gap:16px}.fs-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-daypart{grid-template-columns:1fr}.fs-payment-donut-card{grid-template-columns:1fr}}
@media(max-width:620px){.fs-kpi-row,.fs-insights-row{grid-template-columns:1fr}.fs-mix-head{display:none}.fs-mix-row{grid-template-columns:1fr .6fr}.fs-dashboard-filters input,.fs-dashboard-filters select{width:100%}.fs-dashboard-filters label{flex:1 1 130px}.fs-dashboard-filters .fs-mode-btn{width:100%}.fs-period-toggle{overflow-x:auto;flex-wrap:nowrap}}

/* Menu PDV — cópia da composição visual do PHP */
body[data-page="menu-fluxos"] .page-heading{display:none}
body[data-page="menu-fluxos"] .content{max-width:none;min-height:calc(100vh - 66px);padding:26px 30px;background:radial-gradient(circle at 22% 8%,rgba(37,99,235,.24),transparent 28%),radial-gradient(circle at 88% 28%,rgba(34,211,238,.14),transparent 24%),radial-gradient(circle at 85% 80%,rgba(34,197,94,.11),transparent 25%),linear-gradient(135deg,#050916 0%,#08111f 44%,#030712 100%)}
.menu-pdv-page{--mp-card:#0f172a;--mp-border:rgba(148,163,184,.18);--mp-muted:#aab6ce;--mp-blue:#2563eb;color:#f8fafc}
.mp-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:24px;padding:6px 0}
.mp-titlebox{display:flex;align-items:center;gap:16px}.mp-title-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.28);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(124,58,237,.9));box-shadow:0 0 32px rgba(37,99,235,.42);font-size:29px}
.mp-titlebox h1{margin:0;color:#fff;font-size:34px;font-weight:950;line-height:1.05;letter-spacing:-.8px}.mp-titlebox p{margin:7px 0 0;color:var(--mp-muted);font-size:14px}
.mp-open-pdv{height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 24px;border:1px solid rgba(34,211,238,.28);border-radius:14px;background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed);box-shadow:0 0 28px rgba(37,99,235,.34);color:#fff;text-decoration:none;font-weight:900}
.mp-layout{display:grid;grid-template-columns:minmax(680px,1fr) 470px;gap:24px;align-items:start}
.sim-wrap{overflow:hidden;border:1px solid rgba(34,211,238,.18);border-radius:24px;background:rgba(8,12,22,.82);box-shadow:0 28px 80px rgba(0,0,0,.55),inset 0 0 48px rgba(37,99,235,.07);backdrop-filter:blur(14px)}
.sim-fluxos{min-height:132px;display:flex;align-items:center;gap:14px;overflow-x:auto;padding:18px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(8,13,25,.92));border-bottom:1px solid rgba(148,163,184,.12)}
.sim-f-btn{position:relative;width:112px;height:104px;flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:7px;border:2px solid rgba(255,255,255,.08);border-radius:18px;color:#fff;box-shadow:inset 0 0 22px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.25);transition:.18s;overflow:hidden}
.sim-f-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 46%,rgba(0,0,0,.18));pointer-events:none}.sim-f-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 28px rgba(34,211,238,.22),0 18px 42px rgba(0,0,0,.38)}.sim-f-btn.ativo{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.18),0 0 36px rgba(34,211,238,.34)}
.sim-f-btn img{position:relative;z-index:1;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.23)) drop-shadow(0 4px 8px rgba(0,0,0,.4))}.sim-f-btn>span{position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:12px;font-weight:950;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}
.sim-add-btn{width:74px;height:104px;flex:0 0 74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed rgba(148,163,184,.34);border-radius:18px;background:rgba(15,23,42,.65);color:rgba(255,255,255,.52)}.sim-add-btn strong{font-size:25px}.sim-add-btn span{text-transform:uppercase;font-size:9px;font-weight:800}
.sim-grupos,.sim-subs{min-height:58px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 18px;background:rgba(8,13,25,.92);border-bottom:1px solid rgba(148,163,184,.10)}
.sim-g-btn,.sim-add-g{height:42px;flex:0 0 auto;padding:0 22px;border:1px solid rgba(59,130,246,.42);border-radius:12px;background:rgba(15,23,42,.78);color:#cbd5e1;font-size:13px;font-weight:850}.sim-g-btn.ativo{border-color:#60a5fa;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 0 22px rgba(37,99,235,.32)}.sim-add-g{border-style:dashed;background:transparent}
.sim-subs{min-height:50px}.sim-s-btn,.sim-add-s{height:34px;flex:0 0 auto;padding:0 18px;border:1px solid rgba(59,130,246,.36);border-radius:12px;background:rgba(15,23,42,.62);color:#cbd5e1;font-size:11px;font-weight:850}.sim-s-btn.ativo{border-color:#3b82f6;background:rgba(37,99,235,.26);color:#bfdbfe}.sim-add-s{border-style:dashed;background:transparent}
.sim-prod-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(148,163,184,.10);background:rgba(3,7,18,.74)}.sim-prod-hdr>span{color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.sim-prod-hdr button{height:34px;padding:0 12px;border:1px dashed rgba(59,130,246,.42);border-radius:11px;background:transparent;color:#93c5fd;font-weight:700}
.sim-prods{min-height:360px;display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));align-content:start;gap:12px;padding:18px;background:rgba(3,7,18,.54)}
.sim-prod-card{min-height:88px;padding:11px;border:1px solid rgba(34,211,238,.18);border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(8,13,25,.96));color:#fff;text-align:left;box-shadow:inset 0 0 18px rgba(37,99,235,.06);transition:.18s}.sim-prod-card:hover{transform:translateY(-2px);border-color:#22d3ee;box-shadow:0 0 22px rgba(34,211,238,.18)}.sim-prod-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.sim-prod-top small{color:rgba(255,255,255,.35)}.sim-prod-top b{color:#4ade80;font-size:13px}.sim-prod-card>strong{display:block;font-size:12px;font-weight:950;text-transform:uppercase}.sim-prod-card em{display:block;margin-top:4px;color:#22c55e;font-size:10px;font-style:normal;font-weight:800}
.sim-empty,.sim-start{grid-column:1/-1;padding:48px 20px;color:rgba(255,255,255,.28);text-align:center;font-size:13px}.sim-start{min-height:390px;display:grid;place-items:center}
.painel{display:flex;flex-direction:column;gap:18px}.p-card{overflow:hidden;border:1px solid rgba(34,211,238,.16);border-radius:22px;background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(8,13,25,.94));box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 0 40px rgba(37,99,235,.06);backdrop-filter:blur(14px)}
.p-card>header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.14)}.p-card>header i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 0 20px rgba(37,99,235,.45);color:#fff;font-style:normal;font-weight:900}.p-card>header i.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.p-card>header i.yellow{background:linear-gradient(135deg,#d97706,#f59e0b)}.p-card>header>span{min-width:0;flex:1}.p-card>header strong{display:block;color:#fff;font-size:17px;font-weight:950}.p-card>header small{display:block;margin-top:3px;color:#93c5fd;font-size:12px}
.p-card-body{padding:20px}.p-help{margin:0 0 13px;color:var(--mp-muted);font-size:12px;line-height:1.5}.p-context-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--mp-muted);font-size:12px}
.p-list{display:grid;gap:9px;margin-bottom:14px}.p-item{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid rgba(59,130,246,.20);border-radius:14px;background:rgba(3,7,18,.55)}.p-item>span{min-width:0;flex:1}.p-item strong{display:block;overflow:hidden;color:#fff;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.p-item small{display:block;margin-top:3px;color:#93a4c0;font-size:11px}.p-item>div{display:flex;gap:5px}.p-empty{padding:18px 0;color:#64748b;text-align:center;font-size:12px}
.p-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 14px;border:0;border-radius:12px;font-size:12px;font-weight:900}.p-btn.primary{background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed);color:#fff;box-shadow:0 0 22px rgba(37,99,235,.28)}.p-btn.ghost{border:1px solid rgba(148,163,184,.3);background:transparent;color:#cbd5e1}.p-btn.danger{border:1px solid rgba(239,68,68,.4);background:transparent;color:#f87171}.p-btn.small{height:30px;padding:0 10px;font-size:11px}.p-btn.icon{width:31px;padding:0}
.p-placeholder{display:flex;flex-direction:column;align-items:center;padding:42px 28px;text-align:center}.p-placeholder>div{font-size:40px}.p-placeholder>strong{margin-top:12px;font-size:15px}.p-placeholder>p{color:#64748b;font-size:13px;line-height:1.5}
.drawer-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:10px;margin-top:7px}.drawer-icon-grid label{position:relative;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:9px;border:2px solid var(--border);border-radius:14px;background:var(--surface-alt);cursor:pointer}.drawer-icon-grid label.selected{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.12)}.drawer-icon-grid input{position:absolute;opacity:0}.drawer-icon-grid img{width:50px;height:50px;object-fit:contain}.drawer-icon-grid small{color:var(--muted);font-size:10px;font-weight:800;text-align:center;text-transform:uppercase}
@media(max-width:1280px){.mp-layout{grid-template-columns:1fr}.painel{max-width:none}}
@media(max-width:780px){body[data-page="menu-fluxos"] .content{padding:18px}.mp-titlebox h1{font-size:27px}.sim-f-btn{width:98px;height:92px;flex-basis:98px}.sim-f-btn img{width:44px;height:44px}.drawer-icon-grid{grid-template-columns:repeat(3,1fr)}}

/* Motor de Promoção — Cupons, Combos e Promoções */
body[data-page="combos"] .page-heading,body[data-page="promocoes"] .page-heading,body[data-page="cupons"] .page-heading{display:none}
body[data-page="combos"] .content,body[data-page="promocoes"] .content,body[data-page="cupons"] .content{max-width:none;padding-top:26px}
.promo-engine{--pe-card:var(--surface);--pe-bg:var(--surface-alt);--pe-line:var(--border);--pe-muted:var(--muted)}
.promo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.promo-head h1{margin:0;font-size:26px;font-weight:900}.promo-head p{margin:3px 0 0;color:var(--pe-muted);font-size:13px}.promo-live{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid rgba(34,197,94,.25);border-radius:20px;background:rgba(34,197,94,.12);color:#4ade80;font-size:11px;font-weight:800}.promo-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 1s infinite}
.promo-tabs{width:max-content;max-width:100%;display:flex;gap:2px;overflow-x:auto;margin-bottom:20px;padding:4px;border:1px solid var(--pe-line);border-radius:12px;background:var(--pe-card);box-shadow:var(--shadow)}.promo-tabs button{height:38px;display:flex;align-items:center;gap:7px;padding:0 20px;border:0;border-radius:9px;background:transparent;color:var(--pe-muted);font-size:13px;font-weight:700;white-space:nowrap}.promo-tabs button:hover{background:var(--pe-bg);color:var(--text)}.promo-tabs button.active{background:#2563eb;color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.3)}.promo-tabs button.combos.active{background:#16a34a}.promo-tabs button.promocoes.active{background:#d97706}.promo-tabs button span{padding:1px 7px;border-radius:10px;background:rgba(255,255,255,.22);font-size:10px;font-weight:900}.promo-tabs button:not(.active) span{background:var(--pe-bg);color:var(--faint)}.promo-tabs em{padding:2px 6px;border-radius:10px;background:rgba(34,197,94,.18);color:#4ade80;font-size:9px;font-style:normal}
.promo-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.promo-search{position:relative;flex:1;min-width:190px;max-width:320px}.promo-search [data-icon]{position:absolute;left:10px;top:10px;width:15px;color:var(--faint)}.promo-search input{height:36px;padding-left:32px;border-radius:8px;background:var(--pe-card)}.promo-main-btn{height:36px;padding:0 16px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:13px;font-weight:800}.promo-main-btn.combos{background:#16a34a}.promo-main-btn.promocoes{background:#d97706}
.promo-list{display:flex;flex-direction:column;gap:8px}.promo-item{padding:13px 14px;border:1.5px solid var(--pe-line);border-radius:12px;background:var(--pe-card);transition:.15s}.promo-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.promo-item.inactive{opacity:.55}.promo-item.live{border-color:#22c55e;background:rgba(22,163,74,.04)}.promo-item-main{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.promo-item-main>i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:var(--pe-bg);font-size:20px;font-style:normal}.promo-item-main>div:nth-child(2){min-width:0;flex:1}.promo-item h3{margin:0 0 3px;font-size:14px;font-weight:800}.promo-item p{margin:0;color:var(--pe-muted);font-size:12px;line-height:1.4}.promo-actions{display:flex;gap:5px}.promo-actions button{height:28px;padding:0 10px;border:1px solid var(--border-strong);border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.promo-actions button:hover{background:var(--pe-bg);color:var(--text)}.promo-actions .delete{color:#f87171}.promo-badges{display:flex;gap:5px;flex-wrap:wrap}.promo-badges span{padding:2px 8px;border-radius:20px;background:var(--pe-bg);color:var(--faint);font-size:10px;font-weight:800}.promo-badges .green{background:rgba(22,163,74,.12);color:#4ade80}.promo-badges .red{background:rgba(220,38,38,.12);color:#f87171}.promo-badges .blue{background:rgba(37,99,235,.12);color:#60a5fa}.promo-badges .pulse{animation:pulse 1.5s infinite}
.promo-empty{padding:50px 20px;color:var(--faint);text-align:center}.promo-empty>div{font-size:40px;margin-bottom:10px}.promo-empty p{font-size:13px;line-height:1.5}
@media(max-width:600px){.promo-item-main{flex-wrap:wrap}.promo-actions{width:100%;justify-content:flex-end}.promo-tabs button{padding:0 13px}}

/* Formulários ligados às listagens PHP: combo_form.php e promo_form.php */
.engine-form{color:var(--text)}.engine-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.engine-form-head h1{margin:0;font-size:24px;font-weight:900}.engine-form-head p{margin:5px 0 0;color:var(--muted)}.engine-back{height:38px;padding:0 15px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);color:var(--text);font-weight:800}.combo-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.combo-side{display:grid;gap:14px}.combo-help{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.combo-help i{width:34px;height:34px;display:grid;place-items:center;margin-bottom:10px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-style:normal;font-weight:900}.combo-help strong{display:block;font-size:13px}.combo-help p{margin:4px 0 10px;color:var(--muted);font-size:12px}.combo-help a{color:var(--primary);font-size:12px;font-weight:800;text-decoration:none}
.combo-box{min-height:560px;padding:22px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 22%,var(--surface)),var(--surface));box-shadow:var(--shadow);color:var(--text)}.combo-box-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.combo-box-head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:22px}.combo-box-head h2{margin:0;font-size:19px;font-weight:900}.combo-box-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.form-tabs{display:grid;gap:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.form-tabs button{min-height:68px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:11px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-weight:800;text-align:left}.form-tabs button span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--surface-alt);color:var(--muted);font-size:12px}.form-tabs button b{display:block}.form-tabs button small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:600}.form-tabs button.active{background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(37,99,235,.08));color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.form-tabs button.active span{background:var(--primary);color:#fff}.form-tabs button.disabled{opacity:.45;pointer-events:none}.form-tabs .exit{display:none}
.combo-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.combo-data-grid>label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.combo-data-grid input,.combo-data-grid select,.combo-data-grid textarea,.rules-grid input,.rules-grid select{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);color:var(--text)}.combo-data-grid textarea{height:74px;padding-top:10px;resize:vertical}.required-id{align-self:end;color:var(--primary);font-weight:800}.inline-fields{display:flex;align-items:center;gap:10px}.inline-fields input{min-width:0}.inline-fields b{white-space:nowrap;color:var(--muted)}.engine-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.engine-primary{min-height:40px;padding:0 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:900}.engine-exit{min-height:40px;padding:0 18px;border:1px solid #ef4444;border-radius:10px;background:transparent;color:#ef4444;font-weight:900}.stage-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.stage-toolbar button{height:34px;padding:0 14px;border:1px solid var(--primary);border-radius:9px;background:transparent;color:var(--primary);font-weight:800}
.engine-table{width:100%;border-collapse:collapse}.engine-table th{height:42px;padding:0 10px;border-bottom:1px solid var(--border);background:var(--surface-alt);color:var(--muted);text-align:left;text-transform:uppercase;font-size:11px}.engine-table td{height:46px;padding:8px 10px;border-bottom:1px solid var(--border)}.engine-table td button{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);color:var(--text)}.engine-table-empty{height:360px!important}.engine-pill{padding:3px 9px;border-radius:999px;background:rgba(37,99,235,.12);color:var(--primary);font-size:11px;font-weight:800}
.combo-price-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(34,197,94,.35);border-radius:12px;background:rgba(34,197,94,.08)}.combo-price-summary span{color:#16a34a;text-transform:uppercase;font-size:11px;font-weight:900}.combo-price-summary p{margin:4px 0 0;color:var(--muted);font-size:12px}.combo-price-summary strong{color:#16a34a;font-size:24px}.rules-grid{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.rules-row{min-width:740px;display:grid;grid-template-columns:280px 1fr 120px 120px}.rules-row>*{min-height:40px;padding:8px 10px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.rules-row.head>*{background:var(--surface-alt);color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.rules-row.stage>strong{background:color-mix(in srgb,var(--surface-alt) 60%,var(--surface))}.rules-row.item>span:first-child{padding-left:28px;color:var(--text)}
.combo-store-grid{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.combo-store-grid header{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-weight:900}.combo-store-table-wrap{height:430px;overflow:auto}.combo-store-table{width:100%;min-width:1040px;border-collapse:collapse;font-size:12px}.combo-store-table th{height:36px;padding:0 10px;border-right:1px solid var(--border);background:var(--surface-alt);color:var(--primary);font-weight:900;text-align:center}.combo-store-table th.check,.combo-store-table td.check{width:42px;text-align:center}.combo-store-table tr.filters th{height:44px;padding:6px 10px;background:var(--surface-alt)}.combo-store-table tr.filters input{width:100%;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.combo-store-table td{height:38px;padding:0 12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}.combo-store-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-alt) 42%,var(--surface))}.combo-store-table tbody tr:hover{background:rgba(37,99,235,.08)}.combo-store-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.combo-store-grid footer{height:50px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 18px;border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px}.combo-store-grid footer b{text-align:center;color:var(--text)}.combo-store-grid footer span:last-child{text-align:center}
.combo-stage-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.combo-stage-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(5px)}.combo-stage-dialog{position:relative;width:min(860px,calc(100vw - 36px));max-height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 26px 80px rgba(2,6,23,.35)}.combo-stage-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.combo-stage-dialog>header span{color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.06em}.combo-stage-dialog h2{margin:4px 0 0;font-size:22px}.combo-stage-dialog>header button{width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:26px}.combo-stage-dialog form{min-height:0;display:flex;flex-direction:column;overflow:auto}.combo-stage-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 24px}.combo-stage-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:900}.combo-stage-fields input{height:48px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt);color:var(--text);font-weight:800}.combo-stage-switch{position:relative;min-height:68px;display:flex!important;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.combo-stage-switch input{position:absolute;opacity:0}.combo-stage-switch i{width:42px;height:24px;border-radius:999px;background:#cbd5e1;position:relative}.combo-stage-switch i:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.16s}.combo-stage-switch input:checked+i{background:var(--primary)}.combo-stage-switch input:checked+i:before{left:21px}.combo-stage-products-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 12px}.combo-stage-products-head strong{font-size:13px}.combo-stage-products-head button{height:34px;padding:0 12px;border:1px solid var(--primary);border-radius:9px;background:transparent;color:var(--primary);font-weight:900}.combo-stage-selected{display:grid;gap:8px;padding:0 24px 16px}.combo-stage-selected article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.combo-stage-selected b,.combo-stage-selected small{display:block}.combo-stage-selected small{margin-top:3px;color:var(--muted)}.combo-stage-selected button{height:30px;padding:0 10px;border:1px solid #ef4444;border-radius:8px;background:transparent;color:#ef4444;font-weight:800}.combo-stage-selected p,.combo-product-picker-list p{margin:0;padding:18px;color:var(--muted);text-align:center}.combo-product-picker-modal{z-index:100001}.combo-product-picker{position:relative;width:min(760px,calc(100vw - 36px));max-height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 26px 80px rgba(2,6,23,.38)}.combo-product-picker>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border)}.combo-product-picker>header span{color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.06em}.combo-product-picker h2{margin:4px 0 0;font-size:21px}.combo-product-picker>header button{width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:26px}.combo-product-picker-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.combo-product-picker-tools input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.combo-product-picker-tools b{color:var(--primary);font-size:12px}.combo-product-picker-list{min-height:220px;max-height:430px;display:grid;align-content:start;gap:7px;overflow:auto;padding:14px 22px}.combo-product-picker-list label{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);cursor:pointer}.combo-product-picker-list input{width:17px;height:17px;accent-color:var(--primary)}.combo-product-picker-list b,.combo-product-picker-list small{display:block}.combo-product-picker-list small{margin-top:3px;color:var(--muted)}.combo-product-picker footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.combo-product-picker footer button:first-child{min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text);font-weight:800}.combo-stage-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--border)}.combo-stage-dialog footer button:first-child{min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text);font-weight:800}
.promo-info{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:10px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.promo-info span{padding:3px 9px;border-radius:20px;background:var(--surface-alt);color:var(--muted);font-size:10px;font-weight:800}.promo-info span.live{background:rgba(22,163,74,.12);color:#4ade80}.promo-form>.form-tabs{position:static;margin-bottom:20px;padding-bottom:2px;border-bottom:2px solid var(--border)}.promo-form>.form-tabs button{min-width:0;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent}.promo-form>.form-tabs button.active{border-bottom-color:#2563eb;color:#2563eb}.promo-form>.form-tabs .exit{margin-left:auto;color:#f87171}

/* produto_form.php — réplica visual */
body[data-page="produto_form"] .content{max-width:none;padding:24px 30px 40px;background:#eeeef4;color:#2d2d4e}
body[data-page="produto_form"] .page-heading{display:none}
.produto-php-page{--pp:#4b0082;--pp2:#6a1aad;--pp3:#7c3aed;--pl:#f4eeff;--pm:#ddd0f7;--po:#f97316;--po2:#ea6900;--pb:#e0dff0;--pt:#2d2d4e;--pt2:#6b6b8a;--pt3:#a0a0b8;color:var(--pt);font-family:"Segoe UI",system-ui,sans-serif}
.produto-php-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.produto-php-head h1{margin:0;color:var(--pp);font-size:24px;font-weight:900;letter-spacing:-.3px;text-transform:uppercase}
.produto-php-head p{margin:3px 0 0;color:var(--pt2);font-size:13px;font-weight:500}
.produto-card{padding:22px 24px;background:#fff;border:1px solid var(--pb);border-radius:10px;box-shadow:0 1px 6px rgba(75,0,130,.08)}
.produto-card h2{margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--pm);color:var(--pp);font-size:15px;font-weight:800}
.produto-general-grid{display:grid;grid-template-columns:180px 1fr 260px 130px;gap:14px}
.produto-field,.produto-status{display:flex;flex-direction:column;gap:5px}
.produto-field>span,.produto-status>span,.produto-label{color:var(--pt2);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.produto-field input,.produto-field select,.produto-field textarea{width:100%;min-height:38px;padding:0 12px;border:1.5px solid var(--pb);border-radius:7px;background:#fff;color:var(--pt);font:500 13px inherit;outline:none}
.produto-field textarea{min-height:90px;padding:10px 12px;resize:vertical}
.produto-field input:focus,.produto-field select:focus,.produto-field textarea:focus{border-color:var(--pp2);box-shadow:0 0 0 3px rgba(106,26,173,.10)}
.produto-field input::placeholder{color:var(--pt3)}
.produto-field small{color:var(--pt3);font-size:11px;font-weight:600}
.produto-category-inline{display:grid;grid-template-columns:1fr 40px;gap:8px}
.produto-category-inline button{height:38px;border:0;border-radius:7px;background:var(--pp2);color:#fff;font-size:22px;font-weight:900;box-shadow:0 4px 12px rgba(106,26,173,.22);cursor:pointer}
.produto-classification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:16px;border:1px solid var(--pb);border-radius:9px;background:#faf9ff}
.produto-status b{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--pt2);font-size:11px;text-transform:uppercase}
.produto-status input,.produto-stock-check input,.produto-fraction input,.produto-type-card input{accent-color:var(--pp2)}
.produto-description{margin-top:14px}
.produto-type-section{margin-top:18px}
.produto-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.produto-type-card{display:flex;align-items:flex-start;gap:10px;min-height:80px;padding:13px;border:1.5px solid var(--pb);border-radius:7px;background:#fafaf8;cursor:pointer;transition:.15s}
.produto-type-card:hover,.produto-type-card:has(input:checked){border-color:var(--pp2);background:var(--pl);box-shadow:0 0 0 3px rgba(106,26,173,.10)}
.produto-type-card input{width:15px;height:15px;margin-top:2px}
.produto-type-card strong,.produto-type-card small{display:block}
.produto-type-card strong{color:var(--pt);font-size:13px;font-weight:800;text-transform:uppercase}
.produto-type-card small{margin-top:3px;color:var(--pt2);font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase}
.produto-price-card{margin-top:20px}
.produto-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.produto-fraction{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;border:1.5px solid var(--pb);border-radius:7px;background:#fff;cursor:pointer}
.produto-fraction strong,.produto-fraction small{display:block}.produto-fraction strong{font-size:13px;font-weight:800;text-transform:uppercase}.produto-fraction small{margin-top:1px;color:var(--pt2);font-size:11px;text-transform:uppercase}
.produto-stock-check{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--pt2);font-size:11px;font-weight:700;text-transform:uppercase}
#produto-price-warning{display:none;color:var(--po);font-weight:700}
#produto-price-field.locked{opacity:.55}#produto-price-field.locked input{background:#f1f0f8;cursor:not-allowed}
.produto-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.produto-btn{min-height:38px;padding:0 20px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}
.produto-btn-back{border:1.5px solid var(--pb);background:transparent;color:var(--pt2)}.produto-btn-back:hover{border-color:var(--pp2);background:var(--pl);color:var(--pp)}
.produto-btn-save{border:0;background:var(--po);color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.28)}.produto-btn-save:hover{background:var(--po2)}
.produto-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(44,0,80,.45);backdrop-filter:blur(6px)}
.produto-modal[hidden]{display:none}.produto-modal-card{width:100%;max-width:460px;overflow:hidden;border:1px solid var(--pb);border-radius:14px;background:#fff;box-shadow:0 20px 60px rgba(75,0,130,.18)}
.produto-modal-card header{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;border-bottom:1px solid var(--pb);background:var(--pl)}.produto-modal-card header i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--pp2);color:#fff;font-size:20px}.produto-modal-card header strong{flex:1;color:var(--pp);font-size:16px}.produto-modal-card header button{border:0;background:transparent;color:var(--pt2);font-size:24px;cursor:pointer}
.produto-modal-card>div{padding:20px}.produto-modal-card p{min-height:18px;margin:10px 0 0;color:var(--po);font-size:12px;font-weight:700}.produto-modal-card footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid var(--pb)}.produto-modal-card footer button{height:38px;padding:0 18px;border-radius:999px;border:1px solid var(--pb);font-weight:700;cursor:pointer}.produto-modal-card footer button:last-child{border:0;background:var(--po);color:#fff}
@media(max-width:1100px){.produto-general-grid{grid-template-columns:180px 1fr 240px}.produto-status{grid-column:1/-1}.produto-type-grid{grid-template-columns:repeat(2,1fr)}.produto-classification-grid{grid-template-columns:1fr}}
@media(max-width:760px){body[data-page="produto_form"] .content{padding:18px}.produto-general-grid,.produto-price-grid,.produto-type-grid,.produto-classification-grid{grid-template-columns:1fr}.produto-php-head{align-items:flex-start}.produto-card{padding:18px}}

/* usuarios.php / usuario_form.php */
.ug-wrap{max-width:1400px}.ug-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.ug-toolbar h1,.uf-toolbar h1{margin:0;font:800 28px Sora,sans-serif;color:#eaf0fb}.ug-toolbar p,.uf-toolbar p{margin:3px 0 0;color:#9aa7c2;font-size:14px}.ug-cta,.ug-btn,.uf-save{height:44px;padding:0 22px;border:0;border-radius:10px;background:#3b82f6;color:#fff;font:700 14px Sora,sans-serif;cursor:pointer}.ug-card,.uf-card{margin-bottom:18px;padding:22px 24px;border:1px solid #1e2d47;border-radius:16px;background:#131d33;box-shadow:0 16px 36px -24px #000}.ug-filters{display:flex;align-items:flex-end;gap:16px}.ug-fld,.uf-fld{display:flex;flex:1;flex-direction:column;gap:7px}.ug-fld span,.uf-fld span{color:#9aa7c2;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ug-inp,.uf-fld input{width:100%;height:44px;padding:0 14px;border:1px solid #26324f;border-radius:8px;background:#1b2740;color:#eaf0fb;font-size:14px;outline:none}.ug-inp:focus,.uf-fld input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.18)}.ug-result-head{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05);color:#9aa7c2;font:700 13px Sora,sans-serif;text-transform:uppercase}.ug-table{width:100%;min-width:760px;border-collapse:collapse}.ug-table th{padding:12px 16px;border-bottom:1px solid #1e2d47;color:#6b7896;font-size:11.5px;letter-spacing:.06em;text-align:left;text-transform:uppercase}.ug-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:#eaf0fb;font-size:14px}.ug-pill,.ug-pdv{display:inline-flex;padding:4px 11px;border-radius:30px;background:rgba(59,130,246,.16);color:#7eb0ff;font-size:11.5px;font-weight:700}.ug-pdv.yes{border:1px solid rgba(16,185,129,.28);background:rgba(16,185,129,.14);color:#6ee7b7}.ug-pdv.no{border:1px solid rgba(148,163,184,.2);background:rgba(148,163,184,.1);color:#94a3b8}.ug-edit{width:34px;height:34px;border:1px solid #26324f;border-radius:8px;background:#1b2740;color:#9aa7c2;cursor:pointer}.uf-wrap{max-width:960px}.uf-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.uf-toolbar h1{font-size:26px}.uf-back,.uf-cancel{height:42px;padding:0 18px;border:1px solid #26324f;border-radius:9px;background:transparent;color:#9aa7c2;font-weight:600;cursor:pointer}.uf-card{padding:28px 30px}.uf-card h2{margin:0 0 18px;padding-left:12px;border-left:4px solid #3b82f6;color:#3b82f6;font:700 12.5px Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase}.uf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.uf-grid .full,.uf-fld.full{grid-column:1/-1}.uf-fld input{height:46px;border-radius:9px}.uf-note{margin-bottom:18px;padding:12px 16px;border:1px solid rgba(251,191,36,.25);border-radius:10px;background:rgba(251,191,36,.08);color:#fcd34d;font-size:13px}.uf-checks{display:flex;flex-wrap:wrap;gap:10px}.uf-checks label,.uf-switch{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #26324f;border-radius:9px;background:#1b2740;color:#eaf0fb;cursor:pointer}.uf-switch{padding:15px 16px;font-weight:700}.uf-help{color:#9aa7c2;font-size:12.5px}.uf-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.uf-save{height:46px}.uf-cancel{height:46px}
@media(max-width:700px){.ug-filters,.uf-grid{display:flex;flex-direction:column}.ug-fld,.uf-fld{width:100%}}

body[data-page="pdvs"] .content{max-width:none;background:radial-gradient(circle at top left,#102a5c,#030712 42%,#020617);color:#f8fafc}.pdv-admin-head h1{margin:0;font-size:34px}.pdv-admin-head p{color:#bfdbfe}.pdv-admin-layout{display:grid;grid-template-columns:440px 1fr;gap:24px;align-items:start}.pdv-admin-card{overflow:hidden;border:1px solid rgba(56,189,248,.24);border-radius:22px;background:rgba(15,23,42,.86)}.pdv-admin-card header{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(148,163,184,.16)}.pdv-admin-card header strong{font-size:22px}.pdv-admin-card header span{color:#93c5fd}.pdv-admin-card form{display:flex;flex-direction:column;gap:16px;padding:24px}.pdv-admin-card label{display:flex;flex-direction:column;gap:8px;color:#93c5fd;font-weight:800}.pdv-admin-card input,.pdv-admin-card select{height:52px;padding:0 16px;border:1px solid rgba(56,189,248,.32);border-radius:14px;background:#020617;color:#f8fafc;font-size:16px}.pdv-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pdv-admin-card small{color:#94a3b8}.pdv-primary{height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#7c3aed);color:#fff;font-weight:800}.pdv-admin-table{width:100%;min-width:780px;border-collapse:collapse}.pdv-admin-table th,.pdv-admin-table td{padding:15px 16px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left}.pdv-admin-table th{background:rgba(2,6,23,.44);color:#93c5fd;font-size:13px;text-transform:uppercase}#pdv-code-preview{display:flex;align-items:center;height:52px;padding:0 16px;border:1px solid rgba(34,211,238,.35);border-radius:14px;background:rgba(14,165,233,.12);color:#ff0;font-size:22px;font-weight:900}
body[data-page="cargas-pdv"] .content{max-width:none;background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 30%),linear-gradient(135deg,#eef3f8,#f8fafc);color:#111827}.load-php-page>header h1{margin:0;color:#351052;font-size:30px}.load-php-page>header p{color:#64748b}.load-card{overflow:hidden;margin:22px 0;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 18px 38px rgba(15,23,42,.08)}.load-card-head{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb}.load-card-head strong{font-size:18px}.load-card-head span{padding:8px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;font-weight:700}.load-form-area{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:16px;align-items:end;padding:24px}.load-form-area label{display:flex;flex-direction:column;gap:8px;color:#334155;font-size:13px;font-weight:800}.load-form-area input,.load-form-area select{height:44px;padding:0 12px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc}.load-form-area button{height:44px;min-width:150px;border:0;border-radius:999px;background:linear-gradient(135deg,#351052,#6d28d9);color:#fff;font-weight:900}.load-table{width:calc(100% - 44px);margin:0 22px 22px;border-collapse:collapse}.load-table th{padding:12px;background:#f1f5f9;color:#475569;text-align:left;text-transform:uppercase}.load-table td{padding:13px 12px;border-bottom:1px solid #e5e7eb}
body[data-page="autoatendimento_visual"] .content{max-width:none;background:#f6f7fb;color:#111827}.aa-visual-page{padding:0 0 24px}.aa-visual-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.aa-visual-toolbar span{color:#64748b;font-size:13px}.aa-visual-toolbar h1{margin:8px 0 6px;font-size:32px}.aa-visual-toolbar p{margin:0;color:#64748b}.aa-visual-actions{display:flex;align-items:end;gap:14px}.aa-visual-actions label{display:flex;flex-direction:column;gap:6px;color:#64748b;font-size:12px;font-weight:800}.aa-visual-actions select{height:46px;min-width:280px;padding:0 14px;border:1px solid #d8deea;border-radius:8px;background:#fff;color:#111827;font-weight:800}.aa-outline,.aa-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:8px;font-weight:900}.aa-outline{border:2px solid #6d28d9;background:#fff;color:#6d28d9}.aa-save{border:0;background:#ff5a00;color:#fff}.aa-visual-shell{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.aa-screen-strip,.aa-editor-card,.aa-preview-panel{border:1px solid #dde3ee;background:#fff;border-radius:8px}.aa-screen-strip{padding:20px}.aa-screen-list{display:flex;gap:14px;overflow:auto;padding-top:16px}.aa-screen{position:relative;display:flex;flex:0 0 116px;height:178px;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px;border:1px solid #dfe5ef;border-radius:6px;background:linear-gradient(180deg,#fff,#f8fafc);color:#111827;text-align:left}.aa-screen span{position:absolute;top:8px;left:8px;color:#94a3b8;font-size:12px}.aa-screen b{font-size:13px}.aa-screen small{color:#64748b;font-size:11px}.aa-screen.active{border-color:#ff5a00;background:linear-gradient(180deg,#111827,#ff5a00);color:#fff}.aa-screen.active small,.aa-screen.active span{color:#fff}.aa-editor-card{margin-top:18px}.aa-editor-card>header{padding:20px 24px;border-bottom:1px solid #e5eaf2}.aa-editor-card h2{margin:0 0 6px;font-size:22px}.aa-editor-card p{margin:0;color:#64748b}.aa-editor-layout{display:grid;grid-template-columns:178px minmax(0,1fr) 390px;gap:18px;padding:18px}.aa-editor-tabs{display:flex;flex-direction:column;gap:8px;padding:8px;background:#f8fafc;border-radius:8px}.aa-editor-tabs button{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#334155;font-weight:800;text-align:left}.aa-editor-tabs button.active{background:#ff5a00;color:#fff}.aa-visual-form{display:flex;flex-direction:column;gap:24px}.aa-form-group h3,.aa-banner-panel h3{margin:0 0 14px}.aa-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.aa-field-grid label{display:flex;flex-direction:column;gap:7px;color:#334155;font-size:12px;font-weight:800}.aa-field-grid input,.aa-field-grid select,.aa-field-grid textarea{width:100%;min-height:42px;padding:0 12px;border:1px solid #d8deea;border-radius:8px;background:#fff;color:#111827}.aa-field-grid textarea{height:74px;padding-top:10px;resize:none}.aa-field-grid .wide{grid-column:span 2}.aa-switch{justify-content:end}.aa-switch input{width:46px;height:24px;accent-color:#ff5a00}.aa-banner-panel{border-left:1px solid #e5eaf2;padding-left:18px}.aa-banner-panel header{display:flex;align-items:center;justify-content:space-between}.aa-banner-panel header button{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px dashed #6d28d9;border-radius:8px;background:#fff;color:#6d28d9;font-weight:900}.aa-banner-row{display:grid;grid-template-columns:112px minmax(0,1fr) 36px;gap:12px;align-items:center;margin-bottom:12px;padding:10px;border:1px solid #e5eaf2;border-radius:8px;background:#fff}.aa-banner-row img{width:112px;height:64px;object-fit:cover;border-radius:6px;background:#0f172a}.aa-banner-row b,.aa-banner-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-banner-row small{color:#64748b}.aa-banner-row span{color:#22c55e;font-size:12px}.aa-banner-row button{border:0;background:transparent;color:#ef4444}.aa-empty-banner{padding:18px;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;text-align:center}.aa-preview-panel{padding:18px}.aa-preview-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.aa-preview-panel>header span{padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px}.aa-totem-preview{display:grid;place-items:center}.aa-phone{position:relative;overflow:hidden;width:306px;height:544px;border:14px solid #111827;border-radius:24px;background-size:cover;background-position:center;color:#fff;box-shadow:0 18px 38px rgba(15,23,42,.24)}.aa-phone-logo{height:78px;display:grid;place-items:center;color:var(--aa-main);font-weight:900}.aa-phone-logo img{max-width:150px;max-height:48px}.aa-phone section{padding:34px 34px 0}.aa-phone h3{margin:0;font-size:36px;line-height:1}.aa-phone h3 span{color:var(--aa-main)}.aa-phone p{font-size:17px;font-weight:900}.aa-phone strong{font-size:28px}.aa-phone footer{position:absolute;left:22px;right:22px;bottom:86px;text-align:center}.aa-phone footer b{display:block;color:#fff;font-size:20px}.aa-phone footer small{display:block;margin-top:9px;color:#e2e8f0}.aa-phone-wave{position:absolute;left:0;right:0;bottom:0;height:58px;display:grid;place-items:center;background:var(--aa-main);font-size:12px;font-weight:800}.aa-preview-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.aa-preview-sizes button{height:38px;border:1px solid #d8deea;border-radius:6px;background:#fff;color:#475569;font-weight:800}.aa-preview-sizes button.active{background:#6d28d9;color:#fff}@media(max-width:1300px){.aa-visual-shell{grid-template-columns:1fr}.aa-preview-panel{max-width:430px}.aa-editor-layout{grid-template-columns:160px 1fr}.aa-banner-panel{grid-column:1/-1;border-left:0;border-top:1px solid #e5eaf2;padding:18px 0 0}}@media(max-width:860px){.aa-visual-toolbar,.aa-visual-actions{display:block}.aa-visual-actions>*{margin-top:10px}.aa-editor-layout{grid-template-columns:1fr}.aa-editor-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.aa-field-grid{grid-template-columns:1fr}.aa-field-grid .wide{grid-column:auto}}
.load-form-area input,.load-form-area select{color:#172033!important;background:#f8fafc!important;color-scheme:light;font-weight:650}
.load-form-area select option{color:#172033;background:#fff}
.load-form-area input::placeholder{color:#64748b;opacity:1}
.load-form-area input[type="date"]{cursor:pointer}
.load-form-area input[type="date"]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:none}
.load-history-head{align-items:center;justify-content:flex-start;gap:12px}
.load-refresh{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d8e0eb;border-radius:10px;background:#f5f7fb;color:#4b168c;cursor:pointer;transition:.18s}
.load-refresh:hover{border-color:#6d28d9;background:#f1eafe;color:#6d28d9}
.load-refresh svg{width:19px;height:19px}
.load-refresh.refreshing svg{animation:load-refresh-spin .75s linear infinite}
@keyframes load-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.load-form-area{grid-template-columns:1fr 1fr}.load-form-area button{width:100%}}
@media(max-width:600px){.load-form-area{grid-template-columns:1fr}.load-card-head{gap:10px;align-items:flex-start}.load-card-head>span{font-size:12px}}

/* estoque_itens.php / estoque_item_form.php */
body[data-page="estoque-itens"] .content,body[data-page="estoque_item_form"] .content{max-width:none;padding:34px 38px;background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 30%),linear-gradient(135deg,#0f172a,#111827 48%,#020617);color:#fff}
body[data-page="estoque_item_form"] .page-heading{display:none}.stock-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.stock-head h1{margin:0;color:#fff;font-size:40px;font-weight:950}.stock-head p{margin:6px 0 0;color:#cbd5e1;font-weight:600}.stock-card{margin-top:20px;padding:28px 30px;border:1px solid rgba(148,163,184,.2);border-radius:24px;background:rgba(30,41,59,.86);box-shadow:0 18px 50px rgba(0,0,0,.35)}.stock-card h2{margin:0 0 22px;color:#fff;font-size:25px}.stock-new,.stock-danger,.stock-filters button{min-height:42px;padding:0 18px;border:0;border-radius:12px;color:#fff;font-weight:900;cursor:pointer}.stock-new{background:#16a34a}.stock-danger{background:#ef4444}.stock-filters{display:flex;align-items:center;gap:12px;margin-bottom:20px}.stock-filters input,.stock-filters select,.stock-card label>input,.stock-card label>select{height:50px;padding:0 14px;border:1px solid #334155;border-radius:13px;background:#0f172a;color:#fff;font-size:15px}.stock-filters input{width:320px}.stock-filters button{background:#2563eb}.stock-filters button:last-child{background:#ef4444}.stock-table{width:100%;min-width:980px;border-collapse:collapse}.stock-table th,.stock-table td{padding:14px;border-bottom:1px solid rgba(148,163,184,.16);text-align:left}.stock-table th{background:#0f172a;color:#cbd5e1;font-size:13px;text-transform:uppercase}.stock-table td{color:#e2e8f0}.stock-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(59,130,246,.16);color:#93c5fd;font-size:12px;font-weight:900}.stock-badge.ok{background:rgba(34,197,94,.16);color:#86efac}.stock-badge.warn{background:rgba(245,158,11,.16);color:#fcd34d}.stock-general-grid{display:grid;grid-template-columns:180px 1fr 280px 160px;gap:14px}.stock-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stock-two{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stock-card label{display:flex;flex-direction:column;gap:7px;color:#fff;font-weight:800}.stock-check{min-height:50px;flex-direction:row!important;align-items:center;padding:0 14px;border:1px solid #334155;border-radius:13px;background:#0f172a}.stock-check input{width:18px;height:18px}.stock-check small{display:block;margin-top:2px;color:#94a3b8;font-size:12px}.stock-manufactured{margin-top:14px;padding:16px;border:1px solid #334155;border-radius:16px;background:#0f172a}#stock-mode{display:flex;gap:12px;margin-top:14px}#stock-mode label{flex:1;padding:14px;border:1px solid #334155;border-radius:15px;background:#020617}.stock-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.promo-two-col{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}.engine-card{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.engine-card>header{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-alt);font-size:13px;font-weight:800}.engine-card>div{padding:16px}.engine-fields{display:grid;gap:13px}.engine-fields label{display:grid;gap:5px;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.engine-fields input,.engine-fields textarea,.engine-fields select{width:100%;height:36px;padding:0 10px;border:1.5px solid var(--border-strong);border-radius:8px;background:var(--surface-alt);color:var(--text)}.engine-fields textarea{height:70px;padding-top:8px}.engine-fields .check-line{display:flex;grid-template-columns:auto 1fr;align-items:center;text-transform:none;font-size:13px}.engine-fields .check-line input{width:16px;height:16px}.tips{display:grid;gap:14px}.tips>div{padding:12px;border-radius:8px;background:var(--surface-alt)}.tips p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.tips .tip-blue{border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.08);color:#60a5fa}
.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.apply-grid label{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px;border:2px solid var(--border-strong);border-radius:12px;background:var(--surface-alt);cursor:pointer;text-align:center}.apply-grid label.selected{border-color:#2563eb;background:rgba(37,99,235,.08)}.apply-grid input{display:none}.apply-grid b{font-size:12px}.apply-grid small{color:var(--muted)}#promo-products-form{display:grid;gap:16px}.select-list{max-height:420px;display:grid;gap:4px;overflow:auto}.select-list label{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface)}.select-list input{width:16px;height:16px}.select-list span{min-width:0;flex:1}.select-list span b,.select-list span small{display:block}.select-list span small{color:var(--faint)}.select-list>label>strong{color:#4ade80}
.promo-rules-table th{background:#1a3a6b;color:#fff}.promo-rules-table select,.promo-rules-table input{width:100%;height:30px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text)}.promo-rules-table td small{display:block;color:var(--faint)}.green-value{color:#4ade80;font-weight:900}.summary-list{display:grid}.summary-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.summary-products{display:grid}.summary-products>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.summary-products b{color:#4ade80}.engine-empty{padding:45px 20px;color:var(--faint);text-align:center}
.price-triple{display:block;margin-top:4px;color:var(--faint);font-size:10px;line-height:1.35}
.coupon-product-price-summary{margin-top:12px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-alt)}
.coupon-product-price-summary strong{display:block;margin-bottom:4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
@media(max-width:900px){.promo-two-col{grid-template-columns:1fr}.combo-data-grid{grid-template-columns:1fr}.combo-data-grid>label{grid-template-columns:1fr}.required-id{display:none}}
@media(max-width:600px){.inline-fields{align-items:stretch;flex-direction:column}.form-tabs button{min-width:135px}.apply-grid{grid-template-columns:1fr}}

/* Modal PHP de seleção de Produto/Combo no Menu PDV */
.menu-select-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.78);backdrop-filter:blur(5px)}
.menu-select-box{width:min(900px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #1d4f78;border-radius:18px;background:#0d1629;color:#f8fafc;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.menu-select-box>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #25334d}.menu-select-box>header strong,.menu-select-box>header small{display:block}.menu-select-box>header strong{font:800 15px Sora,sans-serif}.menu-select-box>header small{margin-top:3px;color:#94a3b8;font-size:12px}.menu-select-box>header button{width:32px;height:32px;border:0;border-radius:50%;background:#f44752;color:#fff;font-size:22px;font-weight:900;cursor:pointer}
.menu-select-body{padding:14px 18px;overflow:auto}.menu-kind-tabs,.menu-filter-mode{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.menu-kind-tabs label{padding:5px 10px;border:1px solid #2661a2;border-radius:12px;background:#101d34;font-size:12px;font-weight:800}.menu-filter-mode label{font-size:13px}.menu-kind-tabs input,.menu-filter-mode input{accent-color:#3b82f6}
.menu-select-search,.menu-select-category{width:100%;height:47px;margin-bottom:10px;padding:0 12px;border:1px solid #27517d;border-radius:12px;background:#071123;color:#fff;outline:none}.menu-select-search:focus,.menu-select-category:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.menu-select-table{overflow:hidden;border:1px solid #25334d;border-radius:12px}.menu-select-head,.menu-select-row{display:grid;grid-template-columns:32px 110px minmax(180px,1fr) 185px 64px;gap:8px;align-items:center}.menu-select-head{padding:8px 10px;background:#071020;color:#9aa7c2;font-size:10px;font-weight:900;text-transform:uppercase}.menu-select-list{max-height:360px;overflow:auto}.menu-select-row{padding:8px 10px;border-top:1px solid #1d2a42}.menu-select-row:hover{background:#111e35}.menu-select-row.already{opacity:.48}.menu-select-row b,.menu-select-row small{display:block}.menu-select-row b{font-size:13px}.menu-select-row small{margin-top:2px;color:#8290aa;font-size:11px}.menu-select-row .code{color:#a8b5ca;font-size:12px}.menu-select-row input[data-title],.menu-select-row input[data-order]{width:100%;height:30px;padding:0 8px;border:1px solid #30415f;border-radius:7px;background:#111d33;color:#fff}.menu-select-empty{padding:28px;color:#71809c;text-align:center}
.menu-select-box>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #25334d}.menu-select-box>footer .p-btn{height:35px}.menu-select-box>footer .primary{background:linear-gradient(135deg,#0ea5e9,#6d3df5);color:#fff}
@media(max-width:720px){.menu-select-head,.menu-select-row{grid-template-columns:30px 72px 1fr}.menu-select-head span:nth-child(4),.menu-select-head span:nth-child(5),.menu-select-row>span:nth-child(4),.menu-select-row>span:nth-child(5){display:none}.menu-select-box>footer{flex-wrap:wrap}}

/* login 2.0 */
.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(400px,.85fr);place-items:stretch;padding:0;border-radius:20px;overflow:hidden;background:#02060d}
.login-showcase{position:relative;min-height:100vh;padding:44px 54px 38px;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 48%),url("/assets/login-pdv.png") center/cover no-repeat;color:#fff}
.showcase-brand{display:flex;align-items:center;gap:14px}.brand-chef,.login-chef{color:#19bd4c;font-size:48px;line-height:1}.showcase-brand strong{display:block;font:800 42px/1 Sora,sans-serif}.showcase-brand strong span,.login-brandmark h1 span{color:#19bd4c}.showcase-brand small{display:block;margin-top:10px;font-size:15px;letter-spacing:4px;text-transform:uppercase}
.showcase-copy{margin-top:72px}.showcase-copy h2{margin:0;font:800 45px/1.2 Sora,sans-serif}.showcase-copy h2 span{color:#19bd4c}.showcase-copy p{margin:26px 0;color:#fff;font-size:27px;line-height:1.25}.showcase-copy i{display:block;width:112px;height:4px;background:#19bd4c}
.showcase-benefits{position:absolute;left:54px;right:40px;bottom:125px;display:flex;gap:55px}.showcase-benefits div{display:flex;flex-direction:column;gap:12px}.showcase-benefits b{display:grid;place-items:center;width:56px;height:56px;border:1px solid #19bd4c;border-radius:10px;color:#19bd4c;font-size:28px}.showcase-benefits span{font-size:15px;line-height:1.45}.showcase-version{position:absolute;left:54px;bottom:40px;color:#b6b6b6}.showcase-version b{color:#19bd4c}
.login-access{display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 65% 20%,#0b1524,#030911 65%)}.login-form{width:min(100%,520px);max-width:none;padding:34px 34px 36px;border:1px solid #1d2b3c;border-radius:25px;background:linear-gradient(145deg,rgba(10,20,34,.97),rgba(4,12,22,.97));box-shadow:0 35px 90px rgba(0,0,0,.42)}
.login-brandmark{gap:9px;margin-bottom:34px}.login-chef{font-size:58px}.login-brandmark h1{margin:0;color:#fff;font:800 40px/1 Sora,sans-serif}.login-brandmark>span{color:#d2d4da;font-size:14px;letter-spacing:4px}.login-heading{text-align:center;margin-bottom:30px}.login-heading h2{margin:0 0 8px!important;color:#fff;font:700 25px Sora,sans-serif!important}.login-heading p{color:#aeb5c0;font-size:16px}
.login-form>label{margin-bottom:20px;color:#fff;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}.login-input{height:54px;margin-top:9px;padding:0 16px;border-color:#19283a;border-radius:12px;background:rgba(9,20,34,.72)}.login-input input{font-size:15px}.login-input>[data-icon],.login-lock{color:#aab1bc;font-size:22px}.password-field input{letter-spacing:14px;font-size:25px}
.login-keypad{grid-template-columns:repeat(2,1fr);gap:12px;margin:4px 6px 28px}.login-keypad button{height:58px;border:1px solid rgba(59,130,246,.36);border-radius:12px;background:linear-gradient(135deg,#123b72,#1955a2);color:#fff;font:700 18px Sora,sans-serif;box-shadow:0 8px 18px rgba(10,65,145,.18)}.login-keypad button:hover{border-color:#60a5fa;background:linear-gradient(135deg,#18519a,#2471cf)}
.login-form>.primary-button{height:58px;border-radius:11px;background:linear-gradient(90deg,#19bd4c,#22b84d);color:#fff;font-size:18px}.forgot-password{display:block;margin:18px auto 0;border:0;background:transparent;color:#19bd4c;font-size:15px;font-weight:600;cursor:pointer}.login-form .form-error{margin:10px 0 0}
.login-loading{position:absolute;inset:0;z-index:20;display:grid;place-items:center;align-content:center;gap:12px;border-radius:inherit;background:rgba(3,9,17,.78);backdrop-filter:blur(3px);text-align:center;color:#fff}.login-loading[hidden]{display:none!important}.login-loading-spinner{position:relative;width:112px;height:112px}.login-loading-spinner span{position:absolute;inset:0;border:6px solid transparent;border-radius:50%;animation:foodsync-loader-spin 1s linear infinite}.login-loading-spinner span:nth-child(1){border-top-color:#19bd4c;border-left-color:#19bd4c;animation-duration:1.05s}.login-loading-spinner span:nth-child(2){inset:10px;border-top-color:#ffe23c;border-right-color:#ffe23c;animation-duration:.9s;animation-direction:reverse}.login-loading-spinner span:nth-child(3){inset:20px;border-left-color:#1d6bff;border-bottom-color:#1d6bff;animation-duration:1.2s}.login-loading strong{font:800 18px/1 Sora,sans-serif}.login-loading small{color:#b8c7d9;font-size:12px;font-weight:700}.login-form.is-loading .login-keypad button,.login-form.is-loading .login-input input,.login-form.is-loading .forgot-password,.login-form.is-loading #login-button{pointer-events:none}
@media(max-width:1050px){.login-view{grid-template-columns:1fr}.login-showcase{display:none}.login-access{min-height:100vh}.login-form{max-width:680px}}
@media(max-width:620px){.login-access{padding:0}.login-form{min-height:100vh;padding:32px 22px;border:0;border-radius:0}.login-keypad{gap:9px}.login-keypad button{height:58px}.login-brandmark h1{font-size:34px}.login-loading{border-radius:0}.login-loading-spinner{width:96px;height:96px}.login-loading-spinner span{border-width:5px}}
@media(max-height:920px) and (min-width:1051px){
  .login-showcase{padding:26px 42px}.showcase-brand strong{font-size:34px}.showcase-copy{margin-top:40px}.showcase-copy h2{font-size:36px}.showcase-copy p{margin:18px 0;font-size:22px}.showcase-benefits{left:42px;bottom:72px;gap:36px}.showcase-benefits b{width:46px;height:46px}.showcase-version{left:42px;bottom:20px}
  .login-access{padding:10px}.login-form{width:min(100%,480px);padding:20px 28px 22px;border-radius:22px}.login-brandmark{margin-bottom:16px}.login-chef{font-size:40px}.login-brandmark h1{font-size:30px}.login-heading{margin-bottom:16px}.login-heading h2{font-size:20px!important}.login-form>label{margin-bottom:11px}.login-input{height:46px}.login-keypad{gap:8px;margin:2px 4px 16px}.login-keypad button{height:48px;font-size:16px}.login-form>.primary-button{height:50px;font-size:16px}.forgot-password{margin-top:11px;font-size:13px}
}
@media(max-height:740px) and (min-width:1051px){.showcase-benefits{display:none}.showcase-version{bottom:18px}.login-form{padding:16px 38px}.login-brandmark{margin-bottom:10px}.login-heading{margin-bottom:10px}.login-keypad button{height:44px}.forgot-password{margin-top:8px}}

/* Login ajustado ao viewport: em 100% exibe o mesmo conteúdo visto antes em 90% */
body:has(.login-view:not([hidden])){overflow:hidden}
.login-view{height:100dvh;min-height:0;border-radius:0}
.login-showcase{
  height:100dvh;min-height:0;display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  padding:clamp(22px,3.2vh,38px) clamp(34px,3.2vw,54px) clamp(18px,2.5vh,32px);
}
.showcase-brand{display:block}
.system-logo{overflow:hidden}
.system-logo img{display:block;width:100%;height:auto}
.system-logo-showcase{width:clamp(180px,13vw,238px);height:clamp(124px,9vw,172px)}
.system-logo-showcase img{transform:translateY(clamp(-42px,-3vw,-28px))}
.showcase-brand>small{display:block;margin-top:-5px;font-size:clamp(12px,1vw,15px);letter-spacing:4px;text-transform:uppercase}
.showcase-copy{align-self:start;margin-top:clamp(12px,2.8vh,32px)}
.showcase-copy h2{font-size:clamp(34px,2.6vw,45px)}
.showcase-copy p{margin:clamp(14px,2.3vh,24px) 0;font-size:clamp(21px,1.6vw,27px)}
.showcase-benefits{
  position:static;align-self:end;display:flex;gap:clamp(28px,3vw,55px);
  margin:0 0 clamp(12px,2vh,22px);
}
.showcase-benefits b{width:clamp(44px,3vw,56px);height:clamp(44px,3vw,56px)}
.showcase-version{position:static}
.login-access{height:100dvh;min-height:0;padding:clamp(10px,1.5vh,18px)}
.login-form{width:min(100%,520px);max-height:calc(100dvh - 28px);padding:clamp(18px,2.5vh,30px) 34px;overflow:auto}
.login-brandmark{gap:4px;margin-bottom:clamp(10px,1.8vh,20px)}
.system-logo-login{width:clamp(142px,10vw,180px);height:clamp(104px,7.7vw,140px)}
.system-logo-login img{transform:translateY(clamp(-33px,-2.25vw,-24px))}
.login-brandmark>span{margin-top:-3px}
.login-heading{margin-bottom:clamp(12px,2vh,22px)}
.login-form>label{margin-bottom:clamp(10px,1.6vh,16px)}
.login-keypad{margin-bottom:clamp(14px,2vh,22px)}
.forgot-password{margin-top:clamp(9px,1.5vh,14px)}

@media(max-height:740px) and (min-width:1051px){
  .showcase-benefits{display:flex}
  .system-logo-showcase{width:165px;height:105px}
  .system-logo-showcase img{transform:translateY(-33px)}
  .showcase-copy{margin-top:6px}
  .showcase-copy h2{font-size:31px}
  .showcase-copy p{margin:10px 0;font-size:19px}
  .showcase-benefits{margin-bottom:8px}
  .showcase-benefits b{width:40px;height:40px;font-size:21px}
  .showcase-benefits span{font-size:13px}
  .system-logo-login{width:125px;height:82px}
  .system-logo-login img{transform:translateY(-27px)}
}

/* Login responsivo para tablets e celulares */
@media(max-width:1050px){
  .login-view,.login-access{width:100%;height:100dvh;min-height:0}
  .login-view{grid-template-columns:1fr}
  .login-showcase{display:none!important}
  .login-access{
    overflow:hidden;
    padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right))
      max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  }
  .login-form{
    width:min(100%,560px);min-height:0;max-height:100%;overflow-y:auto;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
}

@media(max-width:620px){
  .login-access{
    align-items:stretch;padding:0;
    background:radial-gradient(circle at 50% 0,#0b192b,#030911 62%);
  }
  .login-form{
    width:100%;height:100dvh;min-height:0;max-height:none;
    padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right))
      max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    border:0;border-radius:0;box-shadow:none;
  }
  .system-logo-login{width:132px;height:86px}
  .system-logo-login img{transform:translateY(-28px)}
  .login-brandmark{margin-bottom:8px}
  .login-brandmark>span{font-size:11px;letter-spacing:3px}
  .login-heading{margin-bottom:12px}
  .login-heading h2{font-size:21px!important}
  .login-heading p{margin-top:5px;font-size:13px}
  .login-form>label{margin-bottom:10px;font-size:13px}
  .login-input{height:50px;margin-top:6px;padding:0 13px}
  .login-input input{min-width:0;font-size:16px}
  .password-field input{font-size:22px;letter-spacing:10px}
  .login-keypad{gap:8px;margin:2px 0 13px}
  .login-keypad button{
    height:50px;border-radius:10px;font-size:16px;
    touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  }
  .login-form>.primary-button{height:52px;font-size:17px;touch-action:manipulation}
  .forgot-password{min-height:38px;margin-top:6px;font-size:13px}
  .login-form .form-error{margin:7px 0 0;font-size:12px}
}

@media(max-width:360px){
  .login-form{padding-left:14px;padding-right:14px}
  .system-logo-login{width:116px;height:72px}
  .system-logo-login img{transform:translateY(-25px)}
  .login-heading h2{font-size:19px!important}
  .login-keypad button{height:46px;font-size:15px}
  .login-form>.primary-button{height:48px}
}

@media(max-width:1050px) and (max-height:560px) and (orientation:landscape){
  .login-access{padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}
  .login-form{
    width:min(100%,760px);display:grid;grid-template-columns:1fr 1fr;column-gap:18px;
    align-content:start;padding:12px 22px;
  }
  .login-brandmark{grid-column:1;margin:0 0 4px}
  .system-logo-login{width:100px;height:57px}
  .system-logo-login img{transform:translateY(-24px)}
  .login-brandmark>span{display:none}
  .login-heading{grid-column:1;margin:0 0 8px}
  .login-heading h2{font-size:18px!important}
  .login-heading p{display:none}
  .login-form>label{grid-column:1;margin-bottom:7px}
  .login-input{height:42px;margin-top:4px}
  .login-keypad{grid-column:2;grid-row:1 / span 4;grid-template-columns:repeat(2,1fr);align-self:center;margin:0;gap:7px}
  .login-keypad button{height:43px}
  .login-form>.primary-button{grid-column:1;height:44px;margin-top:2px}
  .login-form .form-error{grid-column:1}
  .forgot-password{grid-column:1;margin-top:3px;min-height:28px}
}

/* Composição exclusiva do login em celular */
@media(max-width:620px) and (orientation:portrait){
  body:has(.login-view:not([hidden])){overflow:auto;background:#030911}
  .login-view{
    width:100%;height:auto;min-height:100dvh;display:grid;
    grid-template-columns:1fr;grid-template-rows:210px auto;
    overflow:visible;background:#030911;
  }
  .login-showcase{
    display:block!important;width:100%;height:230px;min-height:230px;
    padding:18px 22px 30px;
    background:
      linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.72)),
      url("/assets/login-pdv.png") center 38%/cover no-repeat;
  }
  .showcase-brand{display:block}
  .system-logo-showcase{width:116px;height:74px}
  .system-logo-showcase img{transform:translateY(-25px)}
  .showcase-brand>small{margin-top:-5px;font-size:8px;letter-spacing:2.5px}
  .showcase-copy{margin-top:12px}
  .showcase-copy h2{font-size:22px;line-height:1.12}
  .showcase-copy p{margin:9px 0;font-size:12px;line-height:1.25}
  .showcase-copy i{width:56px;height:3px}
  .showcase-benefits,.showcase-version{display:none}
  .login-access{
    position:relative;z-index:2;width:100%;height:auto;min-height:calc(100dvh - 210px);
    align-items:start;margin:0;padding:0 8px max(12px,env(safe-area-inset-bottom));
    overflow:visible;background:transparent;
  }
  .login-form{
    width:100%;height:auto;min-height:0;max-height:none;margin:0;
    padding:16px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));
    overflow:visible;border:1px solid #1d2b3c;border-radius:18px;
    background:linear-gradient(145deg,#0a1422,#040c16);
    box-shadow:0 -12px 35px rgba(0,0,0,.45);
  }
  .system-logo-login{display:none}
  .login-brandmark{margin:0 0 8px}
  .login-brandmark>span{margin:0;font-size:10px;letter-spacing:2px}
  .login-heading{margin-bottom:11px}
  .login-heading h2{font-size:19px!important}
  .login-heading p{margin:3px 0 0;font-size:11px}
  .login-form>label{margin-bottom:9px;font-size:11px}
  .login-input{height:44px;margin-top:5px;padding:0 12px}
  .login-input input{font-size:16px}
  .password-field input{font-size:20px;letter-spacing:9px}
  .login-keypad{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:2px 0 11px}
  .login-keypad button{display:block!important;height:44px;font-size:14px}
  .login-form>.primary-button{height:47px;font-size:16px}
  .forgot-password{min-height:30px;margin:5px auto 0;font-size:12px}
}

/* Logo completa, sem recorte e sem subtítulo duplicado */
.system-logo{height:auto;overflow:visible}
.system-logo img{width:100%;height:auto;transform:none!important;object-fit:contain}
.system-logo-showcase{width:clamp(150px,11vw,195px);height:auto}
.system-logo-login{width:clamp(118px,8.5vw,150px);height:auto}
.showcase-brand>small,.login-brandmark>span{display:none!important}

@media(max-height:920px) and (min-width:1051px){
  .system-logo-showcase{width:145px;height:auto}
  .system-logo-login{width:112px;height:auto}
}

@media(max-width:620px) and (orientation:portrait){
  .system-logo-showcase{width:92px;height:auto}
  .system-logo-login{display:none}
  .showcase-copy{margin-top:4px}
}

@media(max-width:1050px) and (max-height:560px) and (orientation:landscape){
  .system-logo-login{width:76px;height:auto}
}

body[data-page="autoatendimento_visual"] .aa-preview-sizes{display:none!important}
body[data-page="autoatendimento_visual"] .aa-screen{flex-basis:136px;height:214px;padding:10px;border-radius:8px;background:#fff;color:#111827}
body[data-page="autoatendimento_visual"] .aa-screen>span{z-index:2;color:#fff;font-weight:900}
body[data-page="autoatendimento_visual"] .aa-screen.active{border:2px solid #ff5a00;background:#fff;color:#111827;box-shadow:0 10px 24px rgba(255,90,0,.18)}
body[data-page="autoatendimento_visual"] .aa-screen.active small,body[data-page="autoatendimento_visual"] .aa-screen.active span{color:#fff}
body[data-page="autoatendimento_visual"] .aa-screen small{color:#64748b}
body[data-page="autoatendimento_visual"] .aa-screen-preview{height:142px;margin-bottom:6px;overflow:hidden;padding:18px 10px 8px;border-radius:6px;color:#fff;background-size:cover!important;background-position:center!important}
body[data-page="autoatendimento_visual"] .aa-screen-preview strong,body[data-page="autoatendimento_visual"] .aa-screen-preview em{display:block;font-style:normal;font-weight:900;line-height:1}
body[data-page="autoatendimento_visual"] .aa-screen-preview em{color:var(--aa-main)}
body[data-page="autoatendimento_visual"] .aa-screen-preview i{display:block;margin:8px 4px;padding:6px;border-radius:4px;background:var(--aa-main);font-size:10px;font-style:normal;text-align:center}
body[data-page="autoatendimento_visual"] .aa-screen-preview u{display:block;height:12px;margin:6px 0;border-radius:999px;background:rgba(255,255,255,.78);text-decoration:none}
body[data-page="autoatendimento_visual"] .aa-screen-preview q{display:block;width:44px;height:44px;margin:18px auto 5px;background:repeating-linear-gradient(45deg,#fff 0 4px,#111827 4px 8px);quotes:none}
body[data-page="autoatendimento_visual"] .aa-screen-preview small{color:#fff}
body[data-page="autoatendimento_visual"] .aa-phone-choice,body[data-page="autoatendimento_visual"] .aa-phone-list{padding:24px!important;text-align:center}
body[data-page="autoatendimento_visual"] .aa-phone-choice h4,body[data-page="autoatendimento_visual"] .aa-phone-list h4{margin:0 0 18px;color:var(--aa-main);font-size:20px}
body[data-page="autoatendimento_visual"] .aa-phone-choice button,body[data-page="autoatendimento_visual"] .aa-phone-list button{height:42px;margin-top:12px;border:0;border-radius:999px;background:var(--aa-main);color:#fff;font-weight:900}
body[data-page="autoatendimento_visual"] .aa-phone-choice input{width:100%;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:rgba(255,255,255,.9);text-align:center}
body[data-page="autoatendimento_visual"] .aa-phone-choice button,body[data-page="autoatendimento_visual"] .aa-phone-choice input{display:block;width:100%}
body[data-page="autoatendimento_visual"] .aa-phone-list div{display:flex;justify-content:space-between;margin:10px 0;padding:12px;border-radius:8px;background:rgba(255,255,255,.92);color:#111827;font-weight:800}
body[data-page="autoatendimento_visual"] .aa-phone-list strong{display:block;margin-top:16px;color:#fff}
body[data-page="autoatendimento_visual"] .aa-fake-qr{width:128px;height:128px;margin:14px auto;background:repeating-linear-gradient(45deg,#fff 0 6px,#111827 6px 12px)}
body[data-page="autoatendimento_visual"] .aa-confirm strong{display:block;color:var(--aa-main);font-size:58px}
body[data-page="autoatendimento_visual"] .aa-confirm small{display:block;color:#fff}

body[data-page="cardapios"],body[data-page="cardapio_editor"] .content{max-width:none;background:#f7f9fc;color:#101828}
body[data-page="cardapios"] .content,body[data-page="cardapio_editor"] .content{max-width:none;background:#f7f9fc;color:#101828}
.menus-head,.menu-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:24px}.menus-head h1,.menu-editor-head h1{margin:0 0 6px;font-size:32px;letter-spacing:0}.menus-head p,.menu-editor-head p{margin:0;color:#475467}.menus-actions{display:flex;gap:12px}.menu-primary,.menu-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:8px;font-weight:900}.menu-primary{border:0;background:#ff5a00;color:#fff;box-shadow:0 12px 24px rgba(255,90,0,.22)}.menu-light{border:1px solid #dbe3ef;background:#fff;color:#101828}.icon-only{width:40px;padding:0}.menus-filters{display:grid;grid-template-columns:1fr minmax(220px,420px) 240px;gap:14px;margin-bottom:18px}.menus-filters label{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:1px solid #e1e7f0;border-radius:8px;background:#fff;color:#667085;box-shadow:0 8px 20px rgba(16,24,40,.04)}.menus-filters input,.menus-filters select{width:100%;border:0;outline:0;background:transparent;color:#101828;font-weight:700}.menus-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.menus-metrics article{display:flex;gap:18px;align-items:center;padding:22px;border:1px solid #e5ebf3;border-radius:10px;background:#fff;box-shadow:0 16px 34px rgba(16,24,40,.06)}.menus-metrics article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f4ebff;color:#6d28d9}.menus-metrics small,.menus-metrics em{display:block;color:#475467;font-style:normal}.menus-metrics strong{display:block;margin:4px 0;color:#101828;font-size:28px}.menus-table-card{overflow:hidden;border:1px solid #e5ebf3;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(16,24,40,.06)}.menus-table{width:100%;border-collapse:collapse}.menus-table th{padding:18px 22px;background:#fbfcfe;color:#667085;text-align:left;font-size:13px}.menus-table td{padding:16px 22px;border-top:1px solid #edf1f7;color:#1d2939;font-weight:700}.menu-name-cell b,.menu-name-cell small{display:block}.menu-name-cell small{margin-top:3px;color:#475467;font-weight:600}.menu-channel,.menu-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:900}.menu-channel.aa{background:#fff4ed;color:#f05a00;border:1px solid #ffb88a}.menu-channel.ifood{background:#fff1f3;color:#e11d48;border:1px solid #fecdd3}.menu-channel.food99{background:#fef9c3;color:#a16207;border:1px solid #fde68a}.menu-channel.qr{background:#f8fafc;color:#334155;border:1px solid #cbd5e1}.menu-channel.site{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.menu-channel.whats{background:#ecfdf3;color:#16a34a;border:1px solid #bbf7d0}.menu-status.ok{background:#dcfce7;color:#15803d}.menu-status.warn{background:#ffedd5;color:#ea580c}.menu-status.muted{background:#e5e7eb;color:#475569}.menu-row-actions{display:flex;gap:10px}.menu-row-actions button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e1e7f0;border-radius:8px;background:#fff;color:#101828}.menus-tip{display:flex;align-items:center;gap:10px;margin-top:16px;padding:16px 20px;border:1px solid #e1e7f0;border-radius:10px;background:#fff;color:#475467}.channel-tabs{display:flex;overflow:hidden;margin-bottom:18px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;width:max-content}.channel-tabs button{display:flex;align-items:center;gap:10px;height:58px;padding:0 34px;border:0;border-right:1px solid #e5ebf3;background:#fff;color:#101828;font-weight:900}.channel-tabs button.active{background:#ff5a00;color:#fff}.editor-summary{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr auto;align-items:center;gap:18px;margin-bottom:18px;padding:20px;border:1px solid #e5ebf3;border-radius:12px;background:#fff;box-shadow:0 14px 28px rgba(16,24,40,.05)}.editor-summary label{display:flex;flex-direction:column;gap:8px;color:#667085;font-size:12px}.editor-summary strong{color:#101828;font-size:16px}.editor-summary button{height:42px;border:1px solid #ff8a3d;border-radius:8px;background:#fff;color:#f05a00;font-weight:900}.menu-editor-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 520px;gap:18px}.editor-categories,.editor-products,.editor-preview,.channel-publication{border:1px solid #e5ebf3;border-radius:12px;background:#fff;box-shadow:0 14px 28px rgba(16,24,40,.05)}.editor-categories,.editor-products,.editor-preview{padding:18px}.editor-categories header,.editor-products header,.editor-preview header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.editor-categories header button{height:36px;border:1px solid #e1e7f0;border-radius:8px;background:#fff;font-weight:800}.editor-categories [data-page-slot="categories"]{display:flex;flex-direction:column;gap:10px}.editor-categories [data-page-slot="categories"] button{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 12px;border:1px solid #edf1f7;border-radius:8px;background:#fff;color:#101828;text-align:left}.editor-categories [data-page-slot="categories"] button.active{border-color:#ff8a3d;background:#fff4ed}.editor-categories button span[style]{width:28px;height:28px;border-radius:8px;background:var(--cat)}.editor-categories button b{flex:1}.editor-categories button small{color:#475467}.sort-categories{width:100%;height:42px;margin-top:18px;border:1px solid #e1e7f0;border-radius:8px;background:#fff;font-weight:900}.editor-products-table{width:100%;border-collapse:collapse}.editor-products-table th{padding:12px;color:#667085;text-align:left;font-size:12px}.editor-products-table td{padding:12px;border-top:1px solid #edf1f7}.product-cell{display:flex;align-items:center;gap:12px}.product-cell img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#f2f4f7}.product-cell b,.product-cell small{display:block}.product-cell small{max-width:260px;color:#667085}.mini-toggle input{display:none}.mini-toggle span{display:block;width:38px;height:20px;border-radius:999px;background:#cbd5e1;position:relative}.mini-toggle span:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.mini-toggle input:checked+span{background:#ff5a00}.mini-toggle input:checked+span:before{left:21px}.totem-menu-preview,.app-preview,.site-preview{overflow:hidden;border:1px solid #e5ebf3;border-radius:10px;background:#fff}.totem-menu-preview header,.app-preview header,.site-preview header{padding:18px;background:#fff4ed;color:#101828}.totem-menu-preview header b,.app-preview header b,.site-preview header b{display:block;font-size:20px}.totem-body{display:grid;grid-template-columns:130px 1fr}.totem-body nav,.app-preview nav,.site-preview nav{display:flex;gap:8px;padding:12px;background:#fff}.totem-body nav{flex-direction:column;background:#fff8f3}.totem-body nav span,.app-preview nav span,.site-preview nav span{padding:8px;border-radius:8px;color:#f05a00;font-weight:800}.totem-body main,.app-preview main,.site-preview main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.totem-body article,.app-preview article,.site-preview article{padding:10px;border:1px solid #edf1f7;border-radius:10px;background:#fff}.totem-body article img,.app-preview article img,.site-preview article img{width:100%;height:90px;object-fit:contain}.totem-body article b,.totem-body article small,.totem-body article strong,.app-preview article b,.app-preview article small,.app-preview article strong,.site-preview article b,.site-preview article small,.site-preview article strong{display:block}.totem-body article small,.app-preview article small,.site-preview article small{color:#667085}.totem-body article strong,.app-preview article strong,.site-preview article strong{margin-top:8px}.totem-menu-preview footer{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#ff5a00;color:#fff}.totem-menu-preview footer button{height:38px;border:0;border-radius:8px;background:#fff;color:#f05a00;font-weight:900}.app-preview{max-width:360px;margin:auto}.app-preview.ifood header{background:#fff1f3}.app-preview.food99 header{background:#fef9c3}.app-preview main{grid-template-columns:1fr}.site-preview main{grid-template-columns:repeat(3,1fr)}.channel-publication{margin-top:18px;padding:18px}.channel-publication>p{color:#667085}.channel-publication [data-page-slot="publication"]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.channel-publication article{padding:16px;border:1px solid #e5ebf3;border-radius:10px;background:#fff}.channel-publication article.active{border-color:#ff8a3d;background:#fff4ed}.channel-publication b,.channel-publication small{display:block}.channel-publication small{color:#667085}.product-premium-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center}.ppm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(3px)}.product-premium-modal section{position:relative;width:min(920px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.32)}.ppm-close{position:absolute;top:16px;right:16px;border:0;background:transparent;font-size:24px}.product-premium-modal header{display:flex;gap:18px;padding:26px;border-bottom:1px solid #edf1f7}.product-premium-modal header img{width:86px;height:86px;border-radius:50%;object-fit:cover}.product-premium-modal h2{margin:0}.product-premium-modal header span{display:inline-block;margin:8px 6px 0 0;padding:6px 10px;border:1px solid #e5ebf3;border-radius:8px;font-size:12px;font-weight:800}.product-premium-modal nav{display:flex;gap:6px;overflow:auto;padding:14px 22px;border-bottom:1px solid #edf1f7}.product-premium-modal nav button{height:38px;padding:0 12px;border:0;background:#fff;color:#475467;font-weight:800}.product-premium-modal nav button.active{color:#f05a00;border-bottom:2px solid #ff5a00}.product-premium-modal main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:24px}.ppm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ppm-grid label{display:flex;flex-direction:column;gap:8px;font-weight:800}.ppm-grid input,.ppm-grid select,.ppm-grid textarea{min-height:42px;border:1px solid #dbe3ef;border-radius:8px;padding:0 12px}.ppm-grid textarea{height:110px;padding-top:10px}.ppm-grid .full{grid-column:1/-1}.ppm-addons{padding:18px;border:1px solid #edf1f7;border-radius:10px;background:#fbfcfe}.ppm-addons div{margin-top:12px;padding:12px;border-radius:8px;background:#fff}.ppm-addons b,.ppm-addons span,.ppm-addons small{display:block}.ppm-addons span,.ppm-addons small{color:#667085}.product-premium-modal footer{display:flex;justify-content:space-between;padding:18px 24px;border-top:1px solid #edf1f7}@media(max-width:1300px){.menu-editor-grid{grid-template-columns:240px 1fr}.editor-preview{grid-column:1/-1}.channel-publication [data-page-slot="publication"]{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.menus-filters,.menus-metrics,.editor-summary,.menu-editor-grid{grid-template-columns:1fr}.menus-head,.menu-editor-head{display:block}.menus-actions{margin-top:12px}.menus-table-card{overflow:auto}.channel-tabs{width:100%;overflow:auto}.product-premium-modal main{grid-template-columns:1fr}.ppm-grid{grid-template-columns:1fr}}

/* ===== FoodSync Autoatendimento - Personalizacao Visual 2.0 ===== */
body.aa-modal-open{overflow:hidden}
body[data-page="autoatendimento_visual"] .content{max-width:none;background:#f6f7fb;color:#111827}
.aa-theme-pill{height:46px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #e5defe;border-radius:8px;background:#f7f2ff;color:#6d28d9;font-size:12px;font-weight:800}.aa-theme-pill b{color:#6d28d9}.aa-small-action{height:38px;padding:0 14px}.aa-visual-board{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px}.aa-screen-gallery,.aa-live-preview-card{border:1px solid #dde3ee;background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.aa-screen-gallery{padding:22px}.aa-screen-gallery>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.aa-screen-gallery>header p{margin:5px 0 0;color:#64748b;font-size:13px}.aa-screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:16px}.aa-screen-grid .aa-screen,.aa-modal-screen-list .aa-screen{width:100%;height:238px;flex:unset;padding:10px;border-radius:12px;background:#fff;border:1px solid #e5eaf2;box-shadow:0 6px 16px rgba(15,23,42,.04);transition:.18s;cursor:pointer}.aa-screen-grid .aa-screen:hover,.aa-modal-screen-list .aa-screen:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.10)}.aa-screen-grid .aa-screen.active,.aa-modal-screen-list .aa-screen.active{border:2px solid #7c3aed;box-shadow:0 12px 30px rgba(124,58,237,.15)}.aa-screen-grid .aa-screen>span,.aa-modal-screen-list .aa-screen>span{top:14px;left:14px;z-index:3;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ff5a00;color:#fff;font-size:12px}.aa-screen-grid .aa-screen b,.aa-modal-screen-list .aa-screen b{font-size:13px}.aa-screen-grid .aa-screen small,.aa-modal-screen-list .aa-screen small{font-size:11px}.aa-live-preview-card{padding:20px;position:sticky;top:16px;height:max-content}.aa-live-preview-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.aa-live-preview-card>header small{display:block;margin-top:4px;color:#64748b}.aa-preview-status{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#059669;font-weight:800;font-size:11px}.aa-modal[hidden]{display:none}.aa-modal{position:fixed;inset:0;z-index:9999}.aa-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(5px)}.aa-modal-dialog{position:relative;z-index:2;width:min(1480px,calc(100vw - 44px));height:min(900px,calc(100vh - 44px));margin:22px auto;background:#fff;border-radius:18px;box-shadow:0 25px 80px rgba(2,6,23,.32);display:flex;flex-direction:column;overflow:hidden}.aa-modal-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e5eaf2;background:linear-gradient(180deg,#fff,#fbfcff)}.aa-modal-header span{font-size:12px;color:#64748b}.aa-modal-header h2{margin:4px 0 0;font-size:24px}.aa-modal-close{width:40px;height:40px;border:0;border-radius:10px;background:#f8fafc;color:#0f172a;font-size:28px;line-height:1}.aa-modal-body{min-height:0;flex:1;display:grid;grid-template-columns:220px minmax(0,1fr) 390px;gap:0;background:#f8fafc}.aa-modal-screen-list{overflow:auto;padding:16px;border-right:1px solid #e5eaf2;background:#fff}.aa-modal-screen-list .aa-screen{height:204px;margin-bottom:14px}.aa-modal-screen-list .aa-screen-preview{height:126px}.aa-modal-editor{min-width:0;overflow:auto;padding:18px 22px}.aa-modal-editor .aa-editor-tabs{position:sticky;top:0;z-index:4;display:flex;flex-direction:row;gap:4px;margin:-18px -22px 18px;padding:12px 18px;border-bottom:1px solid #e5eaf2;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:0}.aa-modal-editor .aa-editor-tabs button{height:42px;padding:0 12px;border-radius:8px;white-space:nowrap}.aa-modal-editor .aa-editor-tabs button.active{background:#7c3aed;color:#fff}.aa-modal-editor .aa-visual-form{display:block}.aa-modal-editor .aa-form-group{padding:18px;margin-bottom:16px;border:1px solid #e5eaf2;border-radius:14px;background:#fff}.aa-form-group h3{margin:0 0 16px;font-size:16px}.aa-modal-editor .aa-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.aa-modal-editor .aa-field-grid label{font-size:12px;font-weight:800;color:#334155}.aa-modal-editor .aa-field-grid input,.aa-modal-editor .aa-field-grid select,.aa-modal-editor .aa-field-grid textarea{border-radius:10px;border:1px solid #d8deea;background:#fff}.aa-modal-editor input[type=color]{padding:4px;height:46px}.aa-modal-editor .aa-switch{padding:12px;border:1px solid #e5eaf2;border-radius:10px;background:#fbfdff;flex-direction:row;align-items:center;justify-content:space-between}.aa-modal-editor .aa-switch input{width:44px;height:24px}.aa-layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.aa-layout-options label{position:relative;padding:12px;border:1px solid #e5eaf2;border-radius:14px;background:#fff;text-align:center;cursor:pointer}.aa-layout-options input{position:absolute;opacity:0}.aa-layout-options span{display:block;height:92px;margin-bottom:10px;border-radius:10px;background:linear-gradient(180deg,#e5e7eb,#9ca3af);box-shadow:inset 0 -28px 0 rgba(17,24,39,.18)}.aa-layout-options input:checked+span{outline:3px solid #7c3aed}.aa-layout-options b{font-size:12px}.aa-modal-preview{overflow:auto;padding:20px;border-left:1px solid #e5eaf2;background:#fff}.aa-modal-preview>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.aa-modal-preview>header span{font-size:12px;padding:6px 10px;border-radius:999px;background:#f1f5f9}.aa-component-switches{display:grid;gap:8px;margin-top:16px}.aa-component-switches div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #e5eaf2;border-radius:10px;background:#f8fafc;font-size:12px}.aa-component-switches b{padding:4px 8px;border-radius:999px;background:#fee2e2;color:#991b1b}.aa-component-switches b.on{background:#dcfce7;color:#166534}.aa-modal-footer{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid #e5eaf2;background:#fff}.aa-modal-footer>div{display:flex;gap:12px}.aa-phone{width:300px;height:534px;border:14px solid #111827;border-radius:26px}.aa-phone-logo{height:76px;color:var(--aa-main);font-weight:900}.aa-phone-logo:empty{display:none}.aa-phone section{padding:24px 28px 0}.aa-phone h4{margin:0 0 12px;color:var(--aa-text);font-size:30px;line-height:1.08;text-align:center;font-weight:1000;text-transform:uppercase}.aa-phone p{margin:0 0 18px;color:rgba(255,255,255,.86);font-size:14px;text-align:center}.aa-phone button{width:100%;min-height:58px;margin-top:14px;border:0;border-radius:calc(var(--aa-radius,18)*1px);background:var(--aa-btn);color:var(--aa-text);font-size:19px;font-weight:1000;text-transform:uppercase;box-shadow:0 14px 28px rgba(0,0,0,.18)}.aa-phone button span{margin-right:10px}.aa-phone footer{bottom:92px}.aa-phone footer b{font-size:26px;line-height:1.1;text-transform:uppercase}.aa-phone-wave{height:56px;background:var(--aa-footer);border-radius:50% 50% 0 0/30% 30% 0 0;color:#fff}.aa-phone-choice{display:flex;flex-direction:column;justify-content:center;min-height:370px}.aa-phone-menu{display:grid!important;grid-template-columns:64px 1fr;gap:14px;padding:16px!important}.aa-phone-menu aside{display:flex;flex-direction:column;gap:10px}.aa-phone-menu aside b,.aa-phone-menu main div{display:grid;place-items:center;min-height:46px;border-radius:12px;background:rgba(255,255,255,.95);color:#111827}.aa-phone-menu main h4{font-size:22px;color:#111827}.aa-phone-products,.aa-phone-list,.aa-phone-detail{color:#111827}.aa-phone-products h4,.aa-phone-list h4,.aa-phone-detail h4{color:#111827;font-size:24px}.aa-phone-products div,.aa-phone-list div,.aa-phone-detail div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:12px;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.10)}.aa-phone-products button{width:36px;min-height:36px;margin:0;border-radius:10px;background:var(--aa-main);font-size:22px}.aa-product-hero{justify-content:center!important;font-size:72px;background:transparent!important;box-shadow:none!important}.aa-phone-detail label{display:block;margin:12px 0 4px;font-size:12px;font-weight:900;color:#64748b}.aa-phone-list strong{display:block;margin:18px 0;color:#111827;font-size:22px;text-align:right}.aa-phone-choice input{height:52px;border:0;border-radius:12px;padding:0 16px;font-weight:800}.aa-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.aa-keypad span{display:grid;place-items:center;height:42px;border-radius:10px;background:#fff;color:#111827;font-weight:900}.aa-fake-qr{width:150px;height:150px;margin:16px auto;border:10px solid #fff;background:repeating-linear-gradient(45deg,#111827 0 5px,#fff 5px 10px)}.aa-confirm strong{display:block;color:var(--aa-text);font-size:72px;text-align:center}.aa-progress{height:12px;border-radius:999px;background:rgba(255,255,255,.32)!important;box-shadow:none!important}.aa-progress span{display:block;width:62%;height:100%;border-radius:999px;background:#fff}.aa-bag{text-align:center;font-size:64px;background:transparent!important;box-shadow:none!important}.aa-error h4,.aa-error p{color:#fff}.aa-banner-panel{padding:18px;margin-top:16px;border:1px solid #e5eaf2;border-radius:14px;background:#fff}.aa-banner-panel header{gap:14px}.aa-banner-row{grid-template-columns:110px minmax(0,1fr) 34px}.aa-banner-row img{height:62px}@media(max-width:1500px){.aa-visual-board{grid-template-columns:1fr}.aa-live-preview-card{position:static;max-width:460px}.aa-modal-body{grid-template-columns:180px minmax(0,1fr) 360px}.aa-modal-dialog{width:calc(100vw - 24px)}}@media(max-width:1100px){.aa-modal-body{grid-template-columns:1fr}.aa-modal-screen-list,.aa-modal-preview{display:none}.aa-modal-editor .aa-field-grid{grid-template-columns:1fr}.aa-layout-options{grid-template-columns:1fr}.aa-modal-dialog{height:calc(100vh - 16px);margin:8px auto}.aa-visual-board{grid-template-columns:1fr}.aa-screen-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}

/* Ajustes AA v2.1 - abas simplificadas, texto funcional e rodapé fixo */
.aa-phone { color: var(--aa-text) !important; }
.aa-phone h4,
.aa-phone p,
.aa-phone footer b,
.aa-phone footer small,
.aa-confirm strong,
.aa-error h4,
.aa-error p { color: var(--aa-text) !important; }
.aa-phone p { color: color-mix(in srgb, var(--aa-text) 82%, transparent) !important; }
.aa-phone-products,
.aa-phone-list,
.aa-phone-detail,
.aa-phone-products h4,
.aa-phone-list h4,
.aa-phone-detail h4,
.aa-phone-list strong { color: var(--aa-text) !important; }
.aa-phone-products div,
.aa-phone-list div,
.aa-phone-detail div,
.aa-phone-menu aside b,
.aa-phone-menu main div,
.aa-keypad span,
.aa-phone-choice input { color: var(--aa-text) !important; }
.aa-phone-menu main h4 { color: var(--aa-text) !important; }
.aa-phone-wave {
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  width:auto;
  min-width:138px;
  height:28px !important;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  color:#111827 !important;
  box-shadow:0 8px 20px rgba(15,23,42,.16);
  font-size:8px;
  line-height:1;
  text-align:center;
}
.aa-phone-wave span { color:#64748b; font-weight:800; text-transform:uppercase; letter-spacing:.02em; }
.aa-phone-wave b { color:var(--aa-footer); font-size:12px; font-weight:1000; letter-spacing:-.02em; }
.aa-banner-panel[hidden] { display:none !important; }
#aa-clear-bg { align-self:end; height:46px; }

/* Ajustes FoodSync AA - rodapé fixo com logo, cores por tela e banner somente na tela inicial */
.aa-phone { color: var(--aa-text) !important; }
.aa-phone h3,
.aa-phone h4,
.aa-phone p,
.aa-phone footer b,
.aa-phone footer small,
.aa-phone-choice h4,
.aa-phone-choice p,
.aa-confirm strong,
.aa-error h4,
.aa-error p { color: var(--aa-text) !important; }
.aa-phone button {
  color: var(--aa-text) !important;
  background: var(--aa-btn) !important;
  border-radius: calc(var(--aa-radius, 18) * 1px) !important;
}
.aa-phone-products div,
.aa-phone-list div,
.aa-phone-detail div,
.aa-phone-menu aside b,
.aa-phone-menu main div,
.aa-keypad span,
.aa-phone-choice input {
  color: var(--aa-text) !important;
}
.aa-phone-wave { display:none !important; }
.aa-phone-footer-brand {
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:10;
  width:min(190px,70%);
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.44);
  color:#fff;
  text-align:center;
  pointer-events:none;
}
.aa-phone-footer-brand span {
  color:#fff !important;
  font-size:8px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  opacity:.92;
}
.aa-footer-logo-img {
  display:block;
  max-width:76px;
  max-height:24px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.aa-footer-logo-svg {
  width:76px;
  height:26px;
  color:#fff;
  display:block;
}
.aa-phone-inicial .aa-phone-footer-brand {
  bottom:18px;
}
.aa-phone-inicial footer { bottom:76px !important; }
.aa-form-group [data-aa-only][hidden] { display:none !important; }

/* KDS - configuracao de linhas e produtos */
.kds-list-panel {
  margin-bottom:18px;
  padding:16px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow);
}
.kds-list-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.kds-list-head h2 {
  margin:0;
  color:var(--text);
  font-size:20px;
  font-weight:900;
}
.kds-list-head p {
  margin:4px 0 0;
  color:var(--muted);
  font-size:13px;
}
.kds-admin-layout {
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.kds-lines-panel,
.kds-products-panel {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow);
}
.kds-lines-panel { padding:14px; }
.kds-products-panel { overflow:hidden; }
.kds-products-head {
  min-height:76px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid var(--border);
}
.kds-products-head h2 { margin:0; color:var(--purple); font-size:21px; font-weight:900; }
.kds-products-head p { margin:4px 0 0; color:var(--muted); font-size:13px; }
.kds-products-head .actions { display:flex; gap:10px; flex-wrap:wrap; }
.kds-line-card {
  width:100%;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding:12px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}
.kds-line-card.active {
  border-color:var(--purple);
  background:var(--purple-light);
  box-shadow:0 0 0 3px rgba(106,26,173,.10);
}
.kds-line-card b,
.kds-line-card small { display:block; }
.kds-line-card b { font-size:14px; color:var(--text); }
.kds-line-card small { margin-top:4px; color:var(--muted); font-size:12px; }
.kds-line-card i {
  min-width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--purple);
  color:#fff;
  font-style:normal;
  font-weight:900;
}
.kds-products-list {
  max-height:calc(100vh - 300px);
  overflow:auto;
  padding:8px 18px 18px;
}
.kds-product-row {
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid var(--border);
}
.kds-product-info { min-width:0; flex:1; }
.kds-product-row b,
.kds-product-row small { display:block; }
.kds-product-row b { color:var(--text); }
.kds-product-row small { margin-top:3px; color:var(--muted); }
.kds-product-remove {
  flex:0 0 auto;
  min-width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  color:var(--text);
}
.kds-modal[hidden] { display:none; }
.kds-modal {
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
}
.kds-modal-backdrop {
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.45);
  backdrop-filter:blur(4px);
}
.kds-modal-panel {
  position:relative;
  width:min(980px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 60px rgba(15,23,42,.24);
}
.kds-modal-head,
.kds-modal-footer {
  padding:18px 20px;
}
.kds-modal-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid var(--border);
}
.kds-modal-head h3 {
  margin:0;
  color:var(--text);
  font-size:22px;
}
.kds-modal-head p {
  margin:4px 0 0;
  color:var(--muted);
  font-size:13px;
}
.kds-modal-list {
  min-height:0;
  overflow:auto;
  padding:8px 20px 18px;
}
.kds-modal-list .kds-product-row label {
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
}
.kds-modal-check {
  width:20px;
  height:20px;
  accent-color:var(--purple);
}
.kds-modal-footer {
  border-top:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.empty-inline {
  padding:18px;
  color:var(--muted);
  text-align:center;
  font-weight:700;
}
@media (max-width:960px) {
  .kds-admin-layout { grid-template-columns:1fr; }
  .kds-products-list { max-height:none; }
  .kds-modal-footer,
  .kds-modal-head { flex-direction:column; align-items:stretch; }
}
.ps-admin-page{padding:24px;display:grid;gap:20px}.ps-admin-toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.ps-admin-toolbar>div{margin-right:auto}.ps-admin-toolbar span{color:#6d28d9;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ps-admin-toolbar h1{margin:5px 0}.ps-admin-toolbar p{margin:0;color:#64748b}.ps-admin-toolbar label{display:grid;gap:6px;font-weight:700}.ps-admin-toolbar select,.ps-admin-toolbar button{min-height:44px}.ps-admin-layout{display:grid;grid-template-columns:minmax(460px,620px) minmax(440px,1fr);gap:22px;align-items:start}.ps-admin-form,.ps-admin-preview{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.07)}.ps-admin-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ps-admin-form>label{display:grid;gap:7px;font-weight:700}.ps-admin-form .wide,.ps-admin-form fieldset{grid-column:1/-1}.ps-admin-form select,.ps-admin-form input{min-height:42px}.ps-admin-form fieldset{border:1px solid #dbe3ef;border-radius:14px;padding:16px}.ps-admin-form legend{padding:0 8px;font-weight:800}.ps-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ps-color-grid label{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;background:#f7f9fc;font-weight:650}.ps-color-grid input{width:48px;min-height:34px}.ps-admin-preview header{display:flex;justify-content:space-between;margin-bottom:14px}.ps-admin-preview small{color:#64748b}.ps-preview{aspect-ratio:16/9;border-radius:14px;overflow:hidden;font-family:Arial,sans-serif}.ps-preview-one{background:var(--ps-bg);color:var(--ps-text);padding:16px}.ps-preview-call{height:28%;background:var(--ps-call);color:var(--ps-call-text);border-radius:12px;display:flex;align-items:center;justify-content:space-around}.ps-preview-call b{font-size:58px}.ps-preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:56%;padding-top:12px}.ps-preview-columns section{background:var(--ps-prep-card);border-radius:12px;padding:12px}.ps-preview-columns section+section{background:var(--ps-ready-card)}.ps-preview-columns span{display:inline-block;background:var(--ps-prep);color:var(--ps-prep-text);font-size:28px;font-weight:800;padding:9px 20px;border-radius:9px;margin:5px}.ps-preview-columns section+section span{background:var(--ps-ready);color:var(--ps-ready-text)}.ps-preview-one footer{text-align:center;color:var(--ps-footer);font-weight:800;font-size:12px}.ps-preview-two{background:var(--ps-m2-bg);color:var(--ps-m2-main);padding:10px;display:grid;grid-template-columns:2fr 1fr;gap:10px}.ps-preview-two main,.ps-preview-two aside{background:var(--ps-m2-panel);border:1px solid var(--ps-m2-border);border-radius:10px;padding:16px;text-align:center}.ps-preview-two main h3 b,.ps-preview-two main footer b{color:var(--ps-m2-highlight)}.ps-preview-two main>strong{display:block;font-size:92px;color:var(--ps-m2-number);line-height:1}.ps-preview-two main p{background:var(--ps-m2-client);border:1px solid var(--ps-m2-border);padding:9px;font-size:22px}.ps-preview-two main footer{color:var(--ps-m2-secondary)}.ps-preview-two aside{text-align:left}.ps-preview-two aside p{background:var(--ps-m2-history);border-left:4px solid var(--ps-m2-highlight);padding:10px;color:var(--ps-m2-secondary)}.ps-preview-two aside p b{color:var(--ps-m2-number);font-size:20px;margin-right:12px}@media(max-width:1100px){.ps-admin-layout{grid-template-columns:1fr}.ps-admin-preview{position:static}}@media(max-width:650px){.ps-admin-form,.ps-color-grid{grid-template-columns:1fr}.ps-admin-form>label{grid-column:1/-1}}

/* Painel de senhas: mesma hierarquia visual do configurador existente no PDV. */
.ps-admin-page{padding:0;gap:18px}.ps-admin-toolbar{background:#fff;border-bottom:1px solid #dbe3ef;margin:0 -24px;padding:16px 24px;align-items:center}.ps-admin-toolbar h1{font-size:28px}.ps-admin-toolbar label{min-width:230px}.ps-admin-toolbar .primary{border:0;border-radius:12px;padding:0 20px;background:#7138ff;color:#fff;font-weight:800}.ps-admin-layout{grid-template-columns:minmax(430px,42%) minmax(560px,58%);gap:26px;align-items:start;width:100%}.ps-admin-preview,.ps-admin-form{box-shadow:none;border-radius:14px}.ps-admin-preview{position:sticky;top:18px;padding:14px;background:transparent;border:0}.ps-admin-preview header{font-size:16px}.ps-admin-form{padding:0 0 28px;border:0;background:transparent;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ps-admin-form>label{grid-column:1/-1;font-size:15px}.ps-admin-form select{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 14px;font-weight:700}.ps-admin-form input[type=range]{min-height:20px}.ps-admin-form fieldset{background:transparent;border:0;padding:0;margin:0}.ps-admin-form fieldset>legend{font-size:16px;padding:0;margin:8px 0 12px}.ps-sound-config{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.ps-sound-config legend{grid-column:1/-1}.ps-sound-config label{display:grid;gap:7px;font-weight:700}.ps-sound-config output{float:right;color:#7138ff}.ps-sound-config button{justify-self:start;border:0;border-radius:10px;background:#142033;color:#fff;padding:10px 16px;font-weight:800}.ps-color-grid{gap:12px}.ps-color-grid label{min-height:54px;border:1px solid #dbe3ef;border-radius:12px;background:#f7f9fc;padding:8px 12px}.ps-color-grid input{border:1px solid #cbd5e1;border-radius:9px;padding:5px;background:#fff}.ps-preview{border:1px solid #cbd5e1;border-radius:14px}.ps-preview-one{padding:10px}.ps-preview-call{height:27%;justify-content:space-between;padding:0 22px}.ps-preview-call small{color:inherit;font-weight:800}.ps-preview-call b{font-size:64px}.ps-preview-columns{height:57%;gap:10px;padding-top:10px}.ps-preview-columns section{padding:10px}.ps-preview-columns h3{font-size:14px;margin:0 0 7px}.ps-preview-columns span{font-size:32px;padding:12px 14px;margin:3px}.ps-preview-customer small{display:block;color:inherit;font-size:7px;text-align:center}.ps-preview-one footer{height:16%;display:flex;align-items:center;justify-content:center}.ps-preview-two{min-height:330px}@media(max-width:1180px){.ps-admin-layout{grid-template-columns:1fr}.ps-admin-preview{position:static}.ps-admin-form{padding:0 14px 28px}}@media(max-width:650px){.ps-sound-config,.ps-color-grid{grid-template-columns:1fr}.ps-admin-toolbar{margin:0 -12px;padding:14px}.ps-admin-form{grid-template-columns:1fr}}

.ps-preview-one{display:grid;grid-template-rows:minmax(68px,27%) minmax(0,1fr) 28px;gap:8px}.ps-preview-one .ps-preview-call{height:auto}.ps-preview-one .ps-preview-columns{height:auto;min-height:0;padding:0}.ps-preview-one .ps-preview-columns section{padding:9px;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);gap:5px;align-items:stretch}.ps-preview-one .ps-preview-columns h3{grid-column:1/-1;margin:0}.ps-preview-one .ps-preview-columns span{font-size:clamp(22px,2.25vw,34px);padding:5px 2px;margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ps-preview-one>footer{height:auto;min-height:0;white-space:nowrap;font-size:clamp(8px,.75vw,12px)}
.ps-save-status{flex-basis:100%;text-align:right;color:#64748b;font-size:13px;min-height:18px}.ps-save-status.success{color:#078342}.ps-save-status.error{color:#dc2626}.ps-admin-toolbar .primary:disabled{opacity:.65;cursor:wait}

/* Selecao das lojas permitidas no cadastro de usuario. */
.uf-store-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;margin:14px 0}.uf-store-tools>input{height:42px;padding:0 13px;border:1px solid #26324f;border-radius:9px;background:#1b2740;color:#eaf0fb}.uf-store-tools>label{display:flex;align-items:center;gap:7px;color:#cbd5e1;font-size:13px;cursor:pointer}.uf-store-tools>strong{color:#60a5fa;font-size:12px}.uf-store-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:290px;overflow:auto;padding-right:4px}.uf-store-checks>label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #26324f;border-radius:10px;background:#1b2740;color:#eaf0fb;cursor:pointer}.uf-store-checks>label:has(input:checked){border-color:#3b82f6;background:#172554}.uf-store-checks span,.uf-store-checks b,.uf-store-checks small{display:block}.uf-store-checks span{min-width:0}.uf-store-checks b,.uf-store-checks small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uf-store-checks small{margin-top:3px;color:#9aa7c2;font-size:11px}.uf-store-empty{grid-column:1/-1;padding:18px;border:1px dashed #334155;border-radius:10px;color:#94a3b8;text-align:center}
@media(max-width:700px){.uf-store-tools{grid-template-columns:1fr}.uf-store-checks{grid-template-columns:1fr}}

/* Regras de desconto dos combos: etapas recolhidas e preços por canal. */
.rules-grid .rules-row{grid-template-columns:280px minmax(230px,1fr) 390px 120px}
.rules-stage-group{display:block;min-width:1040px;border-bottom:1px solid var(--border)}
.rules-stage-group:last-child{border-bottom:0}
.rules-stage-group>.rules-row.stage{min-width:0}
.rules-row.stage>strong{display:flex;align-items:center;gap:10px}
.rules-row.stage>strong small{margin-left:auto;padding:3px 8px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--primary);font-size:11px;font-weight:900;white-space:nowrap}
.rules-toggle{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);font-size:18px;font-weight:1000;line-height:1;cursor:pointer}
.rules-toggle:hover{border-color:var(--primary);background:rgba(37,99,235,.10)}
.rules-stage-items{display:block}
.rules-stage-items[hidden]{display:none!important}
.rules-stage-items .rules-row{min-width:0}
.rules-row.item>span:first-child{display:grid;gap:7px;padding-left:46px}
.rules-row.item>span:first-child>b{font-size:14px;font-weight:900}
.rules-value-prices{display:flex;align-items:center;min-height:40px}
.rules-price-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rules-price-fields label{display:grid;gap:4px;min-width:0}
.rules-price-fields b{color:var(--primary);font-size:10px;font-weight:1000;text-transform:uppercase}
.rules-price-fields input{width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);color:var(--text);font-weight:800}
.price-triple-chips{display:flex;gap:6px;flex-wrap:wrap}
.price-triple-chips span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);color:var(--text);font-size:11px;font-weight:800}
.price-triple-chips b{color:var(--primary);font-size:10px;text-transform:uppercase}
.rules-row.item.empty>span:first-child{padding-left:46px;color:var(--muted);font-weight:800}