:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f4f5f7;--accent:#e85d04;--dark:#111827;--muted:#6b7280;--line:#e5e7eb}*{box-sizing:border-box}body{margin:0;background:#f4f5f7}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:72px;position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1200px)/2));box-shadow:0 2px 8px #00000008}header strong{display:block;font-size:20px}header small,.card small{display:block;color:var(--muted);margin-top:3px}main{max-width:1200px;margin:auto;padding:24px 18px 100px}h1{margin:0 0 18px;font-size:28px}h2{font-size:18px;margin:28px 0 12px}.primary,.secondary,.ghost{border:0;border-radius:12px;padding:12px 16px;font-weight:700}.primary{background:var(--accent);color:#fff}.primary:disabled{opacity:.4}.secondary{background:#111827;color:#fff}.ghost{background:#f3f4f6;color:#374151;padding:8px 10px}.hero{border-radius:24px;padding:28px;background:linear-gradient(135deg,#111827,#303747);color:#fff;box-shadow:0 16px 40px #11182720}.hero h1{font-size:42px;margin:0}.hero p{opacity:.8}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.hero-grid div{background:#ffffff10;padding:14px;border-radius:14px}.hero-grid span{display:block;font-size:12px;opacity:.7;margin-top:4px}.cards{display:grid;gap:10px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 3px 12px #00000005}.card.order,.card{display:flex;align-items:center;justify-content:space-between;gap:14px}.order>div:last-child{display:flex;align-items:center;gap:12px}.badge{font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;background:#e5e7eb}.s-novo{background:#dbeafe;color:#1d4ed8}.s-confirmado{background:#ede9fe;color:#6d28d9}.s-preparando{background:#ffedd5;color:#c2410c}.s-pronto{background:#dcfce7;color:#15803d}.s-entregue{background:#d1fae5;color:#047857}.s-cancelado{background:#fee2e2;color:#b91c1c}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar h1{margin:0}.toolbar select,.search,input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.toolbar select{width:auto}.stats,.payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.stats span{display:block;color:var(--muted);font-size:13px}.stats b{display:block;margin-top:5px;font-size:20px}.payment-grid .card{display:block}.payment-grid span{display:block;color:var(--muted)}.payment-grid b{font-size:20px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.product-tile{text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:92px}.product-tile b,.product-tile span{display:block}.product-tile span{margin-top:10px;color:var(--accent);font-weight:800}.order-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:18px}.cart{display:block;align-self:start;position:sticky;top:90px}.cart-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;background:#f3f4f6;border-radius:9px;width:34px;height:34px;font-size:20px}.total{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:18px 0}.total b{font-size:24px}.cart>.primary{width:100%}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;color:#374151;font-size:14px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important}.check input{width:auto}.summary{display:grid;gap:8px}.summary div{display:flex;justify-content:space-between}.empty{text-align:center;color:var(--muted);padding:24px;background:#fff;border:1px dashed #d1d5db;border-radius:16px}.nav{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;padding:8px max(8px,calc((100vw - 900px)/2)) max(8px,env(safe-area-inset-bottom))}.nav button{flex:1;border:0;background:none;color:#6b7280;font-size:11px;padding:6px 2px}.nav span{display:block;font-size:20px;margin-bottom:2px}.nav button.active{color:var(--accent);font-weight:800}.modal-bg{position:fixed;inset:0;background:#111827aa;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.modal-card{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 70px #0005}#modal{display:none}#modal.show{display:block}#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#111827;color:#fff;padding:11px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:40}#toast.show{opacity:1;transform:translate(-50%,0)}code{font-size:12px;overflow-wrap:anywhere}@media(max-width:760px){header{height:64px;padding:0 14px}header .primary{padding:10px 12px}main{padding:18px 12px 96px}.hero{padding:20px;border-radius:20px}.hero h1{font-size:34px}.hero-grid{grid-template-columns:1fr 1fr}.hero-grid div:last-child{grid-column:1/-1}.stats{grid-template-columns:1fr 1fr}.payment-grid{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:1fr 1fr}.order-layout{display:block}.cart{position:static;margin-top:16px}.card.order{align-items:flex-start}.order>div:last-child{align-items:flex-end;flex-direction:column}.nav{overflow-x:auto;justify-content:flex-start}.nav button{min-width:62px}.toolbar{align-items:flex-start}.toolbar h1{font-size:24px}.modal-bg{align-items:flex-end;padding:0}.modal-card{border-radius:20px 20px 0 0;max-height:92vh}.form .row{grid-template-columns:1fr}}@media(max-width:390px){.products-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-grid div:last-child{grid-column:auto}}

.header-actions{display:flex;gap:8px;align-items:center}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);display:grid!important}.login-card h1{margin-bottom:0}.login-card p{color:var(--muted);margin-top:0}.login-logo{width:56px;height:56px;border-radius:16px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;font-size:28px}.login-card small{color:#b91c1c}
.danger{border:0;border-radius:10px;padding:8px 10px;font-weight:700;background:#fee2e2;color:#b91c1c}.product-section{margin-top:22px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title h2{margin:0}.section-title span{color:var(--muted);font-size:13px}.product-row .product-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wa-check{background:#ecfdf5;border:1px solid #bbf7d0;padding:12px;border-radius:12px}.picker-section{margin-top:20px}.picker-section h2{margin:0 0 10px}.product-tile small{color:var(--muted);margin-bottom:5px}.toolbar>div small{color:var(--muted)}
@media(max-width:760px){.product-row{align-items:flex-start;flex-direction:column}.product-row .product-actions{width:100%;justify-content:flex-start}.product-row .product-actions b{margin-right:auto}.section-title{align-items:center}}

/* ===== Veredo Final UI ===== */
:root{--accent:#e85d04;--accent-2:#ff7a1a;--accent-soft:#fff2e8;--ink:#16191f;--surface:#ffffff;--surface-2:#f8f9fb;--success:#138a5b;--shadow:0 10px 30px rgba(17,24,39,.08)}
body{background:linear-gradient(180deg,#fafafa 0,#f4f5f7 260px);color:var(--ink)}
header{height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eceef2;box-shadow:0 1px 0 rgba(17,24,39,.02)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--accent),#c94800);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:.5px;box-shadow:0 7px 18px rgba(232,93,4,.25)}
.brand strong{font-size:17px;line-height:1.1}.brand small{display:flex;align-items:center;gap:6px;margin-top:4px}.online-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}
main{padding-top:28px}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 7px 16px rgba(232,93,4,.2);transition:.18s transform,.18s box-shadow}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(232,93,4,.25)}.secondary{background:#1c2029}.ghost{transition:.15s;background:#f4f5f7}.ghost:hover{background:#eceef2}.full{width:100%}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#16191f 0,#252b36 65%,#333b48 100%);padding:30px 32px}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:radial-gradient(circle,rgba(232,93,4,.35),rgba(232,93,4,0) 68%)}.hero-copy,.hero-grid{position:relative;z-index:1}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:900;color:#8b93a1}.hero .eyebrow{color:#f5b58a}.hero h1{font-size:46px;letter-spacing:-.04em;margin-top:6px}.hero p{margin:5px 0 0}.hero-grid{gap:12px}.hero-grid div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.07);backdrop-filter:blur(4px)}
.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 30px}.quick-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #ebeef2;border-radius:17px;padding:15px 16px;box-shadow:0 3px 14px rgba(17,24,39,.035)}.quick-card>span{width:38px;height:38px;background:#f7f7f8;border-radius:12px;display:grid;place-items:center;font-size:19px}.quick-card b{font-size:21px;display:block}.quick-card small{color:var(--muted)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 12px}.section-head h2{margin:0 0 3px}.section-head p{margin:0;color:var(--muted);font-size:13px}
.card{border-color:#e9ebef;border-radius:18px;box-shadow:0 4px 18px rgba(17,24,39,.035);transition:.16s border-color,.16s transform,.16s box-shadow}.card.order:hover{border-color:#d9dde4;transform:translateY(-1px);box-shadow:0 8px 24px rgba(17,24,39,.07)}.order-main{min-width:0}.order-title{display:flex;align-items:center;gap:8px;margin-bottom:5px}.order-title>b{background:#f3f4f6;padding:4px 7px;border-radius:7px;font-size:12px}.order-title span{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-main small{margin:3px 0 0}.order-side{display:flex;align-items:center;gap:12px;white-space:nowrap}.order-side>b{font-size:16px}.chevron{font-size:25px;color:#b4bac4}.badge{padding:7px 10px;border-radius:10px}.s-saiuparaentrega{background:#e0f2fe;color:#0369a1}
.stats div,.payment-grid .card{border-radius:18px;box-shadow:0 3px 14px rgba(17,24,39,.03)}
.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-tile{border-radius:18px;border-color:#e8ebef;box-shadow:0 3px 14px rgba(17,24,39,.025);transition:.15s}.product-tile:hover{border-color:#fdba8c;background:#fffaf6;transform:translateY(-1px)}.product-tile span{color:#d94f00}
.toolbar{margin-bottom:18px}.toolbar h1{letter-spacing:-.02em}.search,input,select,textarea{border-color:#dfe3e8;outline:none;transition:.15s box-shadow,.15s border-color}.search:focus,input:focus,select:focus,textarea:focus{border-color:#f3a16c;box-shadow:0 0 0 3px rgba(232,93,4,.10)}
.nav{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top-color:#e9ebef;box-shadow:0 -6px 24px rgba(17,24,39,.06)}.nav button{border-radius:12px;transition:.15s}.nav button.active{background:var(--accent-soft)}
.modal-bg{backdrop-filter:blur(4px)}.modal-card{border:1px solid rgba(255,255,255,.5);box-shadow:0 28px 80px rgba(0,0,0,.28)}.modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.modal-title-row h2{font-size:30px;margin:2px 0 0}.customer-box{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0;padding:13px 14px;background:#f7f8fa;border-radius:14px}.customer-box b{width:100%;font-size:16px}.customer-box span{font-size:12px;color:#5f6774;background:#fff;border:1px solid #e5e7eb;padding:6px 8px;border-radius:9px}.payment-line{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1;margin-bottom:14px}.status-panel{margin-top:18px;padding-top:17px;border-top:1px solid #eceef1}.status-panel>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.status-panel small{color:var(--muted);text-align:right;max-width:260px}.status-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.status-action{border:1px solid #e2e5e9;background:#fff;border-radius:12px;padding:11px;font-weight:750;text-align:left}.status-action:hover{background:#fafafa;border-color:#cfd4db}.status-action.current{background:#fff2e8;border-color:#f6b589;color:#c94a00}.status-manual{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.order-modal .summary{background:#fffaf6;border:1px solid #fee2cf;border-radius:14px;padding:12px}.order-modal .summary div{padding:4px 0}.order-modal .total{padding:14px 2px}
.empty{background:rgba(255,255,255,.65)}
@media(max-width:900px){.quick-stats{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){header{height:68px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand strong{font-size:15px}.header-actions .primary{font-size:13px;padding:10px 11px}.hero{padding:23px 20px}.hero h1{font-size:38px}.quick-stats{margin-top:12px;gap:9px}.quick-card{padding:12px;gap:9px}.quick-card>span{width:34px;height:34px}.quick-card b{font-size:18px}.section-head{align-items:center}.section-head p{display:none}.card.order{padding:14px}.order-side{gap:8px}.order-side>b{font-size:14px}.order-side .badge{display:none}.chevron{font-size:22px}.modal-card{padding:20px 16px 22px}.status-panel>div:first-child{display:block}.status-panel small{display:block;text-align:left;margin-top:4px}.status-actions{grid-template-columns:1fr 1fr}.nav{padding-top:6px}.nav button{min-width:64px}.nav span{font-size:19px}.product-actions .ghost,.product-actions .danger{min-height:38px}.toolbar{gap:8px}.toolbar .secondary{padding:10px 12px}}
@media(max-width:430px){.hero-grid{grid-template-columns:1fr 1fr}.hero-grid div:last-child{grid-column:1/-1}.quick-stats{grid-template-columns:1fr 1fr}.quick-card small{font-size:11px}.order-title span{max-width:155px}.order-side{flex-direction:column;align-items:flex-end;gap:2px}.chevron{display:none}.products-grid{grid-template-columns:1fr}.status-actions{grid-template-columns:1fr}.status-manual{grid-template-columns:1fr}.payment-line{display:block}.payment-line b{display:block;margin-top:4px}}

/* ===== v8 Correções de produção ===== */
.muted{color:var(--muted)}
body.modal-open{overflow:hidden}
.modal-card{position:relative;padding-top:26px}
.modal-close{position:sticky;top:0;float:right;margin:-12px -8px 6px 12px;z-index:20;width:42px;height:42px;border:0;border-radius:50%;background:#f1f3f5;color:#252a33;font-size:30px;line-height:38px;font-weight:400;display:grid;place-items:center;box-shadow:0 2px 8px rgba(17,24,39,.08)}
.modal-close:hover{background:#e5e7eb}
.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-right:44px}.modal-heading h2{margin:2px 0 0}
.payment-actions{margin:10px 0 12px}
.financial-stats div:last-child{background:#fff7ed;border-color:#fed7aa}.financial-stats div:last-child b{color:#c2410c}
.form button[type="submit"]:disabled{opacity:.65;cursor:wait;transform:none}
@media(max-width:760px){
  .modal-card{width:100%;max-height:94dvh;overflow-y:auto;padding-top:20px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .modal-close{position:sticky;top:0;float:right;margin:-4px -2px 4px 10px;width:44px;height:44px;background:#eef0f3}
  .modal-heading{padding-right:0}.modal-heading h2{font-size:24px}
  .financial-stats{grid-template-columns:1fr 1fr}
}

/* ===== v10 Notificações de pedidos ===== */
.notification-bell{position:relative;width:44px;height:44px;border:1px solid #e3e6ea;background:#fff;border-radius:14px;display:grid;place-items:center;font-size:20px;box-shadow:0 3px 12px rgba(17,24,39,.05)}
.notification-bell:hover{background:#fff7ed;border-color:#fdba74}.notification-bell [data-bell-count]{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;border-radius:10px;padding:0 5px;background:#dc2626;color:#fff;font-size:10px;font-weight:900;line-height:19px;border:2px solid #fff}
.new-order-alert{position:fixed;z-index:1000;right:22px;top:92px;width:min(390px,calc(100vw - 28px));border:0;border-radius:18px;padding:15px 16px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;text-align:left;background:#16191f;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.28);transform:translateY(-20px);opacity:0;transition:.22s ease;cursor:pointer}
.new-order-alert.show{transform:translateY(0);opacity:1}.new-order-alert .new-order-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#f97316,#ea580c);display:grid;place-items:center;font-size:23px}.new-order-alert b{display:block;font-size:15px}.new-order-alert small{display:block;color:#d1d5db;margin-top:3px}.new-order-alert em{display:block;color:#fdba74;font-style:normal;font-size:11px;margin-top:5px}.new-order-alert strong{font-size:25px;color:#9ca3af}
.card.order.unread-order{border-left:4px solid #f97316;background:linear-gradient(90deg,#fff7ed 0,#fff 22%)}.card.order.unread-order .order-title:after{content:'NOVO';font-size:9px;font-weight:900;color:#c2410c;background:#ffedd5;border-radius:7px;padding:4px 6px}
.header-actions{display:flex;align-items:center;gap:9px}
@media(max-width:760px){.new-order-alert{top:76px;right:14px;left:14px;width:auto}.notification-bell{width:42px;height:42px}.header-actions .primary{font-size:0}.header-actions .primary:after{content:'+ Pedido';font-size:12px}}

.product-admin-main{display:flex;align-items:center;gap:12px;min-width:0}.product-admin-thumb{width:64px;height:64px;border-radius:16px;object-fit:cover;flex:0 0 auto;background:#f4efe4;display:grid;place-items:center;font-size:26px}.product-admin-thumb.placeholder{border:1px dashed #d9cdb8}.product-image-editor{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.product-image-preview{width:110px;height:110px;border-radius:22px;background:#f6f1e7;border:1px dashed #d5c5ab;display:grid;place-items:center;overflow:hidden;text-align:center}.product-image-preview img{width:100%;height:100%;object-fit:cover}.product-image-preview span{font-size:32px}.product-image-preview small{display:block}.availability-box{padding:12px;border-radius:16px;background:#faf8f3;border:1px solid #ece4d7;display:grid;gap:8px}.compact{padding:7px 10px;margin-top:8px}.public-menu-card{margin-top:14px}.public-link-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.public-link-row input{min-width:0}.product-row-photo{align-items:center}@media(max-width:640px){.product-row-photo{display:grid;gap:12px}.product-actions{justify-content:space-between}.product-image-editor{grid-template-columns:86px 1fr}.product-image-preview{width:86px;height:86px;border-radius:18px}.public-link-row{grid-template-columns:1fr 1fr}.public-link-row input{grid-column:1/-1}}

/* ===== Café Veredo Pro v15 ===== */
:root{--sidebar:238px;--radius:18px;--radius-sm:12px;--pro-bg:#f6f7f9;--pro-card:#fff;--pro-border:#e7e9ee;--pro-text:#15171b;--pro-muted:#717784;--pro-accent:#e85d04;--pro-accent-soft:#fff3ea}
body{background:var(--pro-bg);color:var(--pro-text)}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{margin:4px 0 6px}.page-head p{margin:0;color:var(--pro-muted)}.page-actions,.button-row{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--pro-muted)}
.user-chip{display:flex;align-items:center;gap:8px;background:#f5f6f8;border:1px solid var(--pro-border);border-radius:14px;padding:5px 7px 5px 5px}.user-chip>span{width:34px;height:34px;border-radius:11px;background:#191c22;color:#fff;display:grid;place-items:center;font-weight:900}.user-chip b{display:block;font-size:12px}.user-chip small{display:block;margin:0;font-size:10px;color:var(--pro-muted);text-transform:capitalize}.user-chip button{border:0;background:transparent;font-size:18px;color:#777;padding:4px}.install-app{display:none}.can-install .install-app{display:inline-flex}
.nav-brand{display:none}.nav button em{font-style:normal}.plan-badge,.role-pill,.status-dot,.plan-badge{background:#181b20;color:#fff}.role-pill{background:#f1f3f6;color:#505762;text-transform:capitalize;width:max-content;margin-top:6px}.status-dot{background:#f1f3f6;color:#777}.status-dot.active{background:#e7f8ef;color:#147a4c}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.settings-main{padding:0;overflow:hidden}.settings-section{padding:20px;border-bottom:1px solid var(--pro-border);display:grid;gap:12px}.settings-section:last-of-type{border-bottom:0}.settings-section h2{margin:3px 0 5px}.settings-side{display:grid;gap:14px}.settings-side .card{display:block}.settings-side h2{margin:6px 0}.button-row>*{flex:1}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.activity-line{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--pro-border)}.activity-line:last-child{border-bottom:0}.activity-line b{font-size:12px}.activity-line span,.activity-line small{color:var(--pro-muted);font-size:11px}
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-card{justify-content:flex-start!important}.team-avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#23272f,#444c58);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.team-main{display:flex;flex-direction:column;min-width:0}.team-main small{overflow:hidden;text-overflow:ellipsis}.permission-card{display:block!important;margin-top:14px}.permission-card p{margin-bottom:0;color:var(--pro-muted);line-height:1.55}
.cash-register{border-radius:20px;padding:18px 20px;margin-bottom:16px;border:1px solid var(--pro-border);background:#fff}.cash-register.is-open{background:linear-gradient(145deg,#14261f,#1c3a2d);color:#fff;border:0;box-shadow:0 12px 30px rgba(21,58,43,.15)}.cash-register-status{display:flex;justify-content:space-between;align-items:center;gap:14px}.cash-register-status>span{font-weight:900}.cash-register-status small{color:inherit;opacity:.7}.cash-register-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.cash-register-grid>div{background:#ffffff12;border:1px solid #ffffff15;border-radius:13px;padding:12px}.cash-register-grid span{display:block;font-size:11px;opacity:.72}.cash-register-grid b{display:block;margin-top:3px;font-size:18px}.positive{color:#148a59}.negative{color:#c33b3b}.info-box{background:#f6f7f9;border:1px solid var(--pro-border);border-radius:14px;padding:13px}
.metric-card{display:block!important}.metric-card span{font-size:12px;color:var(--pro-muted)}.metric-card b{display:block;margin-top:5px;font-size:20px}

/* Authentication */
.auth-page{min-height:100vh;background:#111318}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr)}.auth-brand-panel{padding:clamp(40px,7vw,90px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(232,93,4,.24),transparent 32%),linear-gradient(145deg,#15171b,#242933);color:#fff}.auth-brand-mark,.mobile-auth-logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#ff7a1a,#d84d00);display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px rgba(232,93,4,.25)}.auth-kicker{margin-top:28px;color:#f2a36f;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.auth-brand-panel h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.05em;margin:8px 0 14px}.auth-brand-panel p{max-width:520px;color:#c9cdd4;font-size:17px;line-height:1.6}.auth-benefits{display:grid;gap:10px;margin-top:28px;color:#e9ebef}.auth-card-wrap{background:#f7f8fa;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--pro-border);border-radius:24px;padding:30px;display:grid;gap:14px;box-shadow:0 24px 70px rgba(0,0,0,.08)}.auth-card h2{margin:4px 0 0;font-size:28px}.auth-card>p{margin:0 0 6px;color:var(--pro-muted)}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:800}.auth-card input{width:100%;border:1px solid #dfe2e7;border-radius:13px;padding:13px 14px;font-size:16px}.auth-submit{margin-top:4px}.auth-error{background:#fff0f0;color:#a42525;border:1px solid #ffd2d2;border-radius:12px;padding:10px 12px;font-size:12px}.auth-foot{text-align:center;color:#999;margin-top:4px}.mobile-auth-logo{display:none;color:#fff}

@media(min-width:1020px){
  .nav{position:fixed;top:0;left:0;bottom:0;right:auto;width:var(--sidebar);height:100vh;padding:18px 12px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;background:#15181d;border:0;border-right:1px solid #272b32;overflow:auto}
  .nav-brand{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;padding:6px 8px 24px;color:#fff}.nav-brand>span{grid-row:1/3;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#ff7a1a,#d84d00);display:grid;place-items:center;font-weight:900}.nav-brand b{font-size:13px}.nav-brand small{color:#8f97a4;font-size:10px}
  .nav button{flex:0 0 auto;min-width:0;width:100%;display:flex;align-items:center;gap:11px;border-radius:12px;padding:11px 12px;color:#9da4af;text-align:left;font-size:13px}.nav button span{font-size:18px;margin:0;width:22px;text-align:center}.nav button em{font-style:normal}.nav button:hover{background:#ffffff08;color:#fff}.nav button.active{background:linear-gradient(90deg,#e85d041e,#e85d0408);color:#ff9453;box-shadow:inset 3px 0 #e85d04}
  header{margin-left:var(--sidebar);padding:0 26px;max-width:none;height:74px}.brand-mark{display:none}main{max-width:1500px;margin-left:var(--sidebar);padding:28px 28px 60px}.hero{margin-top:0}.settings-layout{grid-template-columns:minmax(0,1fr) 360px}
}
@media(max-width:1019px){.user-chip>div{display:none}.install-app{font-size:0}.can-install .install-app:after{content:'Instalar';font-size:11px}.settings-layout{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr 1fr}.role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.page-head{align-items:flex-start}.page-head .page-actions{width:100%}.page-head{flex-wrap:wrap}.settings-side{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}.cash-register-status{align-items:flex-start;flex-direction:column}.cash-register-grid{grid-template-columns:1fr 1fr}.cash-register-grid>div:last-child{grid-column:1/-1}.user-chip{padding:4px}.user-chip>span{width:36px;height:36px}.header-actions{gap:5px}.auth-shell{display:block}.auth-brand-panel{display:none}.auth-card-wrap{min-height:100vh;padding:18px}.auth-card{padding:24px 20px;border-radius:22px}.mobile-auth-logo{display:grid;margin-bottom:4px}.check-grid{grid-template-columns:1fr}.page-head h1{font-size:28px}}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.report-card{display:block!important}.report-card.wide{grid-column:1/-1}.report-list,.channel-list{display:grid;margin-top:10px}.report-list>div,.channel-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--pro-border)}.report-list>div:last-child,.channel-list>div:last-child{border-bottom:0}.report-list small{color:var(--pro-muted);margin-left:6px}@media(max-width:760px){.report-grid{grid-template-columns:1fr}.report-card.wide{grid-column:auto}}
.fatal-state{min-height:70vh;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}.fatal-state h1{margin:5px}.fatal-state p{color:var(--pro-muted);max-width:420px}.fatal-icon{width:56px;height:56px;border-radius:18px;background:#fee2e2;color:#b91c1c;display:grid;place-items:center;font-size:28px;font-weight:900}

/* ===== Café Veredo Pro v16 ===== */
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.kpi{background:var(--card,#fff);border:1px solid var(--line,#e7e9ee);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:7px;box-shadow:0 8px 28px rgba(20,24,40,.05)}.kpi span{font-size:.78rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kpi strong{font-size:1.7rem;line-height:1.1}.kpi small{color:#7b8190}.primary-kpi{background:linear-gradient(145deg,#111827,#1f2937);color:#fff;border-color:transparent}.primary-kpi span,.primary-kpi small{color:#d1d5db}.danger-kpi{border-color:#fecaca;background:#fff7f7}.danger-kpi strong{color:#b91c1c}.pro-head{align-items:flex-end}.head-actions,.button-row{display:flex;gap:10px;flex-wrap:wrap}.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.action-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.action-card>span{font-size:1.7rem}.action-card small{display:block;color:#6b7280;margin-top:2px}.order-tabs{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer}.chip.active{background:#111827;color:#fff;border-color:#111827}.late-order{border-color:#fca5a5!important;background:linear-gradient(90deg,#fff7f7,#fff)}.late-badge{background:#b91c1c!important;color:#fff!important}.notification-list{display:grid;gap:10px}.notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;cursor:pointer}.notice:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(15,23,42,.06)}.notice-critical{border-left:5px solid #dc2626}.notice-high{border-left:5px solid #f59e0b}.notice-icon{font-size:1.5rem}.notice small{display:block;color:#6b7280;margin-top:3px}.split-grid,.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.line-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f4}.line-row:last-child{border-bottom:none}.line-row small{display:block;color:#6b7280;margin-top:3px}.text-danger{color:#b91c1c}.text-success{color:#047857}.connection-pill{padding:9px 13px;border-radius:999px;font-weight:800;background:#f3f4f6}.connection-pill.ok{background:#dcfce7;color:#166534}.connection-pill.off{background:#fee2e2;color:#991b1b}.qr-area{min-height:280px;display:grid;place-items:center;border:1px dashed #d1d5db;border-radius:18px;margin:14px 0;background:#fafafa}.qr-card{display:grid;justify-items:center;gap:8px;text-align:center}.qr-card img{width:min(260px,80vw);aspect-ratio:1;object-fit:contain;background:#fff;padding:10px;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.success-state,.loading-state,.error-state{display:grid;gap:7px;text-align:center;justify-items:center}.success-state{color:#166534}.success-state:first-letter{font-size:2rem}.callout{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;color:#475569}.setup-info ol{padding-left:20px;display:grid;gap:10px}.business-logo-field{gap:10px}.logo-uploader{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.business-logo-preview{width:100px;height:100px;border-radius:20px;background:#f3f4f6;display:grid;place-items:center;font-size:2rem;overflow:hidden;border:1px solid #e5e7eb}.business-logo-preview img{width:100%;height:100%;object-fit:cover}.domain-status{padding:13px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;display:grid;gap:5px}.domain-status.ok{background:#f0fdf4;border-color:#bbf7d0}.domain-status small{color:#64748b}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;padding:0 0 20px}.timeline-item>span{width:10px;height:10px;background:#111827;border-radius:50%;margin-top:5px;position:relative;z-index:2}.timeline-item:not(:last-child)>span:after{content:'';position:absolute;top:10px;left:4px;width:2px;height:calc(100% + 20px);background:#e5e7eb}.timeline-item small{display:block;color:#6b7280;margin-top:4px}.nav-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.full{width:100%}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{grid-template-columns:1fr}.split-grid,.business-grid{grid-template-columns:1fr}}
@media(max-width:680px){.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:14px;border-radius:16px}.kpi strong{font-size:1.3rem}.page-head.pro-head{align-items:stretch}.head-actions{display:grid;grid-template-columns:1fr 1fr}.head-actions button{width:100%}.notice{padding:13px}.split-grid,.business-grid{gap:12px}.qr-area{min-height:220px}.order-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.chip{white-space:nowrap}.action-card{grid-template-columns:auto 1fr}.action-card button{grid-column:1/-1;width:100%}.business-logo-preview{width:84px;height:84px}}

/* ===== Pedido Pro v18 · Design System ===== */
:root{--pp-bg:#f6f7f9;--pp-surface:#fff;--pp-surface-2:#fafbfc;--pp-ink:#17191d;--pp-muted:#667085;--pp-line:#e7e9ee;--pp-accent:#e85d04;--pp-accent-hover:#d65302;--pp-accent-soft:#fff3eb;--pp-green:#0f8a5f;--pp-red:#c83232;--pp-amber:#b66b00;--pp-shadow:0 12px 36px rgba(16,24,40,.06);--pp-shadow-lg:0 22px 70px rgba(16,24,40,.13)}
html{background:var(--pp-bg);scroll-behavior:smooth}body{background:var(--pp-bg);color:var(--pp-ink);font-feature-settings:"tnum" 1,"ss01" 1}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}a{color:var(--pp-accent)}
.app-header{border-bottom:1px solid var(--pp-line);box-shadow:none;background:rgba(255,255,255,.94)}.brand-mark{background:#191b20;box-shadow:none;border-radius:12px}.brand strong{font-size:15px}.brand small{font-size:11px;color:var(--pp-muted)}.header-actions .primary{box-shadow:none}.notification-bell{border:1px solid var(--pp-line)!important;background:#fff!important;color:#343840!important;box-shadow:none!important}.notification-bell:hover{background:#f8f9fa!important}.primary{background:var(--pp-accent);box-shadow:none;border-radius:11px}.primary:hover{background:var(--pp-accent-hover);box-shadow:none;transform:none}.secondary{background:#202329;border-radius:11px}.ghost{border:1px solid transparent;background:#f5f6f8;border-radius:11px}.ghost:hover{border-color:#e5e7eb;background:#eef0f3}
main{max-width:1460px}.page-head{margin-bottom:18px}.page-head h1{font-size:30px;letter-spacing:-.035em;margin:4px 0 5px}.page-head p{color:var(--pp-muted);margin:0;line-height:1.45}.eyebrow{color:#89909d;letter-spacing:.13em;font-size:9px}.card,.kpi,.notice,.quick-card{border-color:var(--pp-line);box-shadow:0 3px 14px rgba(16,24,40,.035)}.kpi{border-radius:16px;padding:17px}.kpi strong{font-size:1.65rem;letter-spacing:-.03em}.primary-kpi{background:#1d2026}.danger-kpi{background:#fff;border-color:#f2d6d6}.danger-kpi strong{color:var(--pp-red)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:26px 0 11px}.section-head h2{margin:0;font-size:17px;letter-spacing:-.015em}.section-head p{margin:3px 0 0;color:var(--pp-muted);font-size:12px}
.order{min-height:86px;padding:15px 16px!important;transition:border-color .15s,box-shadow .15s,transform .15s}.order:hover{border-color:#d4d8df;box-shadow:0 10px 28px rgba(16,24,40,.065);transform:translateY(-1px)}.order-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.order-title b{font-size:14px}.order-title span{font-weight:700;color:#3a3e46}.order-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--pp-muted);font-size:11px;margin-top:7px}.order-meta span:not(:last-child):after{content:"·";margin-left:8px;color:#c0c4cc}.source-tag{background:#f1f3f5;border-radius:999px;padding:3px 7px;color:#525866!important}.source-tag:after{display:none!important}.order-payment{font-size:11px;font-weight:700;margin-top:5px}.order-payment.paid{color:var(--pp-green)}.order-payment.pending{color:var(--pp-amber)}.order-side{min-width:180px}.order-value{font-size:15px}.late-order{box-shadow:inset 3px 0 var(--pp-red);background:#fff}.unread-order{box-shadow:inset 3px 0 var(--pp-accent)}
.badge{font-size:10px;letter-spacing:.02em;padding:5px 8px}.s-novo{background:#edf4ff;color:#245ea9}.s-confirmado{background:#f4efff;color:#6c3eb2}.s-preparando{background:#fff1e6;color:#a84c0b}.s-pronto{background:#eaf8f0;color:#187048}.s-saiuparaentrega{background:#eef6ff;color:#3268a8}.s-entregue{background:#e8f7f1;color:#0c7650}.s-cancelado{background:#fff0f0;color:#ad3030}
.empty{position:relative;min-height:120px;display:grid;place-items:center;align-content:center;color:var(--pp-muted);background:var(--pp-surface-2);border-color:#dfe2e7;font-size:13px}.empty:before{content:"—";display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef0f3;color:#8c939f;margin-bottom:6px;font-weight:900}.form label{font-size:12px;font-weight:700;color:#505662}.form label>small,.form small{font-weight:500;color:#8a909a;line-height:1.4}input,select,textarea,.search{border-color:#dfe2e7;border-radius:11px;background:#fff;min-height:44px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus,.search:focus{border-color:#f0a375;box-shadow:0 0 0 3px rgba(232,93,4,.11)}
.modal-bg{background:rgba(17,20,26,.58);backdrop-filter:blur(4px)}.modal-card{border-radius:20px;border:1px solid rgba(255,255,255,.7);box-shadow:var(--pp-shadow-lg);padding:24px}.modal-close{top:14px!important;right:14px!important;background:#f1f3f5!important;color:#353941!important}.modal-heading h2{letter-spacing:-.025em}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.more-grid button{border:1px solid var(--pp-line);background:#fff;border-radius:14px;padding:16px 12px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--pp-ink)}.more-grid button span{width:34px;height:34px;border-radius:10px;background:#f4f5f7;display:grid;place-items:center;font-size:17px}.more-grid button:hover{border-color:#d2d6dd;background:#fafafa}
.nav-group{display:grid;gap:3px;margin:5px 0 9px}.nav-group-label{padding:9px 12px 4px;color:#69707c!important;text-transform:uppercase;letter-spacing:.12em;font-size:8px!important;font-weight:900}.nav-version{margin-top:auto;padding:15px 12px 4px;color:#666e79;font-size:9px}.nav-brand>div{min-width:0}.nav-brand b,.nav-brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-nav .nav-brand>span{background:#272a31!important;color:#fff!important}.mobile-nav{display:none}.product-tile{border-color:var(--pp-line);box-shadow:none;transition:.15s}.product-tile:hover{border-color:#cfd3da;transform:translateY(-1px)}.product-tile span{color:var(--pp-accent)}.connection-pill{font-size:11px}.qr-area{background:#fbfbfc}.timeline-item b{font-size:13px}.timeline-item small{line-height:1.5}
.auth-card{border-radius:20px;padding:32px}.auth-brand-panel{background:radial-gradient(circle at 18% 15%,rgba(232,93,4,.20),transparent 28%),#191b20}.auth-brand-mark,.mobile-auth-logo{background:var(--pp-accent);box-shadow:none;border-radius:14px}.auth-brand-mark.has-image,.mobile-auth-logo.has-image{padding:0;overflow:hidden;background:#fff}.auth-brand-mark img,.mobile-auth-logo img{width:100%;height:100%;object-fit:cover}.auth-brand-panel h1{font-family:inherit;font-weight:800;letter-spacing:-.05em}.auth-card h2{letter-spacing:-.035em}.auth-foot{color:#9aa0aa!important}
@media(min-width:1020px){.desktop-nav{width:248px!important;padding:14px 10px!important}.app-header{margin-left:248px!important}.app-header+main,main{margin-left:248px!important}.nav-brand{grid-template-columns:40px minmax(0,1fr)!important;padding-bottom:12px!important}.nav button{padding:10px 11px!important}.nav button em{font-size:12px}.nav button.active{background:#252930!important;color:#fff!important;box-shadow:none!important}.nav button.active span{color:#ff8240}.nav-group-label{color:#747b86!important}}
@media(max-width:1019px){.desktop-nav{display:none!important}.mobile-nav{position:fixed;z-index:24;left:0;right:0;bottom:0;height:68px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--pp-line);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 30px rgba(16,24,40,.06)}.mobile-nav button{position:relative;border:0;background:none;color:#7a818d;display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;padding:2px}.mobile-nav button span{font-size:20px;line-height:1}.mobile-nav button em{font-style:normal;font-size:9px;font-weight:800}.mobile-nav button.active{color:var(--pp-accent)}.mobile-nav .mobile-new span{width:42px;height:42px;border-radius:14px;background:var(--pp-accent);color:white;display:grid;place-items:center;font-size:25px;box-shadow:0 8px 18px rgba(232,93,4,.25);margin-top:-20px}.mobile-nav .mobile-new em{color:var(--pp-accent)}.mobile-nav i{position:absolute;top:4px;right:22%;min-width:17px;height:17px;border-radius:999px;background:#d92d20;color:#fff;font-size:9px;font-style:normal;font-weight:900;display:grid;place-items:center;padding:0 4px}.mobile-nav i[hidden]{display:none}.app-header{height:64px}.brand-mark{width:36px;height:36px}.header-new{display:none}.install-app{display:none!important}main{padding-bottom:92px!important}.user-chip>div{display:none}.notification-bell{width:40px;height:40px;padding:0!important}.header-actions{gap:5px}}
@media(max-width:680px){body{background:#f7f8fa}.app-header{padding:0 11px!important}.brand strong{font-size:13px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:9px}.brand-mark{display:grid!important}.page-head{margin-bottom:14px}.page-head h1{font-size:25px}.page-head p{font-size:12px}.kpi-grid{grid-template-columns:1fr 1fr!important}.kpi{padding:13px!important}.kpi span{font-size:9px}.kpi strong{font-size:1.25rem}.kpi small{font-size:9px}.card.order{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;padding:13px!important}.order-side{min-width:0!important;display:grid!important;justify-items:end!important;gap:6px!important}.order-title{display:grid!important;gap:2px!important}.order-title b{font-size:12px}.order-title span{font-size:13px}.order-meta{display:grid!important;gap:3px!important;margin-top:6px!important}.order-meta span:after{display:none!important}.source-tag{width:max-content}.order-payment{font-size:10px}.order-value{font-size:13px}.chevron{display:none}.head-actions{grid-template-columns:1fr!important}.head-actions [data-new]{display:none}.ops-grid{gap:9px}.action-card{padding:14px}.section-head{margin-top:20px}.modal-bg{align-items:flex-end}.modal-card{width:100%;border-radius:22px 22px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom));max-height:91vh}.more-grid{grid-template-columns:1fr 1fr}.more-grid button{padding:13px 10px}.form .row{grid-template-columns:1fr!important}.products-grid{grid-template-columns:1fr 1fr!important}.product-tile{min-height:104px;padding:14px}.order-layout{display:block}.cart{position:static;margin-top:14px}.auth-card-wrap{padding:14px}.auth-card{padding:24px 18px}.new-order-alert{left:10px!important;right:10px!important;bottom:82px!important;width:auto!important}}
@media(max-width:390px){.products-grid{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:1fr 1fr!important}.more-grid{grid-template-columns:1fr 1fr}}


/* ===== Pedido Pro v19 · UI premium / marca personalizável ===== */
:root{--pp-brand-secondary:#171a1f;--pp-brand-soft:#e85d0414;--pp-radius:18px;--pp-radius-sm:12px;--pp-shadow-card:0 1px 2px rgba(16,24,40,.02),0 8px 26px rgba(16,24,40,.045)}
body{background:#f6f7f9}.brand-mark.has-logo{padding:0;overflow:hidden;background:#fff!important}.brand-mark.has-logo img{width:100%;height:100%;object-fit:cover}.desktop-nav{background:var(--pp-brand-secondary)!important}.desktop-nav .nav-brand>span{background:rgba(255,255,255,.10)!important}.desktop-nav .nav button.active{background:rgba(255,255,255,.105)!important}.desktop-nav .nav button.active span{color:var(--pp-accent)!important}.card,.kpi{border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-card)}.primary{background:var(--pp-accent)!important}.primary:hover{filter:brightness(.95)}.plan-badge{background:var(--pp-brand-soft);color:var(--pp-accent);border:1px solid color-mix(in srgb,var(--pp-accent) 24%,transparent)}
.integration-head{align-items:center}.connection-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-weight:800;border:1px solid var(--pp-line);background:#fff}.connection-pill i{width:8px;height:8px;border-radius:50%;background:#a3a3a3}.connection-pill.ok{background:#effaf4;border-color:#cdebd9;color:#166534}.connection-pill.ok i{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.wa-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.wa-main-card{padding:24px}.wa-card-head{display:flex;gap:15px;align-items:flex-start}.wa-card-head h2,.wa-guide h2{margin:2px 0 5px;font-size:20px}.wa-card-head p{margin:0;color:var(--pp-muted);line-height:1.5}.wa-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e9fbf1;color:#128c4b;font-weight:950;font-size:13px}.wa-connection-stage{margin:24px 0 18px;border:1px solid var(--pp-line);background:#fafbfc;border-radius:18px;min-height:250px;display:grid;place-items:center;padding:22px}.wa-empty,.wa-loading,.wa-error{max-width:390px;text-align:center;display:grid;justify-items:center;gap:8px}.wa-empty small,.wa-loading small,.wa-error small{color:var(--pp-muted);line-height:1.45}.qr-placeholder{width:64px;height:64px;border-radius:18px;background:#fff;border:1px dashed #ccd1d8;display:grid;place-items:center;font-size:28px;color:#737b87;margin-bottom:4px}.wa-connected{width:100%;max-width:520px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;border-radius:16px;background:#fff;border:1px solid #d8eee1}.wa-check{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-weight:950;font-size:22px}.wa-connected b,.wa-connected small{display:block}.wa-connected small{margin-top:4px;color:var(--pp-muted)}.wa-connected>span{font-size:11px;font-weight:850;color:#15803d;background:#effcf3;border-radius:999px;padding:6px 9px}.wa-qr{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;width:100%;max-width:600px}.qr-frame{background:#fff;padding:12px;border-radius:18px;border:1px solid var(--pp-line);box-shadow:0 10px 30px rgba(16,24,40,.06)}.qr-frame img{display:block;width:210px;max-width:100%;height:auto}.wa-qr b,.wa-qr small,.wa-qr em{display:block}.wa-qr small{color:var(--pp-muted);margin:7px 0;line-height:1.45}.wa-qr em{font-style:normal;font-size:11px;color:#8b919b}.wa-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.link-danger{border:0;background:transparent;color:#b42318;padding:9px 8px;font-weight:800}.wa-side-stack{display:grid;align-content:start;gap:18px}.wa-guide{padding:22px}.wa-step{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;padding:12px 0;border-bottom:1px solid #f0f1f3}.wa-step:last-child{border:0}.wa-step>span{width:30px;height:30px;border-radius:10px;background:var(--pp-brand-soft);color:var(--pp-accent);font-weight:900;display:grid;place-items:center}.wa-step b,.wa-step small{display:block}.wa-step small{color:var(--pp-muted);margin-top:3px;line-height:1.4}.wa-tip{padding:16px;display:flex;gap:12px;align-items:flex-start;background:#fbfbfc}.wa-tip-icon{width:30px;height:30px;border-radius:9px;background:#eef1f5;display:grid;place-items:center;font-weight:900}.wa-tip p{margin:3px 0 0;color:var(--pp-muted);font-size:12px;line-height:1.45}
.brand-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.brand-settings-main{display:grid;gap:18px}.settings-card{padding:22px}.settings-card-head{padding-bottom:16px;border-bottom:1px solid var(--pp-line);margin-bottom:18px}.settings-card-head h2{margin:2px 0 4px;font-size:19px}.settings-card-head p{margin:0;color:var(--pp-muted);font-size:12px}.brand-settings-side{display:grid;gap:12px;position:sticky;top:86px}.menu-link-card{padding:20px}.menu-link-card h3{margin:4px 0 6px}.menu-link-card p{font-size:12px;color:var(--pp-muted);line-height:1.5}.copy-field{padding:11px 12px;border-radius:11px;background:#f5f6f7;border:1px solid var(--pp-line);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:12px 0}.save-brand{width:100%;padding:13px}.logo-uploader.modern{display:flex;align-items:center;gap:16px;background:#fafbfc;border:1px solid var(--pp-line);padding:14px;border-radius:15px}.business-logo-preview{flex:0 0 72px;width:72px;height:72px;border-radius:16px;background:#fff;border:1px solid var(--pp-line);display:grid;place-items:center;overflow:hidden;font-size:25px}.business-logo-preview img{width:100%;height:100%;object-fit:cover}.logo-uploader.modern input{min-height:auto;border:0;padding:0;background:transparent}.palette-presets{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.palette-preset{border:1px solid var(--pp-line);background:#fff;border-radius:13px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:var(--pp-ink);font-weight:750}.palette-preset:hover{border-color:#cdd2d9;background:#fafbfc}.palette-preset i{width:30px;height:22px;border-radius:8px;background:linear-gradient(90deg,var(--a) 0 50%,var(--b) 50%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.palette-preset span{font-size:11px}.color-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-field{display:grid;grid-template-columns:44px 1fr;gap:8px}.color-field input[type=color]{width:44px;height:44px;padding:3px;border-radius:11px;cursor:pointer}.theme-preview{margin-top:18px;border-radius:17px;overflow:hidden;border:1px solid var(--pp-line);background:#fff}.theme-preview-top{height:54px;background:var(--preview-secondary);color:#fff;display:flex;align-items:center;gap:9px;padding:0 14px}.preview-logo{width:30px;height:30px;border-radius:9px;background:var(--preview-primary);display:grid;place-items:center;font-size:10px;font-weight:900}.preview-status{margin-left:auto;font-size:9px;background:rgba(255,255,255,.12);padding:5px 7px;border-radius:999px}.theme-preview-body{padding:14px;display:flex;align-items:center;gap:12px}.theme-preview-body>div{display:grid;gap:2px}.theme-preview-body small,.theme-preview-body span{color:#747b86;font-size:10px}.theme-preview-body button{margin-left:auto;border:0;border-radius:10px;background:var(--preview-primary);color:#fff;padding:9px 11px;font-weight:800}.domain-status{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f7f8fa;border-radius:13px;border:1px solid var(--pp-line)}.domain-status>span{width:26px;height:26px;border-radius:8px;background:#eceff3;display:grid;place-items:center;font-weight:900}.domain-status.ok>span{background:#dcfce7;color:#15803d}.domain-status b,.domain-status small{display:block}.domain-status small{color:var(--pp-muted);margin-top:3px;line-height:1.4}
@media(max-width:980px){.wa-layout,.brand-settings-layout{grid-template-columns:1fr}.brand-settings-side{position:static;grid-template-columns:1fr 1fr}.brand-settings-side .save-brand{height:100%}}
@media(max-width:680px){.page-head.integration-head{align-items:flex-start}.connection-pill{font-size:10px;padding:7px 10px}.wa-main-card,.wa-guide,.settings-card{padding:16px}.wa-card-head{gap:11px}.wa-icon{width:42px;height:42px;border-radius:13px}.wa-card-head h2{font-size:18px}.wa-connection-stage{min-height:220px;margin:16px 0;padding:14px}.wa-qr{grid-template-columns:1fr;text-align:center;justify-items:center;gap:14px}.qr-frame img{width:210px}.wa-actions{display:grid;grid-template-columns:1fr;width:100%}.wa-actions button{width:100%}.brand-settings-side{grid-template-columns:1fr}.color-picker-grid{grid-template-columns:1fr}.palette-presets{display:grid;grid-template-columns:repeat(3,1fr)}.palette-preset{justify-content:center;padding:8px 5px}.palette-preset span{font-size:9px}.logo-uploader.modern{align-items:flex-start}.theme-preview-body button{font-size:10px;padding:8px}.brand-settings-layout{gap:12px}.settings-card{border-radius:16px}}

/* ===== Pedido Pro v20 · auditoria responsiva global ===== */
html{width:100%;max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;overflow-x:clip}img,svg,video,canvas{max-width:100%;height:auto}button,input,select,textarea{min-width:0;max-width:100%}pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
main,.page-head,.page-actions,.header-actions,.toolbar,.card,.kpi,.settings-layout,.settings-main,.settings-side,.split-grid,.business-grid,.report-grid,.role-grid,.order-layout,.products-grid,.kpi-grid,.ops-grid,.wa-layout,.wa-main-card,.wa-side-stack,.wa-guide,.wa-connection-stage,.wa-qr,.wa-connected,.brand-settings-layout,.brand-settings-main,.brand-settings-side,.settings-card,.theme-preview,.logo-uploader,.modal-card,.order-modal,.customer-box,.summary,.status-panel,.cash-register,.cash-register-status,.cash-register-grid,.notice,.team-main,.product-row,.product-actions,.line-row,.copy-field{min-width:0}
.card>* ,.page-head>* ,.toolbar>* ,.wa-card-head>* ,.wa-connected>* ,.wa-qr>* ,.notice>* ,.line-row>* ,.cash-register-status>* ,.logo-uploader.modern>* ,.theme-preview-body>*{min-width:0}
.page-head h1,.page-head p,.card,.card p,.card small,.wa-card-head h2,.wa-card-head p,.wa-step b,.wa-step small,.wa-tip p,.customer-box span,.notice b,.notice small,.line-row b,.line-row small,.team-main b,.team-main small,.product-row b,.product-row small,.settings-card p,.domain-status b,.domain-status small{overflow-wrap:anywhere;word-break:normal}

@media(min-width:1020px){
  header{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);margin-right:0}
  main{width:calc(100% - var(--sidebar));max-width:none;margin-left:var(--sidebar);margin-right:0}
}

/* WhatsApp: layout que nunca força largura maior que a tela */
.wa-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);width:100%;max-width:100%}
.wa-main-card,.wa-guide,.wa-tip{width:100%;max-width:100%}
.wa-connection-stage{width:100%;max-width:100%;overflow:hidden}
.wa-connected{grid-template-columns:auto minmax(0,1fr) auto;max-width:100%}
.wa-qr{grid-template-columns:minmax(180px,220px) minmax(0,1fr);max-width:100%}
.qr-frame{width:100%;max-width:220px}.qr-frame img{width:100%;max-width:210px}
.wa-actions>*{max-width:100%}

@media(max-width:1180px){
  .wa-layout{grid-template-columns:1fr}
  .wa-side-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

@media(max-width:760px){
  header{width:100%;max-width:100%}
  main{width:100%;max-width:100%;padding-left:12px;padding-right:12px;overflow-x:clip}
  .page-head,.toolbar,.cash-register-status,.section-title{width:100%}
  .page-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .page-actions,.button-row,.toolbar{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .page-actions>*,.button-row>*,.toolbar>*,.toolbar select{width:100%!important;max-width:100%}
  .wa-layout,.wa-side-stack,.brand-settings-layout,.brand-settings-side,.settings-layout,.settings-side,.split-grid,.business-grid,.report-grid,.role-grid{grid-template-columns:minmax(0,1fr)!important}
  .wa-main-card,.wa-guide,.wa-tip,.settings-card{width:100%;max-width:100%}
  .wa-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}
  .wa-connection-stage{padding:12px;min-height:200px}
  .wa-qr{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;width:100%}
  .qr-frame{width:min(220px,100%)}
  .wa-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}
  .wa-actions>*{width:100%;white-space:normal}
  .wa-connected{grid-template-columns:auto minmax(0,1fr);padding:14px;align-items:center}
  .wa-connected>span{grid-column:1/-1;justify-self:stretch;text-align:center;white-space:normal}
  .connection-pill{max-width:100%;white-space:normal;text-align:center}
  .logo-uploader.modern{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .logo-uploader.modern input[type=file]{width:100%;font-size:12px}
  .theme-preview-body{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .theme-preview-body button{grid-column:1/-1;width:100%;margin-left:0}
  .copy-field{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
  .notice{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .notice>*:last-child{grid-column:2}
  .line-row{align-items:flex-start;flex-wrap:wrap}
  .line-row>*:last-child{margin-left:auto;max-width:100%;text-align:right}
  .payment-line,.status-panel>div:first-child{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
  .payment-line b,.status-panel small{text-align:left;max-width:100%}
  .status-manual{grid-template-columns:minmax(0,1fr)}
  .summary div{gap:10px;align-items:flex-start}.summary div span{min-width:0;overflow-wrap:anywhere}.summary div b{white-space:nowrap}
  .cart-line{gap:10px;align-items:flex-start}.cart-line>div:first-child{min-width:0}.qty{flex:0 0 auto}
  .cash-register-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .report-list>div,.channel-list>div{align-items:flex-start;flex-wrap:wrap}.report-list>div>*:last-child,.channel-list>div>*:last-child{margin-left:auto}
}

@media(max-width:480px){
  main{padding-left:10px;padding-right:10px}
  .app-header{padding-left:10px!important;padding-right:10px!important}
  .header-actions{gap:4px}.user-chip{max-width:44px}.user-chip>span{flex:0 0 34px}.user-chip button{display:none}
  .brand{min-width:0}.brand>div{min-width:0}.brand strong{max-width:120px}
  .wa-main-card,.wa-guide,.settings-card{padding:14px!important}
  .wa-icon{width:40px;height:40px}.wa-card-head{gap:9px}.wa-card-head p{font-size:12px}
  .wa-connected{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.wa-connected>span{grid-column:auto;width:100%}
  .wa-check{width:44px;height:44px}.qr-frame{width:min(205px,100%)}
  .palette-presets{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.palette-preset{min-width:0}
  .logo-uploader.modern{grid-template-columns:minmax(0,1fr);justify-items:start}.business-logo-preview{width:64px;height:64px;flex-basis:64px}
  .color-field{grid-template-columns:42px minmax(0,1fr)}
  .kpi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .card.order{grid-template-columns:minmax(0,1fr)!important}.order-side{justify-items:start!important;width:100%;grid-template-columns:minmax(0,1fr) auto!important}.order-value{justify-self:end}
  .status-actions{grid-template-columns:minmax(0,1fr)}
  .more-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cash-register-grid{grid-template-columns:minmax(0,1fr)}.cash-register-grid>div:last-child{grid-column:auto}
  .modal-card{max-width:100vw}.customer-box{display:grid;grid-template-columns:minmax(0,1fr)}.customer-box b{width:auto}.customer-box span{width:100%}
}

@media(max-width:350px){
  .kpi-grid,.more-grid,.products-grid,.palette-presets{grid-template-columns:minmax(0,1fr)!important}
  .brand small{display:none}.header-actions .install-app{display:none!important}
}


/* ===== Pedido Pro v21 · layout system audit =====
   Authoritative responsive layer. The legacy base made every .card flex,
   which squeezed vertical screens such as WhatsApp and Settings. */
:root{
  --v21-page-max:1440px;
  --v21-gap:16px;
}
html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-width:0}
main{min-width:0;max-width:var(--v21-page-max)}

/* Cards are vertical by default. Only row components opt into flex/grid. */
.card{display:block;min-width:0;max-width:100%}
.form.card{display:grid}
.card.order{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.action-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.product-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.customer-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.team-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.metric-card,.report-card,.permission-card,.public-menu-card,.activity-card,.menu-link-card,.settings-card,.wa-main-card,.wa-guide{display:block!important}
.wa-tip{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.cart{display:block!important}

/* Universal content safety */
main *, .modal-card *, .card *{min-width:0}
h1,h2,h3,h4,p,small,b,strong,span,label,em{overflow-wrap:break-word;word-break:normal}
input,select,textarea,button{max-width:100%;min-width:0}
.button-row,.page-actions,.head-actions{min-width:0}
.button-row button,.page-actions button,.head-actions button{white-space:normal}

/* Page headers always wrap cleanly */
.page-head,.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-head>div:first-child,.toolbar>div:first-child{flex:1 1 420px;min-width:0}
.page-head .page-actions,.page-head .order-tabs,.toolbar>button{flex:0 1 auto}

/* WhatsApp: deliberately vertical on desktop and mobile. */
.wa-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%;max-width:1120px;margin:0 auto}
.wa-main-card{width:100%;padding:24px!important}
.wa-side-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;width:100%}
.wa-guide{width:100%;padding:22px!important}
.wa-guide h2{margin-bottom:8px}
.wa-step{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;width:100%;align-items:start;padding:13px 0}
.wa-step>span{flex:0 0 auto}
.wa-step>div{min-width:0;width:100%}
.wa-step b,.wa-step small{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}
.wa-tip{width:100%}
.wa-card-head{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.wa-connection-stage{width:100%;min-height:220px;margin:20px 0 16px;padding:20px;overflow:visible!important}
.wa-connected{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;width:100%;max-width:620px}
.wa-qr{display:grid!important;grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;gap:20px;width:100%;max-width:680px}
.wa-actions{display:flex!important;flex-wrap:wrap;gap:9px;width:100%}
.wa-actions>*{flex:0 1 auto;white-space:normal}

/* Settings: no narrow right rail that squeezes text. */
.settings-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%;max-width:1120px;margin:0 auto}
.settings-main{width:100%;overflow:visible!important}
.settings-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.settings-side>.card{height:auto}
.settings-section{width:100%}
.settings-section .row{grid-template-columns:repeat(2,minmax(0,1fr))}
.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.activity-line{min-width:0}

/* Company/branding follows the same safe composition. */
.brand-settings-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%;max-width:1120px;margin:0 auto}
.brand-settings-main{width:100%}
.brand-settings-side{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:100%}
.brand-settings-side .save-brand{height:auto!important;min-height:48px}
.logo-uploader.modern{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center}
.color-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-preview-body{min-width:0}
.copy-field{white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important}

/* Operational grids: responsive without magic fixed widths. */
.stats,.payment-grid,.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))!important}
.ops-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important}
.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.split-grid,.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.products-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important}
.order-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr)}
.order-side{min-width:0!important}

/* Rows */
.product-admin-main,.product-actions,.team-main,.team-actions{min-width:0}
.product-actions,.team-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.customer-row>div:first-child{min-width:0}
.line-row{min-width:0;flex-wrap:wrap}
.report-list>div,.channel-list>div{min-width:0;flex-wrap:wrap}

/* Modals/forms */
.modal-card{width:min(620px,calc(100vw - 32px));max-width:100%;overflow-x:hidden}
.form .row{grid-template-columns:repeat(2,minmax(0,1fr))}
.summary div{gap:12px;min-width:0}.summary div span{min-width:0}.summary div b{text-align:right}

@media(max-width:900px){
  .settings-side,.brand-settings-side,.report-grid,.role-grid,.split-grid,.business-grid{grid-template-columns:minmax(0,1fr)!important}
  .order-layout{grid-template-columns:minmax(0,1fr)!important}
  .cart{position:static!important;margin-top:14px}
  .team-card{grid-template-columns:auto minmax(0,1fr)}
  .team-actions{grid-column:1/-1;justify-content:flex-start;padding-left:58px}
}

@media(max-width:760px){
  main{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;padding-bottom:96px!important}
  .page-head,.toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .page-head>div:first-child,.toolbar>div:first-child{width:100%;min-width:0}
  .page-head .page-actions,.page-head .order-tabs,.toolbar>button{width:100%;max-width:100%}
  .page-actions,.button-row,.head-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}
  .page-actions>*,.button-row>*{width:100%!important}
  .order-tabs{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;overscroll-behavior-x:contain;scrollbar-width:none}
  .order-tabs::-webkit-scrollbar{display:none}.order-tabs .chip{flex:0 0 auto}
  .wa-main-card,.wa-guide,.wa-tip,.settings-card{padding:16px!important;border-radius:16px}
  .wa-card-head{grid-template-columns:auto minmax(0,1fr)!important}
  .wa-connection-stage{min-height:190px;padding:14px;margin:16px 0}
  .wa-connected{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center}
  .wa-connected>span{width:auto;max-width:100%}
  .wa-qr{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center}
  .qr-frame{width:min(220px,100%);max-width:100%}
  .wa-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .wa-actions>*{width:100%!important}
  .wa-step{grid-template-columns:34px minmax(0,1fr)!important}
  .settings-section{padding:16px}
  .settings-section .row,.check-grid,.color-picker-grid,.form .row{grid-template-columns:minmax(0,1fr)!important}
  .brand-settings-side{grid-template-columns:minmax(0,1fr)!important}
  .logo-uploader.modern{grid-template-columns:minmax(0,1fr)!important;justify-items:start}
  .theme-preview-body{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
  .theme-preview-body button{grid-column:1/-1;width:100%;margin-left:0}
  .product-row,.customer-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  .product-actions,.customer-row .button-row{width:100%;justify-content:flex-start!important}
  .product-actions>b{margin-right:auto}
  .team-card{grid-template-columns:auto minmax(0,1fr)!important}
  .team-actions{grid-column:1/-1;padding-left:0;justify-content:flex-start}
  .report-list>div,.channel-list>div{align-items:flex-start}
  .card.order{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  .order-side{width:100%;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap}
  .modal-card{width:100%;max-width:100vw;border-radius:22px 22px 0 0}
}

@media(max-width:430px){
  .stats,.payment-grid,.kpi-grid,.products-grid,.ops-grid{grid-template-columns:minmax(0,1fr)!important}
  .palette-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cash-register-grid{grid-template-columns:minmax(0,1fr)!important}
  .more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ===== Pedido Pro v22 · premium food-service design ===== */
:root{--pp-bg:#f6f7f9;--pp-panel:#fff;--pp-text:#151820;--pp-sub:#6f7785;--pp-border:#e8ebef;--pp-radius:18px;--pp-shadow:0 10px 32px rgba(15,23,42,.07);--pp-shadow-hover:0 16px 38px rgba(15,23,42,.10)}
body{background:var(--pp-bg);color:var(--pp-text)}
.app-header{height:74px;border-bottom:1px solid var(--pp-border);box-shadow:none;background:rgba(255,255,255,.96);padding-right:20px}
.global-search{width:min(520px,38vw);height:44px;display:flex;align-items:center;gap:10px;background:#f3f5f8;border:1px solid #edf0f3;border-radius:14px;padding:0 12px;color:#858d99}.global-search input{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;outline:0;min-width:0}.global-search kbd{margin-left:auto;background:#fff;border:1px solid #e4e7eb;border-bottom-width:2px;border-radius:8px;padding:4px 7px;font-size:11px;color:#7a828f;white-space:nowrap}
.desktop-nav{background:linear-gradient(180deg,#121820 0%,#151b24 100%);border-right:0;box-shadow:10px 0 34px rgba(18,24,32,.07)}.desktop-nav .nav-brand{padding:22px 18px 16px}.desktop-nav .nav-brand img,.desktop-nav .nav-brand>span{width:48px;height:48px;border-radius:14px}.nav-group-label{color:#697384!important;letter-spacing:.14em!important}.desktop-nav button{border-radius:12px;margin:3px 10px;width:calc(100% - 20px);color:#c5ccd6}.desktop-nav button:hover{background:#202936;color:#fff}.desktop-nav button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--pp-accent) 92%,#fff),var(--pp-accent));color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--pp-accent) 24%,transparent)}.desktop-nav button.active span{background:rgba(255,255,255,.16)}.nav-version{border-top:1px solid rgba(255,255,255,.06);color:#667080}
main{max-width:1480px;padding:26px 28px 110px}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.dashboard-welcome h1{font-size:32px;letter-spacing:-.035em;margin:4px 0 3px}.dashboard-welcome p{margin:0;color:var(--pp-sub)}.dashboard-date{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--pp-border);border-radius:15px;padding:12px 15px;box-shadow:0 4px 14px rgba(15,23,42,.035)}.dashboard-date>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--pp-brand-soft);color:var(--pp-accent);font-weight:900}.dashboard-date small{display:block;color:var(--pp-sub);margin-top:2px}
.kpi-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi-color-grid .kpi{display:grid!important;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;border:1px solid transparent;padding:18px;border-radius:18px;box-shadow:none}.kpi-color-grid .kpi i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:19px;font-weight:900}.kpi-color-grid .kpi strong{font-size:25px;margin-top:2px}.kpi-color-grid .kpi span{font-weight:700;color:#4b5563}.kpi-orange{background:#fff4ec!important;border-color:#ffe4d2!important}.kpi-orange i{background:#ff6b16;color:#fff}.kpi-green{background:#eefbf4!important;border-color:#d5f3e1!important}.kpi-green i{background:#149558;color:#fff}.kpi-blue{background:#eef5ff!important;border-color:#d9e8ff!important}.kpi-blue i{background:#2878ef;color:#fff}.kpi-purple{background:#f6f1ff!important;border-color:#eadfff!important}.kpi-purple i{background:#7c3aed;color:#fff}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.dashboard-feature-card{min-height:132px;border-radius:20px;padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;color:#fff;margin-bottom:18px;overflow:hidden;position:relative}.dashboard-feature-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:rgba(255,255,255,.08)}.whatsapp-feature{background:linear-gradient(135deg,#075e45,#0d7f5f)}.feature-icon{width:68px;height:68px;border-radius:18px;background:#21d366;display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.dashboard-feature-card .eyebrow{color:#baf5d8}.dashboard-feature-card h2{font-size:22px;margin:2px 0 4px}.dashboard-feature-card p{margin:0;opacity:.84}.feature-action{position:relative;z-index:1;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:11px 13px;font-weight:800;white-space:nowrap}.side-panel,.quick-actions{padding:18px;border-radius:18px;box-shadow:var(--pp-shadow);border-color:var(--pp-border)}.compact-head{margin-bottom:8px}.compact-head h2,.quick-actions h2{font-size:17px;margin:0}.mini-alert,.quick-actions>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid #f0f2f4;text-align:left}.mini-alert:last-child,.quick-actions>button:last-child{border-bottom:0}.mini-alert>span,.quick-actions>button>span{width:34px;height:34px;border-radius:10px;background:#fff2e8;color:var(--pp-accent);display:grid;place-items:center}.mini-alert b,.quick-actions b{display:block;font-size:13px}.mini-alert small,.quick-actions small{display:block;color:var(--pp-sub);font-size:11px;margin-top:2px}.mini-alert em,.quick-actions em{font-style:normal;color:#a3a9b2;font-size:20px}.soft-empty{padding:18px}
.card{border:1px solid var(--pp-border);box-shadow:0 4px 18px rgba(15,23,42,.035);border-radius:18px}.card.order{padding:14px 16px;transition:.18s}.card.order:hover{transform:translateY(-1px);box-shadow:var(--pp-shadow-hover);border-color:#dfe3e8}.modern-orders .card.order{background:#fff}.order-title b{font-size:14px}.order-title span{font-weight:700}.order-meta span{background:#f5f6f8;border-radius:999px;padding:4px 7px}.order-value{font-size:15px}.section-head h2{font-size:19px;letter-spacing:-.02em}.section-head p{color:var(--pp-sub)}
.page-head h1{font-size:30px;letter-spacing:-.035em}.page-head p{color:var(--pp-sub);max-width:780px}.eyebrow{color:var(--pp-accent);font-size:10px;letter-spacing:.13em}.primary{border-radius:12px;background:linear-gradient(135deg,var(--pp-accent),color-mix(in srgb,var(--pp-accent) 84%,#ffb167));box-shadow:0 8px 18px color-mix(in srgb,var(--pp-accent) 18%,transparent)}.ghost{border-radius:11px}.notification-bell{border-color:#e5e8ec;background:#fff}
.wa-pro-shell{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--pp-border);box-shadow:var(--pp-shadow)}.wa-pro-banner{min-height:138px;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;background:linear-gradient(135deg,#075e45 0%,#0b7c5a 70%,#086d51 100%);color:#fff}.wa-brand-icon{width:66px;height:66px;border-radius:18px;background:#22d366;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.16)}.wa-pro-banner .eyebrow{color:#b9f4d7}.wa-pro-banner h2{font-size:25px;margin:2px 0 4px}.wa-pro-banner p{margin:0;color:#d8f4e8}.wa-banner-status{display:grid;justify-items:end;gap:7px}.wa-banner-status small{color:#d9f2e8}.wa-pro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0}.wa-qr-card,.wa-guide-pro{border:0!important;border-radius:0!important;box-shadow:none!important;padding:24px!important}.wa-qr-card{border-right:1px solid var(--pp-border)!important}.card-title h2{margin:3px 0 4px}.card-title p{margin:0;color:var(--pp-sub)}.wa-connection-stage{min-height:280px;border:1px dashed #d9dde2;background:#fafbfc;border-radius:17px;margin:18px 0;padding:18px;display:grid;place-items:center}.wa-connected-pro{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;background:#f1fbf5;border:1px solid #d5f0df;border-radius:16px;padding:17px}.wa-connected-pro>span{background:#dff7e8;color:#0a7a45;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.stacked-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.stacked-actions>*{width:100%}.danger-soft{border:0;background:#fff0f0;color:#c62828;border-radius:11px;padding:11px 13px;font-weight:800}.wa-guide-pro .wa-step{border-bottom:1px solid #eff1f3;padding:15px 0!important}.wa-guide-pro .wa-step>span{width:34px;height:34px;border-radius:50%;background:#fff0e5;color:var(--pp-accent);display:grid;place-items:center;font-weight:900}.wa-guide-pro .success-step>span{background:#e7f8ee;color:#11864e}.wa-info-box{margin-top:16px;background:#fff7ed;border:1px solid #ffead3;border-radius:14px;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}.wa-info-box span{font-size:20px}.wa-info-box small{display:block;color:#7b6858;margin-top:3px}.wa-qr-pro{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:18px;align-items:center;width:100%}.wa-qr-pro .qr-frame{background:#fff;border:1px solid #e6e9ec;border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.wa-qr-pro img{width:100%;display:block}.wa-qr-pro b,.wa-qr-pro small,.wa-qr-pro em{display:block}.wa-qr-pro small{color:var(--pp-sub);margin-top:5px}.wa-qr-pro em{color:#b36a2d;font-size:11px;margin-top:8px;font-style:normal}
.form input,.form select,.form textarea,.search{border:1px solid #dfe3e8;background:#fff;border-radius:12px;min-height:44px}.form input:focus,.form select:focus,.form textarea:focus,.search:focus{outline:0;border-color:color-mix(in srgb,var(--pp-accent) 60%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-accent) 10%,transparent)}.settings-card{border-radius:18px!important}.modal-card{border-radius:22px;box-shadow:0 30px 80px rgba(15,23,42,.24)}
.search-results section{margin-top:18px}.search-results h3{font-size:13px;color:#697180;text-transform:uppercase;letter-spacing:.09em}.search-results section button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid #eff1f3;background:#fff;padding:12px 4px;text-align:left}.search-results section button:hover{background:#fafbfc}.search-results section button em{font-style:normal;color:#697180}
@media(max-width:1100px){.global-search{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wa-pro-grid{grid-template-columns:minmax(0,1fr)}.wa-qr-card{border-right:0!important;border-bottom:1px solid var(--pp-border)!important}}
@media(max-width:760px){main{padding:16px 12px 96px}.app-header{height:62px;padding:0 10px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-date{width:100%}.kpi-color-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-color-grid .kpi{grid-template-columns:42px minmax(0,1fr);padding:13px;gap:9px}.kpi-color-grid .kpi i{width:42px;height:42px}.kpi-color-grid .kpi strong{font-size:20px}.dashboard-feature-card{grid-template-columns:auto minmax(0,1fr);padding:16px;gap:12px}.dashboard-feature-card .feature-action{grid-column:1/-1;width:100%}.feature-icon{width:52px;height:52px;border-radius:15px}.dashboard-side{grid-template-columns:1fr}.wa-pro-shell{border-radius:17px}.wa-pro-banner{grid-template-columns:auto minmax(0,1fr);padding:17px;gap:12px}.wa-banner-status{grid-column:1/-1;justify-items:start;width:100%}.wa-brand-icon{width:50px;height:50px;border-radius:14px}.wa-pro-banner h2{font-size:20px}.wa-qr-card,.wa-guide-pro{padding:16px!important}.wa-connection-stage{min-height:220px;margin:14px 0}.wa-qr-pro{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.wa-qr-pro .qr-frame{width:min(220px,100%)}.page-head h1{font-size:26px}}
@media(max-width:430px){.kpi-color-grid{grid-template-columns:1fr 1fr}.kpi-color-grid .kpi{grid-template-columns:1fr;align-content:start}.kpi-color-grid .kpi i{width:38px;height:38px}.dashboard-welcome h1{font-size:28px}.dashboard-date{padding:10px}.wa-connected-pro{grid-template-columns:auto minmax(0,1fr)}.wa-connected-pro>span{grid-column:1/-1;text-align:center}.header-new{display:none!important}.user-chip>div{display:none}}



/* ===== Pedido Pro v23 · robustez visual, conteúdo real e consistência ===== */
:root{
  --v23-surface:#ffffff;
  --v23-bg:#f5f7fb;
  --v23-border:#e6eaf0;
  --v23-text:#151922;
  --v23-muted:#6e7685;
  --v23-shadow:0 8px 28px rgba(17,24,39,.055);
  --v23-shadow-soft:0 2px 10px rgba(17,24,39,.035);
}
html,body{max-width:100%;overflow-x:hidden}
body{background:var(--v23-bg);color:var(--v23-text)}
main{width:auto;min-width:0}
*{min-inline-size:0}
button{white-space:normal;line-height:1.2}
.action-nowrap,.compact,.customer-actions button,.page-actions button,.settings-savebar button{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}

/* base cards: vertical by default; only explicitly designed rows become horizontal */
.card{display:block!important;min-width:0;overflow-wrap:break-word}
.card.order{display:grid!important}
.card.customer-row{display:grid!important}
.quick-actions,.side-panel,.report-card,.public-menu-card,.activity-card{display:block!important}

/* text safety */
h1,h2,h3,b,strong,span,small,p,label{max-width:100%}
h1,h2,h3{overflow-wrap:break-word}
small,p,.customer-meta span,.activity-line span{overflow-wrap:anywhere}
input,select,textarea{width:100%;min-width:0}

/* page title/actions */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-width:0}
.page-head>div:first-child{min-width:0;max-width:900px}
.page-head h1{line-height:1.05}
.page-actions,.button-row{flex:0 0 auto}

/* dashboard KPIs - title/value/subtext never share a line */
.kpi-color-grid .kpi{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:126px;
}
.kpi-color-grid .kpi>i{flex:none}
.kpi-color-grid .kpi-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-content:center;
  gap:5px;
  min-width:0;
}
.kpi-color-grid .kpi-copy>span{
  display:block!important;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.035em!important;
  text-transform:uppercase;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.kpi-color-grid .kpi-copy>strong{
  display:block!important;
  width:100%;
  margin:0!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kpi-color-grid .kpi-copy>small{
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.3!important;
  color:#747c89;
}

/* generic KPIs also tolerate large values */
.kpi-grid>.kpi{min-width:0}
.kpi-grid>.kpi strong{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:clamp(20px,2.1vw,29px);
}

/* clients */
.customer-list{gap:12px}
.customer-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:18px 20px!important;
  min-height:94px;
}
.customer-main{min-width:0;display:grid;gap:8px}
.customer-name{
  display:block;
  font-size:17px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.customer-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  color:var(--v23-muted);
  font-size:13px;
}
.customer-meta span{
  display:inline-flex;
  align-items:center;
  min-width:0;
  line-height:1.35;
}
.customer-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.customer-actions button{
  min-width:82px;
  min-height:42px;
  padding:10px 14px!important;
  border-radius:12px;
}
.customer-actions .danger{background:#fff0f1;color:#b4232c;border:1px solid #ffd7da}

/* settings */
.settings-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  align-items:start!important;
  gap:18px!important;
  max-width:1400px!important;
  margin:0!important;
}
.settings-pro-form{
  display:grid!important;
  gap:14px!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  overflow:visible!important;
}
.settings-section{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  padding:22px!important;
  border:1px solid var(--v23-border)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--v23-shadow-soft)!important;
}
.settings-section-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding-bottom:16px;
  border-bottom:1px solid #edf0f4;
}
.settings-icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:var(--pp-brand-soft,#fff2e8);
  color:var(--pp-accent,#e85d04);
  font-weight:900;font-size:12px;
}
.settings-section-head h2{margin:2px 0 4px!important;font-size:19px!important}
.settings-section-head p{margin:0;color:var(--v23-muted);font-size:12px;line-height:1.4}
.settings-section .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.settings-section label{min-width:0}
.settings-section .check{
  min-height:46px;
  padding:11px 12px;
  border:1px solid #e8ebef;
  background:#fafbfc;
  border-radius:12px;
}
.settings-section .check input{flex:0 0 auto}
.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.settings-savebar{
  position:sticky;
  bottom:14px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border:1px solid #dde2e8;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 34px rgba(17,24,39,.12);
}
.settings-savebar b,.settings-savebar small{display:block}
.settings-savebar small{margin-top:2px;color:var(--v23-muted)}
.settings-savebar button{min-width:180px}
.settings-side{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.settings-side>.card{padding:18px!important;height:auto!important}
.settings-side input{min-width:0}

/* line-based lists, finance, reports */
.line-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
.line-row>span:first-child{min-width:0}
.finance-entry-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
}
.report-list>div,.channel-list>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px;
  align-items:center;
}
.report-list>div>span{min-width:0;overflow-wrap:anywhere}
.report-list>div>b,.channel-list>div>b{white-space:nowrap}

/* orders: long customer names and large money */
.card.order{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
}
.order-main{min-width:0!important}
.order-title{min-width:0!important}
.order-title span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.order-side{min-width:0!important;max-width:360px}
.order-value{white-space:nowrap!important}
.order-meta{min-width:0}
.order-meta span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* product and team rows */
.product-row,.team-main,.notice{
  min-width:0!important;
}
.product-row>div:first-child,.team-main>div:first-child,.notice>div{min-width:0}
.product-actions{flex:0 0 auto}
.product-actions button{white-space:nowrap}

/* WhatsApp */
.wa-pro-grid{grid-template-columns:minmax(0,1fr)!important}
.wa-qr-card{border-right:0!important;border-bottom:1px solid var(--v23-border)!important}
.wa-guide-pro{display:block!important}
.wa-guide-pro .wa-step{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.wa-guide-pro .wa-step div{min-width:0}
.wa-guide-pro .wa-step b,.wa-guide-pro .wa-step small{
  display:block!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.wa-pro-banner{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
.wa-pro-banner>div{min-width:0}

/* modals/forms */
.modal-card{width:min(640px,calc(100vw - 28px))!important}
.form{min-width:0}
.form label{min-width:0}
.status-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.status-action{white-space:normal!important}
.more-grid button{min-width:0}

/* cards must not inherit accidental horizontal flex from legacy CSS */
.public-menu-card,.activity-card,.menu-link-card,.settings-card,.report-card,.quick-actions,.side-panel{
  display:block!important;
}

/* desktop large-content behavior */
@media(min-width:1200px){
  .customer-row{padding-left:22px!important;padding-right:22px!important}
  .settings-layout{grid-template-columns:minmax(0,1fr) 360px!important}
  .kpi-color-grid{grid-template-columns:repeat(4,minmax(220px,1fr))!important}
}

/* tablet */
@media(max-width:1100px){
  .settings-layout{grid-template-columns:minmax(0,1fr)!important}
  .settings-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .settings-savebar{bottom:10px}
  .kpi-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* mobile */
@media(max-width:760px){
  .page-head{align-items:stretch!important;flex-direction:column!important;gap:12px!important}
  .page-head>.primary,.page-head>.secondary,.page-head>.ghost,.page-head>.plan-badge{align-self:flex-start}
  .page-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}
  .page-actions>*{width:100%}
  .kpi-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kpi-color-grid .kpi{
    min-height:138px;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    gap:9px!important;
    padding:14px!important;
  }
  .kpi-color-grid .kpi>i{width:40px!important;height:40px!important}
  .kpi-color-grid .kpi-copy>strong{font-size:22px!important}
  .customer-row{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:14px!important;
    padding:16px!important;
  }
  .customer-name{white-space:normal;overflow:visible;text-overflow:clip}
  .customer-meta{display:grid;gap:5px}
  .customer-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%;
  }
  .customer-actions button{width:100%;min-width:0}
  .settings-layout,.settings-side{grid-template-columns:minmax(0,1fr)!important}
  .settings-section{padding:16px!important}
  .settings-section .row,.check-grid{grid-template-columns:minmax(0,1fr)!important}
  .settings-savebar{
    position:static;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .settings-savebar button{width:100%;min-width:0}
  .line-row{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }
  .finance-entry-actions{justify-content:space-between;width:100%}
  .card.order{grid-template-columns:minmax(0,1fr)!important}
  .order-side{display:flex!important;max-width:none!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}
  .order-title span{white-space:normal!important;overflow:visible!important}
  .order-meta span{white-space:normal!important;overflow:visible!important}
  .wa-pro-banner{grid-template-columns:auto minmax(0,1fr)!important}
  .wa-banner-status{grid-column:1/-1!important;justify-items:start!important}
  .wa-qr-pro{grid-template-columns:minmax(0,1fr)!important}
  .status-actions{grid-template-columns:minmax(0,1fr)!important}
  .modal-card{width:100%!important;max-width:none!important}
}

/* very small phones */
@media(max-width:390px){
  .kpi-color-grid{grid-template-columns:minmax(0,1fr)!important}
  .customer-actions{grid-template-columns:minmax(0,1fr)!important}
  .settings-section-head{grid-template-columns:36px minmax(0,1fr)}
  .settings-icon{width:36px;height:36px}
}


/* ===== Pedido Pro v24 · central de novos pedidos em tempo real ===== */
.live-orders-panel{
  margin:18px 0;
  border:1px solid #fed7aa;
  border-radius:22px;
  background:linear-gradient(135deg,#fff9f2 0%,#fff 72%);
  box-shadow:0 12px 32px rgba(234,88,12,.08);
  overflow:hidden;
}
.live-orders-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:18px 20px 16px;
  border-bottom:1px solid #ffead5;
}
.live-orders-head h2{margin:2px 0 4px;font-size:21px;line-height:1.15}
.live-orders-head p{margin:0;color:#707887;font-size:13px;line-height:1.4}
.live-pulse{
  width:38px;height:38px;border-radius:13px;
  display:grid;place-items:center;
  background:#fff0e5;color:#f25c05;
  box-shadow:inset 0 0 0 1px #ffd8bc;
  animation:livePulse 1.8s ease-in-out infinite;
}
@keyframes livePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.72}}
.live-orders-list{display:grid}
.live-order-item{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:14px 20px;
  border:0;
  border-bottom:1px solid #f1f3f6;
  background:#fff;
  text-align:left;
  color:inherit;
  cursor:pointer;
  transition:.15s ease;
}
.live-order-item:last-child{border-bottom:0}
.live-order-item:hover{background:#fffaf6}
.live-order-number{
  min-width:72px;
  color:#e85d04;
  font-weight:900;
  font-size:14px;
  white-space:nowrap;
}
.live-order-copy{display:grid;gap:3px;min-width:0}
.live-order-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-order-copy small{color:#7a8290}
.live-order-item>strong{white-space:nowrap;font-size:15px}
.live-order-item>em{font-style:normal;font-weight:800;color:#e85d04;white-space:nowrap}
.live-orders-more{display:block;padding:10px 20px 13px;color:#7a8290;background:#fffaf6}

@media(max-width:760px){
  .live-orders-panel{margin:12px 0;border-radius:18px}
  .live-orders-head{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    padding:15px;
  }
  .live-orders-head>button{grid-column:1/-1;width:100%}
  .live-order-item{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px;
    padding:13px 15px;
  }
  .live-order-number{min-width:0}
  .live-order-item>em{grid-column:2/4;font-size:12px}
}
@media(max-width:390px){
  .live-order-item{grid-template-columns:minmax(0,1fr) auto}
  .live-order-number{grid-column:1/-1}
  .live-order-item>em{grid-column:1/-1}
}


/* ===== Pedido Pro v25 · Produção em tempo real ===== */
:root{
  --prod-new:#ff8a1f;
  --prod-prep:#2f80ed;
  --prod-ready:#16a34a;
  --prod-delivery:#7c3aed;
}
.production-hero{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  gap:18px;
  margin:12px 0 18px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,#111827 0%,#172554 40%,#2563eb 100%);
  color:#fff;
  box-shadow:0 18px 36px rgba(17,24,39,.16);
}
.production-hero h2{margin:4px 0 8px;font-size:30px;line-height:1.06}
.production-hero p{margin:0;color:rgba(255,255,255,.82);max-width:760px}
.production-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.prod-stat{
  display:grid;
  gap:4px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
}
.prod-stat b{font-size:28px;line-height:1}
.prod-stat span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.84)}
.production-board{
  display:grid;
  grid-template-columns:repeat(4,minmax(280px,1fr));
  gap:16px;
  align-items:start;
}
.production-column{
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e8edf3;
  box-shadow:0 10px 26px rgba(17,24,39,.07);
}
.production-column-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  color:#fff;
}
.production-column.novos .production-column-head{background:linear-gradient(135deg,var(--prod-new),#ff5f15)}
.production-column.preparando .production-column-head{background:linear-gradient(135deg,var(--prod-prep),#2563eb)}
.production-column.prontos .production-column-head{background:linear-gradient(135deg,var(--prod-ready),#22c55e)}
.production-column.entrega .production-column-head{background:linear-gradient(135deg,var(--prod-delivery),#8b5cf6)}
.production-column-head h3{margin:0;font-size:14px;letter-spacing:.06em}
.production-column-head span{
  min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-weight:900;
}
.production-column-body{
  display:grid;
  gap:12px;
  padding:14px;
  max-height:calc(100vh - 310px);
  overflow:auto;
  background:linear-gradient(180deg,#fbfcff 0%,#f6f8fb 100%);
}
.production-card{
  display:grid!important;
  gap:10px;
  padding:14px;
  border-radius:18px;
  background:#fff;
  border:1px solid #ebeff5;
  box-shadow:0 4px 14px rgba(17,24,39,.05);
}
.production-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.production-order-number{font-size:15px;font-weight:900;color:#111827}
.production-time{font-size:12px;color:#ef6c00;background:#fff3e8;border-radius:999px;padding:6px 10px;white-space:nowrap}
.production-customer{font-size:18px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.production-meta{display:flex;flex-wrap:wrap;gap:6px 8px}
.production-meta span{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:4px 10px;background:#f3f6fb;color:#556070;font-size:12px;white-space:nowrap}
.production-items{display:grid;gap:5px;color:#1f2937;font-size:13px}
.production-items div{line-height:1.35;overflow-wrap:anywhere}
.production-items small{color:#788191}
.production-note{padding:10px 12px;border-radius:12px;background:#fff8e7;color:#8a5a00;font-size:12px;line-height:1.4}
.production-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.production-actions button{min-height:42px;border-radius:12px}
.success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:0}
.success:hover{filter:brightness(.98)}
.quick-link{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 0;border:0;border-bottom:1px solid #eff2f6;background:transparent;text-align:left;width:100%;cursor:pointer;
}
.quick-link:last-child{border-bottom:0}
.quick-link span{font-weight:800}
.quick-link small{display:block;color:#748091}
@media(max-width:1350px){
  .production-board{grid-template-columns:repeat(2,minmax(280px,1fr))}
  .production-column-body{max-height:none}
}
@media(max-width:920px){
  .production-hero{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .production-hero{padding:18px;border-radius:20px}
  .production-hero h2{font-size:24px}
  .production-board{grid-template-columns:minmax(0,1fr)}
  .production-column-body{max-height:none}
  .production-actions{grid-template-columns:minmax(0,1fr)}
  .prod-stat b{font-size:24px}
}


/* ===== Pedido Pro v26 · cobrança automática + produção segura ===== */
.payment-wait{
  min-height:42px;
  border:1px solid #f5c56b;
  background:#fff8e6;
  color:#9a6400;
  font-weight:800;
  border-radius:12px;
  cursor:not-allowed;
}
.payment-pending-pill{
  background:#fff4d6!important;
  color:#9a6400!important;
  border:1px solid #f5d489;
}
.field-help{
  display:block;
  margin-top:-6px;
  color:#7b8491;
  font-size:12px;
  line-height:1.4;
}


/* ===== Pedido Pro v27 · configurações renovadas ===== */
.settings-hero-head{align-items:flex-start}
.settings-hero-badge{
  display:grid;
  gap:4px;
  justify-items:end;
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff7ed,#fff);
  border:1px solid #fed7aa;
  box-shadow:0 8px 20px rgba(249,115,22,.08);
}
.settings-hero-badge span{font-size:12px;color:#9a5b12;font-weight:700}
.settings-hero-badge b{font-size:22px;color:#ea580c}
.settings-hero-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:10px 0 18px;
}
.settings-hero-card{
  display:grid;
  gap:5px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(160deg,#ffffff 0%,#fff7ed 100%);
  border:1px solid #ffedd5;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.settings-hero-card small{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  color:#9a5b12;
  font-weight:700;
}
.settings-hero-card b{
  font-size:18px;
  line-height:1.2;
  color:#111827;
  overflow-wrap:anywhere;
}
.settings-hero-card span{font-size:13px;color:#6b7280}
.settings-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);
  gap:18px;
  align-items:start;
}
.settings-modern-form{display:grid;gap:16px}
.settings-block{
  display:grid;
  gap:16px;
  padding:20px;
  border-radius:24px;
  border:1px solid #e9edf3;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.settings-block-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.settings-badge{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#f97316,#fb923c);
  color:#fff;font-weight:900;
  box-shadow:0 10px 20px rgba(249,115,22,.22);
}
.settings-block-head h2{margin:2px 0 5px;font-size:22px;line-height:1.12}
.settings-block-head p{margin:0;color:#6b7280;font-size:13px;line-height:1.45}
.settings-grid{
  display:grid;
  gap:14px;
}
.settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-note-box{
  display:grid;
  gap:6px;
  align-content:start;
  padding:14px 15px;
  border-radius:18px;
  background:linear-gradient(135deg,#eff6ff,#f8fafc);
  border:1px solid #dbeafe;
}
.settings-note-box b{color:#1d4ed8}
.settings-note-box span{color:#64748b;font-size:13px;line-height:1.45}
.settings-check-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.payments-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.settings-savebar.modern{
  position:sticky;
  bottom:12px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid #e6ebf1;
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  backdrop-filter:blur(10px);
}
.settings-savebar.modern b{display:block}
.settings-savebar.modern small{color:#6b7280}
.settings-modern-side{
  display:grid;
  gap:16px;
  position:sticky;
  top:12px;
}
.side-highlight-card{
  padding:20px;
  border-radius:24px;
  background:linear-gradient(145deg,#111827,#1d4ed8);
  color:#fff;
  border:0;
  box-shadow:0 20px 34px rgba(29,78,216,.18);
}
.side-highlight-card .eyebrow,
.side-highlight-card p{color:rgba(255,255,255,.82)}
.side-highlight-card h2{margin:4px 0 8px}
.side-highlight-card input{
  background:rgba(255,255,255,.96)!important;
  color:#111827!important;
  border:0!important;
}
.quick-actions-card,.summary-card,.activity-card.modern{
  padding:18px;
  border-radius:22px;
}
.stack-actions{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.summary-list{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.summary-list div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #eef2f6;
}
.summary-list b{font-size:13px;color:#111827}
.summary-list span{text-align:right;color:#64748b;font-size:13px}
.activity-card.modern .activity-line{
  padding:12px 0;
  border-bottom:1px solid #eef2f6;
}
.activity-card.modern .activity-line:last-child{border-bottom:0;padding-bottom:0}
@media(max-width:1180px){
  .settings-hero-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-dashboard{grid-template-columns:minmax(0,1fr)}
  .settings-modern-side{position:static}
}
@media(max-width:760px){
  .settings-hero-strip{grid-template-columns:minmax(0,1fr)}
  .settings-grid.two,
  .settings-grid.three,
  .settings-check-grid,
  .payments-grid{grid-template-columns:minmax(0,1fr)}
  .settings-block{padding:16px;border-radius:20px}
  .settings-block-head h2{font-size:19px}
  .settings-savebar.modern{
    position:static;
    flex-direction:column;
    align-items:stretch;
  }
  .settings-savebar.modern button{width:100%}
  .summary-list div{flex-direction:column;align-items:flex-start}
}

.settings-modern-form label,.settings-modern-form .check{min-width:0}

/* Pedido Pro v28 - Central de configurações */
.settings-v28-page{width:100%!important;max-width:1480px!important;margin:0 auto!important}
.settings-v28-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;padding:28px 30px!important;margin-bottom:18px!important;border-radius:26px!important;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.11),transparent 28%),linear-gradient(135deg,#111827,#172554 58%,#1d4ed8)!important;color:#fff!important;box-shadow:0 20px 42px rgba(15,23,42,.18)!important}
.settings-v28-hero h1{margin:4px 0 8px!important;font-size:clamp(28px,3vw,42px)!important;line-height:1!important;letter-spacing:-.04em!important}.settings-v28-hero p{margin:0!important;max-width:820px!important;color:rgba(255,255,255,.78)!important;line-height:1.55!important}.settings-v28-status{display:flex!important;align-items:center!important;gap:12px!important;min-width:220px!important;padding:14px 16px!important;border-radius:18px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important}.settings-v28-status i{width:12px!important;height:12px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 6px rgba(34,197,94,.13)!important}.settings-v28-status b,.settings-v28-status small{display:block!important}.settings-v28-status small{color:rgba(255,255,255,.7)!important}
.settings-v28-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px!important}.settings-v28-summary article{display:grid!important;gap:5px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e6ebf1!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}.settings-v28-summary span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;font-weight:800!important}.settings-v28-summary b{font-size:18px!important;overflow-wrap:anywhere!important}.settings-v28-summary small{color:#94a3b8!important}
.settings-v28-form{display:grid!important;gap:18px!important;width:100%!important}.settings-v28-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.settings-v28-card{display:grid!important;align-content:start!important;gap:18px!important;padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e7ebf0!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important}.settings-v28-card.wide{grid-column:1/-1!important}.settings-v28-card>header{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:14px!important;padding-bottom:16px!important;border-bottom:1px solid #eef2f6!important}.settings-v28-card h2{margin:2px 0 5px!important;font-size:21px!important}.settings-v28-card header p{margin:0!important;color:#6b7280!important;font-size:13px!important;line-height:1.45!important}.settings-v28-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:900!important;font-size:12px!important}.settings-v28-icon.orange{background:linear-gradient(135deg,#f97316,#fb923c)!important}.settings-v28-icon.blue{background:linear-gradient(135deg,#2563eb,#60a5fa)!important}.settings-v28-icon.green{background:linear-gradient(135deg,#16a34a,#4ade80)!important}.settings-v28-icon.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)!important}.settings-v28-icon.cyan{background:linear-gradient(135deg,#0891b2,#22d3ee)!important}.settings-v28-icon.dark{background:linear-gradient(135deg,#111827,#475569)!important}.settings-v28-icon.slate{background:linear-gradient(135deg,#475569,#94a3b8)!important}
.settings-v28-fields{display:grid!important;gap:14px!important}.settings-v28-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-v28-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.settings-v28-card label{display:grid!important;gap:7px!important;font-size:12px!important;font-weight:750!important;color:#334155!important}.settings-v28-card input:not([type=checkbox]),.settings-v28-card select{width:100%!important;height:44px!important;border:1px solid #dfe5ec!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important}.settings-v28-info{display:grid!important;gap:6px!important;padding:14px!important;border-radius:14px!important;background:#eff6ff!important;border:1px solid #dbeafe!important}.settings-v28-info b{color:#1d4ed8!important}.settings-v28-info span{color:#64748b!important;font-size:12px!important}
.settings-v28-toggles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.settings-v28-toggles.single{grid-template-columns:1fr!important}.settings-v28-toggles label{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;padding:14px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #edf1f5!important}.settings-v28-toggles input{width:18px!important;height:18px!important}.settings-v28-toggles b,.settings-v28-toggles small{display:block!important}.settings-v28-toggles small{color:#7c8796!important;font-weight:500!important}
.settings-v28-payment-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.settings-v28-payment-options label{display:flex!important;align-items:center!important;gap:9px!important;padding:13px 14px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e8edf2!important}.settings-v28-payment-options input{width:18px!important;height:18px!important}.settings-v28-split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.settings-v28-panel{display:grid!important;gap:12px!important;padding:16px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #e9eef4!important}.settings-v28-panel h3{margin:0!important}.settings-v28-panel .toggle{display:flex!important;align-items:center!important;gap:9px!important}.settings-v28-panel .toggle input{width:18px!important;height:18px!important}.settings-v28-warning{padding:12px!important;border-radius:12px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a5b12!important;font-size:12px!important}
.settings-v28-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:12px 14px!important;border:1px solid #dbe3eb!important;border-radius:12px!important;background:#fff!important;font-weight:800!important}.settings-v28-public{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:14px!important;border-radius:14px!important;background:linear-gradient(135deg,#f8fafc,#f0f9ff)!important;border:1px solid #e2e8f0!important}.settings-v28-public small,.settings-v28-public b{display:block!important}.settings-v28-public b{margin-top:4px!important;font-size:12px!important;overflow-wrap:anywhere!important}.settings-v28-public>div:last-child{display:flex!important;gap:8px!important}
.settings-v28-bottom{display:grid!important;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr)!important;gap:18px!important}.settings-v28-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.settings-v28-activity{display:grid!important}.settings-v28-activity>div{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #eef2f6!important}.settings-v28-activity>div>span{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#f1f5f9!important;font-weight:900!important}.settings-v28-activity b,.settings-v28-activity small{display:block!important}.settings-v28-activity small,.settings-v28-activity time{color:#7c8796!important;font-size:11px!important}.settings-v28-activity time{white-space:nowrap!important}
.settings-v28-save{position:sticky!important;bottom:12px!important;z-index:5!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:15px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;border:1px solid #dde4ec!important;box-shadow:0 16px 36px rgba(15,23,42,.12)!important}.settings-v28-save b,.settings-v28-save small{display:block!important}.settings-v28-save small{color:#7c8796!important}
@media(min-width:1020px){body:has(.settings-v28-page) main{width:calc(100% - var(--sidebar))!important;max-width:none!important;margin-left:var(--sidebar)!important;margin-right:0!important;padding-left:30px!important;padding-right:30px!important}}
@media(max-width:1180px){.settings-v28-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-v28-grid,.settings-v28-bottom{grid-template-columns:1fr!important}.settings-v28-card.wide{grid-column:auto!important}}
@media(max-width:760px){.settings-v28-hero{grid-template-columns:1fr!important;padding:20px!important}.settings-v28-status{min-width:0!important}.settings-v28-summary,.settings-v28-fields.two,.settings-v28-fields.three,.settings-v28-toggles,.settings-v28-payment-options,.settings-v28-split,.settings-v28-actions{grid-template-columns:1fr!important}.settings-v28-card{padding:16px!important}.settings-v28-public{grid-template-columns:1fr!important}.settings-v28-public>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important}.settings-v28-activity>div{grid-template-columns:auto minmax(0,1fr)!important}.settings-v28-activity time{grid-column:2!important;white-space:normal!important}.settings-v28-save{position:static!important;flex-direction:column!important;align-items:stretch!important}.settings-v28-save button{width:100%!important}}

/* Pedido Pro v29 - Central de configurações */
.settings-v29-page{width:100%!important;max-width:1480px!important;margin:0 auto!important}
.settings-v29-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;padding:28px 30px!important;margin-bottom:18px!important;border-radius:26px!important;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.11),transparent 28%),linear-gradient(135deg,#111827,#172554 58%,#1d4ed8)!important;color:#fff!important;box-shadow:0 20px 42px rgba(15,23,42,.18)!important}
.settings-v29-hero h1{margin:4px 0 8px!important;font-size:clamp(28px,3vw,42px)!important;line-height:1!important;letter-spacing:-.04em!important}.settings-v29-hero p{margin:0!important;max-width:820px!important;color:rgba(255,255,255,.78)!important;line-height:1.55!important}.settings-v29-status{display:flex!important;align-items:center!important;gap:12px!important;min-width:220px!important;padding:14px 16px!important;border-radius:18px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important}.settings-v29-status i{width:12px!important;height:12px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 6px rgba(34,197,94,.13)!important}.settings-v29-status b,.settings-v29-status small{display:block!important}.settings-v29-status small{color:rgba(255,255,255,.7)!important}
.settings-v29-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px!important}.settings-v29-summary article{display:grid!important;gap:5px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e6ebf1!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}.settings-v29-summary span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;font-weight:800!important}.settings-v29-summary b{font-size:18px!important;overflow-wrap:anywhere!important}.settings-v29-summary small{color:#94a3b8!important}
.settings-v29-form{display:grid!important;gap:18px!important;width:100%!important}.settings-v29-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.settings-v29-card{display:grid!important;align-content:start!important;gap:18px!important;padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e7ebf0!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important}.settings-v29-card.wide{grid-column:1/-1!important}.settings-v29-card>.settings-v29-head{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:14px!important;padding-bottom:16px!important;border-bottom:1px solid #eef2f6!important}.settings-v29-card h2{margin:2px 0 5px!important;font-size:21px!important}.settings-v29-card .settings-v29-head p{margin:0!important;color:#6b7280!important;font-size:13px!important;line-height:1.45!important}.settings-v29-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:900!important;font-size:12px!important}.settings-v29-icon.orange{background:linear-gradient(135deg,#f97316,#fb923c)!important}.settings-v29-icon.blue{background:linear-gradient(135deg,#2563eb,#60a5fa)!important}.settings-v29-icon.green{background:linear-gradient(135deg,#16a34a,#4ade80)!important}.settings-v29-icon.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)!important}.settings-v29-icon.cyan{background:linear-gradient(135deg,#0891b2,#22d3ee)!important}.settings-v29-icon.dark{background:linear-gradient(135deg,#111827,#475569)!important}.settings-v29-icon.slate{background:linear-gradient(135deg,#475569,#94a3b8)!important}
.settings-v29-fields{display:grid!important;gap:14px!important}.settings-v29-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-v29-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.settings-v29-card label{display:grid!important;gap:7px!important;font-size:12px!important;font-weight:750!important;color:#334155!important}.settings-v29-card input:not([type=checkbox]),.settings-v29-card select{width:100%!important;height:44px!important;border:1px solid #dfe5ec!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important}.settings-v29-info{display:grid!important;gap:6px!important;padding:14px!important;border-radius:14px!important;background:#eff6ff!important;border:1px solid #dbeafe!important}.settings-v29-info b{color:#1d4ed8!important}.settings-v29-info span{color:#64748b!important;font-size:12px!important}
.settings-v29-toggles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.settings-v29-toggles.single{grid-template-columns:1fr!important}.settings-v29-toggles label{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;padding:14px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #edf1f5!important}.settings-v29-toggles input{width:18px!important;height:18px!important}.settings-v29-toggles b,.settings-v29-toggles small{display:block!important}.settings-v29-toggles small{color:#7c8796!important;font-weight:500!important}
.settings-v29-payment-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.settings-v29-payment-options label{display:flex!important;align-items:center!important;gap:9px!important;padding:13px 14px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e8edf2!important}.settings-v29-payment-options input{width:18px!important;height:18px!important}.settings-v29-split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.settings-v29-panel{display:grid!important;gap:12px!important;padding:16px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #e9eef4!important}.settings-v29-panel h3{margin:0!important}.settings-v29-panel .toggle{display:flex!important;align-items:center!important;gap:9px!important}.settings-v29-panel .toggle input{width:18px!important;height:18px!important}.settings-v29-warning{padding:12px!important;border-radius:12px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a5b12!important;font-size:12px!important}
.settings-v29-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:12px 14px!important;border:1px solid #dbe3eb!important;border-radius:12px!important;background:#fff!important;font-weight:800!important}.settings-v29-public{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:14px!important;border-radius:14px!important;background:linear-gradient(135deg,#f8fafc,#f0f9ff)!important;border:1px solid #e2e8f0!important}.settings-v29-public small,.settings-v29-public b{display:block!important}.settings-v29-public b{margin-top:4px!important;font-size:12px!important;overflow-wrap:anywhere!important}.settings-v29-public>div:last-child{display:flex!important;gap:8px!important}
.settings-v29-bottom{display:grid!important;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr)!important;gap:18px!important}.settings-v29-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.settings-v29-activity{display:grid!important}.settings-v29-activity>div{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #eef2f6!important}.settings-v29-activity>div>span{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#f1f5f9!important;font-weight:900!important}.settings-v29-activity b,.settings-v29-activity small{display:block!important}.settings-v29-activity small,.settings-v29-activity time{color:#7c8796!important;font-size:11px!important}.settings-v29-activity time{white-space:nowrap!important}
.settings-v29-save{position:sticky!important;bottom:12px!important;z-index:5!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:15px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;border:1px solid #dde4ec!important;box-shadow:0 16px 36px rgba(15,23,42,.12)!important}.settings-v29-save b,.settings-v29-save small{display:block!important}.settings-v29-save small{color:#7c8796!important}
@media(min-width:1020px){body:has(.settings-v29-page) main{width:calc(100% - var(--sidebar))!important;max-width:none!important;margin-left:var(--sidebar)!important;margin-right:0!important;padding-left:30px!important;padding-right:30px!important}}
@media(max-width:1180px){.settings-v29-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-v29-grid,.settings-v29-bottom{grid-template-columns:1fr!important}.settings-v29-card.wide{grid-column:auto!important}}
@media(max-width:760px){.settings-v29-hero{grid-template-columns:1fr!important;padding:20px!important}.settings-v29-status{min-width:0!important}.settings-v29-summary,.settings-v29-fields.two,.settings-v29-fields.three,.settings-v29-toggles,.settings-v29-payment-options,.settings-v29-split,.settings-v29-actions{grid-template-columns:1fr!important}.settings-v29-card{padding:16px!important}.settings-v29-public{grid-template-columns:1fr!important}.settings-v29-public>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important}.settings-v29-activity>div{grid-template-columns:auto minmax(0,1fr)!important}.settings-v29-activity time{grid-column:2!important;white-space:normal!important}.settings-v29-save{position:static!important;flex-direction:column!important;align-items:stretch!important}.settings-v29-save button{width:100%!important}}


/* v29 - isolamento estrutural contra regras globais de header */
.settings-v29-card>.settings-v29-head{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 16px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #eef2f6!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  justify-content:initial!important;
}
.settings-v29-card>.settings-v29-head>div:last-child{
  min-width:0!important;
  width:100%!important;
}
.settings-v29-card>.settings-v29-head .eyebrow,
.settings-v29-card>.settings-v29-head h2,
.settings-v29-card>.settings-v29-head p{
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.settings-v29-card>.settings-v29-head h2{
  margin-top:2px!important;
  margin-bottom:5px!important;
}
.settings-v29-card>.settings-v29-head p{
  margin-top:0!important;
  margin-bottom:0!important;
}
.settings-v29-bottom>.settings-v29-card{
  height:auto!important;
  min-height:0!important;
}
.settings-v29-actions button{
  white-space:nowrap!important;
}
.settings-v29-activity>div,
.settings-v29-activity>div>div{
  min-width:0!important;
}
.settings-v29-activity b,
.settings-v29-activity small{
  overflow-wrap:anywhere!important;
}
@media(max-width:760px){
  .settings-v29-card>.settings-v29-head{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .settings-v29-icon{
    width:40px!important;
    height:40px!important;
  }
}

/* Pedido Pro v30 - domínio próprio */
.settings-v30-domain-box{display:grid!important;gap:14px!important;padding:16px!important;border-radius:18px!important;background:linear-gradient(135deg,#f0f9ff,#f8fafc)!important;border:1px solid #dbeafe!important}
.settings-v30-domain-title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.settings-v30-domain-title b,.settings-v30-domain-title span{display:block!important}.settings-v30-domain-title>div>span{margin-top:3px!important;color:#64748b!important;font-size:12px!important}
.domain-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:5px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important}.domain-status.connected{background:#dcfce7!important;color:#166534!important}.domain-status.waiting{background:#fff7ed!important;color:#9a3412!important}.domain-status.neutral{background:#e2e8f0!important;color:#475569!important}.domain-status.error{background:#fee2e2!important;color:#991b1b!important}
.settings-v30-dns{display:grid!important;grid-template-columns:100px 100px minmax(180px,1fr) auto!important;gap:10px!important;align-items:center!important}.settings-v30-dns>div{display:grid!important;gap:3px!important;padding:10px 12px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e2e8f0!important}.settings-v30-dns small{color:#64748b!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important}.settings-v30-dns b{font-size:13px!important;color:#0f172a!important;overflow-wrap:anywhere!important}
.settings-v30-domain-actions{display:flex!important;align-items:center!important;gap:12px!important}.settings-v30-domain-actions small{color:#64748b!important;line-height:1.4!important}
@media(max-width:760px){.settings-v30-domain-title{align-items:flex-start!important;flex-direction:column!important}.settings-v30-dns{grid-template-columns:1fr 1fr!important}.settings-v30-dns>div:nth-child(3),.settings-v30-dns>button{grid-column:1/-1!important}.settings-v30-domain-actions{display:grid!important;grid-template-columns:1fr!important}.settings-v30-domain-actions button{width:100%!important}}

/* ===== Pedido Pro v31 · domínio profissional ===== */
.settings-v31-domain{display:grid!important;gap:16px!important;width:100%!important}
.settings-v31-domain-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.settings-v31-domain-top h3{margin:3px 0 6px!important;font-size:22px!important;line-height:1.12!important}
.settings-v31-domain-top p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.5!important;max-width:760px!important}
.settings-v31-domain-status{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 13px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.settings-v31-domain-status.neutral{background:#f1f5f9!important;color:#475569!important}
.settings-v31-domain-status.waiting{background:#fff7ed!important;color:#c2410c!important;border:1px solid #fed7aa!important}
.settings-v31-domain-status.activating{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}
.settings-v31-domain-status.connected{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important}
.settings-v31-domain-status.error{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}
.settings-v31-activate{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end!important;padding:16px!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fafc,#f0f9ff)!important;border:1px solid #e2e8f0!important}
.settings-v31-activate button{height:44px!important;min-width:150px!important}
.settings-v31-progress{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.domain-step{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:13px!important;border-radius:15px!important;border:1px solid #e8edf3!important;background:#fff!important}
.domain-step>span{width:30px!important;height:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#f1f5f9!important;color:#64748b!important;font-weight:900!important;font-size:12px!important}
.domain-step b,.domain-step small{display:block!important}.domain-step small{margin-top:3px!important;color:#94a3b8!important;line-height:1.35!important}
.domain-step.done{background:#f0fdf4!important;border-color:#bbf7d0!important}.domain-step.done>span{background:#16a34a!important;color:#fff!important}
.domain-step.active{background:#fff7ed!important;border-color:#fed7aa!important;box-shadow:0 6px 18px rgba(249,115,22,.08)!important}.domain-step.active>span{background:#f97316!important;color:#fff!important}
.settings-v31-dns-card{display:grid!important;gap:12px!important;padding:16px!important;border-radius:18px!important;background:#111827!important;color:#fff!important}
.settings-v31-dns-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.settings-v31-dns-head b,.settings-v31-dns-head small{display:block!important}.settings-v31-dns-head small{margin-top:3px!important;color:#94a3b8!important}
.settings-v31-dns-head button{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.settings-v31-dns-table{display:grid!important;gap:8px!important}
.dns-row{display:grid!important;grid-template-columns:28px 42px 60px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:11px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important}
.dns-row code{color:#fff!important;font-size:13px!important;overflow-wrap:anywhere!important}.dns-row small{color:#cbd5e1!important;white-space:nowrap!important}
.dns-state{width:24px!important;height:24px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.1)!important;color:#cbd5e1!important;font-weight:900!important}.dns-state.ok{background:#16a34a!important;color:#fff!important}
.settings-v31-domain-message{padding:13px 14px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e8edf3!important;color:#475569!important;font-size:13px!important;line-height:1.5!important}
.settings-v31-live-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.settings-v31-live-links a{display:block!important;padding:12px 14px!important;border-radius:12px!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;color:#047857!important;font-weight:800!important;text-decoration:none!important;overflow-wrap:anywhere!important}
@media(max-width:920px){.settings-v31-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  .settings-v31-domain-top{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.settings-v31-domain-status{justify-self:start!important}
  .settings-v31-activate{grid-template-columns:minmax(0,1fr)!important}.settings-v31-activate button{width:100%!important}
  .settings-v31-progress{grid-template-columns:minmax(0,1fr)!important}
  .settings-v31-dns-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.settings-v31-dns-head button{width:100%!important}
  .dns-row{grid-template-columns:26px 36px 48px minmax(0,1fr)!important}.dns-row small{grid-column:4!important;white-space:normal!important}
  .settings-v31-live-links{grid-template-columns:minmax(0,1fr)!important}
}


/* ===== Pedido Pro v32 · correção estrutural do bloco de domínio ===== */
.settings-domain-card{
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
}
.settings-v29-grid > .settings-v29-card:not(.settings-domain-card){
  align-self:start!important;
}
.settings-v31-progress{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(190px,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
.domain-step{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.domain-step>div{min-width:0!important;width:100%!important}
.domain-step b{
  display:block!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.2!important;
  font-size:15px!important;
}
.domain-step small{
  display:block!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.4!important;
}
.settings-v31-dns-table{width:100%!important}
.dns-row{
  grid-template-columns:30px 48px 72px minmax(180px,1fr) auto!important;
  gap:12px!important;
}
.dns-row span,.dns-row b,.dns-row code,.dns-row small{min-width:0!important}
.settings-domain-card *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}
@media(max-width:1400px){
  .settings-v31-progress{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
}
@media(max-width:900px){
  .settings-v31-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dns-row{grid-template-columns:26px 40px 58px minmax(0,1fr)!important}
  .dns-row small{grid-column:4!important;white-space:normal!important}
}
@media(max-width:640px){
  .settings-v31-progress{grid-template-columns:minmax(0,1fr)!important}
  .settings-v31-activate{grid-template-columns:minmax(0,1fr)!important}
  .settings-v31-activate button{width:100%!important}
  .settings-v31-dns-card{padding:14px!important}
  .settings-v31-dns-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .settings-v31-dns-head button{width:100%!important}
  .dns-row{grid-template-columns:24px 34px 52px minmax(0,1fr)!important;gap:8px!important}
  .dns-row small{grid-column:4!important;white-space:normal!important}
}


/* ===== Pedido Pro v33 · fix real do domínio próprio ===== */
.settings-v32-domain,.settings-v33-domain,.settings-v31-domain{display:grid!important;gap:16px!important;width:100%!important}
.settings-v32-domain-top,.settings-v33-domain-top,.settings-v31-domain-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.settings-v32-domain-top h3,.settings-v33-domain-top h3,.settings-v31-domain-top h3{margin:3px 0 6px!important;font-size:22px!important;line-height:1.12!important}
.settings-v32-domain-top p,.settings-v33-domain-top p,.settings-v31-domain-top p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.55!important;max-width:760px!important}
.settings-v32-domain-status,.settings-v33-domain-status,.settings-v31-domain-status{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 13px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.settings-v32-domain-status.neutral,.settings-v33-domain-status.neutral{background:#f1f5f9!important;color:#475569!important}
.settings-v32-domain-status.waiting,.settings-v33-domain-status.waiting{background:#fff7ed!important;color:#c2410c!important;border:1px solid #fed7aa!important}
.settings-v32-domain-status.activating,.settings-v33-domain-status.activating{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}
.settings-v32-domain-status.connected,.settings-v33-domain-status.connected{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important}
.settings-v32-domain-status.error,.settings-v33-domain-status.error{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}
.settings-v32-activate,.settings-v33-activate,.settings-v31-activate{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end!important;padding:16px!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fafc,#f0f9ff)!important;border:1px solid #e2e8f0!important}
.settings-v32-activate>label,.settings-v33-activate>label{display:grid!important;gap:6px!important;min-width:0!important}
.settings-v32-activate button,.settings-v33-activate button,.settings-v31-activate button{height:48px!important;min-width:170px!important}
.settings-v32-dns-card,.settings-v33-dns-card,.settings-v31-dns-card{display:grid!important;gap:12px!important;padding:16px!important;border-radius:18px!important;background:#111827!important;color:#fff!important}
.settings-v32-dns-head,.settings-v33-dns-head,.settings-v31-dns-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
.settings-v32-dns-head>div,.settings-v33-dns-head>div{display:grid!important;gap:4px!important;min-width:0!important}
.settings-v32-dns-head b,.settings-v33-dns-head b,.settings-v31-dns-head b{display:block!important;font-size:16px!important;line-height:1.2!important}
.settings-v32-dns-head small,.settings-v33-dns-head small,.settings-v31-dns-head small{display:block!important;margin:0!important;color:#94a3b8!important;line-height:1.45!important}
.settings-v32-dns-head button,.settings-v33-dns-head button,.settings-v31-dns-head button{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;white-space:nowrap!important}
.settings-v32-dns-table,.settings-v33-dns-table,.settings-v31-dns-table{display:grid!important;gap:8px!important;width:100%!important}
.settings-v32-domain-message,.settings-v33-domain-message,.settings-v31-domain-message{padding:13px 14px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e8edf3!important;color:#475569!important;font-size:13px!important;line-height:1.55!important}
.settings-v32-live-links,.settings-v33-live-links,.settings-v31-live-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.settings-v32-live-links a,.settings-v33-live-links a,.settings-v31-live-links a{display:block!important;padding:12px 14px!important;border-radius:12px!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;color:#047857!important;font-weight:800!important;text-decoration:none!important;overflow-wrap:anywhere!important}

/* sane defaults for headings and text in domain block */
.settings-domain-card .eyebrow{display:inline-block!important;margin-bottom:6px!important}
.settings-domain-card h2,.settings-domain-card h3{word-break:normal!important;overflow-wrap:break-word!important}
.settings-domain-card p,.settings-domain-card small,.settings-domain-card b,.settings-domain-card code,.settings-domain-card span{writing-mode:horizontal-tb!important;text-orientation:mixed!important}

@media(max-width:920px){
  .settings-v32-activate,.settings-v33-activate{grid-template-columns:minmax(0,1fr)!important}
  .settings-v32-activate button,.settings-v33-activate button{width:100%!important}
  .settings-v32-dns-head,.settings-v33-dns-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .settings-v32-dns-head button,.settings-v33-dns-head button{width:100%!important}
  .settings-v32-live-links,.settings-v33-live-links{grid-template-columns:minmax(0,1fr)!important}
}


/* ===== Pedido Pro v34 · tema na Central de configurações ===== */
.settings-v29-icon.theme{background:linear-gradient(135deg,#ec4899,#8b5cf6)!important}
.settings-theme-card{grid-column:1/-1!important}
.settings-theme-presets{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
.settings-theme-preset{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:10px 12px!important;border:1px solid #e4e9ef!important;border-radius:14px!important;background:#fff!important;color:#334155!important;font-weight:800!important;cursor:pointer!important}
.settings-theme-preset:hover{border-color:#cbd5e1!important;background:#f8fafc!important}
.settings-theme-preset i{width:34px!important;height:34px!important;border-radius:11px!important;flex:0 0 auto!important;background:linear-gradient(135deg,var(--theme-a) 0 50%,var(--theme-b) 50% 100%)!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important}
.settings-theme-preset span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.settings-theme-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.settings-color-field{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
.settings-color-field input[type=color]{width:48px!important;height:44px!important;padding:3px!important;border:1px solid #dfe5ec!important;border-radius:12px!important;background:#fff!important;cursor:pointer!important}
.settings-color-field input[type=text]{height:44px!important;text-transform:uppercase!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.settings-theme-preview{display:grid!important;overflow:hidden!important;border-radius:18px!important;border:1px solid #e5eaf0!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}
.settings-theme-preview-nav{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:13px 15px!important;background:var(--theme-secondary)!important;color:#fff!important}
.settings-theme-preview-nav>span{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:var(--theme-primary)!important;font-size:11px!important;font-weight:900!important}
.settings-theme-preview-nav b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.settings-theme-preview-nav em{font-style:normal!important;font-size:11px!important;color:#d1fae5!important}
.settings-theme-preview-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:16px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important}
.settings-theme-preview-body small,.settings-theme-preview-body b,.settings-theme-preview-body span{display:block!important}.settings-theme-preview-body small{color:#64748b!important}.settings-theme-preview-body b{margin:3px 0!important;font-size:17px!important}.settings-theme-preview-body span{color:#94a3b8!important;font-size:12px!important}.settings-theme-preview-body button{min-height:42px!important;padding:0 16px!important;border:0!important;border-radius:12px!important;background:var(--theme-primary)!important;color:#fff!important;font-weight:850!important}
@media(max-width:1180px){.settings-theme-presets{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.settings-theme-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-theme-grid{grid-template-columns:minmax(0,1fr)!important}.settings-theme-preview-body{grid-template-columns:minmax(0,1fr)!important}.settings-theme-preview-body button{width:100%!important}}
@media(max-width:390px){.settings-theme-presets{grid-template-columns:minmax(0,1fr)!important}}


/* ===== Pedido Pro v35 · Minha empresa / domínio ===== */
.brand-settings-side{
  align-items:start!important;
  align-content:start!important;
}
.brand-settings-side .save-brand{
  width:auto!important;
  min-width:190px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0 20px!important;
  justify-self:end!important;
  align-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  white-space:nowrap!important;
}
.menu-link-card{
  height:auto!important;
  min-height:0!important;
}
.menu-link-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.menu-link-head h3{margin:4px 0 0!important}
.menu-domain-status{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.menu-domain-status.propagating{background:#fff7ed!important;color:#c2410c!important;border:1px solid #fed7aa!important}
.menu-domain-status.activating_https{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}
.menu-domain-status.active{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important}
.domain-alias-note{
  display:block!important;
  margin:-4px 0 12px!important;
  color:#7c8796!important;
  font-size:11px!important;
  overflow-wrap:anywhere!important;
}
.menu-link-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.menu-link-actions button{
  width:100%!important;
  min-height:44px!important;
}
@media(max-width:980px){
  .brand-settings-side{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .brand-settings-side .save-brand{
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
}
@media(max-width:560px){
  .menu-link-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .menu-domain-status{justify-self:start!important}
  .menu-link-actions{grid-template-columns:minmax(0,1fr)!important}
}


/* ===== Pedido Pro v36 · mobile iOS + reset protegido ===== */
.settings-v29-fields,
.settings-v29-fields>label,
.settings-v29-card label{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.settings-v29-card input:not([type="checkbox"]),
.settings-v29-card select,
.settings-v29-card textarea{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.settings-v29-card input[type="time"],
.settings-v29-card input[type="number"]{
  display:block!important;
  inline-size:100%!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
  box-sizing:border-box!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.settings-danger-zone{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:15px!important;
  border:1px solid #fecaca!important;
  border-radius:16px!important;
  background:#fff7f7!important;
}
.settings-danger-zone>div{min-width:0!important;display:grid!important;gap:4px!important}
.settings-danger-zone b{color:#b91c1c!important}
.settings-danger-zone small{color:#7f1d1d!important;line-height:1.4!important}
.settings-danger-zone button{flex:0 0 auto!important}
.danger-text{color:#b91c1c!important}
.reset-warning{display:grid!important;gap:5px!important;padding:12px 14px!important;border-radius:14px!important;background:#fef2f2!important;border:1px solid #fecaca!important;color:#991b1b!important}
.reset-warning b,.reset-warning span{display:block!important}
.reset-warning span{font-size:12px!important;line-height:1.4!important}
.modal-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
@media(max-width:760px){
  .settings-v29-fields.three,
  .settings-v29-fields.two{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  .settings-v29-card{
    overflow:hidden!important;
  }
  .settings-v29-card input[type="time"],
  .settings-v29-card input[type="number"]{
    font-size:16px!important;
    height:48px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .settings-danger-zone{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .settings-danger-zone button{width:100%!important}
  .modal-actions{grid-template-columns:minmax(0,1fr)!important}
}


/* ===== Pedido Pro v37 · pagamento visível na operação ===== */
.payment-status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:6px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.035em!important;white-space:nowrap!important}
.payment-status-badge.paid{background:#dcfce7!important;color:#15803d!important;border:1px solid #86efac!important}.payment-status-badge.unpaid{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important}
.live-order-item.is-unpaid{cursor:not-allowed!important;background:#fafafa!important;opacity:.78!important;box-shadow:inset 4px 0 0 #ef4444!important}.live-order-item.is-paid{box-shadow:inset 4px 0 0 #22c55e!important}.live-order-item:disabled{color:inherit!important}.payment-live-panel .live-orders-head p b{color:#15803d!important}
.new-order-alert.unpaid-alert{cursor:default!important;border-color:#fecaca!important}.new-order-alert.unpaid-alert em{color:#b91c1c!important;font-weight:800!important}.payment-confirmed-alert{border-color:#86efac!important;box-shadow:0 18px 40px rgba(34,197,94,.18)!important}.payment-confirmed-alert em{color:#15803d!important;font-weight:800!important}
.order-payment{display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:wrap!important;margin-top:10px!important}.order-payment strong{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:6px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.035em!important}.order-payment.paid strong{background:#dcfce7!important;color:#15803d!important;border:1px solid #86efac!important}.order-payment.pending strong{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important}.order-payment small{display:block!important;flex-basis:100%!important;color:#9f1239!important;margin-top:4px!important}
.order.locked-unpaid{cursor:not-allowed!important;background:linear-gradient(135deg,#fff,#fffafa)!important;border-color:#fecaca!important;opacity:.88!important}.order.order-paid{border-left:4px solid #22c55e!important}.order.order-unpaid{border-left:4px solid #ef4444!important}
.production-payment-pill{display:inline-flex!important;min-height:28px!important;align-items:center!important;padding:4px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.035em!important;white-space:nowrap!important}.production-payment-pill.paid{background:#dcfce7!important;color:#15803d!important;border:1px solid #86efac!important}.production-payment-pill.unpaid{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important}
@media(max-width:760px){.live-order-item{grid-template-columns:minmax(0,1fr) auto!important}.live-order-number{grid-column:1!important}.live-order-copy{grid-column:1!important}.payment-status-badge{grid-column:2!important;grid-row:1/3!important;align-self:center!important}.live-order-item>strong{grid-column:1!important}.live-order-item>em{grid-column:2!important;align-self:end!important}.order-payment strong{font-size:10px!important}}


/* ===== v40 Sabores ===== */
.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.flavor-overview{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important}
.flavor-overview>div{display:grid;gap:4px;min-width:0}.flavor-overview small{white-space:normal!important;color:#64748b}
.product-flavor-config{display:grid;gap:13px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.product-flavor-title{display:flex;align-items:center;gap:10px}.product-flavor-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff7ed}.product-flavor-title b,.product-flavor-title small{display:block}.product-flavor-title small{color:#64748b;margin-top:2px}
.flavor-current-list{display:grid;gap:8px}.flavor-current-list>div{display:flex;gap:7px;flex-wrap:wrap}.flavor-current-list span{padding:6px 9px;border:1px solid #e2e8f0;background:#fff;border-radius:999px;font-size:12px;font-weight:700}
.flavor-help{padding:12px 14px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;display:grid;gap:4px;color:#9a3412}.flavor-help span{font-size:13px;line-height:1.45}
.item-flavor-info{display:block!important;color:#7c3aed!important;margin-top:4px!important;font-weight:700!important}
.production-flavors{display:block!important;margin:3px 0 0 28px!important;color:#7c3aed!important;line-height:1.3!important}
@media(max-width:640px){.toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.toolbar-actions button{width:100%}.flavor-overview{display:grid!important;grid-template-columns:1fr!important}.flavor-overview button{width:100%}.product-flavor-config{padding:13px}}