/* Surface palettes: red customer, blue merchant, green admin, orange Yum Bot. */
:root{--rest-brand:#182426;--rest-brand-hover:#3c3c3c;--rest-ink:#182426;--rest-muted:#5f5f5f;--rest-bg:#F5F5F5;--rest-line:#DEDEDE;--rest-tint:#EFEFEF;--rest-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:var(--rest-ink);--brown:var(--rest-brand);--muted:var(--rest-muted);--line:var(--rest-line);--bg:var(--rest-bg);--sage:#EFEFEF;color-scheme:light}
body{font-family:var(--rest-font);background:var(--rest-bg);color:var(--rest-ink);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font-family:inherit}
h1,h2,h3,.brand,.logo,.storemark,.previewstrip b,.note-card b,.stat b,.no-photo{font-family:var(--rest-font);letter-spacing:-.025em}
h1,h2{font-weight:650}h3{font-weight:650}
.brand,.logo{color:var(--rest-ink);font-weight:750;letter-spacing:-.04em}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--rest-brand);outline-offset:3px}
input,textarea,select{accent-color:var(--rest-brand)}
.primary{background:var(--rest-brand);color:white}
.primary:hover:not(:disabled){background:var(--rest-brand-hover)}
.secondary{background:white;color:var(--rest-brand);border-color:var(--rest-line)}
.secondary:hover:not(:disabled){background:var(--rest-tint)}
.card,.order,.panel,.storelist,.rightbox{box-shadow:0 2px 6px #18242603}
.price,.offer-action{color:var(--rest-brand)}
.toast{background:var(--rest-ink);color:white}
[data-rest-surface=customer] header .brand{color:var(--rest-ink);font-family:var(--rest-font)}
[data-rest-surface=customer] .hero{background:var(--rest-brand)}
[data-rest-surface=customer] .hero h1{font-weight:750;letter-spacing:-.04em;line-height:1.12}
[data-rest-surface=customer] .hero>div>small{color:white!important}
[data-rest-surface=customer] .hero p{color:white}
[data-rest-surface=customer] .hero .restaurant-info,[data-rest-surface=customer] .hero .restaurant-info small{color:white}
[data-rest-surface=customer] .cart .primary,[data-rest-surface=customer] .mobilebar .primary,[data-rest-surface=customer] .modalbody .primary{background:var(--rest-brand);color:white}
[data-rest-surface=customer] .cart .primary:hover:not(:disabled),[data-rest-surface=customer] .mobilebar .primary:hover:not(:disabled),[data-rest-surface=customer] .modalbody .primary:hover:not(:disabled){background:var(--rest-brand-hover)}
[data-rest-surface=customer] .card .plus{background:var(--rest-tint);color:var(--rest-brand)}
[data-rest-surface=customer] .card:hover{border-color:var(--rest-brand)}
[data-rest-surface=customer] .nav button,[data-rest-surface=customer] .modes button{background:white;color:var(--rest-ink);border:2px solid transparent}
[data-rest-surface=customer] .nav button.active,[data-rest-surface=customer] .modes .chosen{background:white;color:var(--rest-brand);border-color:var(--rest-brand)}
[data-rest-surface=customer] .flow span.done{background:var(--rest-brand)}
[data-rest-surface=customer] .offer-card progress{accent-color:var(--rest-brand)}
[data-rest-surface=customer] .cart .primary:disabled{background:#e3e3e3;color:#6d6d6d;opacity:1}
[data-rest-surface=merchant] .assistant-panel{background:var(--rest-tint);border-color:var(--rest-line)}
[data-rest-surface=merchant] .ai-mark{background:var(--rest-brand);box-shadow:none}
[data-rest-surface=merchant] .assistant-panel h2{font-family:var(--rest-font);font-weight:700;color:var(--rest-ink)}
[data-rest-surface=merchant] .tabs button.active{background:var(--rest-brand);color:white}
[data-rest-surface=merchant] .order.new{border-top-color:var(--rest-brand)}
[data-rest-surface=merchant] .avatar,[data-rest-surface=admin] .avatar,[data-rest-surface=admin] .storemark{background:var(--rest-tint);color:var(--rest-brand)}
[data-rest-surface=admin] header{background:var(--rest-ink);border-bottom-color:var(--rest-ink);color:white}
[data-rest-surface=admin] header .brand,[data-rest-surface=admin] header .user b{color:white}
[data-rest-surface=admin] header small,[data-rest-surface=admin] header .scope{color:#cfcfcf}
[data-rest-surface=admin] header .avatar{background:#3e3e3e;color:white}
[data-rest-surface=admin] .sidenav button.active{background:var(--rest-brand);color:white}
[data-rest-surface=admin] .previewstrip b,[data-rest-surface=admin] .note-card .spark{color:var(--rest-brand)}
[data-rest-surface=auth] main{box-shadow:0 10px 36px #18242608;border-top:4px solid var(--rest-brand)}
[data-rest-surface=auth] h1{color:var(--rest-ink);font-family:var(--rest-font);font-weight:750}
[data-rest-surface=auth] form button{background:var(--rest-brand);color:white}
[data-rest-surface=auth] form button:hover:not(:disabled){background:var(--rest-brand-hover)}
@media(prefers-reduced-motion:no-preference){button,a.card,.card{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}button:active:not(:disabled){filter:brightness(.96)}}
@media(max-width:650px){button.primary,button.secondary,.modes button{min-height:44px}}
/* Yum Bot: same-origin conversation UI, no conversation logic changes. */
[data-rest-surface=merchant] .ai-header{background:var(--rest-tint);border-color:var(--rest-line)}
[data-rest-surface=merchant] .ai-header b,[data-rest-surface=merchant] .ai-history-heading,[data-rest-surface=merchant] .ai-welcome-mark{color:var(--rest-brand)}
[data-rest-surface=merchant] .ai-header-actions button{background:white;color:var(--rest-brand)}
[data-rest-surface=merchant] .ai-message{background:white;color:var(--rest-ink)}
[data-rest-surface=merchant] .ai-message.ai-user{background:var(--rest-brand);color:white}
[data-rest-surface=merchant] .ai-user .ai-role{color:white}
[data-rest-surface=merchant] .ai-composer{background:var(--rest-tint);border-color:var(--rest-line)}
[data-rest-surface=merchant] .ai-thread[aria-current=true]{background:var(--rest-tint);color:var(--rest-brand)}
[data-rest-surface=merchant] .ai-history{background:white;border-color:var(--rest-line)}
[data-rest-surface=merchant] .ai-welcome h2{font-family:var(--rest-font);font-weight:700}


[data-rest-surface=customer]{--rest-brand:#BD2D32;--rest-brand-hover:#A4252A}
[data-rest-surface=merchant]{--rest-brand:#2A68C0;--rest-brand-hover:#22559E}
[data-rest-surface=admin]{--rest-brand:#288752;--rest-brand-hover:#206E43}
[data-rest-surface=merchant] .assistant-panel{--rest-brand:#C45E2B;--rest-brand-hover:#A44D23;--brown:var(--rest-brand);background:var(--rest-tint)}
[data-rest-surface=merchant] .assistant-panel #aiSend{background:var(--rest-brand);color:white}
[data-rest-surface=merchant] .assistant-panel #aiSend:hover:not(:disabled){background:var(--rest-brand-hover)}
[data-rest-surface=customer] .tag,[data-rest-surface=customer] .info-btn,[data-rest-surface=customer] .no-photo,[data-rest-surface=customer] footer .brand{color:var(--rest-brand)}
[data-rest-surface=customer] .hero .info-btn{color:white}
[data-rest-surface=merchant] .sort-button.reversed{background:var(--rest-brand)}
[data-rest-surface=merchant] .store-menu-link,[data-rest-surface=merchant] .close-btn,[data-rest-surface=merchant] .ai-latest,[data-rest-surface=merchant] .ai-prompt span{color:var(--rest-brand)}
.eyebrow,.note,.pending,.attention,.datevalue,.future,.notification,.ai-notice{color:var(--rest-ink)}
.status,.service-mini{color:var(--rest-ink)}
.status .dot,.service-chip .dot{background:var(--rest-brand)}
.badge,.badge.preparing,.badge.ready,.badge.closed,.pill,.pill.off,.tabs .service-chip,.future,.notification{background:var(--rest-tint);color:var(--rest-ink)}
.order.pending{border-top-color:var(--rest-brand)}
[data-rest-surface=merchant] .tabs .service-chip .dot{background:var(--rest-brand)}
[data-rest-surface=merchant] .actions .reject{background:white;color:var(--rest-ink);border:1px solid var(--rest-line)}
/* A restrained orange halo; reduced-motion users receive the static treatment. */
[data-rest-surface=merchant] .assistant-panel{border:1px solid #C45E2B;box-shadow:0 0 0 3px #C45E2B12,0 6px 22px #C45E2B1A}
[data-rest-surface=merchant] .ai-header b{display:flex;align-items:center;gap:8px}
.yum-bot-icon{width:30px;height:30px;flex:none;display:block}
@keyframes yum-bot-glow{from{box-shadow:0 0 0 3px #C45E2B12,0 6px 22px #C45E2B1A}to{box-shadow:0 0 0 5px #C45E2B20,0 6px 28px #C45E2B30}}
@media(prefers-reduced-motion:no-preference){[data-rest-surface=merchant] .assistant-panel{animation:yum-bot-glow 3s ease-in-out infinite alternate}}