/* BilviQ classic brand system — visual overrides only. */
:root{--bg:#fff9f5;--card:#fff;--ink:#20212a;--muted:#70676c;--line:#eadfda;--accent:#f59e0b;--dark:#64162a;--good:#15803d;--warn:#b45309;--bad:#b42318;--blue:#64162a;--dq-burgundy:#64162a;--dq-ivory:#fff9f5;--dq-amber:#f59e0b}
body{background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;font-weight:400}
button,.primary,.ghost,.soft,.danger,.tab,nav button{font-weight:500;letter-spacing:0;line-height:1.35}
.primary{background:#64162a;color:white}.primary:hover{background:#7b2038}
.ghost{background:#f5e9e7;color:#64162a}.soft{background:#f6f0ed;color:#352c31}
.login-view{background:linear-gradient(145deg,#3c0d1b,#64162a)}
.login-card,.card,.panel{box-shadow:0 5px 22px rgba(64,17,33,.05)}
aside{background:#4a1021}nav button{color:#f3dfe4}nav button:hover,nav button.active{background:#76243b;color:#fff}
.main>header{background:#fff;border-bottom:1px solid #eadfda}
.logo-mark{background:#f59e0b;color:#46101f;font-weight:600}
.eyebrow,small,.field,.login-card label{font-weight:500;letter-spacing:.025em}
h1,h2,h3{font-weight:600;letter-spacing:-.025em}
input,select,textarea{accent-color:#64162a}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #c77b42;outline-offset:2px}
/* Keep status semantics: amber pending, green connected/paid, red errors. */
@media(max-width:640px){.primary,.ghost,.soft,.danger,.tab{font-size:12px;padding:9px 10px;min-width:0;white-space:normal;overflow-wrap:anywhere}}

/* BilviQ unified visual system · dashboard, POS, tables, analytics and customer views */
:root{--dq-burgundy:#64162a;--dq-burgundy-dark:#46101f;--dq-burgundy-light:#84344a;--dq-amber:#d99a24;--dq-ivory:#fff9f5;--dq-charcoal:#20212a;--dq-muted:#70676c;--dq-border:#eadfda;--dq-text:#20212a;--dq-accent:#64162a;--df-navy:#46101f;--df-blue:#64162a;--df-cyan:#d99a24;--df-soft:#fff3e7;--blue:#64162a;--cyan:#d99a24;--eln-gradient:linear-gradient(135deg,#46101f,#64162a);--bg:#fff9f5;--ink:#20212a;--line:#eadfda;--accent:#d99a24;--dark:#64162a}
html,body{background:#fff9f5!important;color:#20212a!important}
body,button,input,select,textarea{font-family:Inter,'Segoe UI',system-ui,sans-serif!important}
button,.primary,.ghost,.soft,.tab,.chip,.badge{font-weight:500!important;letter-spacing:0!important}
.primary,.tab.active,#content button.primary,.modal-card button.primary,.login-card button.primary,.welcome-card button.primary,.sa-main button.primary{background:#64162a!important;color:#fff!important;border-color:#64162a!important;box-shadow:none!important}
.primary:hover,.tab.active:hover,#content button.primary:hover{background:#7d2a40!important}
.ghost,.soft,.tab:not(.active),.chip,.badge{background:#f7eee9!important;color:#64162a!important;border-color:#eadfda!important}
.ghost:hover,.soft:hover,.tab:not(.active):hover{background:#f1dfd7!important}
aside,.sa-sidebar{background:linear-gradient(180deg,#46101f,#64162a)!important}
nav button:hover,nav button.active,.sa-side-menu button.active,.sa-side-menu button:hover{background:#84344a!important;color:white!important;box-shadow:none!important}
.main>header,.sa-top{background:#fff!important;border-color:#eadfda!important}
.dashboard-welcome,.dashboard-welcome.pro{background:linear-gradient(110deg,#fff1e9,#fff 60%,#fbeadf)!important;border-color:#ead8d0!important;box-shadow:0 7px 24px #64162a0b!important}
.dashboard-welcome h2,.dashboard-welcome.pro h2{color:#64162a!important}
.dashboard-welcome p,.dashboard-welcome.pro p{color:#70676c!important}
.dashboard-metrics .metric,.dashboard-secondary .metric,.metric,.panel,.catalog,.bill,.item,.waiter-table,.sa-card{border-color:#eadfda!important;box-shadow:0 5px 20px #64162a0a!important}
.dashboard-metrics .metric:nth-child(5n+1){background:#fff3e8!important;border-color:#f0dac7!important}
.dashboard-metrics .metric:nth-child(5n+2){background:#f9edf0!important;border-color:#ead4db!important}
.dashboard-metrics .metric:nth-child(5n+3){background:#faf2eb!important;border-color:#ecdfd2!important}
.dashboard-metrics .metric:nth-child(5n+4){background:#fff6e5!important;border-color:#f0dfb8!important}
.dashboard-metrics .metric:nth-child(5n+5){background:#f6edf0!important;border-color:#e8d5dc!important}
.dashboard-metrics .metric b,.dashboard-secondary .metric b,.metric b{color:#64162a!important}
.dashboard-metrics .metric small{color:#70676c!important}
.dashboard-panels .panel,.top-selling-panel{border-color:#eadfda!important;box-shadow:0 6px 22px #64162a0a!important}
.top-rank,.kcol,.session-pin{background:#f8f0ea!important;color:#64162a!important}
.analytics-top-bar{background:#f1e1d8!important}.analytics-top-bar i{background:linear-gradient(90deg,#64162a,#d99a24)!important}
.billing-mode #complete,.billing-mode #complete:hover{background:#64162a!important;border-color:#64162a!important;color:white!important;box-shadow:none!important}
.billing-mode .soft,.billing-mode .mobile-cart-launcher,.mobile-cart-launcher{background:#fff9f5!important;color:#64162a!important;border-color:#eadfda!important}
.mobile-cart-launcher .mcart-total{background:#64162a!important;color:#fff!important}
.status-new{color:#84344a!important}.status-ready,.live{color:#166534!important}
.item:hover,.ticket:hover{border-color:#cda5ad!important}
#toast{background:#46101f!important}
.login-view,.welcome-view{background:linear-gradient(145deg,#fff9f5,#f6e9e4)!important}
.login-card,.welcome-card{border-color:#eadfda!important;box-shadow:0 18px 55px #64162a15!important}
.login-card .primary,.welcome-card .primary{background:#64162a!important;color:#fff!important}
.login-card .login-mode button.active{color:#64162a!important}
#content input:focus,.modal-card input:focus,.login-card input:focus,#content select:focus,#content textarea:focus{outline:2px solid #d9a4ad!important;border-color:#84344a!important}
#content label,.modal-card label,.login-card label,.sa-card label{color:#51444a!important}
#content input,#content textarea,#content select,.modal-card input,.modal-card textarea,.modal-card select{color:#20212a!important;border-color:#eadfda!important}
.chartbox{background:transparent!important}
canvas{max-width:100%}
@media(max-width:640px){.dashboard-welcome,.dashboard-welcome.pro{padding:16px!important}.dashboard-welcome h2,.dashboard-welcome.pro h2{font-size:21px!important}.primary,.ghost,.soft,.tab{font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}}

/* BilviQ refinement: neutral cart and classic plan cards, 2026-11-10 */
#content.billing-mode .pos .bill,
#content.billing-mode .bill,
.mobile-pos-cart-card .bill,
.billing-mode .mobile-pos-cart-card .bill{
 background:#fffdfa!important;background-image:none!important;color:#20212a!important;
 border:1px solid #eadfda!important;box-shadow:0 7px 25px rgba(64,17,33,.07)!important;
}
.billing-mode .bill h3,.billing-mode .bill h4,.billing-mode .bill label,
.billing-mode .bill .cart-item-info,.billing-mode .bill .cart-item-info b,
.billing-mode .bill .cart-price,.billing-mode .bill .total-line,
.billing-mode .bill .grand,.billing-mode .bill .cart-row,
.mobile-pos-cart-card .bill h3,.mobile-pos-cart-card .bill .cart-row{
 color:#20212a!important;text-shadow:none!important;
}
.billing-mode .bill .cart-scroll,.billing-mode .bill .cart-row,
.billing-mode .bill .bill-footer,.billing-mode .bill .totals,
.mobile-pos-cart-card .bill .bill-footer{
 background:#fffdfa!important;background-image:none!important;
}
.billing-mode .bill .cart-scroll{border-color:#eadfda!important}
.billing-mode .bill .cart-row{border-bottom:1px solid #f1e8e2!important}
.billing-mode .bill .cart-item-info small,.billing-mode .bill .muted{color:#766e71!important}
.billing-mode .bill .qty button{background:#f6eee9!important;color:#64162a!important;border:1px solid #eadfda!important}
.billing-mode .bill .qty button:hover{background:#f0ded6!important}
.billing-mode .bill .grand{border-top:1px solid #e7d9d1!important;font-weight:600!important}
.billing-mode .bill #complete{background:#64162a!important;color:#fff!important;border-color:#64162a!important}
.billing-mode .bill .tab:not(.active){background:#f7f0eb!important;color:#64162a!important}
/* Plan surfaces: remove leftover blue and large solid-color fills. */
#content .dq-feature-plan,#content .dq-plan,
#content .dq-plan-grid > *,#content .dq-feature-plan-grid > *{
 background:#fffdfa!important;background-image:none!important;color:#20212a!important;
 border:1px solid #eadfda!important;border-radius:16px!important;
 box-shadow:0 7px 24px rgba(64,17,33,.055)!important;
}
#content .dq-feature-plan h3,#content .dq-plan h3,
#content .dq-feature-plan-heading,#content .dq-plan-grid h3{color:#64162a!important;font-weight:600!important}
#content .dq-feature-plan p,#content .dq-feature-plan li,
#content .dq-plan p,#content .dq-plan li{color:#51474b!important}
#content .dq-current-plan-label,#content .dq-plan-current-badge{
 background:#fff0d9!important;color:#795016!important;border:1px solid #f1d7a9!important;
 border-radius:999px!important;font-weight:600!important;box-shadow:none!important;
}
#content .dq-feature-plan .primary,#content .dq-plan .primary{background:#64162a!important;color:#fff!important}
#content .dq-feature-plan:hover,#content .dq-plan:hover{border-color:#cfaeb5!important;box-shadow:0 10px 28px rgba(64,17,33,.085)!important}
@media(max-width:700px){
 #content.billing-mode .bill,.mobile-pos-cart-card .bill{box-shadow:0 3px 14px rgba(64,17,33,.06)!important}
 #content .dq-plan-grid,#content .dq-feature-plan-grid{gap:12px!important}
}

/* Subscription hero: replace legacy blue gradient with classic ivory/burgundy. */
#content .dq-subscriptions-hero{background:linear-gradient(120deg,#fff9f5 0%,#f9eee9 100%)!important;color:#20212a!important;border:1px solid #eadbd5!important;box-shadow:0 8px 28px rgba(64,17,33,.055)!important}
#content .dq-subscriptions-hero h2{color:#64162a!important;font-weight:600!important}
#content .dq-subscriptions-hero p{color:#62575a!important}
#content .dq-subscriptions-hero small{color:#94692e!important;font-weight:500!important}
#content .dq-subscriptions-hero .dq-current-plan-label{background:#64162a!important;color:#fff9f5!important;border:1px solid #64162a!important;letter-spacing:.04em!important}
#content .dq-feature-plan.is-current{background:#fff8ef!important;border:2px solid #d3a154!important}
#content .dq-plan-current-badge{background:#fff0d9!important;color:#795016!important}
