/*
 * Whapide 0.12 — unified product UI system
 * One authoritative visual layer for the panel, auth and marketing surfaces.
 * Product contract: Tarjix-family clarity translated to Whapide blue.
 * Principles: balanced density, 4px rhythm, restrained weight, task-first layout,
 * accessible focus, mobile-first navigation, and no decorative UI without a job.
 */
:root{
  --ws-blue-950:#0c2450;
  --ws-blue-900:#123b79;
  --ws-blue-800:#184b96;
  --ws-blue-700:#1f5fc2;
  --ws-blue-600:#2f6fed;
  --ws-blue-500:#4f86f5;
  --ws-blue-200:#cfe0ff;
  --ws-blue-100:#eaf2ff;
  --ws-blue-50:#f5f8ff;
  --ws-ink:#17243a;
  --ws-text:#42526a;
  --ws-muted:#748198;
  --ws-muted-2:#96a2b4;
  --ws-canvas:#f5f8fc;
  --ws-surface:#ffffff;
  --ws-surface-2:#fbfcff;
  --ws-line:#dfe7f2;
  --ws-line-strong:#ccd9ea;
  --ws-success:#2f9d76;
  --ws-success-bg:#eaf8f2;
  --ws-warning:#bd8427;
  --ws-warning-bg:#fff6e5;
  --ws-danger:#c54d60;
  --ws-danger-bg:#fff1f3;
  --ws-radius-xs:8px;
  --ws-radius-sm:10px;
  --ws-radius:14px;
  --ws-radius-lg:18px;
  --ws-shadow-xs:0 1px 2px rgba(20,43,77,.035);
  --ws-shadow-sm:0 6px 18px rgba(25,55,96,.055);
  --ws-shadow-md:0 16px 42px rgba(23,54,96,.11);
  --ws-top:60px;
  --ws-side:224px;
  --ws-fast:150ms cubic-bezier(.2,.8,.2,1);
  --ws-normal:220ms cubic-bezier(.2,.8,.2,1);
  --ws-space-1:4px;
  --ws-space-2:8px;
  --ws-space-3:12px;
  --ws-space-4:16px;
  --ws-space-5:20px;
  --ws-space-6:24px;
  --ws-space-8:32px;
}

html{background:var(--ws-canvas)!important;scroll-behavior:smooth}
body.whapide-body{margin:0!important;background:var(--ws-canvas)!important;color:var(--ws-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.whapide-panel{font-size:14px!important;line-height:1.5!important;overflow-x:hidden}
*,*:before,*:after{box-sizing:border-box}
button,input,select,textarea{font:inherit}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(47,111,237,.24)!important;outline-offset:2px!important}
::selection{background:var(--ws-blue-200);color:var(--ws-blue-950)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ---------- Typography ---------- */
body.whapide-panel :where(h1,h2,h3,h4,p){text-wrap:pretty}
body.whapide-panel :where(h1,h2,h3,h4){color:var(--ws-ink)!important;font-weight:600!important}
body.whapide-panel :where(b,strong){font-weight:600!important}
body.whapide-panel p{color:var(--ws-muted);line-height:1.55}
body.whapide-panel small{line-height:1.4}

/* ---------- Application shell ---------- */
body.whapide-panel .w-app{min-height:100vh!important;background:var(--ws-canvas)!important}
body.whapide-panel .w-top{position:fixed!important;inset:0 0 auto 0!important;z-index:90!important;height:var(--ws-top)!important;min-height:var(--ws-top)!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--ws-line)!important;box-shadow:none!important;backdrop-filter:saturate(160%) blur(14px)!important}
body.whapide-panel .w-top-start,body.whapide-panel .w-top-right{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}
body.whapide-panel .w-logo{display:inline-flex!important;align-items:center!important;gap:9px!important;color:var(--ws-blue-950)!important;font-weight:700!important;letter-spacing:-.025em!important;text-decoration:none!important}
body.whapide-panel .w-logo b{font-size:19px!important;font-weight:700!important}.w-logo b>span{color:var(--ws-blue-600)!important;font-weight:700!important}
body.whapide-panel .w-mark{width:30px!important;height:30px!important;border-radius:9px!important;background:linear-gradient(145deg,var(--ws-blue-700),var(--ws-blue-500))!important;box-shadow:0 4px 12px rgba(47,111,237,.18)!important}
body.whapide-panel .w-top-divider{width:1px!important;height:26px!important;background:var(--ws-line)!important;margin:0 1px!important}
body.whapide-panel .w-top-kicker{font-size:11px!important;font-weight:500!important;color:var(--ws-muted)!important}
body.whapide-panel .w-top-context{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important}
body.whapide-panel .w-top-context small{font-size:9px!important;font-weight:500!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--ws-muted-2)!important}
body.whapide-panel .w-top-context b{max-width:240px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:600!important;color:var(--ws-ink)!important;margin-top:3px!important}
body.whapide-panel .w-role{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:28px!important;padding:0 9px!important;border:1px solid var(--ws-blue-100)!important;border-radius:999px!important;background:var(--ws-blue-50)!important;color:var(--ws-blue-800)!important;font-size:10.5px!important;font-weight:500!important;white-space:nowrap!important}
body.whapide-panel .w-role i{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--ws-success)!important;box-shadow:0 0 0 3px var(--ws-success-bg)!important}
body.whapide-panel .w-user{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
body.whapide-panel .w-avatar{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:var(--ws-blue-100)!important;color:var(--ws-blue-800)!important;font-size:12px!important;font-weight:600!important}
body.whapide-panel .w-user>div{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.1!important}
body.whapide-panel .w-user b{font-size:11.5px!important;font-weight:600!important}body.whapide-panel .w-user small{margin-top:3px!important;font-size:9.5px!important;color:var(--ws-muted)!important}
body.whapide-panel .w-icon-btn{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid var(--ws-line)!important;border-radius:10px!important;background:#fff!important;color:#66768d!important;box-shadow:none!important;cursor:pointer!important;transition:border-color var(--ws-fast),background var(--ws-fast),color var(--ws-fast)!important}
body.whapide-panel .w-icon-btn:hover{background:var(--ws-blue-50)!important;border-color:#ccdaf0!important;color:var(--ws-blue-700)!important}
body.whapide-panel .w-mobile-menu{display:none!important;width:38px!important;height:38px!important;border:1px solid var(--ws-line)!important;border-radius:10px!important;background:#fff!important;color:var(--ws-blue-900)!important;align-items:center!important;justify-content:center!important}

body.whapide-panel .w-shell{display:grid!important;grid-template-columns:var(--ws-side) minmax(0,1fr)!important;min-height:100vh!important;padding-top:var(--ws-top)!important}
body.whapide-panel .w-side{position:fixed!important;left:0!important;top:var(--ws-top)!important;bottom:0!important;z-index:70!important;width:var(--ws-side)!important;height:auto!important;padding:14px 10px 24px!important;overflow:auto!important;background:#fff!important;border-right:1px solid var(--ws-line)!important;box-shadow:none!important}
body.whapide-panel .w-side-title{padding:6px 10px 9px!important;color:var(--ws-muted-2)!important;font-size:9px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.whapide-panel .w-nav{display:flex!important;align-items:center!important;gap:8px!important;min-height:39px!important;margin:1px 0!important;padding:7px 9px!important;border:1px solid transparent!important;border-radius:9px!important;color:#52627a!important;font-size:12px!important;font-weight:500!important;text-decoration:none!important;transition:background var(--ws-fast),border-color var(--ws-fast),color var(--ws-fast)!important}
body.whapide-panel .w-nav>span{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:7px!important;color:#8493a9!important;background:transparent!important}
body.whapide-panel .w-nav:hover{background:#f7f9fd!important;color:var(--ws-blue-900)!important}
body.whapide-panel .w-nav.active{background:var(--ws-blue-100)!important;border-color:#d9e6fa!important;color:var(--ws-blue-900)!important;font-weight:600!important;box-shadow:none!important}
body.whapide-panel .w-nav.active>span{background:#fff!important;color:var(--ws-blue-600)!important;box-shadow:var(--ws-shadow-xs)!important}
body.whapide-panel .w-nav:before,body.whapide-panel .w-nav:after{display:none!important;content:none!important}
body.whapide-panel .w-back{display:flex!important;align-items:center!important;min-height:34px!important;margin:0 6px 10px!important;color:var(--ws-muted)!important;font-size:11px!important;font-weight:500!important;text-decoration:none!important}
body.whapide-panel .w-back:hover{color:var(--ws-blue-700)!important}
body.whapide-panel .w-merchant-mini{display:flex!important;align-items:center!important;gap:10px!important;margin:0 2px 12px!important;padding:10px!important;border:1px solid var(--ws-line)!important;border-radius:12px!important;background:var(--ws-surface-2)!important;text-align:left!important}
body.whapide-panel .w-merchant-mini .w-merchant-logo{width:40px!important;height:40px!important;flex:0 0 40px!important;margin:0!important;border-radius:10px!important;box-shadow:none!important}
body.whapide-panel .w-merchant-mini>div{min-width:0!important}.w-merchant-mini small{display:block!important;color:var(--ws-muted-2)!important;font-size:8.5px!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.whapide-panel .w-merchant-mini b{display:block!important;margin:2px 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11.5px!important;font-weight:600!important;color:var(--ws-ink)!important}
body.whapide-panel .w-merchant-mini span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--ws-muted)!important;font-size:9.5px!important}
body.whapide-panel .w-side-scrim{display:none!important}

/* Main canvas. View classes keep forms from stretching merely because the monitor is wide. */
body.whapide-panel .w-main{grid-column:2!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:26px 32px 56px!important}
body.whapide-panel .w-main> :first-child{scroll-margin-top:calc(var(--ws-top) + 18px)}
body.whapide-panel .w-view-directory>*{max-width:1320px!important}
body.whapide-panel .w-view-detalles>*{max-width:1180px!important}
body.whapide-panel .w-view-productos>*{max-width:1360px!important}
body.whapide-panel .w-view-diseno>*{max-width:1120px!important}
body.whapide-panel .w-view-pedidos>*{max-width:1360px!important}
body.whapide-panel .w-view-cocina>*{max-width:1360px!important}
body.whapide-panel .w-view-clientes>*{max-width:1360px!important}
body.whapide-panel .w-view-pagos>*{max-width:1080px!important}
body.whapide-panel .w-view-estadisticas>*{max-width:1280px!important}
body.whapide-panel .w-view-checkout>*{max-width:1120px!important}
body.whapide-panel .w-view-avanzado>*{max-width:1080px!important}

/* ---------- Page hierarchy ---------- */
body.whapide-panel .w-directory-hero,body.whapide-panel .w-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;min-height:0!important;margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ws-ink)!important}
body.whapide-panel .w-directory-hero>div,body.whapide-panel .w-page-head>div{min-width:0!important}
body.whapide-panel .w-directory-hero h1,body.whapide-panel .w-page-head h1{margin:0 0 4px!important;color:var(--ws-ink)!important;font-size:26px!important;line-height:1.16!important;letter-spacing:-.025em!important;font-weight:600!important}
body.whapide-panel .w-directory-hero p,body.whapide-panel .w-page-head p{max-width:680px!important;margin:0!important;color:var(--ws-muted)!important;font-size:13px!important;line-height:1.5!important}
body.whapide-panel .w-eyebrow-mini{display:block!important;margin:0 0 7px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6b83a6!important;font-size:9px!important;font-weight:600!important;line-height:1!important;letter-spacing:.075em!important;text-transform:uppercase!important}
body.whapide-panel .w-subhead{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 16px!important}.w-subhead h2{margin:0!important;font-size:21px!important;font-weight:600!important}.w-subhead>a{font-size:12px!important;color:var(--ws-muted)!important}
body.whapide-panel .w-head-actions,body.whapide-panel .w-card-actions,body.whapide-panel .w-form-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
body.whapide-panel .w-form-actions{justify-content:flex-end!important;margin-top:18px!important}

/* ---------- Controls ---------- */
body.whapide-panel .w-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;padding:0 12px!important;border:1px solid var(--ws-line-strong)!important;border-radius:9px!important;background:#fff!important;color:#4c5d75!important;font-size:12px!important;font-weight:500!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;transition:background var(--ws-fast),border-color var(--ws-fast),color var(--ws-fast),box-shadow var(--ws-fast)!important}
body.whapide-panel .w-btn:hover{transform:none!important;background:#f9fbff!important;border-color:#bfcfe4!important;color:var(--ws-blue-900)!important;box-shadow:none!important}
body.whapide-panel .w-btn-primary{background:var(--ws-blue-600)!important;border-color:var(--ws-blue-600)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px rgba(47,111,237,.12)!important}
body.whapide-panel .w-btn-primary:hover{background:#2866df!important;border-color:#2866df!important;color:#fff!important;box-shadow:0 5px 14px rgba(47,111,237,.16)!important}
body.whapide-panel .w-btn-danger{background:#fff!important;border-color:#efc7ce!important;color:#ad3f51!important}.w-btn-danger:hover{background:#fff5f7!important;border-color:#e8b7c0!important;color:#993346!important}
body.whapide-panel .w-btn-sm{min-height:32px!important;padding:0 10px!important;font-size:11px!important}
body.whapide-panel .w-input,body.whapide-panel .w-select,body.whapide-panel .w-textarea{width:100%!important;border:1px solid var(--ws-line-strong)!important;border-radius:9px!important;background:#fff!important;color:var(--ws-ink)!important;font-size:13px!important;box-shadow:none!important;outline:0!important;transition:border-color var(--ws-fast),box-shadow var(--ws-fast),background var(--ws-fast)!important}
body.whapide-panel .w-input,body.whapide-panel .w-select{min-height:42px!important;padding:0 12px!important}
body.whapide-panel .w-textarea{min-height:92px!important;padding:10px 12px!important;line-height:1.5!important;resize:vertical!important}.w-textarea.tall{min-height:190px!important}
body.whapide-panel .w-input::placeholder,body.whapide-panel .w-textarea::placeholder{color:#a1adbd!important}
body.whapide-panel .w-input:focus,body.whapide-panel .w-select:focus,body.whapide-panel .w-textarea:focus{border-color:#7ea5f1!important;box-shadow:0 0 0 3px rgba(47,111,237,.10)!important}
body.whapide-panel .w-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}
body.whapide-panel .w-form-grid .full{grid-column:1/-1!important}
body.whapide-panel .w-form-grid>label,body.whapide-panel .w-card>label,body.whapide-panel .w-card form>label{display:flex!important;flex-direction:column!important;gap:6px!important;color:#596a82!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important}
body.whapide-panel .w-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;color:#5e6f86!important;font-size:12px!important;font-weight:500!important;line-height:1.3!important}
body.whapide-panel .w-check input{width:16px!important;height:16px!important;margin:0!important;accent-color:var(--ws-blue-600)!important}
body.whapide-panel .w-check-row{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important}
body.whapide-panel .w-inline-form{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.w-inline-form .w-input{max-width:300px!important}

/* Toggle: visual state comes from :checked, never a JS-only .on class. */
body.whapide-panel .w-toggle{position:relative!important;display:inline-flex!important;flex:0 0 auto!important;margin:0!important;cursor:pointer!important}
body.whapide-panel .w-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body.whapide-panel .w-toggle span{position:relative!important;display:block!important;width:42px!important;height:24px!important;border-radius:999px!important;background:#d9e2ee!important;box-shadow:inset 0 0 0 1px rgba(74,96,127,.06)!important;transition:background var(--ws-fast)!important}
body.whapide-panel .w-toggle span:after{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(26,50,85,.18)!important;transition:transform var(--ws-fast)!important}
body.whapide-panel .w-toggle input:checked+span{background:var(--ws-blue-600)!important}
body.whapide-panel .w-toggle input:checked+span:after{transform:translateX(18px)!important}
body.whapide-panel .w-toggle input:focus-visible+span{box-shadow:0 0 0 3px rgba(47,111,237,.16)!important}

/* ---------- Surfaces ---------- */
body.whapide-panel .w-card,body.whapide-panel .w-info-card,body.whapide-panel .w-chart-card,body.whapide-panel .w-table-card,body.whapide-panel .w-product-editor,body.whapide-panel .w-option-group,body.whapide-panel .w-kpi{background:var(--ws-surface)!important;border:1px solid var(--ws-line)!important;border-radius:var(--ws-radius)!important;box-shadow:var(--ws-shadow-xs)!important}
body.whapide-panel .w-card{overflow:hidden!important}.w-pad{padding:20px!important}
body.whapide-panel .w-card:hover,body.whapide-panel .w-info-card:hover{transform:none!important;border-color:var(--ws-line)!important;box-shadow:var(--ws-shadow-xs)!important}
body.whapide-panel .w-card h2,body.whapide-panel .w-card h3{margin:0 0 14px!important;color:var(--ws-ink)!important;font-size:15px!important;line-height:1.3!important;letter-spacing:-.01em!important;font-weight:600!important}
body.whapide-panel .w-card h4{margin:18px 0 10px!important;font-size:13px!important;font-weight:600!important}
body.whapide-panel .w-card p{margin:0 0 16px!important;color:var(--ws-muted)!important;font-size:12.5px!important;line-height:1.55!important}
body.whapide-panel .w-card hr{height:1px!important;margin:24px 0!important;border:0!important;background:#edf1f6!important}
body.whapide-panel .w-alert{padding:11px 13px!important;border:1px solid #d7e4f8!important;border-radius:10px!important;background:#f2f7ff!important;color:#496b9d!important;font-size:12px!important;line-height:1.5!important}.w-alert-danger{border-color:#f1cbd2!important;background:#fff5f7!important;color:#a03d50!important}

/* ---------- Tabs ---------- */
body.whapide-panel .w-tabs{display:flex!important;align-items:center!important;gap:3px!important;width:max-content!important;max-width:100%!important;margin:0 0 16px!important;padding:3px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;border:1px solid #e0e7f1!important;border-radius:10px!important;background:#eef3fa!important;box-shadow:none!important}
body.whapide-panel .w-tabs::-webkit-scrollbar{display:none!important}
body.whapide-panel .w-tabs button{position:relative!important;flex:0 0 auto!important;min-height:34px!important;padding:0 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#6b7b92!important;font-size:11.5px!important;font-weight:500!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important}
body.whapide-panel .w-tabs button:hover{background:rgba(255,255,255,.62)!important;color:#466086!important}
body.whapide-panel .w-tabs button.active{background:#fff!important;color:var(--ws-blue-800)!important;font-weight:600!important;box-shadow:0 1px 4px rgba(25,61,104,.07)!important}
body.whapide-panel .w-tabs button:after{display:none!important;content:none!important}
body.whapide-panel .w-tab-panel{display:none!important}body.whapide-panel .w-tab-panel.active{display:block!important}

/* ---------- Setting / configuration surfaces ---------- */
body.whapide-panel .w-setting-grid{display:grid!important;gap:0!important}
body.whapide-panel .w-setting-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;min-height:58px!important;padding:13px 0!important;border:0!important;border-bottom:1px solid #edf1f6!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.whapide-panel .w-setting-row:last-child{border-bottom:0!important}
body.whapide-panel .w-setting-row>div{min-width:0!important}
body.whapide-panel .w-setting-row b{display:block!important;color:#34445b!important;font-size:12.5px!important;font-weight:500!important;line-height:1.35!important}
body.whapide-panel .w-setting-row small{display:block!important;margin-top:3px!important;max-width:680px!important;color:#8a96a8!important;font-size:11px!important;line-height:1.45!important}
body.whapide-panel .w-address-row{display:grid!important;grid-template-columns:minmax(240px,1fr) auto auto!important;align-items:center!important;gap:16px!important;min-height:58px!important;padding:8px 0!important;border-bottom:1px solid #edf1f6!important}
body.whapide-panel .w-address-row .w-input{max-width:680px!important}
body.whapide-panel .w-address-row .w-check{white-space:nowrap!important}
body.whapide-panel .w-view-checkout .w-card.w-pad,body.whapide-panel .w-view-pagos .w-card.w-pad,body.whapide-panel .w-view-avanzado .w-card.w-pad{padding:22px 24px!important}
body.whapide-panel .w-view-checkout .w-tab-panel>.w-card,body.whapide-panel .w-view-pagos .w-tab-panel>.w-card,body.whapide-panel .w-view-avanzado .w-tab-panel>.w-card{width:100%!important}
body.whapide-panel .sticky-save{position:static!important;bottom:auto!important;z-index:auto!important;justify-content:flex-end!important;margin:18px 0 0!important;padding:18px 0 0!important;border:0!important;border-top:1px solid #e7edf5!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
body.whapide-panel .sticky-save .w-btn{min-width:220px!important}
body.whapide-panel .w-domain-status{display:flex!important;align-items:center!important;gap:10px!important;padding:2px 0!important;border:0!important;background:transparent!important;color:inherit!important}
body.whapide-panel .w-dns-box{padding:16px!important;border:1px solid var(--ws-line)!important;border-radius:12px!important;background:#fafcff!important;box-shadow:none!important}
body.whapide-panel .w-dns-box>b{font-size:12.5px!important}.w-dns-box>small{display:block!important;margin-top:12px!important;color:var(--ws-muted)!important;font-size:10.5px!important;line-height:1.45!important}
body.whapide-panel .w-dns-row{display:grid!important;grid-template-columns:74px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:6px 0!important;border-bottom:1px solid #edf1f6!important;background:transparent!important}.w-dns-row:last-of-type{border-bottom:0!important}.w-dns-row span{font-size:11px!important;color:var(--ws-muted)!important}.w-dns-row code{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;color:#405370!important}
body.whapide-panel .w-danger-zone{margin-top:14px!important;border-color:#efcfd5!important;background:#fffafb!important}.w-danger-zone h3{color:#9f4051!important}

/* ---------- Directory ---------- */
body.whapide-panel .w-directory-tools{display:grid!important;grid-template-columns:minmax(280px,420px) 1fr auto!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.whapide-panel .w-directory-tools:before{display:none!important;content:none!important}.w-directory-tools .w-input{max-width:420px!important}.w-count{grid-column:3!important;color:var(--ws-muted)!important;font-size:10.5px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.04em!important}
body.whapide-panel .w-planbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 14px!important;padding:13px 15px!important;border:1px solid #d9e6f8!important;border-radius:12px!important;background:#f3f7ff!important}.w-planbar b{font-size:12.5px!important}.w-planbar small{display:block!important;margin-top:2px!important;color:var(--ws-muted)!important;font-size:10.5px!important}.w-progress{width:220px!important;height:7px!important;border-radius:999px!important;background:#dfe8f5!important;overflow:hidden!important}.w-progress i{display:block!important;height:100%!important;background:var(--ws-blue-600)!important}
body.whapide-panel .w-merchant-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.whapide-panel .w-merchant-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:218px!important;padding:15px!important;overflow:hidden!important;border:1px solid var(--ws-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--ws-shadow-xs)!important;transition:border-color var(--ws-fast),box-shadow var(--ws-fast)!important}
body.whapide-panel .w-merchant-card:hover{transform:none!important;border-color:#cfdaea!important;box-shadow:var(--ws-shadow-sm)!important}
body.whapide-panel .w-merchant-card:before{display:none!important;content:none!important}.w-merchant-card-top{display:flex!important;align-items:center!important;gap:6px!important;min-height:18px!important}.w-status-dot{position:static!important;width:7px!important;height:7px!important;border-radius:50%!important;box-shadow:0 0 0 3px var(--ws-success-bg)!important}.w-status-dot.ok{background:var(--ws-success)!important}.w-status-dot.off{background:#a9b5c5!important;box-shadow:0 0 0 3px #f0f3f7!important}.w-status-label{color:#7b889a!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.025em!important;text-transform:uppercase!important}
body.whapide-panel .w-merchant-identity{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:14px 0 13px!important;margin:0!important}.w-merchant-card .w-merchant-logo{width:52px!important;height:52px!important;flex:0 0 52px!important;border:1px solid #e3eaf4!important;border-radius:12px!important;object-fit:cover!important;box-shadow:none!important}.w-logo-fallback{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#315fbd,#2f6fed 62%,#80a9f8)!important;color:#fff!important;font-size:18px!important;font-weight:600!important}.w-merchant-content{min-width:0!important}.w-merchant-type{display:inline-flex!important;align-items:center!important;min-height:19px!important;padding:0 6px!important;border-radius:6px!important;background:#eef4ff!important;color:#2f64ca!important;font-size:8.5px!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important}.w-merchant-content h3{margin:5px 0 2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important;font-weight:600!important;color:var(--ws-ink)!important}.w-merchant-content p{margin:0!important;color:var(--ws-muted)!important;font-size:10.5px!important}
body.whapide-panel .w-merchant-card .w-card-actions{margin-top:auto!important}.w-merchant-card .w-card-actions .w-btn-primary{flex:1 1 auto!important}.w-merchant-card footer{display:flex!important;align-items:center!important;gap:6px!important;margin:12px -15px -15px!important;padding:10px 15px!important;border-top:1px solid #edf1f6!important;background:#fbfcff!important;color:#8b97a9!important;font-size:9.5px!important}.w-merchant-card footer b{margin-left:auto!important;font-size:8.5px!important;font-weight:600!important}.w-url-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#72a0f6!important}
body.whapide-panel .w-empty{display:grid!important;place-items:center!important;min-height:160px!important;padding:28px!important;border:1px dashed #ccd8e7!important;border-radius:13px!important;background:rgba(255,255,255,.58)!important;color:var(--ws-muted)!important;text-align:center!important}.w-empty b{color:var(--ws-ink)!important;font-size:14px!important;font-weight:600!important}.w-empty p{margin:4px 0 0!important;font-size:11px!important}

/* ---------- Tables / search / filters ---------- */
body.whapide-panel .w-table-card{overflow:hidden!important}.w-table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.whapide-panel .w-table-tools{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;padding:12px 14px!important;border-bottom:1px solid var(--ws-line)!important;background:#fbfcff!important}.w-table-tools .w-input{max-width:420px!important}.w-table-tools .w-select{max-width:220px!important}
body.whapide-panel .w-table{width:100%!important;border-collapse:collapse!important;font-size:12.5px!important}.w-table th{height:40px!important;padding:0 13px!important;border-bottom:1px solid #dfe7f2!important;background:#f5f8fc!important;color:#718097!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;text-align:left!important;white-space:nowrap!important}.w-table td{padding:11px 13px!important;border-bottom:1px solid #edf1f6!important;color:#475970!important;vertical-align:middle!important}.w-table tr:last-child td{border-bottom:0!important}.w-table tr:hover td{background:#fbfcff!important}.w-table td b,.w-table td strong{color:#2d3e55!important;font-weight:600!important}.w-table td small{display:block!important;margin-top:2px!important;color:#94a0b1!important;font-size:10px!important}
body.whapide-panel .w-product-thumb{width:42px!important;height:42px!important;border:1px solid #e3eaf3!important;border-radius:10px!important;object-fit:cover!important;box-shadow:none!important}.w-noimg{display:grid!important;place-items:center!important;background:#f1f5fb!important;color:#9aa9bc!important}
body.whapide-panel .w-filterbar,body.whapide-panel .w-filter-pills{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:0 0 14px!important;background:transparent!important}.w-filter-pills button{min-height:34px!important;padding:0 10px!important;border:1px solid var(--ws-line)!important;border-radius:9px!important;background:#fff!important;color:#66768d!important;font-size:11px!important;font-weight:500!important}.w-filter-pills button.active{background:var(--ws-blue-600)!important;border-color:var(--ws-blue-600)!important;color:#fff!important}.w-filter-pills button b{font-weight:600!important}.w-search-wide{max-width:520px!important;margin:0 0 14px!important}

/* ---------- KPIs / charts ---------- */
body.whapide-panel .w-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important}.w-kpi{position:relative!important;min-height:96px!important;padding:14px 15px!important;overflow:hidden!important;border-radius:13px!important;box-shadow:var(--ws-shadow-xs)!important}.w-kpi:after{display:none!important;content:none!important}.w-kpi:nth-child(4n+1){background:#f3f7ff!important}.w-kpi:nth-child(4n+2){background:#eef9f5!important}.w-kpi:nth-child(4n+3){background:#fff8e9!important}.w-kpi:nth-child(4n+4){background:#fff3f5!important}.w-kpi small{display:block!important;color:#76869b!important;font-size:10.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}.w-kpi strong{display:block!important;margin-top:7px!important;color:var(--ws-ink)!important;font-size:23px!important;font-weight:600!important;letter-spacing:-.025em!important}.w-chart-card{padding:20px!important}.w-chart-card h3{margin-bottom:18px!important}.w-bars{min-height:190px!important}.w-bars i{background:linear-gradient(180deg,#7ea6f5,#2f6fed)!important;border-radius:6px 6px 2px 2px!important}

/* ---------- Detail / product editor ---------- */
body.whapide-panel .w-detail-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:14px!important;margin:0 0 14px!important}.w-qr-card{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;padding:20px!important}.w-qr-placeholder{width:132px!important;height:132px!important;border:1px solid #dce6f3!important;border-radius:13px!important;background:#fff!important}.w-info-card{padding:20px!important}.w-info-card dl{margin:0!important}.w-info-card dt{color:#7b899d!important;font-size:10.5px!important;font-weight:500!important}.w-info-card dd{color:#37495f!important;font-size:12.5px!important;font-weight:500!important}
body.whapide-panel .w-category-bar{margin-bottom:14px!important}.w-category-bar .w-inline-form>b{font-size:12.5px!important;font-weight:600!important;color:#41536b!important}.w-chips{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:12px!important}.w-chips span{display:inline-flex!important;align-items:center!important;min-height:27px!important;padding:0 9px!important;border:1px solid #e0e7f0!important;border-radius:8px!important;background:#f8faff!important;color:#61738a!important;font-size:10.5px!important}
body.whapide-panel .w-product-editor{max-width:1040px!important;padding:22px!important}.w-product-images{padding-bottom:18px!important;margin-bottom:20px!important;border-bottom:1px solid #edf1f6!important}.w-image-preview{display:flex!important;gap:9px!important;flex-wrap:wrap!important}.w-image-preview img{width:92px!important;height:92px!important;border:1px solid #e1e8f2!important;border-radius:11px!important;object-fit:cover!important;box-shadow:none!important}.w-option-group{margin-top:12px!important;padding:14px!important;background:#fbfcff!important}.w-option-group-head,.w-group-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}.w-group-head{margin-bottom:14px!important}.w-group-head h3{margin:0 0 3px!important}.w-group-head p{margin:0!important}.w-option-row{display:grid!important;grid-template-columns:minmax(0,1fr) 150px auto 36px!important;align-items:center!important;gap:9px!important;margin-top:8px!important}

/* ---------- Design ---------- */
body.whapide-panel .w-design-note{display:flex!important;align-items:flex-start!important;gap:7px!important;flex-direction:column!important;margin-bottom:14px!important;padding:12px 14px!important;border:1px solid #dbe7f8!important;border-radius:11px!important;background:#f3f7ff!important;color:#476996!important}.w-design-note b{font-size:12px!important;font-weight:600!important}.w-design-note span{font-size:11px!important;line-height:1.45!important}
body.whapide-panel .w-template-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:none!important}.w-template-card{position:relative!important;padding:14px!important;border:1px solid var(--ws-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--ws-shadow-xs)!important;cursor:pointer!important;transition:border-color var(--ws-fast),background var(--ws-fast)!important}.w-template-card:hover{transform:none!important;border-color:#c9d7e9!important}.w-template-card.active,.w-template-card:has(input:checked){border-color:#8eb0ef!important;background:#f8fbff!important;box-shadow:0 0 0 3px rgba(47,111,237,.07)!important}.w-template-card>b{display:block!important;margin-top:9px!important;font-size:12.5px!important;font-weight:600!important}.w-template-card>small{display:block!important;margin-top:2px!important;color:var(--ws-muted)!important;font-size:10.5px!important}.w-template-phone{height:250px!important;padding:10px!important;border:6px solid #d8e2ef!important;border-radius:24px!important;background:#f4f7fc!important}.w-template-phone>div{height:78px!important;border-radius:10px!important;background:linear-gradient(135deg,#315fbd,#6d99f3)!important}.w-template-phone>span{height:62px!important;margin-top:8px!important;border:1px solid #e3e9f2!important;border-radius:10px!important;background:#fff!important}.w-template-active{position:absolute!important;right:10px!important;top:10px!important;padding:4px 7px!important;border-radius:7px!important;background:var(--ws-blue-600)!important;color:#fff!important;font-size:9px!important;font-style:normal!important;font-weight:600!important}
body.whapide-panel .w-design-global{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;align-items:start!important;gap:18px!important}.w-preview-sticky{position:sticky!important;top:calc(var(--ws-top) + 18px)!important;height:max-content!important}.w-preview-phone{width:300px!important;height:560px!important;margin:auto!important;border:7px solid #d6e1ee!important;border-radius:30px!important;background:#fff!important;box-shadow:0 18px 48px rgba(22,54,96,.10)!important}.w-color-grid,.w-font-grid,.w-corner-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.w-color-grid label,.w-font-grid label,.w-corner-grid label{padding:11px!important;border:1px solid var(--ws-line)!important;border-radius:11px!important;background:#fff!important;text-align:center!important}.w-font-grid span{font-size:24px!important}.w-font-grid small{font-size:10px!important}.w-corner-grid span{height:52px!important}

/* ---------- Orders / clients / payment / messages ---------- */
body.whapide-panel .w-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:22px!important;padding:0 7px!important;border-radius:999px!important;font-size:9.5px!important;font-weight:500!important;line-height:1!important}.w-badge.green{background:var(--ws-success-bg)!important;color:#24845f!important}.w-badge.gray{background:#f0f3f7!important;color:#748198!important}.w-badge.orange{background:var(--ws-warning-bg)!important;color:#95691f!important}.w-badge.blue{background:var(--ws-blue-100)!important;color:var(--ws-blue-800)!important}
body.whapide-panel .w-integration-status{margin-bottom:16px!important;padding:13px 14px!important;border:1px solid var(--ws-line)!important;border-radius:11px!important;background:#f8fbff!important}.w-integration-status b{display:block!important;font-size:12.5px!important}.w-integration-status small{display:block!important;margin-top:4px!important;color:var(--ws-muted)!important;font-size:11px!important;line-height:1.45!important}
body.whapide-panel .w-message-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:16px!important}.w-message-parts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:14px 0!important}.w-message-parts span{min-height:38px!important;padding:9px 10px!important;border:1px solid #e3e9f2!important;border-radius:9px!important;background:#f8faff!important;color:#66768c!important;font-size:10.5px!important}.w-whatsapp-preview{height:max-content!important;padding:0 14px 14px!important;border:1px solid #dfe6ef!important;border-radius:14px!important;background:#f2f5f8!important}.w-wa-head{margin:0 -14px 14px!important;padding:11px 14px!important;border-radius:14px 14px 0 0!important;background:#356fd9!important;color:#fff!important;font-size:12px!important;font-weight:600!important}.w-wa-bubble{padding:12px!important;border:1px solid #e0e7f0!important;border-radius:9px!important;background:#fff!important;color:#4e6077!important;font-size:11px!important;line-height:1.55!important;box-shadow:none!important}
body.whapide-panel .w-question-types{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:10px 0 16px!important}.w-status-edit{padding:7px 0!important}.w-status-edit .w-input{max-width:520px!important}

/* ---------- Kitchen ---------- */
body.whapide-panel .w-kitchen-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.w-kitchen-ticket{overflow:hidden!important;border:1px solid var(--ws-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--ws-shadow-xs)!important}.w-kitchen-top{padding:13px!important;background:#f6f9fd!important;border-bottom:1px solid #e8eef6!important}.w-kitchen-top span{font-size:9px!important;font-weight:500!important;letter-spacing:.06em!important}.w-kitchen-top strong{font-size:24px!important;font-weight:600!important}.w-kitchen-top small{font-size:10px!important}.w-kitchen-line{padding:11px 13px!important;border-bottom:1px solid #edf1f6!important;font-size:12px!important}.w-kitchen-line b{font-weight:600!important}

/* ---------- Modals / drawers ---------- */
body.whapide-panel.w-overlay-open{overflow:hidden!important}.w-modal{background:rgba(17,36,69,.36)!important;backdrop-filter:blur(6px)!important}.w-modal-card{width:min(1040px,96vw)!important;max-height:92vh!important;padding:22px!important;border:1px solid #dce5f0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 22px 64px rgba(16,39,75,.18)!important}.w-modal-md{max-width:760px!important}.w-modal-lg{max-width:980px!important}.w-modal-close{position:sticky!important;float:right!important;top:0!important;width:34px!important;height:34px!important;border:1px solid var(--ws-line)!important;border-radius:9px!important;background:#f5f7fb!important;color:#66768d!important;font-size:20px!important;z-index:4!important}.w-modal-card>h2,.w-drawer-panel>h2{margin:0 42px 14px 0!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em!important}.w-modal-card>p{margin:-6px 0 18px!important;color:var(--ws-muted)!important;font-size:12px!important}.w-drawer{background:rgba(17,36,69,.34)!important;backdrop-filter:blur(5px)!important}.w-drawer-panel{width:min(480px,96vw)!important;padding:22px!important;background:#fff!important;box-shadow:-18px 0 52px rgba(16,39,75,.15)!important}

/* ---------- Landing / auth ---------- */
body.whapide-body:not(.whapide-panel){font-size:15px!important;background:#fbfdff!important}
body.whapide-body:not(.whapide-panel) :where(h1,h2,h3,h4){font-weight:600!important;color:var(--ws-blue-950)!important}
body.whapide-body:not(.whapide-panel) :where(b,strong){font-weight:600!important}
body.whapide-body:not(.whapide-panel) .w-btn{font-weight:500!important}.w-btn-primary{font-weight:600!important}
body.whapide-body:not(.whapide-panel) .w-land-nav{height:72px!important}.w-land-nav nav{font-weight:500!important}
body.whapide-body:not(.whapide-panel) .w-hero{min-height:610px!important;gap:52px!important}.w-hero h1{font-size:60px!important;font-weight:600!important;letter-spacing:-.04em!important}.w-hero p{font-size:17px!important}.w-eyebrow{font-weight:600!important}.w-feature-grid h3{font-weight:600!important}
body.whapide-body:not(.whapide-panel) .w-auth-card{border-radius:18px!important;padding:30px!important;box-shadow:0 18px 52px rgba(27,57,96,.10)!important}.w-auth-card h1{font-size:30px!important;font-weight:600!important}.w-auth-card label{font-size:12px!important;font-weight:500!important}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  :root{--ws-side:212px}
  body.whapide-panel .w-main{padding:24px 24px 48px!important}
  body.whapide-panel .w-merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.whapide-panel .w-design-global{grid-template-columns:minmax(0,1fr) 300px!important}
  body.whapide-panel .w-message-layout{grid-template-columns:minmax(0,1fr) 320px!important}
}

@media(max-width:900px){
  body.whapide-panel .w-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.whapide-panel .w-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.whapide-panel .w-design-global,body.whapide-panel .w-message-layout{grid-template-columns:1fr!important}
  body.whapide-panel .w-preview-sticky{position:static!important}.w-preview-phone{margin:8px auto 0!important}
  body.whapide-panel .w-detail-grid{grid-template-columns:1fr!important}
  body.whapide-panel .w-kitchen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:900px){
  :root{--ws-top:58px;--ws-side:min(82vw,286px)}
  body.whapide-panel .w-top{padding:0 12px!important}
  body.whapide-panel .w-mobile-menu{display:inline-flex!important}
  body.whapide-panel .w-top-divider,body.whapide-panel .w-top-context,body.whapide-panel .w-top-kicker,body.whapide-panel .w-role,body.whapide-panel .w-user{display:none!important}
  body.whapide-panel .w-logo b{display:none!important}
  body.whapide-panel .w-shell{display:block!important;padding-top:var(--ws-top)!important}
  body.whapide-panel .w-side{top:var(--ws-top)!important;transform:translateX(-105%)!important;transition:transform var(--ws-normal)!important;box-shadow:18px 0 44px rgba(18,45,82,.14)!important}
  body.whapide-panel.panel-menu-open .w-side{transform:none!important}
  body.whapide-panel .w-side-scrim{display:block!important;position:fixed!important;inset:var(--ws-top) 0 0 0!important;z-index:65!important;border:0!important;background:rgba(12,36,80,.26)!important;opacity:0!important;pointer-events:none!important;transition:opacity var(--ws-normal)!important}
  body.whapide-panel.panel-menu-open .w-side-scrim{opacity:1!important;pointer-events:auto!important}
  body.whapide-panel .w-main{padding:17px 14px 38px!important}
  body.whapide-panel .w-directory-hero,body.whapide-panel .w-page-head{align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}
  body.whapide-panel .w-directory-hero h1,body.whapide-panel .w-page-head h1{font-size:22px!important}.w-directory-hero p,.w-page-head p{font-size:12px!important}
  body.whapide-panel .w-head-actions{width:100%!important}
  body.whapide-panel .w-directory-tools{grid-template-columns:1fr auto!important;gap:8px!important}.w-directory-tools .w-input{grid-column:1/-1!important;max-width:none!important}.w-count{grid-column:2!important;justify-self:end!important}
  body.whapide-panel .w-merchant-grid{grid-template-columns:1fr!important}
  body.whapide-panel .w-form-grid{grid-template-columns:1fr!important}.w-form-grid .full{grid-column:auto!important}
  body.whapide-panel .w-address-row{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important}
  body.whapide-panel .w-card.w-pad{padding:18px!important}
  body.whapide-panel .w-table{min-width:720px!important}
  body.whapide-panel .w-option-row{grid-template-columns:minmax(0,1fr) 120px 36px!important}.w-option-row .w-check{grid-column:1/3!important}.w-option-row .w-remove-option{grid-column:3!important;grid-row:1!important}
  body.whapide-panel .w-modal{padding:0!important;place-items:end stretch!important}.w-modal-card{width:100%!important;max-height:92dvh!important;border-radius:18px 18px 0 0!important;padding:19px 14px calc(20px + env(safe-area-inset-bottom))!important}.w-drawer-panel{width:100%!important;padding:19px 14px calc(22px + env(safe-area-inset-bottom))!important}
  body.whapide-body:not(.whapide-panel) .w-hero{grid-template-columns:1fr!important;min-height:0!important;padding:54px 20px 68px!important;text-align:center!important}.w-hero p{margin-left:auto!important;margin-right:auto!important}.w-actions{justify-content:center!important}.w-land-nav nav>a:not(.w-btn){display:none!important}.w-feature-grid{grid-template-columns:1fr!important}
}

@media(max-width:560px){
  body.whapide-panel .w-directory-hero,body.whapide-panel .w-page-head{display:grid!important;grid-template-columns:1fr!important}
  body.whapide-panel .w-directory-hero .w-btn-create,body.whapide-panel .w-page-head>.w-btn{width:100%!important;justify-self:stretch!important}
  body.whapide-panel .w-head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.w-head-actions .w-btn-primary{grid-column:1/-1!important}
  body.whapide-panel .w-kpis{grid-template-columns:1fr 1fr!important;gap:9px!important}.w-kpi{min-height:88px!important;padding:12px!important}.w-kpi strong{font-size:20px!important}
  body.whapide-panel .w-template-grid{grid-template-columns:1fr!important}.w-template-phone{height:220px!important}
  body.whapide-panel .w-color-grid,body.whapide-panel .w-font-grid,body.whapide-panel .w-corner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.whapide-panel .w-address-row{grid-template-columns:1fr 1fr!important;padding:11px 0!important}.w-address-row .w-input{grid-column:1/-1!important}.w-address-row .w-check{justify-self:start!important}
  body.whapide-panel .w-setting-row{min-height:54px!important;gap:12px!important}
  body.whapide-panel .w-view-checkout .w-card.w-pad,body.whapide-panel .w-view-pagos .w-card.w-pad,body.whapide-panel .w-view-avanzado .w-card.w-pad{padding:17px 15px!important}
  body.whapide-panel .w-tabs{width:100%!important}.w-tabs button{min-height:35px!important}
  body.whapide-panel .sticky-save{padding-top:14px!important}.sticky-save .w-btn{width:100%!important;min-width:0!important}
  body.whapide-panel .w-kitchen-grid{grid-template-columns:1fr!important}
  body.whapide-panel .w-qr-card{grid-template-columns:104px minmax(0,1fr)!important;gap:13px!important}.w-qr-placeholder{width:104px!important;height:104px!important}
  body.whapide-panel .w-business-types{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:380px){
  body.whapide-panel .w-kpis{grid-template-columns:1fr!important}
  body.whapide-panel .w-head-actions{grid-template-columns:1fr!important}.w-head-actions .w-btn-primary{grid-column:auto!important}
  body.whapide-panel .w-color-grid,body.whapide-panel .w-font-grid,body.whapide-panel .w-corner-grid{grid-template-columns:1fr!important}
}

/* ---------- 0.12 finish pass: operational surfaces not covered by the first system layer ---------- */
body.whapide-panel .w-view-checkout>*{max-width:980px!important}
body.whapide-panel .w-view-pagos>*{max-width:980px!important}
body.whapide-panel .w-view-avanzado>*{max-width:980px!important}
body.whapide-panel .w-copy-row{display:flex!important;align-items:center!important;gap:8px!important;margin:7px 0 11px!important}
body.whapide-panel .w-copy-row .w-input{min-width:0!important;min-height:38px!important;font-size:12px!important}
body.whapide-panel .w-media-picker,body.whapide-panel .w-media-multi{align-self:flex-start!important}

/* Order detail: operational, compact and readable instead of a split dark dashboard. */
body.whapide-panel .w-modal-card.w-order-modal{padding:0!important;overflow:auto!important}
body.whapide-panel .w-order-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:18px 20px!important;border-bottom:1px solid var(--ws-line)!important;background:#fff!important}
body.whapide-panel .w-order-head h2{margin:0!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em!important}
body.whapide-panel .w-order-head p{margin:3px 0 0!important;color:var(--ws-muted)!important;font-size:11.5px!important}
body.whapide-panel .w-order-layout{display:grid!important;grid-template-columns:minmax(0,1.5fr) 300px!important;min-height:0!important;background:#fff!important}
body.whapide-panel .w-order-products{padding:20px!important}
body.whapide-panel .w-order-products>h3,body.whapide-panel .w-order-side>h3{margin:0 0 10px!important;color:#74839a!important;font-size:10px!important;font-weight:600!important;letter-spacing:.055em!important;text-transform:uppercase!important}
body.whapide-panel .w-order-item{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:12px 0!important;border-bottom:1px solid #edf1f6!important}
body.whapide-panel .w-order-item b,body.whapide-panel .w-order-item strong{color:#34455b!important;font-size:12.5px!important;font-weight:600!important}
body.whapide-panel .w-order-item small{display:block!important;margin-top:3px!important;color:var(--ws-muted)!important;font-size:10.5px!important}
body.whapide-panel .w-order-note{margin-top:13px!important;padding:11px 12px!important;border:1px solid #f0dfb8!important;border-radius:10px!important;background:#fff9ec!important;color:#755923!important;font-size:11.5px!important}
body.whapide-panel .w-order-note p{margin:4px 0 0!important;color:inherit!important;font-size:11.5px!important}
body.whapide-panel .w-order-answers p+ p{margin-top:7px!important}
body.whapide-panel .w-order-totals{margin-top:15px!important}
body.whapide-panel .w-order-totals>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:6px 0!important;color:#627188!important;font-size:12px!important}
body.whapide-panel .w-order-totals b{color:#34455b!important;font-weight:600!important}
body.whapide-panel .w-order-totals .total{margin-top:5px!important;padding-top:11px!important;border-top:1px solid var(--ws-line)!important;color:var(--ws-ink)!important;font-size:16px!important}
body.whapide-panel .w-order-side{padding:20px!important;border:0!important;border-left:1px solid var(--ws-line)!important;background:#f8fbff!important;color:#43546b!important}
body.whapide-panel .w-order-side>p{margin:4px 0 12px!important;color:#66768d!important;font-size:12px!important}
body.whapide-panel .w-order-side>b{color:var(--ws-ink)!important;font-size:13px!important;font-weight:600!important}
body.whapide-panel .w-order-side hr{margin:18px 0!important;border-color:#e3eaf4!important}
body.whapide-panel .w-order-side .w-btn{background:#fff!important;border-color:#d7e1ee!important;color:#49617f!important}
body.whapide-panel .w-order-side .w-btn-whatsapp{background:#2f9d76!important;border-color:#2f9d76!important;color:#fff!important}
body.whapide-panel .w-table-number{display:inline-grid!important;place-items:center!important;min-width:64px!important;min-height:54px!important;padding:0 12px!important;border:1px solid #d6e3f5!important;border-radius:12px!important;background:#edf4ff!important;color:var(--ws-blue-800)!important;font-size:28px!important;font-weight:600!important;line-height:1!important}
body.whapide-panel .w-status-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;padding:13px 18px!important;border-top:1px solid var(--ws-line)!important;background:#fbfcff!important}
body.whapide-panel .w-status-actions>b{margin-right:3px!important;color:#66768d!important;font-size:11px!important;font-weight:600!important}

/* Client detail: make scanning the person and the history the primary job. */
body.whapide-panel .w-client-head{display:flex!important;align-items:center!important;gap:12px!important;padding-bottom:16px!important;border-bottom:1px solid var(--ws-line)!important}
body.whapide-panel .w-client-head h2{margin:0!important;font-size:19px!important;font-weight:600!important;letter-spacing:-.02em!important}
body.whapide-panel .w-client-head p{margin:2px 0 0!important;color:var(--ws-muted)!important;font-size:11.5px!important}
body.whapide-panel .w-client-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important}
body.whapide-panel .w-client-layout{display:grid!important;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)!important;gap:18px!important;margin-top:18px!important}
body.whapide-panel .w-client-layout>section>h3{margin:0 0 10px!important;font-size:13px!important;font-weight:600!important}
body.whapide-panel .w-history{overflow:hidden!important;border:1px solid var(--ws-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
body.whapide-panel .w-history a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:11px 13px!important;border-bottom:1px solid #edf1f6!important;background:#fff!important;transition:background var(--ws-fast)!important}
body.whapide-panel .w-history a:last-child{border-bottom:0!important}
body.whapide-panel .w-history a:hover{background:#f8fbff!important}
body.whapide-panel .w-history b,body.whapide-panel .w-history strong{font-size:12px!important;font-weight:600!important}
body.whapide-panel .w-history small{display:block!important;margin-top:2px!important;color:var(--ws-muted)!important;font-size:10px!important}
body.whapide-panel .w-btn-whatsapp{background:#2f9d76!important;border-color:#2f9d76!important;color:#fff!important;box-shadow:none!important}

/* Dedicated kitchen screen and tracking route also belong to the same family. */
body.whapide-body .w-kitchen-screen{min-height:100vh!important;background:#f2f6fc!important;color:var(--ws-ink)!important}
body.whapide-body .w-kitchen-screen>header{min-height:72px!important;height:auto!important;padding:12px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border-bottom:1px solid #dce5f1!important;background:#fff!important;color:var(--ws-ink)!important}
body.whapide-body .w-kitchen-screen>header span{color:var(--ws-muted)!important;font-size:11px!important}
body.whapide-body .w-kitchen-screen>header h1{margin:2px 0 0!important;color:var(--ws-ink)!important;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em!important}
body.whapide-body .w-live-dot{display:inline-block!important;width:8px!important;height:8px!important;margin-right:5px!important;border-radius:50%!important;background:var(--ws-success)!important;box-shadow:0 0 0 3px var(--ws-success-bg)!important}
body.whapide-body .w-kitchen-screen>main{padding:18px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.whapide-body .w-kitchen-board{overflow:hidden!important;border:1px solid var(--ws-line)!important;border-radius:13px!important;background:#fff!important;color:var(--ws-ink)!important;box-shadow:var(--ws-shadow-xs)!important}
body.whapide-body .w-kitchen-board-head{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:9px!important;padding:12px 13px!important;border-bottom:1px solid #e7edf5!important;background:#f6f9fd!important;color:var(--ws-ink)!important}
body.whapide-body .w-kitchen-board-head span{color:#76869b!important;font-size:9px!important;font-weight:600!important;letter-spacing:.06em!important}
body.whapide-body .w-kitchen-board-head strong{font-size:25px!important;font-weight:600!important}
body.whapide-body .w-kitchen-board-head small{color:var(--ws-muted)!important;font-size:9.5px!important}
body.whapide-body .w-kitchen-board-line{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;padding:10px 13px!important;border-bottom:1px solid #edf1f6!important;color:#43546b!important;font-size:12px!important}
body.whapide-body .w-kitchen-board-line b{font-weight:600!important;color:#2c3f57!important}
body.whapide-body .w-kitchen-note{margin:10px 12px!important;padding:10px 11px!important;border:1px solid #f0dfb8!important;border-radius:9px!important;background:#fff8e8!important;color:#725522!important;font-size:11.5px!important}
body.whapide-body .w-kitchen-board footer{padding:10px 12px!important}
body.whapide-body .w-track{min-height:100vh!important;display:grid!important;place-items:center!important;padding:70px 18px 24px!important;background:radial-gradient(circle at 80% 10%,rgba(47,111,237,.10),transparent 30%),#f5f8ff!important}
body.whapide-body .w-track>.w-card{width:min(480px,100%)!important;border:1px solid var(--ws-line)!important;border-radius:16px!important;box-shadow:var(--ws-shadow-sm)!important}
body.whapide-body .w-track>.w-logo{position:fixed!important;left:20px!important;top:18px!important;font-weight:700!important}
body.whapide-body .w-track-status{margin:18px 0!important;padding:14px!important;border:1px solid #d7e4f8!important;border-radius:11px!important;background:#eef4ff!important;color:var(--ws-blue-800)!important;text-align:center!important;font-size:18px!important}

@media(max-width:1100px){
  body.whapide-body .w-kitchen-screen>main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.whapide-panel .w-order-layout{grid-template-columns:1fr!important}
  body.whapide-panel .w-order-side{border-left:0!important;border-top:1px solid var(--ws-line)!important}
  body.whapide-panel .w-client-head{align-items:flex-start!important;flex-wrap:wrap!important}
  body.whapide-panel .w-client-actions{width:100%!important;margin-left:0!important}
  body.whapide-panel .w-client-layout{grid-template-columns:1fr!important}
  body.whapide-body .w-kitchen-screen>main{grid-template-columns:1fr!important;padding:12px!important}
  body.whapide-body .w-kitchen-screen>header{align-items:flex-start!important;flex-direction:column!important;padding:12px 14px!important}
}
@media(max-width:560px){
  body.whapide-panel .w-template-phone{height:190px!important}
  body.whapide-panel .w-order-head{padding:15px!important}
  body.whapide-panel .w-order-products,body.whapide-panel .w-order-side{padding:15px!important}
  body.whapide-panel .w-status-actions{padding:12px 15px!important}
  body.whapide-panel .w-client-actions .w-btn{flex:1 1 auto!important}
}

/* ---------- 0.12 finish gate: directory inherited-style cleanup ---------- */
body.whapide-panel .w-directory-hero{overflow:visible!important}
body.whapide-panel .w-directory-hero:before,
body.whapide-panel .w-directory-hero:after{display:none!important;content:none!important}
body.whapide-panel .w-eyebrow-mini{line-height:1.25!important}
body.whapide-panel .w-merchant-card{align-items:stretch!important;gap:0!important}
body.whapide-panel .w-merchant-card-top{width:100%!important;margin:0!important;padding:0!important}
body.whapide-panel .w-merchant-identity{width:100%!important}
body.whapide-panel .w-merchant-card .w-card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;width:100%!important;margin:auto 0 0!important;padding:0!important;gap:8px!important}
body.whapide-panel .w-merchant-card .w-card-actions .w-btn{min-width:0!important}
body.whapide-panel .w-merchant-card footer{width:auto!important;align-self:stretch!important;margin:12px -15px -15px!important}
@media(max-width:900px){
  body.whapide-panel .w-merchant-card{min-height:218px!important}
}