/* Rich violet, ink and emerald: stronger color without sacrificing readable surfaces. */
:root{--primary:#6035cd;--primary-dark:#48239f;--primary-soft:#eae1ff;--ink:#231d38;--muted:#625c72;--border:#ddd6e9;--bg:#f0edf7;--green:#13785d;--shadow:0 5px 22px #3020500b}
body{background:var(--bg);color:var(--ink)}
.btn-primary{background:var(--primary);box-shadow:0 4px 12px #6035cd30;color:#fff}.btn-primary:hover{background:var(--primary-dark)}
.btn-secondary{border-color:#cfc1e7;color:#4d288b;background:#f5f0ff}.btn-secondary:hover{background:#e9ddfc}
.text-btn,.btn-text{color:#5932a3}input,select,textarea{accent-color:var(--primary)}
.field input,.field select,.field textarea{border-color:#cfc6de;color:#30263f;background:#fff}.field>span{color:#41354f}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6035cd20}
.sidebar{background:#251a3b;border-color:#352748;color:#f5f0ff}.sidebar .brand{color:#fff}.sidebar .nav-label{color:#c1afd9}
.sidebar .nav-item{color:#d9cfe8}.sidebar .nav-item:hover{background:#3a2854;color:#fff}.sidebar .nav-item.active{background:#7044d5;color:#fff;box-shadow:0 4px 12px #120a2526}
.sidebar .business-switch{background:#352649;border-color:#55416d;color:#fff}.sidebar .business-switch strong{color:#fff}.sidebar .business-switch small{color:#cdbdde}
.sidebar .upgrade-card{background:#3c2a55;border-color:#604279}.sidebar .upgrade-card strong,.sidebar .upgrade-card a{color:#f0dbff}.sidebar .upgrade-card p{color:#d4c5e2}
.sidebar .sidebar-help,.sidebar .sidebar-profile strong,.sidebar .icon-btn{color:#f1e9ff}.sidebar .sidebar-profile small{color:#c5b6d7}.sidebar .sidebar-profile{border-color:#4b385f}
.topbar{border-bottom-color:#ddd3ec;background:#fff}.nav-item.active,.settings-nav button.active{color:#5125a3;background:#e8ddfc}
.welcome-banner{background:#d3eadd;border-color:#a9cfb9}.welcome-copy h1,.welcome-copy h2,.welcome-copy .eyebrow{color:#164d39}.welcome-copy p,.banner-link{color:#285d49}
.stat-card{border-top:3px solid #7950cf;background:#fff;box-shadow:var(--shadow)}.stat-card:nth-child(2){border-top-color:#188060}.stat-card:nth-child(3){border-top-color:#b66a16}.stat-card:nth-child(4){border-top-color:#386ac3}
.panel,.product-card,.order-card,.qr-card,.category-card,.table-card{border-color:#dbd2e7;box-shadow:var(--shadow)}.panel-header{border-bottom-color:#e7dfef}
.page-heading h1,.section-line h2,.panel-header h2,.product-info h3,.qr-card h3,.table-card h3{color:#30213f}.data-table th{background:#f1eaf9;color:#5a416f}.data-table td{border-color:#ede5f4}
.stat-icon.purple{color:#6334b3;background:#e9dcfc}.stat-icon.green{color:#126b4e;background:#d8eee2}.stat-icon.orange{color:#945612;background:#ffedcc}
.segmented{background:#eee6f6}.segmented button.active{background:#6437bf;color:#fff}.mobile-bottom,.customer-bottom{border-top-color:#d6c8e7}.mobile-bottom .active,.customer-bottom .active{color:#6030b7}
.landing{background:#faf8ff}.landing-nav{border-bottom:1px solid #e1d7ee}.hero h1{color:#261b3d}.hero h1 em{color:#6735c5}.hero p{color:#645574}.hero-kicker{color:#285e47;background:#dfeddf}
.hero-shape{background:#d8c5f0}.hero-qr{border:1px solid #d8c4eb;box-shadow:0 15px 35px #40206e18}.hero-notification{border:1px solid #c6dfce}.hero-spark{color:#815324}
.landing-trust{background:#e8e0f3;color:#59426e}.section-intro h2,.steps-grid h3,.features-grid h3,.industry-grid strong{color:#372249}.section-intro p,.steps-grid p,.features-grid p{color:#64556e}
.features-grid article,.industry-grid a{background:#f0e8fa;border-color:#ddcaef}.industry-grid a:hover{background:#e5d6f6}.landing-qr-section{background:#244d3c;color:#fff}
.pricing-card{background:#fff;border-color:#d9c9e8}.pricing-card.recommended{border:2px solid #7544c2;background:#f0e5ff;box-shadow:0 12px 35px #6c3caa18}.recommended-label{background:#6131ae}.pricing-card h3,.plan-price{color:#472661}
.final-cta{background:#43245f;color:#fff}.final-cta h2{color:#fff}.final-cta .eyebrow,.final-cta p{color:#e4d3f3}.final-cta .btn-primary{background:#e0c8ff;color:#371750}.landing-footer{color:#59466a}
.auth-story{background:#302040}.auth-story .brand{color:#fff}.auth-story h1{color:#fff}.auth-story h1 em{color:#d3b4fc}.auth-story .eyebrow,.auth-story p,.auth-story>span,.auth-quote small{color:#d8c5e8}.auth-quote p{color:#f0e3fc}.auth-quote{border-color:#695078}.auth-story:after{border-color:#735289;box-shadow:0 0 0 60px #3a284c}
.auth-main{background:#f5f0fb}.auth-card>h1{color:#382047}.auth-card>p,.auth-back,.auth-switch,.checkbox-line{color:#665174}.auth-card .field>span{color:#483451}.auth-card .field input,.auth-card .field select{color:#302039;border-color:#ccb9dc}.auth-switch a{color:#6030a5}.login-options .muted{font-size:11px;color:#665174}
.onboarding{background:#f2ecf8}.onboarding aside h1,.onboarding-card>h2{color:#44265a}.onboarding-steps li.active{color:#5a2f9e}
.menu-offer{background:#e7d8f9;border-color:#cdb2e9;color:#4f287a}.menu-offer small{color:#664477}.menu-categories{background:#f4edfbea;border-bottom-color:#d9c6eb}.menu-categories button.active{background:#6332ad;color:#fff}
.restaurant-title h1,.menu-section-heading h2,.menu-product-info h3{color:#34223f}.menu-product{border-color:#ddcfe8;box-shadow:0 4px 15px #42224f08}.menu-product-bottom .btn,.add-button{border-color:#bca0d7;color:#5d2997;background:#f4eafa}.sticky-cart{background:#562991}.restaurant-rating{background:#e0efdf;color:#235f35}
.modal{border:1px solid #d2bce3}.modal-header{background:#f2eafa}.notice{border-color:#dac5ec}.badge{font-weight:650}
@media(max-width:760px){.auth-main{background:#f5f0fb}.landing-nav{background:#faf8ff}.main-content{background:var(--bg)}}
/* Keep functional states readable on tinted surfaces. */
.sidebar .upgrade-card a{background:#fff;color:#51258c;border:1px solid #e0cdef;font-weight:700}.sidebar .upgrade-card a:hover{background:#eee2ff;color:#37145f}.sidebar .upgrade-card a svg{color:currentColor}.sidebar .upgrade-icon{color:#d6b8ff}
[hidden]{display:none!important}
.offer-card{background:#f1e8ff;border:1px solid #cbb3ea;color:#35204b}.offer-card h2,.offer-percent{color:#55259b}.offer-card p{color:#655077}.offer-bottom code{background:#fff;color:#53278d;border-color:#bfa5db}
.category-emoji{background:#e8dcfa}.category-card h3{color:#35204b}.category-card p,.field-hint{color:#62546f}
.notice{background:#eee5fa;color:#4d3567}.error-text{color:#a42436}.btn-danger{background:#fff0f1;color:#a42436;border-color:#dfabb3}
.customer-bottom,.mobile-bottom{background:#fff}.customer-bottom a,.mobile-bottom a{color:#63586d}.customer-bottom a.active,.mobile-bottom a.active{color:#5624aa}
.btn:focus-visible,.icon-btn:focus-visible,a:focus-visible{outline:3px solid #996be6;outline-offset:3px}
.btn:disabled{opacity:.6;cursor:not-allowed}.tracking-page>.btn{margin:8px 8px 8px 0}
.restaurant-title{align-items:flex-start}.restaurant-copy{min-width:0;max-width:calc(100% - 112px)}.restaurant-avatar{z-index:2;background:#fff}.restaurant-info{overflow:visible}.restaurant-rating{flex:0 0 auto;min-width:68px}
@media(max-width:760px){.restaurant-title{padding-right:66px}.restaurant-copy{max-width:100%}.restaurant-title .restaurant-rating{display:none}}
.scan-analytics-card{padding:22px;margin:22px 0}.scan-hour-chart{height:160px;display:flex;align-items:flex-end;gap:5px;padding:17px 0 24px;border-bottom:1px solid #e4d9ee}.scan-hour-chart>div{height:100%;flex:1;min-width:4px;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;position:relative}.scan-hour-chart i{width:100%;max-width:18px;background:#7650c8;border-radius:5px 5px 2px 2px}.scan-hour-chart small{position:absolute;bottom:-20px;font-size:8px;color:#685778;white-space:nowrap}.scan-hour-note,.scan-loading{font-size:11px;color:#675775;padding-top:12px}.scan-loading{min-height:130px;display:flex;align-items:center;justify-content:center}
@media(max-width:600px){.scan-analytics-card{padding:16px}.scan-hour-chart{gap:3px;height:135px}.scan-hour-chart small{font-size:7px}}
.server-hour-chart{height:175px;display:flex;align-items:flex-end;gap:4px;padding:18px 0 25px;border-bottom:1px solid #e4d9ee}.server-hour-chart>div{height:100%;flex:1;min-width:4px;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;position:relative}.server-hour-chart i{width:100%;max-width:18px;background:linear-gradient(180deg,#8b62da,#5930aa);border-radius:5px 5px 2px 2px}.server-hour-chart small{position:absolute;bottom:-20px;font-size:8px;color:#685778;white-space:nowrap}.server-analytics{margin-top:22px}.server-analytics .panel{padding:22px}
.live-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:4px auto 18px;position:relative}.live-donut:before{content:'';width:105px;height:105px;border-radius:50%;background:#fff;position:absolute}.live-donut>div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column}.live-donut span,.live-donut small{font-size:10px;color:#75677f}.live-donut strong{font:700 28px var(--display);color:#382047;margin:3px 0}.live-status-panel .status-legend{margin-top:0}
@media(max-width:600px){.server-hour-chart{height:135px;gap:3px}.server-hour-chart small{font-size:7px}.server-analytics .panel{padding:16px}}
@media(max-width:600px){.offer-grid{grid-template-columns:1fr}.offer-card p,.notice,.category-card p{font-size:13px;line-height:1.6}.offer-card h2{font-size:21px}.offer-bottom code{font-size:14px}.offer-card{padding:24px}.customer-bottom a,.mobile-bottom a{font-size:12px}}
.order-date-filter{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cfc1e7;border-radius:10px;background:#fff;color:#4d288b;font-size:12px;font-weight:700}.order-date-filter input{border:0;background:transparent;color:#30213f;font:inherit;min-height:28px}.order-date-filter small{font-weight:500;color:#75677f}
@media(max-width:760px){.order-date-filter{width:100%;justify-content:space-between}.order-date-filter small{display:none}}
.live-dashboard-grid{grid-template-columns:minmax(330px,.75fr) minmax(560px,1.25fr);align-items:start}.live-status-panel{display:grid;grid-template-columns:156px 1fr;grid-template-areas:'header header' 'donut legend';min-height:258px}.live-status-panel .panel-header{grid-area:header}.live-status-panel .donut-row{grid-area:donut;align-self:center;padding:6px 0 20px}.live-status-panel .status-legend{grid-area:legend;align-self:center;padding:8px 24px 22px 10px;gap:11px 20px}.live-status-panel .live-donut{width:128px;height:128px;margin:0 auto}.live-status-panel .live-donut:before{width:88px;height:88px}.live-status-panel .live-donut strong{font-size:25px}.live-dashboard-grid .recent-orders{min-height:258px}.live-dashboard-grid .recent-orders .table-scroll{overflow-x:hidden}.live-dashboard-grid .recent-orders .data-table th:nth-child(6),.live-dashboard-grid .recent-orders .data-table td:nth-child(6),.live-dashboard-grid .recent-orders .data-table th:nth-child(7),.live-dashboard-grid .recent-orders .data-table td:nth-child(7){display:none}.live-dashboard-grid .recent-orders .data-table{table-layout:fixed;white-space:normal}.live-dashboard-grid .recent-orders .data-table td{overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
@media(max-width:1050px){.live-dashboard-grid{grid-template-columns:1fr}.live-dashboard-grid .recent-orders .table-scroll{overflow-x:auto}.live-dashboard-grid .recent-orders .data-table{table-layout:auto;white-space:nowrap}.live-dashboard-grid .recent-orders .data-table th:nth-child(6),.live-dashboard-grid .recent-orders .data-table td:nth-child(6),.live-dashboard-grid .recent-orders .data-table th:nth-child(7),.live-dashboard-grid .recent-orders .data-table td:nth-child(7){display:table-cell}}
@media(max-width:600px){.live-status-panel{grid-template-columns:1fr 1fr;min-height:230px}.live-status-panel .donut-row{padding:10px 0 18px}.live-status-panel .status-legend{padding:10px 18px 18px 0}.live-dashboard-grid .recent-orders .table-scroll{overflow-x:auto}.live-dashboard-grid .recent-orders .data-table{table-layout:auto;white-space:nowrap}}
.server-analytics{grid-template-columns:repeat(3,minmax(0,1fr))}.server-hour-chart{height:142px}.server-hour-chart i:empty{min-height:0}@media(max-width:1100px){.server-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.server-analytics{grid-template-columns:1fr}.server-hour-chart{height:135px}}