:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f6f7f2;min-width:320px}body{min-width:320px;margin:0}#root{min-height:100vh}:root{--bg:#f6f7f2;--ink:#17201d;--muted:#66736e;--soft:#eef0e8;--line:#dfe4d8;--panel:#fff;--panel-2:#fbfcf7;--charcoal:#16211e;--tomato:#ec5a3c;--teal:#0f9f9a;--saffron:#edae38;--green:#2fad6f;--pink:#f26d9e;--lime:#8cbf28;--shadow:0 16px 36px #17201d14}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.authShell{background:linear-gradient(135deg, #ec5a3c21, transparent 30%), linear-gradient(315deg, #0f9f9a24, transparent 26%), var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:28px;padding:clamp(22px,4vw,56px);display:grid}.authHero{color:#fff;background:linear-gradient(145deg,#16211ef0,#1d3a35f0),url(/admin/icons.svg);border-radius:8px;flex-direction:column;justify-content:space-between;gap:32px;min-height:calc(100vh - 112px);padding:clamp(18px,3vw,42px);display:flex;overflow:hidden}.authBrand{border:0;width:fit-content;padding:0}.authHero h1{letter-spacing:0;max-width:760px;margin:16px 0;font-size:clamp(36px,5vw,72px);line-height:.98}.authHero p{color:#f8faf5b8;max-width:620px;margin:0;font-size:17px;line-height:1.55}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:900}.authMetrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.authMetrics div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;min-height:92px;padding:16px}.authMetrics strong,.authMetrics span{display:block}.authMetrics strong{font-size:24px;line-height:1.1}.authMetrics span{color:#f8faf59e;margin-top:8px;font-size:12px}.authCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff2;border-radius:8px;align-self:center;padding:22px}.authCardHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.authCard h2{letter-spacing:0;margin:4px 0 0;font-size:30px}.authModeSwitch{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:4px;min-height:38px;padding:4px;display:inline-flex}.authModeSwitch button{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.authModeSwitch button.active{background:var(--charcoal);color:#fff}.authForm{gap:12px;display:grid}.authForm label{color:var(--ink);gap:7px;font-size:12px;font-weight:800;display:grid}.authForm input,.authForm select{border:1px solid var(--line);background:var(--panel-2);width:100%;height:44px;color:var(--ink);border-radius:8px;outline:0;padding:0 12px}.authForm input:focus,.authForm select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f9f9a1f}.authSubmit{margin-top:6px}.authNotice{border:1px solid color-mix(in srgb, var(--teal) 28%, var(--line));background:color-mix(in srgb, var(--teal) 7%, var(--panel));min-height:48px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:12px;font-size:12px;line-height:1.45;display:flex}.appShell{background:linear-gradient(135deg, #ec5a3c12, transparent 25%), linear-gradient(315deg, #0f9f9a14, transparent 24%), var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:260px minmax(0,1fr);display:grid}.sidebar{background:var(--charcoal);color:#f8faf5;flex-direction:column;gap:20px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1c;align-items:center;gap:12px;padding:6px 6px 14px;display:flex}.brandMark{background:linear-gradient(135deg, var(--tomato), var(--saffron));color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:17px;line-height:1.15}.brand span{color:#f8faf59e;margin-top:2px;font-size:12px}.navList{gap:4px;display:grid}.navItem{color:#f8faf5b8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;padding:9px 10px;font-size:13px;display:flex}.navItem:hover,.navItem.active{color:#fff;background:#ffffff1a}.navItem.active{box-shadow:inset 3px 0 0 var(--tomato)}.sidebarPanel{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;margin-top:auto;padding:14px}.sidebarPanel strong{margin:10px 0 6px;font-size:13px;display:block}.sidebarPanel p{color:#f8faf5a8;font-size:12px;line-height:1.45}.main{min-width:0;padding:22px;overflow-x:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.08}.topbar p{color:var(--muted);margin:8px 0 0;font-size:14px}.topActions{align-items:center;gap:9px;display:flex}.portalSwitch{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:4px;min-height:40px;padding:4px;display:inline-flex}.portalSwitch button{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px}.portalSwitch button.active{background:var(--charcoal);color:#fff}.titleSwitch{width:fit-content;margin-top:12px}.databaseBanner{border:1px solid var(--line);width:fit-content;min-height:30px;color:var(--muted);background:#ffffffc2;border-radius:8px;align-items:center;gap:8px;margin:-4px 0 14px;padding:0 10px;font-size:12px;display:flex}.databaseBanner span{background:var(--saffron);border-radius:999px;width:8px;height:8px}.databaseBanner.connected span{background:var(--green)}.databaseBanner.demo span{background:var(--tomato)}.searchBox{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;width:min(320px,28vw);min-height:40px;padding:0 12px;display:flex}.searchBox input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.searchStatusBar{border:1px solid color-mix(in srgb, var(--saffron) 36%, var(--line));background:color-mix(in srgb, var(--saffron) 12%, var(--panel));min-height:42px;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:-6px 0 18px;padding:10px 12px;display:flex}.searchStatusBar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.searchStatusBar button{border:1px solid var(--line);background:var(--panel);min-width:72px;height:32px;color:var(--ink);border-radius:8px}select,.iconButton{border:1px solid var(--line);background:var(--panel);height:40px;color:var(--ink);border-radius:8px}select{padding:0 30px 0 10px;font-size:13px}.iconButton{place-items:center;width:40px;display:grid}.profileMenuWrap{position:relative}.profileButton{border:1px solid var(--line);background:var(--panel);height:40px;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.profileDropdown{z-index:20;border:1px solid var(--line);width:230px;box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.profileDropdown strong{font-size:12px}.profileMeta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:-4px 0 4px;font-size:11px;display:block;overflow:hidden}.profileOption{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;min-height:34px;padding:0 10px;font-size:12px}.profileOption.active{border-color:var(--charcoal);background:var(--charcoal);color:#fff}.profileOption.danger{border-color:color-mix(in srgb, var(--tomato) 40%, var(--line));color:var(--tomato)}.metricsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metricCard,.panel{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #dfe4d8e6;border-radius:8px}.metricCard{grid-template-columns:auto 1fr;gap:5px 10px;padding:14px;display:grid}.metricCard svg{color:var(--tomato);grid-row:span 3;margin-top:1px}.metricCard span{color:var(--muted);font-size:12px}.metricCard strong{font-size:22px;line-height:1}.metricCard em{color:var(--green);font-size:12px;font-style:normal}.workspaceGrid{grid-template-columns:minmax(270px,.95fr) minmax(360px,1.25fr) minmax(290px,.9fr);align-items:stretch;gap:14px;display:grid}.workspaceGrid.focused{align-items:start}.posPage{gap:14px;display:grid}.posStatusBar{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#ffffffd1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.posStatusBar button,.rowAction{color:var(--teal);background:#eefaf8;border:1px solid #0f9f9a3d;border-radius:8px;min-height:30px;padding:0 10px;font-size:12px}.focusedGrid{grid-template-columns:minmax(420px,1.2fr) minmax(320px,.8fr);align-items:start;gap:14px;display:grid}.panel{flex-direction:column;align-self:start;min-width:0;height:auto;padding:14px;display:flex;overflow:hidden}.panelHeader{justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:34px;margin-bottom:12px;display:flex}.panelHeader h2{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;line-height:1.2;overflow:hidden}.panelHeader button,.secondaryButton{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:8px;min-height:32px;padding:0 10px;font-size:12px}.orderTabs,.categoryRail{gap:6px;padding-bottom:5px;display:flex;overflow-x:auto}.orderTabs button,.categoryRail button{border:1px solid var(--line);background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:8px;min-height:30px;padding:0 9px;font-size:12px}.orderTabs button.selected,.categoryRail button.active{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.orderList{gap:8px;margin-top:10px;display:grid}.orderRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;width:100%;padding:11px}.orderSelectButton{text-align:left;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:0;display:grid}.orderRow.selected{background:#fff7f4;border-color:#ec5a3c8c}.orderSelectButton strong,.orderSelectButton span,.orderSelectButton small,.orderSelectButton em{display:block}.orderSelectButton span{color:var(--muted);font-size:12px}.orderSelectButton small{color:var(--ink);margin-top:5px;font-size:12px}.orderSelectButton em{color:var(--teal);grid-column:2;margin-top:4px;font-size:12px;font-style:normal}.rowAction{grid-column:2;align-items:center;width:fit-content;margin-top:8px;display:inline-flex}.sourceDot{background:var(--teal);border-radius:999px;width:10px;height:10px;margin-top:5px}.sourceDot.green{background:var(--green)}.sourceDot.pink{background:var(--pink)}.sourceDot.lime{background:var(--lime)}.menuGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;display:grid}.menuManagementPage{gap:14px;display:grid}.menuManagementGrid{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.2fr) minmax(280px,.75fr);align-items:start;gap:14px;display:grid}.menuManagerList{gap:9px;margin-top:11px;display:grid}.menuCreateForm{background:#f5fbf9;border:1px solid #0f9f9a38;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:12px;display:grid}.menuCreateForm label{color:var(--muted);gap:6px;font-size:12px;display:grid}.menuCreateForm input,.menuCreateForm select,.menuCreateForm textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.menuCreateForm textarea{resize:vertical;min-height:78px}.menuCreateForm .wideField,.menuCreateActions{grid-column:1/-1}.menuCreateActions{justify-content:flex-end;gap:8px;display:flex}.menuCreateActions button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--ink);border-radius:8px;padding:0 12px;font-size:12px}.menuManagerRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.menuManagerRow.selected{background:#fff7f4;border-color:#ec5a3c8c}.menuManagerRow img{object-fit:cover;border-radius:6px;width:64px;height:48px}.menuManagerRow strong,.menuManagerRow span{display:block}.menuManagerRow span{color:var(--muted);margin-top:2px;font-size:12px}.menuManagerRow b{color:var(--tomato);font-size:13px}.menuEditorHero{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.menuEditorHero img{object-fit:cover;border-radius:8px;width:150px;height:112px}.menuEditorHero span,.menuEditorHero strong,.menuEditorHero p{display:block}.menuEditorHero span{color:var(--muted);font-size:12px}.menuEditorHero strong{margin:3px 0 7px;font-size:20px;line-height:1.15}.menuEditorHero p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.menuControlGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.menuControlGrid button,.menuFieldStack button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:12px}.menuFieldStack{gap:10px;margin-top:12px;display:grid}.menuFieldStack label{color:var(--muted);gap:6px;font-size:12px;display:grid}.menuFieldStack input,.menuFieldStack textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.menuFieldStack textarea{resize:vertical;min-height:82px}.readonlyMenuDetails{gap:10px;margin-top:12px;display:grid}.readonlyMenuDetails span{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.readonlyMenuDetails strong{color:var(--ink)}.readonlyMenuDetails p{color:var(--muted);margin:0}.invoicePage{gap:14px;display:grid}.invoiceGrid{grid-template-columns:minmax(360px,.9fr) minmax(430px,1.15fr) minmax(280px,.75fr);align-items:start;gap:14px;display:grid}.invoiceSearch{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.invoiceSearch input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.invoiceTabs{margin-top:10px}.invoiceList{gap:8px;margin-top:10px;display:grid}.invoiceRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;width:100%;padding:11px;display:grid}.invoiceRow.selected{background:#fff7f4;border-color:#ec5a3c8c}.invoiceRow strong,.invoiceRow span,.invoiceRow small,.invoiceRow b,.invoiceRow em{display:block}.invoiceRow span,.invoiceRow small,.invoiceRow em{color:var(--muted);font-size:12px}.invoiceRow small{margin-top:4px}.invoiceRow b{text-align:right;color:var(--tomato)}.invoiceRow em{text-align:right;margin-top:4px;font-style:normal}.invoiceDocument{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:12px}.invoiceDocumentHeader{background:var(--charcoal);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.invoiceDocumentHeader span,.invoiceDocumentHeader strong{display:block}.invoiceDocumentHeader span{color:#ffffff9e;font-size:12px}.invoiceDocumentHeader strong{margin-top:2px;font-size:24px}.invoiceMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.invoiceMetaGrid span{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#fff;border-radius:8px;gap:3px;padding:9px;font-size:12px;display:grid}.invoiceMetaGrid strong{color:var(--ink);font-size:13px}.invoiceLineItems{gap:7px;margin-top:12px;display:grid}.invoiceLineItems span{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding-bottom:7px;font-size:13px;display:flex}.invoiceLineItems strong{color:var(--muted);font-size:12px}.invoiceActionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.invoiceActionGrid button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:12px}.deliveryPage,.loyaltyPage{gap:14px;display:grid}.loyaltyGrid{grid-template-columns:minmax(340px,.9fr) minmax(410px,1.05fr) minmax(340px,.9fr);align-items:start;gap:14px;display:grid}.loyaltyCustomerList,.rewardList,.loyaltyLedger{gap:9px;display:grid}.loyaltyCustomerRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%;padding:11px;display:grid}.loyaltyCustomerRow.selected{background:#f5fbf9;border-color:#0f9f9a80}.loyaltyCustomerRow strong,.loyaltyCustomerRow span,.loyaltyCustomerRow small{display:block}.loyaltyCustomerRow span,.loyaltyCustomerRow small{color:var(--muted);margin-top:4px;font-size:12px}.loyaltyCustomerRow b{color:var(--tomato);font-size:18px}.loyaltyProfileCard{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;justify-content:space-between;gap:12px;padding:14px;display:flex}.loyaltyProfileCard span,.loyaltyProfileCard strong,.loyaltyProfileCard p{display:block}.loyaltyProfileCard span{color:var(--teal);font-size:12px}.loyaltyProfileCard strong{margin-top:4px;font-size:22px}.loyaltyProfileCard p{color:var(--muted);margin:6px 0 0;font-size:13px}.loyaltyProfileCard svg{color:var(--tomato)}.loyaltyProgress{gap:7px;margin-top:12px;display:grid}.loyaltyProgress span,.loyaltyProgress em{color:var(--muted);font-size:12px;font-style:normal}.loyaltyProgress div{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.loyaltyProgress i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--green));height:100%;display:block}.loyaltyControlGrid{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;margin-top:12px;display:grid}.loyaltyControlGrid label{color:var(--muted);gap:6px;font-size:12px;display:grid}.loyaltyControlGrid input{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:8px;min-height:38px;padding:0 10px}.loyaltyControlGrid button,.rewardList button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:12px}.rewardList article,.loyaltyLedger article{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px;display:grid}.rewardList strong,.rewardList span,.rewardList small,.loyaltyLedger strong,.loyaltyLedger span{display:block}.rewardList span,.rewardList small,.loyaltyLedger span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.rewardList b{color:var(--tomato);text-align:right;margin-bottom:8px;font-size:12px;display:block}.loyaltyTransactionsPanel{grid-column:1/-1}.loyaltyLedger{grid-template-columns:repeat(2,minmax(0,1fr))}.loyaltyLedger em{align-self:center;font-size:13px;font-style:normal;font-weight:800}.loyaltyLedger em.positive{color:var(--green)}.loyaltyLedger em.negative{color:var(--tomato)}.deliveryGrid{grid-template-columns:minmax(340px,.95fr) minmax(420px,1.15fr) minmax(280px,.8fr);align-items:start;gap:14px;display:grid}.deliveryChannelList{gap:9px;display:grid}.deliveryChannelRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.deliveryChannelRow.selected{background:#fff7f4;border-color:#ec5a3c8c}.deliveryChannelRow span{color:var(--ink);align-items:center;gap:8px;display:flex}.deliveryChannelRow strong{color:var(--green)}.deliveryChannelRow em{color:var(--teal);font-style:normal}.deliveryChannelRow b{color:var(--tomato)}.deliveryHero{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.deliveryHero svg{color:var(--teal)}.deliveryHero strong,.deliveryHero span{display:block}.deliveryHero strong{font-size:20px}.deliveryHero span{color:var(--muted);margin-top:3px;font-size:13px}.deliveryActionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.deliveryActionGrid button{border:1px solid var(--line);background:var(--panel-2);min-height:40px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:12px}.whatsAppPage{gap:14px;display:grid}.whatsAppGrid{grid-template-columns:minmax(320px,.82fr) minmax(480px,1.2fr) minmax(300px,.78fr);align-items:start;gap:14px;display:grid}.conversationFilters{flex-wrap:wrap;gap:7px;margin-bottom:11px;display:flex}.conversationFilters button{border:1px solid var(--line);background:var(--panel-2);min-height:32px;color:var(--muted);border-radius:8px;padding:0 10px;font-size:12px}.conversationFilters button.selected{background:var(--teal);border-color:var(--teal);color:#fff}.conversationList{gap:9px;display:grid}.conversationRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;padding:11px;display:grid}.conversationRow.selected{background:#f5fbf9;border-color:#0f9f9a73}.conversationRow strong,.conversationRow span,.conversationRow small{display:block}.conversationRow span{color:var(--ink);margin-top:3px;font-size:12px}.conversationRow small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.35}.conversationRow b{background:var(--tomato);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:11px;display:inline-flex}.conversationRow em{color:var(--teal);text-align:right;margin-top:8px;font-size:12px;font-style:normal;display:block}.whatsAppThreadPanel{min-height:610px}.threadHeader{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;justify-content:space-between;gap:12px;padding:13px;display:flex}.threadHeader strong,.threadHeader span{display:block}.threadHeader span{color:var(--muted);margin-top:4px;font-size:12px}.threadHeader svg{color:var(--teal);flex:none}.messageThread{gap:10px;max-height:390px;padding:13px 2px;display:grid;overflow:auto}.messageBubble{border:1px solid var(--line);border-radius:8px;max-width:82%;padding:10px 12px}.messageBubble.inbound{background:var(--panel-2);justify-self:start}.messageBubble.outbound{background:#eefaf8;border-color:#0f9f9a47;justify-self:end}.messageBubble span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.messageBubble p{color:var(--ink);margin:0;font-size:13px;line-height:1.45}.replyComposer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:12px;display:grid}.replyComposer input{border:1px solid var(--line);background:var(--panel-2);min-height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:0 12px;font-size:13px}.replyComposer button{background:var(--teal);color:#fff;border:0;border-radius:8px;min-height:42px;padding:0 15px;font-weight:800}.customerContext{gap:9px;display:grid}.customerContext span{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:8px;justify-content:space-between;gap:10px;padding:10px;font-size:12px;display:flex}.customerContext strong{color:var(--ink)}.quickReplies{gap:8px;margin-top:12px;display:grid}.quickReplies button{color:var(--ink);text-align:left;background:#fff7f4;border:1px solid #ec5a3c38;border-radius:8px;padding:10px;font-size:12px;line-height:1.35}.campaignPage{gap:14px;display:grid}.campaignGrid{grid-template-columns:minmax(310px,.78fr) minmax(460px,1.22fr) minmax(340px,.9fr);align-items:start;gap:14px;display:grid}.campaignList{gap:9px;display:grid}.campaignRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;justify-content:space-between;gap:10px;width:100%;padding:11px;display:flex}.campaignRow.selected{background:#fff7f4;border-color:#ec5a3c8c}.campaignRow strong,.campaignRow span{display:block}.campaignRow span{color:var(--muted);margin-top:3px;font-size:12px}.campaignRow em{color:var(--green);font-size:12px;font-style:normal}.campaignBuilder{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.campaignBuilder label{color:var(--muted);gap:6px;font-size:12px;display:grid}.campaignBuilder label:nth-child(3),.campaignBuilder label:nth-child(4){grid-column:1/-1}.campaignBuilder input,.campaignBuilder textarea,.settingsControls select{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.campaignBuilder textarea{resize:vertical;min-height:86px}.campaignActionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.campaignActionGrid button,.chatComposer button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:12px}.aiCopyBox{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;margin-top:12px;padding:12px}.aiCopyBox strong,.aiCopyBox p{display:block}.aiCopyBox p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.campaignBroadcastPanel{grid-column:span 1}.campaignPreviewLayout{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.campaignMobilePreview{background:var(--charcoal);color:#fff;border-radius:24px;gap:12px;padding:16px;display:grid;box-shadow:inset 0 0 0 5px #ffffff0d}.campaignPhoneHeader{background:#ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.campaignPhoneHeader strong,.campaignPhoneHeader span{display:block}.campaignPhoneHeader span{color:#ffffffa3;font-size:12px}.campaignMessageBubble{border-radius:18px;min-height:180px;padding:14px;font-size:13px;line-height:1.45}.campaignMessageBubble.whatsapp{color:#163f2a;background:#e8fff0}.campaignMessageBubble.sms{color:#17201d;background:#eef2ff}.campaignPhoneTabs,.bulkSendActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.campaignPhoneTabs button,.bulkSendActions button,.fileUploadButton{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--ink);border-radius:8px;place-items:center;padding:0 10px;font-size:12px;display:grid}.campaignPhoneTabs button.active,.bulkSendActions button:first-child{border-color:var(--green);background:var(--green);color:#fff;font-weight:800}.bulkSendTools{gap:10px;display:grid}.bulkSendTools label{color:var(--muted);gap:6px;font-size:12px;display:grid}.bulkSendTools select,.bulkSendTools textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.bulkSendTools textarea{resize:vertical;min-height:132px}.fileUploadButton input{display:none}.bulkRouteNote{color:var(--muted);background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;padding:10px;font-size:12px;line-height:1.4}.chatPanel{gap:10px;display:grid}.chatMessages{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:8px;max-height:360px;padding:10px;display:grid;overflow:auto}.chatBubble{border-radius:8px;width:fit-content;max-width:92%;padding:9px 10px;font-size:13px;line-height:1.45}.chatBubble.assistant{color:var(--ink);background:#fff}.chatBubble.user{background:var(--charcoal);color:#fff;justify-self:end}.chatComposer{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.chatComposer input{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.settingsControls{gap:12px;display:grid}.settingsControls label{color:var(--muted);gap:6px;font-size:12px;display:grid}.settingsPage{gap:14px;display:grid}.settingsGrid{grid-template-columns:repeat(3,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.settingsFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settingsFormGrid label{color:var(--muted);gap:6px;font-size:12px;display:grid}.settingsFormGrid input,.settingsFormGrid select,.settingsControls select{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.settingsToggleList{gap:8px;margin-top:12px;display:grid}.settingsAuditPanel,.sipSettingsPanel{grid-column:span 2}.telephonyPage{gap:14px;display:grid}.telephonyGrid{grid-template-columns:minmax(300px,.9fr) minmax(360px,.95fr) minmax(420px,1.1fr);grid-template-areas:"contacts dialer customer""history dialer readiness";align-items:start;gap:14px;display:grid}.softphoneStrip{background:#effaf8;border:1px solid #0f9f9a33;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.softphoneStrip>div{min-width:0;color:var(--teal);align-items:center;gap:10px;display:flex}.softphoneStrip span,.softphoneStrip strong,.softphoneStrip em{min-width:0;display:block}.softphoneStrip em{color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-style:normal}.softphoneStrip button{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:8px;flex:none;padding:0 12px}.phoneBookPanel{grid-area:contacts}.mobileDialerPanel{grid-area:dialer}.telephonyCustomerPanel{grid-area:customer}.callHistoryPanel{grid-area:history}.sipReadinessPanel{grid-area:readiness}.phoneBookList,.callHistoryList,.sipReadinessGrid{gap:9px;display:grid}.phoneBookList{max-height:520px;padding-right:2px;overflow:auto}.callHistoryList{max-height:560px;padding-right:2px;overflow:auto}.phoneBookRow{border:1px solid var(--line);background:var(--panel-2);width:100%;min-width:0;color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.phoneBookRow.selected{background:#effaf8;border-color:#0f9f9a66}.phoneBookRow strong,.phoneBookRow span{display:block}.phoneBookRow span{color:var(--muted);font-size:12px}.phoneBookRow em{color:var(--tomato);font-size:12px;font-style:normal;font-weight:800}.mobileDialerPreview{background:var(--charcoal);max-width:420px;box-shadow:inset 0 0 0 6px #ffffff0a, var(--shadow);color:#fff;border:1px solid #ffffff14;border-radius:28px;gap:12px;margin:0 auto;padding:18px;display:grid}.phoneSpeaker{background:#ffffff47;border-radius:999px;justify-self:center;width:56px;height:5px}.dialerScreen{text-align:center;background:linear-gradient(145deg,#ec5a3c42,#0f9f9a2e);border-radius:18px;align-content:center;gap:6px;min-height:116px;display:grid}.dialerScreen span,.dialerScreen em{color:#ffffffad;font-size:12px;font-style:normal}.dialerScreen strong{overflow-wrap:anywhere;font-size:24px}.activeCallScreen{text-align:center;background:linear-gradient(#0f9f9a3d,#ec5a3c29);border-radius:22px;align-content:center;justify-items:center;gap:12px;min-height:560px;padding:18px;display:grid}.activeCallScreen span,.activeCallScreen em,.activeCallScreen small{color:#ffffffb8;font-style:normal}.activeCallScreen strong{overflow-wrap:anywhere;max-width:100%;font-size:24px}.activeCallScreen b{font-size:18px}.activeCallScreen small{max-width:270px;line-height:1.45}.callAvatar{background:#ffffff24;border-radius:999px;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 0 0 12px #ffffff0f}.activeCallScreen.calling .callAvatar,.activeCallScreen.ringing .callAvatar{animation:1.3s ease-in-out infinite callPulse}.activeCallScreen.failed{background:linear-gradient(#ec5a3c47,#ffffff14)}.activeCallActions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:8px;display:grid}.activeCallActions button{color:#fff;background:#ffffff29;border:0;border-radius:999px;min-height:44px;font-weight:800}.activeCallActions .endCallButton{background:var(--tomato)}@keyframes callPulse{0%,to{box-shadow:0 0 0 10px #ffffff0d}50%{box-shadow:0 0 0 18px #2ebf7c29}}.dialerInputs{grid-template-columns:1fr;gap:8px;display:grid}.dialerInputs input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:10px}.dialPad{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.dialPad button{aspect-ratio:1;color:#fff;background:#ffffff1f;border:0;border-radius:999px;align-content:center;place-items:center;display:grid}.dialPad strong,.dialPad span{display:block}.dialPad strong{font-size:22px}.dialPad span{color:#ffffff8f;min-height:14px;font-size:10px}.dialerActions{grid-template-columns:1fr 1.3fr 1fr;gap:8px;display:grid}.dialerActions button,.telephonyCustomerCard button,.callHistoryActions button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:12px}.dialerActions .callButton{background:var(--green);color:#fff;border:0;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.telephonyCustomerCard{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:10px;padding:14px;display:grid}.telephonyCustomerCard strong,.telephonyCustomerCard span{display:block}.telephonyCustomerCard span{color:var(--muted)}.telephonyCustomerStats{flex-wrap:wrap;gap:7px;display:flex}.telephonyCustomerStats em{color:var(--tomato);background:#fff0eb;border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:700}.callHistoryRow{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px;display:grid}.callHistoryRow strong,.callHistoryRow span,.callHistoryRow small{display:block}.callHistoryRow span,.callHistoryRow small,.callHistoryMeta{color:var(--muted);font-size:12px}.callHistoryRow small{overflow-wrap:anywhere}.callDirection{color:#168651;background:#eefaf3;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.callDirection.inbound{color:#a96800;background:#fff8e8}.callHistoryMeta{grid-column:2;justify-items:start;gap:2px;display:grid}.callHistoryMeta em{background:var(--soft);color:var(--ink);text-transform:capitalize;border-radius:999px;padding:3px 8px;font-style:normal}.callHistoryActions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.sipReadinessGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sipReadinessGrid span{border:1px solid var(--line);background:var(--panel-2);min-width:0;color:var(--muted);overflow-wrap:anywhere;border-radius:8px;gap:4px;padding:10px;font-size:12px;display:grid}.sipReadinessGrid strong{color:var(--ink);font-size:12px}.menuCard{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;min-width:0;padding:8px}.menuCard img{object-fit:cover;border-radius:6px;width:100%;height:112px;margin-bottom:8px;display:block}.menuCard span,.menuCard small{color:var(--muted);font-size:11px}.menuCard strong{margin:2px 0 7px;font-size:14px;line-height:1.2;display:block}.menuCard div{justify-content:space-between;align-items:center;gap:8px;display:flex}.menuCard em{color:var(--tomato);font-style:normal;font-weight:800}.ticketHeader{background:var(--charcoal);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.ticketHeader span,.customerLine,.emptyState{color:var(--muted);font-size:12px}.ticketHeader span,.ticketHeader strong{display:block}.ticketHeader span{color:#fff9}.ticketHeader strong{margin-top:2px;font-size:20px}.customerLine{align-items:center;gap:8px;margin:12px 0;display:flex}.ticketItems,.totals{gap:8px;display:grid}.ticketItem,.totals span,.totals b{justify-content:space-between;gap:12px;display:flex}.ticketItem{border-bottom:1px dashed var(--line);padding-bottom:8px;font-size:13px}.totals{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.totals span{color:var(--muted);font-size:13px}.totals b{font-size:18px}.ticketActions{grid-template-columns:.75fr 1.25fr;gap:8px;margin-top:14px;display:grid}.primaryButton{background:var(--tomato);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:13px;font-weight:800;display:inline-flex}.lowerGrid{column-count:3;column-gap:14px;margin-top:14px;display:block}.lowerStatus{column-span:all;margin-bottom:14px}.widePanel{max-width:980px}.lowerGrid>.panel{break-inside:avoid;width:100%;margin:0 0 14px;display:inline-flex}.channelRows,.roleTable{gap:8px;display:grid}.dataRow,.roleRow{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:38px;padding:9px 0;font-size:12px;display:grid}.dataRow{grid-template-columns:minmax(150px,1fr) auto auto auto}.dataRow span,.roleRow span{color:var(--muted)}.dataRow span,.roleRow{min-width:0}.dataRow span{align-items:center;gap:7px;display:flex}.dataRow strong{color:var(--green)}.dataRow em{color:var(--teal);font-style:normal}.campaign{grid-template-columns:120px 1fr;align-items:center;gap:14px;display:grid}.campaignChart{background:var(--soft);border-radius:8px;align-items:end;gap:7px;height:126px;padding:10px;display:flex}.campaignChart span{background:linear-gradient(180deg, var(--teal), var(--green));border-radius:4px 4px 0 0;flex:1;min-width:7px}.campaign p,.aiPanel p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.45}.switch{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.switch input{opacity:0;block-size:1px;inline-size:1px}.switch span{background:var(--line);border-radius:999px;width:36px;height:20px;position:relative}.switch span:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(16px)}.aiPanel{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.aiPanel svg{color:var(--teal)}.promptBox{border:1px solid var(--line);min-height:40px;color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:0 10px;font-size:12px;display:flex}.aiStudioPage{gap:14px;display:grid}.aiStudioGrid{grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr) minmax(360px,.95fr);align-items:start;gap:14px;display:grid}.aiPromptBuilder{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.aiPromptBuilder label{color:var(--muted);gap:6px;font-size:12px;display:grid}.aiPromptBuilder .wideField,.aiPresetGrid{grid-column:1/-1}.aiPromptBuilder input,.aiPromptBuilder select,.aiPromptBuilder textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.aiPromptBuilder textarea{resize:vertical;min-height:150px}.aiPresetGrid{gap:8px;display:grid}.aiPresetGrid button{color:var(--ink);text-align:left;background:#f5fbf9;border:1px solid #0f9f9a2e;border-radius:8px;padding:10px;font-size:12px;line-height:1.35}.aiOutputPanel{min-height:560px}.aiOutputBox{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;gap:10px;min-height:210px;padding:14px;display:grid}.aiOutputBox svg{color:var(--teal)}.aiOutputBox p{color:var(--ink);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.aiRunHistory{gap:8px;max-height:280px;margin-top:12px;display:grid;overflow:auto}.aiRunHistory button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);text-align:left;border-radius:8px;padding:10px}.aiRunHistory strong,.aiRunHistory span{display:block}.aiRunHistory span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.aiSuggestionList{gap:10px;max-height:560px;display:grid;overflow:auto}.aiSuggestionCard{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;display:grid}.aiSuggestionCard strong,.aiSuggestionCard span{display:block}.aiSuggestionCard span{color:var(--teal);margin-top:4px;font-size:12px}.aiSuggestionCard p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}.aiSuggestionActions{align-content:start;justify-items:end;gap:7px;display:grid}.aiSuggestionActions em{color:var(--tomato);font-size:12px;font-style:normal;font-weight:800}.aiSuggestionActions button{border:1px solid var(--line);min-height:30px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;font-size:12px}.usersPage{gap:14px;display:grid}.usersGrid{grid-template-columns:minmax(340px,.86fr) minmax(390px,1fr) minmax(320px,.86fr);align-items:start;gap:14px;display:grid}.userDirectoryList{gap:9px;display:grid}.userDirectoryRow{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.userDirectoryRow.selected{background:#f5fbf9;border-color:#0f9f9a73}.userDirectoryRow svg{color:var(--teal)}.userDirectoryRow strong,.userDirectoryRow span{display:block}.userDirectoryRow span{color:var(--muted);margin-top:3px;font-size:12px}.userDirectoryRow em{color:var(--tomato);font-size:12px;font-style:normal}.userInviteForm,.accessProfile{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.userInviteForm label,.accessProfile label{color:var(--muted);gap:6px;font-size:12px;display:grid}.userInviteForm input,.userInviteForm select,.accessProfile select{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px;font-size:13px}.userInviteForm .primaryButton{grid-column:1/-1;min-height:40px}.selectedUserCard{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;gap:6px;margin-top:13px;padding:12px;display:grid}.selectedUserCard strong,.selectedUserCard span{display:block}.selectedUserCard span{color:var(--muted);font-size:12px}.userActionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.userActionGrid button{border:1px solid var(--line);background:var(--panel-2);min-height:36px;color:var(--ink);border-radius:8px;padding:0 8px;font-size:12px}.permissionList{grid-column:1/-1;gap:8px;display:grid}.permissionList span{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:8px;padding:10px;font-size:12px}.usersAuditPanel{grid-column:span 1}.auditList{gap:8px;max-height:380px;display:grid;overflow:auto}.auditList article{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:10px}.auditList strong,.auditList span,.auditList em{display:block}.auditList strong{color:var(--teal);font-size:12px}.auditList span{color:var(--ink);margin-top:5px;font-size:12px;line-height:1.35}.auditList em{color:var(--muted);margin-top:6px;font-size:11px;font-style:normal}.roleRow{grid-template-columns:auto 72px minmax(150px,1fr) auto}.roleRow svg{color:var(--teal)}.roleRow em{color:var(--muted);font-style:normal}.storefront{grid-template-columns:160px 1fr;align-items:center;gap:14px;display:grid}.phoneMock{border:7px solid var(--charcoal);text-align:center;background:#fff;border-radius:26px;padding:11px;box-shadow:0 14px 24px #16211e2e}.phoneTop{background:var(--charcoal);border-radius:99px;width:42px;height:5px;margin:0 auto 10px}.phoneMock h3{margin:0 0 8px;font-size:12px}.phoneMock img{aspect-ratio:1/.72;object-fit:cover;border-radius:8px;width:100%}.phoneMock strong,.phoneMock span{display:block}.phoneMock strong{margin-top:8px;font-size:12px}.phoneMock span{color:var(--muted);margin:4px 0 8px;font-size:10px;line-height:1.3}.phoneMock button{background:var(--tomato);color:#fff;border:0;border-radius:8px;width:100%;min-height:28px;font-size:11px;font-weight:800}.storefrontNotes{gap:10px;display:grid}.storefrontNotes span{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.featureHero{background:#f5fbf9;border:1px solid #d9efea;border-radius:8px;align-items:flex-start;gap:14px;padding:14px;display:flex}.featureHero svg{color:var(--teal)}.featureHero strong{font-size:18px;display:block}.featureHero p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.45}.moduleNotice{color:var(--teal);background:#eefaf8;border:1px solid #0f9f9a33;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.capabilityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.capabilityGrid span{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--muted);border-radius:8px;align-items:center;padding:9px 10px;font-size:12px;display:flex}.compactCaps{grid-template-columns:1fr}.setupList{gap:10px;display:grid}.setupList span{border:1px solid var(--line);background:var(--panel-2);min-height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.setupList strong{background:var(--charcoal);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.qrPage{gap:14px;display:grid}.qrCommandBar{border:1px solid var(--line);background:#fffc;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.qrCommandBar strong,.qrCommandBar span{display:block}.qrCommandBar span{color:var(--muted);margin-top:2px;font-size:12px}.qrCommandActions{gap:8px;display:flex}.qrCommandActions button,.qrTableActions button,.storefrontMenuHeader button,.qrOrderRow button,.prepControl button,.toggleRow{border:1px solid var(--line);background:var(--panel-2);min-height:34px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:12px}.qrCommandActions button,.qrTableActions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}.qrCommandActions .dangerSoft{color:var(--tomato);background:#fff0eb;border-color:#ec5a3c52}.qrCommandActions .successSoft,.storefrontMenuHeader button,.qrOrderRow button{color:#168651;background:#eefaf3;border-color:#2fad6f47}.qrStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.qrWorkspace{grid-template-columns:minmax(320px,.82fr) minmax(470px,1.35fr) minmax(280px,.78fr);align-items:start;gap:14px;display:grid}.qrTablesPanel,.qrOrdersPanel{grid-row:span 2}.qrTableList,.qrOrderList,.eventStream,.settingsToggleList{gap:9px;display:grid}.qrTableCard{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;display:grid}.qrTableCard strong,.qrTableCard span,.qrTableCard small{display:block}.qrTableCard span,.qrTableCard small{color:var(--muted);font-size:12px}.qrTableCard em{text-transform:capitalize;border-radius:999px;align-self:start;padding:4px 8px;font-size:11px;font-style:normal}.qrTableCard em.active{color:#168651;background:#eefaf3}.qrTableCard em.paused{color:var(--tomato);background:#fff0eb}.qrTableCard small,.qrTableActions{grid-column:1/-1}.qrTableActions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.storefrontWide{grid-template-columns:180px minmax(0,1fr);gap:14px;display:grid}.qrPoster{background:var(--charcoal);color:#fff;text-align:center;border-radius:8px;align-content:center;place-items:center;gap:9px;min-height:284px;padding:16px;display:grid}.qrPoster svg{color:var(--charcoal);background:#fff;border-radius:8px;padding:12px}.qrPoster strong,.qrPoster span{display:block}.qrPoster span{color:#ffffff9e;font-size:12px}.storefrontMenu{gap:9px;display:grid}.storefrontMenuHeader{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.storefrontMenuHeader strong,.storefrontMenuHeader span{display:block}.storefrontMenuHeader span{color:var(--muted);margin-top:3px;font-size:12px}.storefrontMenuItem{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.storefrontMenuItem img{object-fit:cover;border-radius:6px;width:72px;height:54px}.storefrontMenuItem strong,.storefrontMenuItem span{display:block}.storefrontMenuItem div{min-width:0}.storefrontMenuItem strong{line-height:1.2}.storefrontMenuItem span{color:var(--muted);margin-top:2px;font-size:12px}.storefrontMenuItem b{width:fit-content;color:var(--tomato);background:#fff0eb;border-radius:999px;grid-column:2;padding:4px 9px;font-size:12px}.settingsToggleList{margin-bottom:12px}.toggleRow{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.toggleRow em{text-align:center;border-radius:999px;min-width:42px;padding:3px 8px;font-style:normal}.toggleRow em.on{color:#168651;background:#eefaf3}.toggleRow em.off{color:var(--tomato);background:#fff0eb}.prepControl{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:10px;font-size:12px;display:grid}.prepControl span{color:var(--muted)}.prepControl strong{white-space:nowrap}.qrOrderRow{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px;display:grid}.qrOrderRow strong,.qrOrderRow span,.qrOrderRow small,.qrOrderRow b,.qrOrderRow em{display:block}.qrOrderRow span,.qrOrderRow small,.qrOrderRow em{color:var(--muted);font-size:12px}.qrOrderRow b{text-align:right;margin-bottom:3px}.qrOrderRow button{margin-top:8px}.eventRow{border-bottom:1px solid var(--line);align-items:flex-start;gap:9px;padding:10px 0;display:flex}.eventRow svg{color:var(--teal);margin-top:2px}.eventRow strong,.eventRow span{display:block}.eventRow strong{font-size:13px}.eventRow span{color:var(--muted);margin-top:2px;font-size:12px}.metricsGrid,.workspaceGrid,.lowerGrid,.focusedGrid,.qrWorkspace,.menuManagementGrid,.loyaltyGrid,.invoiceGrid,.deliveryGrid,.whatsAppGrid,.aiStudioGrid,.usersGrid,.telephonyGrid,.settingsGrid,.campaignGrid{gap:14px;width:100%;min-width:0}.metricCard,.panel,.posStatusBar,.databaseBanner,.searchStatusBar,.panel>*{min-width:0}.panel>:last-child{margin-bottom:0}.orderList,.menuGrid,.menuManagerList,.invoiceList,.deliveryChannelList,.conversationList,.campaignList,.phoneBookList,.callHistoryList,.userDirectoryList,.aiSuggestionList,.qrTableList,.qrOrderList,.loyaltyCustomerList,.rewardList,.loyaltyLedger,.auditList{min-width:0}@media (width<=1380px){.metricsGrid,.qrStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspaceGrid,.focusedGrid,.qrWorkspace,.menuManagementGrid,.loyaltyGrid,.invoiceGrid,.deliveryGrid,.whatsAppGrid,.aiStudioGrid,.usersGrid,.telephonyGrid,.settingsGrid,.campaignGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.telephonyGrid{grid-template-areas:"contacts dialer""history dialer""customer readiness"}.ticketPanel,.loyaltyTransactionsPanel,.settingsAuditPanel,.sipSettingsPanel,.whatsAppThreadPanel,.aiOutputPanel{grid-column:1/-1}.qrTablesPanel,.qrOrdersPanel,.phoneBookPanel,.callHistoryPanel{grid-row:auto}.lowerStatus,.widePanel{grid-column:1/-1}.lowerGrid{column-count:2}}@media (width<=1180px){.authShell{grid-template-columns:1fr}.authHero{min-height:520px}.appShell{grid-template-columns:82px minmax(0,1fr)}.brand div:last-child,.navItem span,.sidebarPanel strong,.sidebarPanel p{display:none}.brand,.navItem{justify-content:center}.workspaceGrid,.focusedGrid,.qrWorkspace,.menuManagementGrid,.loyaltyGrid,.invoiceGrid,.deliveryGrid,.whatsAppGrid,.aiStudioGrid,.usersGrid,.telephonyGrid,.settingsGrid,.campaignGrid{grid-template-columns:1fr 1fr}.lowerGrid{column-count:2}.qrStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticketPanel{grid-column:1/-1}}@media (width<=820px){.authShell{padding:14px}.authHero{min-height:auto;padding:20px}.authHero h1{font-size:34px}.authMetrics{grid-template-columns:1fr}.authCardHeader{flex-direction:column;align-items:stretch}.authModeSwitch,.authModeSwitch button{width:100%}.appShell{display:block}.sidebar{height:auto;padding:12px;position:static}.navList{grid-template-columns:repeat(6,minmax(42px,1fr))}.main{padding:14px}.topbar,.topActions{flex-direction:column;align-items:stretch}.searchBox,.searchStatusBar,select,.topActions .portalSwitch{width:100%}.searchStatusBar{flex-direction:column;align-items:stretch}.portalSwitch button{flex:1}.sidebarPanel{display:none}.titleSwitch{width:100%}.titleSwitch button{flex:1}.metricsGrid,.workspaceGrid,.focusedGrid,.qrWorkspace,.qrStatsGrid,.menuManagementGrid,.loyaltyGrid,.invoiceGrid,.deliveryGrid,.whatsAppGrid,.aiStudioGrid,.usersGrid,.telephonyGrid,.settingsGrid,.campaignGrid{grid-template-columns:1fr}.lowerGrid{column-count:1}.telephonyGrid{grid-template-areas:"contacts""dialer""customer""history""readiness"}.databaseBanner{width:100%}.capabilityGrid,.loyaltyLedger,.loyaltyControlGrid,.menuGrid,.menuEditorHero,.menuControlGrid,.invoiceMetaGrid,.invoiceActionGrid,.deliveryActionGrid,.campaignPreviewLayout,.campaignBuilder,.campaignActionGrid{grid-template-columns:1fr}.deliveryChannelRow{grid-template-columns:1fr 1fr}.menuEditorHero img{width:100%;height:180px}.campaign,.storefront,.storefrontWide{grid-template-columns:1fr}.qrCommandBar,.storefrontMenuHeader{flex-direction:column;align-items:stretch}.qrCommandActions,.qrTableActions{grid-template-columns:1fr 1fr;display:grid}.dataRow,.roleRow{grid-template-columns:1fr 1fr}}