/* FOOD VIBES — Turquoise / light-red website redesign */
:root{--fv-primary:#12b8b0;--fv-border:#f5aaaa;--fv-dark:#103d40;--fv-bg:#f2fbfa;--fv-soft:#e1f8f6}
body{color:var(--fv-dark);background:var(--fv-bg)}
body::before{height:5px;background:linear-gradient(90deg,var(--fv-primary),#78d8d1,var(--fv-border))}
a{color:#067e7b}
.customer-top,.admin-top,.dv-nav{border-bottom:2px solid var(--fv-border);background:#fff}
.customer-nav nav a.selected,.admin-nav a:hover{color:var(--fv-primary)}
.brand,.brand span{color:var(--fv-dark)}
.hero-home,.menu-banner,.dv-hero{background:linear-gradient(125deg,#e6fbfa,#f6fffd 45%,#ffe3e1)!important;border-bottom:2px solid var(--fv-border)}
.hero-home h1,.menu-banner h1{color:var(--fv-dark)}
.hero-kicker,.eyebrow{color:#067e7b}
.btn,.dv-btn{background:var(--fv-primary)!important;color:#fff!important;box-shadow:0 4px 14px #04a9a020}
.btn-outline,.dv-btn.secondary{background:white!important;color:#067e7b!important;border:1px solid var(--fv-border)!important}
.panel,.food-card,.dv-card,.menu-controls,.fv-custom-card{border:1.5px solid var(--fv-border)!important;border-radius:19px;background:#fff;box-shadow:0 8px 22px #127e7b0d}
.food-card{overflow:hidden;transition:transform .15s,border-color .15s}.food-card:hover{transform:translateY(-3px);border-color:var(--fv-primary)!important}
.food-photo{background:linear-gradient(130deg,#d9f8f4,#ffe9e8)}
.food-category,.food-bottom strong{color:#078a84}
.status-pill,.available-pill{border:1px solid var(--fv-border);background:#e9faf7;color:#145c56}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--fv-primary);outline-offset:2px}
.fv-announcement{background:var(--fv-dark);padding:10px 18px;text-align:center;color:white;font-weight:700;font-size:.9rem}
.fv-toast{position:fixed;bottom:25px;right:20px;z-index:9999;background:#075d58;color:white;padding:15px 22px;border-left:5px solid var(--fv-border);border-radius:12px;box-shadow:0 16px 35px #072f302c;max-width:calc(100vw - 40px);font-weight:750}
.fv-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fv-control{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid var(--fv-border);background:#fff;color:#086f69;border-radius:11px;font-weight:750;min-height:42px;text-decoration:none;cursor:pointer}
.fv-control:hover{background:var(--fv-soft);text-decoration:none}
.fv-table-wrap{overflow-x:auto;border:1px solid var(--fv-border);border-radius:13px}
.fv-table-wrap table{min-width:660px;width:100%;border-collapse:collapse}
.fv-table-wrap th{background:#e6faf8;color:var(--fv-dark);white-space:nowrap}
.fv-table-wrap tbody tr:nth-child(even){background:#f8fdfc}
.fv-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:24px 0}
.fv-pagination a,.fv-pagination span{display:inline-flex;justify-content:center;align-items:center;min-width:42px;min-height:40px;padding:8px 12px;background:white;border:1px solid var(--fv-border);border-radius:9px;color:#146c67;font-weight:750}
.fv-pagination .current{background:var(--fv-primary);color:#fff;border-color:var(--fv-primary)}
.fv-chat-thread{height:min(450px,60vh);overflow:auto;background:#f6fcfb;border:1px solid var(--fv-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
.fv-chat-bubble{max-width:83%;align-self:flex-start;background:#fff;border:1px solid var(--fv-border);border-radius:14px;padding:12px 15px;overflow-wrap:anywhere;white-space:pre-wrap}
.fv-chat-bubble.mine{align-self:flex-end;background:#d5f5f1;border-color:var(--fv-primary)}
.fv-chat-bubble small{display:block;margin-top:6px;color:#627474}
.fv-chat-form{display:flex;gap:10px;align-items:stretch;margin-top:12px}
.fv-chat-form textarea{flex:1;min-width:0;min-height:72px}
.fv-palette-preview{height:55px;border:2px solid var(--fv-border);border-radius:12px;background:linear-gradient(90deg,var(--fv-primary),#f1fffe,var(--fv-border))}
.fv-mobile-shortcuts{display:none}
@media(max-width:700px){.customer-nav,.admin-top{padding:12px;gap:10px}.customer-nav nav,.admin-nav{width:100%;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px 0 7px;scrollbar-width:thin}.customer-nav nav a,.admin-nav a{white-space:nowrap;min-height:36px;padding:6px 8px}.hero-home{min-height:280px}.hero-home h1{font-size:clamp(30px,9vw,46px)}.menu-banner{padding:26px 20px}.fv-chat-form{flex-direction:column}.fv-mobile-shortcuts{display:flex;position:sticky;bottom:0;z-index:9;background:#fff;gap:8px;justify-content:space-around;padding:9px;border-top:2px solid var(--fv-border)}.fv-mobile-shortcuts a{color:#097a75;font-weight:750;text-align:center;font-size:12px}.fv-mobile-shortcuts a span{display:block;font-size:20px}}

.fv-toast.bad{background:#a73345}