/* Shared palette for every web surface. Screen-only rules preserve thermal receipts. */
:root{--brand-primary:#4fadd3;--brand-bg:#f3fbfe;--brand-ink:#163f54;--brand-deep:#246c8d;--brand-soft:#e2f3fb;--brand-line:#cfe7f2;--brand-muted:#5e7d8c;--erp-navy:#163f54;--erp-navy-2:#246c8d;--erp-teal:#4fadd3;--erp-teal-dark:#369cc6;--erp-teal-soft:#e2f3fb;--erp-bg:#f3fbfe;--erp-line:#cfe7f2;--erp-text:#163f54;--erp-muted:#5e7d8c;--erp-shadow:0 8px 28px #236e8e0d;--ink:#163f54;--muted:#5e7d8c;--mint:#246c8d;--mint2:#4fadd3;--cream:#f3fbfe;--orange:#4fadd3}
@media screen{
body{background:var(--brand-bg);color:var(--brand-ink)}
body h1,body h2,body h3,body h4{color:var(--brand-ink)}
body a{color:var(--brand-deep)}
body button,body .new-order{background:var(--brand-primary);color:#123b50;border-color:var(--brand-primary)}
body button:hover,body .new-order:hover{background:#369cc6;color:#10374a}
body button:disabled{background:#d8e8ef;color:#657d89;cursor:not-allowed;box-shadow:none}
body input,body select,body textarea{background:#fff;border-color:var(--brand-line);color:var(--brand-ink)}
body input:focus,body select:focus,body textarea:focus{outline:0;border-color:var(--brand-primary);box-shadow:0 0 0 3px #4fadd326}
body input::placeholder,body textarea::placeholder{color:#698897;opacity:1}
body button:focus-visible,body a:focus-visible{outline:3px solid var(--brand-deep);outline-offset:3px}
body table,body td,body th{border-color:var(--brand-line)}body th{background:var(--brand-bg);color:var(--brand-deep)}body tbody tr:hover{background:#edf8fd}
.app-sidebar{background:linear-gradient(180deg,#e0f3fc,#f3fbfe);border-left:1px solid var(--brand-line);box-shadow:-5px 0 22px #246c8d0a}
.app-sidebar .brand{color:var(--brand-ink)}.app-sidebar .brand small,.app-sidebar .erp-menu-title{color:#4d7b91}.app-sidebar .erp-menu-title:after{background:#bcdfea}
.app-sidebar .brand-mark{background:#fff;border:1px solid var(--brand-line)}.app-sidebar a,.app-sidebar a i{color:var(--brand-deep)}
.app-sidebar a:hover{background:#d2edf8;color:var(--brand-ink)}.app-sidebar .erp-menu-group a.active{background:var(--brand-primary);color:#123b50;box-shadow:0 5px 14px #4fadd326}.app-sidebar .erp-menu-group a.active i{color:#123b50}
.shell>header{background:#fff;border-color:var(--brand-line)}.shell>header b,.shell>header .header-user>span{color:var(--brand-ink)}
.container>form,.container>article,.container>section,.promotion-card,.manual-shift-card,.pos-catalog,.pos-cart,.customer-history-dialog,.report-cards article,.sms-settings-form,.sms-overview article,.sms-logs{border-color:var(--brand-line);box-shadow:var(--erp-shadow)}
.promotion-card,.manual-shift-card,.pos-catalog,.pos-cart{background:#fff}.promotion-card>p,.promotion-card .cashback-heading p,.form-hint{color:var(--brand-muted)}
.product-card{background:var(--brand-bg);color:var(--brand-ink);border-color:var(--brand-line)}.product-card:hover{background:#e4f4fc;border-color:var(--brand-primary)}.product-card i{color:var(--brand-deep)}
.qty button,.calendar-trigger,.clear-date,.modal-close,.history-button{background:var(--brand-soft);color:var(--brand-deep)}
.total-row strong,.receipt-cashback,.sms-credit>b{color:var(--brand-deep)}.wallet-card{background:var(--brand-bg);border-color:var(--brand-line)}.wallet-card strong{color:var(--brand-deep)}
.bi-switch{background:var(--brand-primary);color:#123b50}.bi-periods{background:var(--brand-soft)}.bi-periods button{background:transparent;color:var(--brand-deep)}.bi-periods button.active{background:#fff;color:var(--brand-ink)}
.bi-kpis article.primary{background:linear-gradient(135deg,#7cc4e1,#4fadd3);color:#123b50}.bi-kpis article.primary span,.bi-kpis article.primary small{color:#234f65}.bi-kpis article.primary:before{background:#246c8d}
.bi-kpis article.primary em.up{color:#17583e}.bi-kpis article.primary em.down{color:#892e30}.bi-mini-stats>div,.history-summary>div{background:var(--brand-bg);border-color:var(--brand-line)}
.staff-bar-track{background:var(--brand-soft)}.staff-bar-track i{background:linear-gradient(90deg,#4fadd3,#246c8d)}.sales-bar{background:linear-gradient(#8ccfe8,#4fadd3)}.profit-bar:not(.loss-bar){background:linear-gradient(#478da9,#246c8d)}
.manual-shift-heading>span,.manual-shift-form input,.manual-shift-form select{background:var(--brand-bg);color:var(--brand-deep)}
.kiosk-body{--menu-ink:#163f54;--menu-muted:#5e7d8c;--menu-pink:#246c8d;--menu-coral:#246c8d;--menu-line:#cfe7f2;background:#f3fbfe;background-image:radial-gradient(ellipse at 0 0,#e1f4fc,transparent 55%)}
.kiosk-body .kiosk-hero{background:linear-gradient(120deg,#c5e8f7,#e4f5fd 62%,#f3fbfe);color:var(--brand-ink);border-color:var(--brand-line);box-shadow:0 12px 35px #4fadd318}
.kiosk-body .kiosk-brand>span,.kiosk-body .kiosk-brand>img{background:#fff;border-color:var(--brand-line);box-shadow:0 6px 15px #4fadd31a}
.kiosk-body .kiosk-brand small,.kiosk-body .kiosk-hero>p,.kiosk-body .kiosk-search span{color:var(--brand-deep)}.kiosk-body .kiosk-search{background:#fff;border-color:var(--brand-line);box-shadow:0 5px 18px #4fadd310}
.kiosk-body .kiosk-product{background:#fff;border-color:var(--brand-line);box-shadow:0 7px 20px #4fadd310}.kiosk-body .kiosk-product-photo{background:linear-gradient(145deg,#d9f0fb,#f3fbfe);border-color:var(--brand-line)}
.kiosk-body .kiosk-product:nth-child(3n+2) .kiosk-product-photo{background:linear-gradient(145deg,#e9f7fd,#d0ecf8)}.kiosk-body .kiosk-product:nth-child(3n) .kiosk-product-photo{background:linear-gradient(145deg,#c4e7f5,#edf9fd)}
.kiosk-body .kiosk-product-info b,.kiosk-body .kiosk-total strong,.kiosk-body .kiosk-cart-line>strong{color:var(--brand-deep)}
.kiosk-body .kiosk-add,.kiosk-body .kiosk-cart-fab,.kiosk-body .kiosk-submit,.kiosk-body .kiosk-success a{background:var(--brand-primary);border-color:#4fadd3;color:#123b50;box-shadow:0 7px 20px #4fadd329}
.kiosk-body .kiosk-add:hover{background:#369cc6}.kiosk-body .kiosk-add.added{background:#b2ddf0;border-color:#4fadd3;color:#123b50}.kiosk-body .kiosk-cart-fab span b{background:#f3fbfe;color:#246c8d}
.kiosk-body .kiosk-cart{background:#f3fbfe;border-color:var(--brand-line);box-shadow:0 -12px 45px #246c8d20}.kiosk-body .kiosk-cart-backdrop{background:#163f5466}.kiosk-body .kiosk-cart-handle span{background:#a3ccdf}
.kiosk-body .kiosk-cart-title small,.kiosk-body .kiosk-cart-title h2,.kiosk-body .kiosk-cart-close{color:var(--brand-deep)}.kiosk-body .kiosk-cart-close,.kiosk-body .kiosk-cart-qty button{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-deep)}
.kiosk-body .kiosk-cart-lines{background:#fff;border-color:var(--brand-line)}.kiosk-body .kiosk-cart-line{border-color:var(--brand-line)}.kiosk-body .kiosk-cart-qty span{color:var(--brand-ink)}
.kiosk-body .kiosk-fulfillment label>span{background:#fff;border-color:var(--brand-line);color:var(--brand-ink)}.kiosk-body .kiosk-fulfillment input:checked+span{background:var(--brand-soft);border-color:var(--brand-primary);color:var(--brand-deep);box-shadow:0 4px 14px #4fadd315}.kiosk-body .kiosk-fulfillment input:focus-visible+span{outline-color:var(--brand-deep)}
.kiosk-body .kiosk-total{border-color:var(--brand-line)}.kiosk-body .kiosk-submit:disabled{background:#d8e8ef;color:#657d89;border-color:#d8e8ef;box-shadow:none}
.kiosk-body .menu-customer-details label,.kiosk-body .menu-customer-details small,.kiosk-body .kiosk-payment-note{color:var(--brand-muted)}
.kiosk-body .menu-customer-details input{background:#fff;border-color:var(--brand-line);color:var(--brand-ink)}.kiosk-body .menu-customer-details input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4fadd326}
.kiosk-body .delivery-address-book{background:linear-gradient(145deg,#e7f6fd,#fff);border-color:var(--brand-line)}.kiosk-body .delivery-heading small,.kiosk-body .delivery-heading h3,.kiosk-body .address-editor h4{color:var(--brand-deep)}.kiosk-body .delivery-heading>span{background:var(--brand-soft)}
.kiosk-body .delivery-message:not(.error){background:var(--brand-soft);color:var(--brand-deep)}.kiosk-body .address-otp p{color:var(--brand-muted)}.kiosk-body .delivery-address-book button{background:var(--brand-primary);color:#123b50}
.kiosk-body .delivery-address-book .address-secondary,.kiosk-body .delivery-address-book .address-edit-button{background:var(--brand-soft);color:var(--brand-deep)}.kiosk-body .saved-address{border-color:var(--brand-line)}.kiosk-body .saved-address.selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px #4fadd326}
.kiosk-body .saved-address b,.kiosk-body .saved-address p{color:var(--brand-ink)}.kiosk-body .saved-address small{color:var(--brand-muted)}
.kiosk-body .delivery-address-book input[type=radio]{accent-color:#246c8d}.kiosk-body .delivery-address-book input:not([type=radio]),.kiosk-body .delivery-address-book textarea{background:#fff;border-color:var(--brand-line);color:var(--brand-ink)}.kiosk-body .delivery-address-book input:focus,.kiosk-body .delivery-address-book textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4fadd326}
.kiosk-body .kiosk-success{background:linear-gradient(160deg,#fff,#edf9fe);border-color:var(--brand-line);box-shadow:0 15px 45px #4fadd315}.kiosk-body .kiosk-success-icon{background:#4fadd3;color:#123b50;border-color:#f3fbfe;box-shadow:0 7px 20px #4fadd322}.kiosk-body .kiosk-success>span,.kiosk-body .kiosk-success>strong{color:var(--brand-deep)}.kiosk-body .kiosk-success-type,.kiosk-body .kiosk-success-total{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-deep)}.kiosk-body .kiosk-success p{color:var(--brand-muted)}
.kiosk-body button:focus-visible,.kiosk-body a:focus-visible{outline-color:var(--brand-deep)}
.club-body:before{background:radial-gradient(circle at 10% 10%,#d4effc,transparent 35%),radial-gradient(circle at 90% 30%,#e5f6fd,transparent 35%),#f3fbfe}
.club-body .club-logo{background:linear-gradient(145deg,#fff,#d9f0fc);box-shadow:0 12px 30px #4fadd31c}.club-body .club-auth-card{border-color:var(--brand-line);box-shadow:0 18px 60px #246c8d15}.club-body .club-auth-title>span{background:var(--brand-soft);color:var(--brand-deep)}
.club-body .club-auth-hero p,.club-body .club-auth-title p{color:var(--brand-muted)}.club-body .floating-coins i{background:#c8eafa;color:var(--brand-deep);box-shadow:0 8px 22px #4fadd322}
.club-body .club-auth-card button{background:var(--brand-primary);color:#123b50;box-shadow:0 9px 22px #4fadd329}.club-body .club-auth-card input{border-color:var(--brand-line)}.club-body .club-auth-card input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #4fadd31c}
.club-body .club-header{border-color:var(--brand-line)}.club-body .club-header button{background:var(--brand-soft);color:var(--brand-deep)}
.club-body .wallet-hero{background:linear-gradient(135deg,#85c8e5,#4fadd3);color:#123b50;box-shadow:0 18px 45px #4fadd32b}.club-body .wallet-hero>small{color:#234f65}.club-body .wallet-rate{background:#ffffff85;border-color:#ffffffa0;color:#17485e}
.club-body .level-track{background:#e0f1fa}.club-body .level-track i{background:linear-gradient(90deg,#86cbe7,#4fadd3)}.club-body .customer-rank{background:linear-gradient(90deg,#e9f7fd,#d7effb);border-color:var(--brand-line);color:var(--brand-deep)}.club-body .customer-rank b{color:#174c67}
.club-body .club-stats article,.club-body .level-card,.club-body .club-section,.club-body .club-orders details{border-color:var(--brand-line)}.club-body .club-stats article>span,.club-body .club-section>header>span{background:var(--brand-soft);color:var(--brand-deep)}.club-body .club-order-body{background:var(--brand-bg)}.club-body .club-bottom{background:#d6effbed;border:1px solid var(--brand-line);box-shadow:0 12px 35px #246c8d22}.club-body .club-bottom a{color:#426d83}.club-body .club-bottom a.active{color:#124b67}
.staff-header{border-color:var(--brand-line)}.staff-header .quiet{background:var(--brand-soft);color:var(--brand-deep)}.staff-login{border-color:var(--brand-line);box-shadow:0 20px 65px #4fadd315}.staff-logo{background:var(--brand-soft);color:var(--brand-deep)}.staff-login input{background:#fff;border-color:var(--brand-line)}
.staff-home .shift-card{background:linear-gradient(140deg,#91cfe8,#4fadd3);color:#123b50;box-shadow:0 13px 30px #4fadd327}.staff-home .status{color:#214e63;background:#ffffff88;border-color:#ffffff88}.staff-home .status i{background:#678fa2}.staff-home .on .status i{background:#1c6b52}
.staff-home .shift-card>p,.staff-home .shift-start,.staff-home .clock-hint,.staff-home .elapsed small{color:#2c5b70}.staff-home .elapsed{background:#ffffff80;border-color:#ffffffa0}.staff-home .attendance-action .start{background:#fff;color:var(--brand-deep)}.staff-home .attendance-action .end{background:#d7effa;color:#174c67}
.staff-home .today-summary{border-color:var(--brand-line)}.staff-home .today-summary b{color:var(--brand-deep)}.staff-home .history-row{border-color:var(--brand-line)}.staff-home .history-row>p{border-color:var(--brand-line);color:#4c7183}.staff-home .tag:not(.open){background:var(--brand-soft);color:var(--brand-deep)}
.login-panel{background:#fff;border-color:var(--brand-line);box-shadow:0 16px 45px #4fadd31c}
.kiosk-body .kiosk-product:hover{box-shadow:0 13px 24px #4fadd31c}
.kiosk-body .kiosk-fulfillment .icecream-option-icon{display:block;width:44px;height:44px;justify-self:center;margin:0 auto 6px;color:#246c8d}
}

@media screen{
.product-description-edit{padding:8px 0!important;margin:6px 0!important;border:0!important;box-shadow:none!important;background:transparent!important;display:grid;gap:8px;min-width:190px}
.product-description-edit textarea,.product-create-form textarea{font:inherit;font-size:13px;line-height:1.8;resize:vertical;border:1px solid #cfdee8;border-radius:12px;padding:10px;max-width:100%;width:100%;background:#f9fcfd;color:#134a7e;box-sizing:border-box}
.product-description-edit button{justify-self:start;min-height:36px;background:#134a7e;color:white;font-size:11px}
.order-item-description{display:block;max-width:260px;color:#60798b;font-size:11px;line-height:1.8;white-space:normal}
.product-grid .product-card{height:auto;min-height:150px;padding:16px;gap:8px}
.pos-product-description{display:block;white-space:normal;font-size:11px;line-height:1.8;color:#60798b;overflow-wrap:anywhere}
body:not(.kiosk-body):not(.club-body) .data-table-wrap{border-radius:20px;border-color:#dce7ed;box-shadow:0 5px 22px #134a7e05}
body:not(.kiosk-body):not(.club-body) table th{background:#f3f8fb;color:#134a7e}
body:not(.kiosk-body):not(.club-body) input:focus,body:not(.kiosk-body):not(.club-body) select:focus{outline:2px solid #addfe0;outline-offset:1px}
}