@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#172f29;--paper:#fffef8;--lime:#e8ff8b;--orange:#d95331;--line:#d9dfd7;--soft:#f0f3ec;--restaurant:#172f29}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d95331;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.03}h3{letter-spacing:-.035em;font-size:23px;font-weight:500}em{font-family:'Playfair Display',Georgia,serif;font-weight:500}img{display:block;max-width:100%}.site-header{padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.1;letter-spacing:-.5px}.brand b{font-weight:700}.brand-symbol{background:var(--ink);color:var(--lime);border-radius:50%;width:44px;height:44px;text-align:center;font:italic 36px/40px Georgia}.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--ink);color:white;padding:17px 24px;border-radius:6px;border:1px solid transparent;min-height:48px;font-weight:500}.button span{font-size:23px;line-height:1}.button.small{padding:12px 18px;gap:18px}.button.light{background:var(--lime);color:var(--ink)}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.wide{width:100%}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;margin:20px 24px;font-size:14px}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px}.hero>div:first-child{padding:70px 4vw 70px 6vw}.hero h1{font-size:clamp(48px,5.8vw,88px);max-width:720px}.hero h1 em{font-size:.94em;color:var(--orange)}.hero p{font-size:18px;margin:28px 0;line-height:1.65;color:#4d6259}.hero-type{background:var(--orange);display:grid;place-items:center;color:#fff3c7;padding:40px;font-size:clamp(35px,5vw,70px);line-height:1;font-weight:700;letter-spacing:-3px}.hero-photo{position:relative;overflow:hidden;min-height:560px;background:#a44027}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-caption{position:absolute;bottom:28px;left:28px;right:28px;padding:18px 22px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:8px}.photo-caption strong{display:block;font-size:20px;letter-spacing:-.6px}.photo-caption span{font-size:13px}.round-arrow{border:1px solid var(--ink);border-radius:50%;padding:10px;font-size:22px!important}.ribbon{background:var(--ink);color:var(--lime);display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;padding:22px 5vw;font-size:14px}.story{padding:90px 6vw;display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.story h2{font-size:clamp(40px,4vw,62px)}.features{display:grid;gap:25px}.feature{display:grid;grid-template-columns:35px 1fr;gap:18px;border-bottom:1px solid var(--line);padding-bottom:25px}.feature p{margin-top:8px;color:#53675d}.feature>span{font-size:13px}.cta-strip{margin:0 6vw 70px;padding:38px;background:var(--lime);display:flex;justify-content:space-between;gap:25px;align-items:center;border-radius:10px}.cta-strip h2{font-size:36px}footer{padding:25px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#52645b}.workspace{max-width:1400px;margin:auto;padding:40px 5vw 70px}.page-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.page-top h1{font-size:48px}.page-top p{margin-top:14px;color:#52645b}.tag{display:inline-block;padding:5px 10px;border:1px solid var(--line);border-radius:20px;font-size:12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:35px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.panel+.panel{margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-head span{font-size:12px;color:#607166}label{display:block;font-size:14px;margin:16px 0}input,select,textarea{width:100%;border:1px solid #bfcbbf;border-radius:6px;background:white;color:var(--ink);padding:12px;margin-top:7px;font-size:16px}input[type=color]{height:46px;padding:4px}input[type=file]{font-size:14px}textarea{min-height:110px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.helper{font-size:13px;color:#52645b;margin-top:12px}.menu-editor-row{display:grid;grid-template-columns:1fr 95px auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.menu-editor-row input{margin:0}.icon-button{background:var(--soft);border:0;border-radius:6px;min-width:44px;min-height:44px;font-size:18px;color:var(--ink)}.phone{max-width:385px;margin:auto;border:8px solid var(--ink);border-radius:32px;overflow:hidden;background:white;box-shadow:0 20px 50px #172f2912}.phone-head{padding:25px 22px;background:var(--restaurant);color:white;min-height:115px}.restaurant-logo{height:44px;max-width:150px;object-fit:contain;margin-bottom:10px}.phone-head h2{font:500 31px/1.1 'Playfair Display',Georgia,serif;letter-spacing:-1px}.phone-head p{font-size:13px;margin-top:8px}.phone-image{width:100%;height:185px;object-fit:cover}.phone-content{padding:22px}.phone-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.phone-item strong{font-weight:500}.phone-item small{display:block;margin-top:5px}.preview-label{text-align:center;margin:18px 0;font-size:13px}.menu-page{background:white}.restaurant-cover{background:var(--restaurant);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:300px}.restaurant-cover>div{padding:45px 6vw}.restaurant-cover h1{font:500 clamp(40px,5vw,70px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-2px}.restaurant-cover p{margin-top:15px}.restaurant-cover>img{width:100%;height:320px;object-fit:cover}.guest-layout{padding:40px 6vw 70px;display:grid;grid-template-columns:1fr 340px;gap:45px;align-items:start}.category-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.category-nav button{background:white;border:1px solid var(--line);padding:10px 18px;border-radius:30px;color:var(--ink)}.category-nav button.active{background:var(--restaurant);color:white}.dish{padding:25px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.dish p{color:#5d6a62;font-size:14px;margin:7px 0}.dish-price{font-weight:600;font-size:15px}.dish .actions{display:flex;align-items:center;gap:12px;flex:none}.basket{background:var(--soft);border-radius:12px;padding:26px}.basket h2{font-size:28px;margin-bottom:20px}.basket-row,.bill-total{display:flex;justify-content:space-between;gap:15px;margin:14px 0;font-size:14px}.bill-total{font-size:21px;padding-top:15px;border-top:1px solid #becabf}.basket .button{margin-top:12px}.status-label{padding:10px 13px;background:#fff0c2;border-radius:6px;font-size:14px;margin:16px 0}.status-label.paid{background:#d7efbf}.order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.order-card{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.order-card h3{margin-top:14px}.order-card .button{margin-top:10px;width:100%;font-size:14px;padding:12px}.empty{padding:65px 25px;border:1px dashed #b1c0b4;border-radius:12px;text-align:center}.empty p{margin:14px 0}.desk-nav{display:flex;gap:8px;margin-bottom:25px}.desk-nav button{padding:10px 18px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px}.desk-nav button.active{background:var(--ink);color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats>div{padding:22px;background:var(--soft);border-radius:10px}.stats strong{display:block;font-size:30px;font-weight:500;margin-top:9px}.stats span{font-size:14px}.simulation{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.simulation label{margin:0}.simulation select{width:auto;margin:0 0 0 10px}.error{color:#a12d16}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:8px;max-width:90vw;z-index:20;display:none}#toast.visible{display:block}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px;border-bottom:1px solid var(--line);font-size:14px;white-space:nowrap}th{font-weight:500}details{margin-top:22px}summary{cursor:pointer;font-size:14px;text-decoration:underline}.prototype-note{font-size:13px;padding:9px 5vw;text-align:center;background:var(--lime)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero>div:first-child{padding:50px 6vw}.hero-photo{min-height:400px}.hero h1{font-size:70px}.editor-layout{grid-template-columns:1fr 330px;gap:20px}.guest-layout{grid-template-columns:1fr 290px;gap:25px}.story{gap:35px}.order-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.site-header{padding:18px 5vw;align-items:start}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}.site-header nav>a:not(.button){font-size:12px}.site-header .small{padding:8px 12px;min-height:40px;font-size:13px}.brand{font-size:14px}.brand-symbol{width:36px;height:36px;font-size:30px;line-height:33px}.hero h1{font-size:51px}.hero p{font-size:16px}.hero .text-link{margin-left:0;display:block}.hero-photo{min-height:360px}.story,.editor-layout,.guest-layout,.restaurant-cover{grid-template-columns:1fr}.story{padding:50px 6vw}.story h2{font-size:43px}.cta-strip{padding:25px;display:block}.cta-strip .button{margin-top:22px}.cta-strip h2{font-size:31px}.page-top{display:block}.page-top h1{font-size:39px}.page-top .button{margin-top:20px}.workspace{padding-top:28px}.panel{padding:20px}.fields{grid-template-columns:1fr;gap:0}.menu-editor-row{grid-template-columns:1fr 80px 44px;gap:8px}.order-grid,.stats{grid-template-columns:1fr}.restaurant-cover>img{height:230px}.restaurant-cover>div{padding:30px 6vw}.guest-layout{padding-top:28px}.dish h3{font-size:21px}.dish{gap:10px}.dish .actions{gap:8px}footer{flex-direction:column;gap:8px}.simulation{align-items:start}.simulation select{margin:8px 0 0;width:100%}.ribbon{justify-content:flex-start}.phone{width:100%}}
@media(prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-2px)}.button{transition:transform .2s}.hero-photo img{animation:reveal .8s ease-out}@keyframes reveal{from{transform:scale(1.04)}to{transform:scale(1)}}}

.hero h1 em{letter-spacing:-.045em}.site-header .restaurant-logo{margin:0;max-width:75px;height:40px}

.category-card{border:1px solid #d5ddd5;border-radius:18px;padding:20px;margin:22px 0;background:#fafbf7}.category-heading{display:flex;align-items:center;gap:10px}.category-heading label{flex:1;min-width:0}.drag-handle{cursor:grab;font-size:28px}.dish-editor{background:white;border-radius:12px;padding:18px;margin:14px 0}.dish-editor .text-link{border:0;background:none;margin:8px 0;padding:0;font-size:13px}.category-card>.text-link{display:block;background:none;border:0;margin:16px 0 0}.preview-category{font-size:18px;margin:24px 0 8px}.guest-category{font-size:30px;margin:32px 0 8px}.category-nav{flex-wrap:wrap}.category-heading .icon-button{flex-shrink:0}@media(max-width:600px){.category-card{padding:12px}.category-heading{gap:6px}.category-heading .icon-button{width:30px;height:36px}.drag-handle{display:none}.dish-editor{padding:12px}}

.savunio-wordmark{font-family:"Playfair Display",Georgia,serif;font-size:39px;font-weight:600;letter-spacing:-2px;line-height:1.05;display:inline-block;padding-bottom:4px}.wordmark-dot{color:var(--orange)}@media(max-width:650px){.savunio-wordmark{font-size:31px;letter-spacing:-1.5px}}

.restaurant-title{display:flex;align-items:center;gap:16px}.restaurant-title .restaurant-logo{flex:0 0 64px;width:64px;height:64px;object-fit:contain;margin:0}.restaurant-title h1,.restaurant-title h2{min-width:0;overflow-wrap:anywhere;margin:0}.phone-head .restaurant-title{gap:12px}.phone-head .restaurant-title .restaurant-logo{flex-basis:44px;width:44px;height:44px}@media(max-width:650px){.restaurant-title{gap:12px}.restaurant-title .restaurant-logo{flex-basis:48px;width:48px;height:48px}}

.restaurant-title .restaurant-logo{order:2}.restaurant-title h1,.restaurant-title h2{order:1}

.restaurant-title .restaurant-logo,.phone-head .restaurant-title .restaurant-logo{flex:0 0 var(--logo-size,80px);width:var(--logo-size,80px);height:var(--logo-size,80px);max-width:45%;object-fit:contain}#logo-size{padding:0;accent-color:var(--ink);cursor:ew-resize}#logo-size-value{float:right;font-weight:400}

.category-icon{width:24px;height:24px;flex:0 0 24px;vertical-align:middle;margin-right:8px}.preview-category,.guest-category{display:flex;align-items:center}.category-nav button{display:inline-flex;align-items:center}.category-heading>.category-icon{margin-right:0;color:var(--orange)}

.icon-picker summary{display:flex;align-items:center;text-decoration:none;color:var(--ink)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;margin:16px 0}.icon-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px 5px;font-size:11px;color:var(--ink)}.icon-grid .category-icon{margin:0;width:28px;height:28px}.icon-grid button[aria-pressed=true]{background:var(--lime);border-color:var(--ink)}

.icon-picker summary{padding:12px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--lime);font-weight:600;min-height:48px}.icon-picker summary>span{margin-left:auto}

.cloud-panel{margin-bottom:28px;border:1px solid #c8d3b6;background:#f3f6e8}.cloud-panel h3{margin:8px 0;font-size:26px}.cloud-panel form{display:flex;align-items:end;gap:14px;max-width:650px}.cloud-panel form label{flex:1;margin:0}.cloud-panel form .button{white-space:nowrap}.cloud-actions{display:flex;flex-wrap:wrap;gap:10px}.cloud-account{overflow-wrap:anywhere}.cloud-status{min-height:24px;margin-bottom:0!important}.editor-layout[inert]{opacity:.6}.cloud-panel button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.cloud-panel form{align-items:stretch;flex-direction:column}.cloud-panel form .button{white-space:normal}.cloud-actions .button{flex:1}.cloud-panel h3{font-size:23px}}

.publish-panel{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;border-top:4px solid var(--green,#172f29)}.publish-panel h3{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1.15}.publish-panel p{max-width:48ch}.share-code{background:white;padding:12px;width:240px;max-width:100%;margin:24px 0}.share-code svg{display:block;width:100%;height:auto}.publish-panel input{font-size:14px}.public-menu-content{max-width:820px;margin:0 auto;padding:32px 24px 64px}.public-menu-content .category-nav{flex-wrap:wrap}.public-menu-content section{scroll-margin-top:24px}.public-menu-content .dish-price{white-space:nowrap}.public-menu-content .dish-price small{display:block;font-size:14px}.public-guest .site-header{position:static}.public-guest footer{flex-wrap:wrap}.public-guest h1{overflow-wrap:anywhere}@media(max-width:700px){.publish-panel{grid-template-columns:1fr;gap:20px}.public-guest .site-header>span:last-child{display:none}.public-menu-content{padding:20px}.public-menu-content .dish{gap:16px}.publish-panel h3{font-size:2rem}}

#account-nav{display:flex;align-items:center;gap:20px}.account-status{display:flex;flex-direction:column;font-size:14px;line-height:1.4;max-width:240px}.account-status strong{overflow:hidden;text-overflow:ellipsis}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tabs button{padding:12px 20px;border:1px solid #172f29;border-radius:8px;background:transparent;color:#172f29;font:inherit;cursor:pointer}.auth-tabs button[aria-pressed="true"]{background:#172f29;color:white}#cloud-panel{scroll-margin-top:100px}@media(max-width:700px){#account-nav{gap:12px;flex-wrap:wrap}.site-header nav #account-nav a{display:inline-flex}.account-status{max-width:180px;font-size:12px}.cloud-account{overflow-wrap:anywhere}}

.account-page{max-width:1120px;margin:0 auto;padding:80px 32px 100px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;min-height:72vh}.account-intro>.text-link{display:block;margin-bottom:44px}.account-intro h1{font-size:clamp(3rem,5vw,5rem);line-height:1.05;margin:20px 0}.account-intro>p{max-width:36ch}.account-form .cloud-panel{display:block;margin:0;padding:36px}.account-form h3{font-size:1.8rem}.account-form form{display:block}.account-form form button{width:100%;margin-top:16px}.auth-switch{margin-top:24px;font-size:16px}.auth-switch a{text-decoration:underline;font-weight:600}@media(max-width:700px){.account-page{grid-template-columns:1fr;gap:28px;padding:32px 20px 56px}.account-intro>.text-link{margin-bottom:24px}.account-intro h1{font-size:3rem}.account-form .cloud-panel{padding:24px}.account-intro>.helper{display:none}}

.publish-toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#172f29;color:white;border-radius:14px;padding:22px 28px;margin:0 0 32px;box-shadow:0 10px 25px #172f2920}.publish-toolbar:empty{display:none}.publish-guidance{display:flex;flex-direction:column;gap:6px}.publish-guidance strong{font-size:20px}.publish-guidance span{font-size:14px;color:#e6eadf}.publish-controls{display:flex;gap:12px;align-items:center}.publish-toolbar .publish-primary{background:#e8ff8b;color:#172f29;font-size:17px;min-height:54px}.publish-toolbar .outline{color:white;border-color:#ffffff70}.publish-toolbar button:disabled{opacity:.6}@media(max-width:700px){.publish-toolbar{padding:16px;gap:14px;flex-direction:column;align-items:stretch;top:0}.publish-controls{display:grid;grid-template-columns:1fr}.publish-controls .outline{padding:10px;min-height:40px}.publish-guidance strong{font-size:18px}.publish-guidance span{font-size:14px}.publish-toolbar .publish-primary{width:100%}}
/* Guest checkout and the real restaurant order desk. */
.guest-order-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:14px 20px;background:#fffef8;border-top:1px solid #d6ddcf;display:grid;justify-content:center;gap:7px;box-shadow:0 -6px 30px #172f2910}.guest-order-dock small{text-align:center;color:#59675e}.public-guest{padding-bottom:110px}.public-guest .dish{gap:15px;align-items:center}.public-guest .dish>div{flex:1}.public-guest .dish .button{white-space:nowrap}.order-dialog{width:min(560px,calc(100% - 28px));max-height:85vh;overflow:auto;border:0;border-radius:18px;padding:30px;background:#fffef8;color:#172f29;box-shadow:0 20px 100px #0004}.order-dialog::backdrop{background:#10282099;backdrop-filter:blur(4px)}.order-dialog h2{font:36px/1.1 Georgia,serif;margin:24px 0}.order-dialog p{line-height:1.6}.order-dialog input{width:100%;padding:14px;margin:8px 0;font:inherit;border:1px solid #b9c7bc;border-radius:8px}.order-dialog label{display:block;margin-top:20px}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #dde3d8}.cart-line small{display:block;margin-top:5px}.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:38px;height:38px;border:1px solid #bdc9bd;background:white;border-radius:50%;font-size:22px}.order-message{color:#8d3427}.live-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.live-order h2{font:30px Georgia,serif}.live-order .tag{text-transform:capitalize}.live-order .cloud-actions{margin-top:20px}@media(max-width:600px){.public-guest .dish{flex-wrap:wrap}.public-guest .dish>div{min-width:55%}.order-dialog{padding:22px}.guest-order-dock>.button{width:calc(100vw - 40px)}.live-order-grid{grid-template-columns:1fr}}
/* Touch-first selection: count and selected state stay visible beside every dish. */
.dish-picker{flex:0 0 auto!important;min-width:136px!important;text-align:center}.dish-picker>.button{min-height:48px;min-width:136px}.dish-quantity{display:flex;align-items:center;justify-content:space-between;min-width:136px;min-height:48px;border-radius:12px;background:#172f29;border:1px solid #172f29;color:#fff}.dish-quantity button{border:0;background:transparent;color:inherit;min-width:44px;min-height:48px;font:24px Arial,sans-serif;cursor:pointer;touch-action:manipulation}.dish-quantity output{min-width:28px;font-size:18px;font-weight:700}.dish-picker small{display:block;font-size:12px;color:#355b39;margin-top:5px}.dish-quantity button:disabled{opacity:.35;cursor:default}.dish-quantity button:focus-visible,.dish-picker>.button:focus-visible{outline:3px solid #d95331;outline-offset:3px}.order-stage{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:9px 14px;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;background:#edf0e9;color:#3e5046}.order-stage:before{content:'';height:8px;width:8px;border-radius:50%;background:currentColor;flex-shrink:0}.stage-new,.stage-accepted{background:#e9efff;color:#284d91}.stage-preparing{background:#fff0d5;color:#855213}.stage-ready{background:#e8ff8b;color:#244824}.stage-served{background:#e4f1e7;color:#2d6441}.stage-declined{background:#fbe8e3;color:#963b2c}.order-dialog .order-stage{margin-top:22px}.order-dialog h2{font-size:clamp(26px,5vw,36px)}.live-order .section-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.live-order .cloud-actions>.button{min-height:48px;flex:1}.live-order-grid{align-items:start}.live-order-grid>.panel{margin:0}.public-guest button,.order-dialog button,.live-order button{touch-action:manipulation}.order-dialog .quantity button{min-width:44px;min-height:44px}.guest-order-dock{padding-bottom:max(14px,env(safe-area-inset-bottom))}.order-dialog{max-height:85dvh;overscroll-behavior:contain}.public-guest .dish h3{overflow-wrap:anywhere}body:has(.order-dialog[open]){overflow:hidden}@media(max-width:700px){input,select,textarea,.order-dialog input{font-size:16px!important}.public-guest .dish{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.public-guest .dish>div:first-child{grid-column:1 / -1;min-width:0}.public-guest .dish-picker{grid-column:2;grid-row:2;min-width:136px!important}.public-guest .dish-price{grid-column:1;grid-row:2;align-self:center}.order-dialog .button{min-height:48px}.order-dialog>button[data-cart="send"]{width:100%}.order-dialog .section-head{gap:12px}.order-dialog .cart-line{gap:10px}.live-order .section-head h2{font-size:28px}.order-stage{font-size:14px}}
/* Quiet, editorial checkout: one message per step, breathing room between decisions. */
.order-dialog{padding:0;width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 48px);border-radius:22px;scrollbar-width:thin}.order-dialog-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:#fffef8;border-bottom:1px solid #e7ebe2}.order-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #dce2d7;border-radius:50%;color:#172f29;background:transparent;font:28px/1 Arial,sans-serif;cursor:pointer}.order-dialog-body{padding:28px}.order-dialog h2{font:normal clamp(28px,6.8vw,36px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px;max-width:18ch}.order-dialog .order-intro{font-size:15px;line-height:1.55;color:#657268;margin:0 0 28px}.order-dialog .order-stage{margin:0 0 20px;padding:7px 12px;font-size:12px}.order-dialog .cart-line{padding:19px 0;gap:16px;align-items:center}.order-dialog .cart-line>div:first-child{min-width:0}.order-dialog .cart-line strong{font-size:15px;font-weight:600;line-height:1.45;display:block}.order-dialog .cart-line small{font-size:13px;color:#657268;margin-top:5px}.order-dialog .quantity{flex-shrink:0;gap:8px}.order-dialog .quantity button{color:#172f29;appearance:none;-webkit-appearance:none;font:22px/1 Arial,sans-serif;border-color:#dce2d7;width:40px;min-width:40px;height:44px;background:transparent}.order-dialog .quantity span{font-size:15px;min-width:14px;text-align:center}.order-dialog .order-table-field{margin:28px 0 20px}.order-dialog .order-table-field label{margin:0 0 9px;font-size:14px;font-weight:600}.order-dialog .order-table-field input{margin:0;height:52px;padding:14px 16px;font:16px Arial,sans-serif;border-color:#cad5c8;border-radius:10px}.order-dialog .order-table-field .helper{font-size:12px;margin:8px 0 0}.order-dialog .order-allergy{font-size:13px;line-height:1.6;color:#657268;margin:0 0 24px;max-width:36ch}.order-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid #dce2d7}.order-total>span{font-size:14px}.order-total>strong{font-size:24px;font-weight:600;letter-spacing:-.04em;white-space:nowrap}.order-checkout-action>.button{width:100%;min-height:54px;justify-content:center;font-size:16px;border-radius:11px}.order-dialog .order-payment{font-size:12px;line-height:1.6;color:#657268;text-align:center;margin:13px 0 0}.order-reference{display:flex;justify-content:space-between;gap:16px;margin:30px 0 8px;font-size:13px}.order-reference>span{color:#657268}.receipt-line{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:18px 0;border-bottom:1px solid #e7ebe2;font-size:14px;line-height:1.55}.receipt-line strong{white-space:nowrap;font-weight:500;font-size:13px}.receipt-qty{color:#657268}.receipt-lines+.order-total{border-top:0;padding-top:24px}.order-receipt-actions{margin-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.order-receipt-actions .button{font-size:14px;min-height:48px;padding:12px 18px}.order-receipt-actions>.helper{font-size:12px;margin:0}.order-message:empty{display:none}.order-dialog .order-message{font-size:14px;line-height:1.5;margin:18px 0 0}@media(max-width:420px){.order-dialog-header{padding:16px 20px}.order-dialog-body{padding:24px 20px}.order-dialog .cart-line{gap:10px}.order-dialog .quantity{gap:5px}.receipt-line{grid-template-columns:22px minmax(0,1fr);gap:6px 8px}.receipt-line strong{grid-column:2;color:#657268}.order-dialog h2{font-size:29px}.order-dialog .cart-line>div:first-child strong{font-size:14px}}

.desk-views{margin:24px 0;gap:12px}.desk-views .button{min-height:48px}@media(max-width:520px){.desk-views{display:flex}.desk-views .button{flex:1;padding:14px 12px}}

.team-member{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #dce3da}.team-member strong{overflow-wrap:anywhere}.order-alert:not(:empty){padding:18px 22px;margin:20px 0;background:#edff8c;color:#172f29;border-radius:14px;font-weight:700}#team-manager .panel,#team-workspaces .panel{margin:24px 0}#team-account form,#team-add{max-width:480px}#team-status{min-height:24px}@media(max-width:520px){.team-member{align-items:stretch;flex-direction:column}.team-member .button{width:100%}}

/* Staff onboarding: calm, readable forms on small screens. */
.team-join{display:grid;gap:14px;width:min(100%,340px)}.team-join label{display:grid;gap:8px}.team-member{flex-wrap:wrap;gap:18px}.team-member h3{margin:8px 0}.team-join input{font-size:16px;min-height:48px}.team-join .button{min-height:48px}@media(max-width:600px){.team-join{width:100%}.team-member>.button{flex:1}.team-member>div{width:100%}}

/* A quiet, focused staff welcome. */
.team-page .workspace{max-width:760px}.team-page .page-top{margin-bottom:32px}.team-page #team-account{padding:clamp(24px,5vw,48px)}.team-page #team-auth{display:flex;flex-direction:column;gap:20px;max-width:480px;margin:28px 0}.team-page #team-auth label{display:flex;flex-direction:column;gap:10px}.team-page #team-auth input{width:100%;min-height:52px;font-size:16px}.team-page .invite-email{overflow-wrap:anywhere;color:#54685e;font-size:15px}.onboard-progress{font-size:13px;letter-spacing:.04em;color:#54685e}.onboard-actions{display:flex;gap:12px;margin-top:8px}.onboard-actions .button:last-child{flex:1}.team-page .cloud-actions{gap:16px;margin-top:24px}.team-page #team-account h2{margin:16px 0;font-size:clamp(28px,5vw,40px);line-height:1.15}
/* Savunio service system: calm typography, clear tasks, compact supporting controls. */
h1,h2{letter-spacing:-.04em;line-height:1.12}h3{letter-spacing:-.025em;line-height:1.25}.helper{font-size:14px;line-height:1.55}.button{gap:12px;min-height:48px;font-weight:600;transition:background .15s,color .15s}.button:hover{transform:none;filter:brightness(.96)}.button.outline:hover{background:var(--soft)}.panel{box-shadow:none;border-radius:16px}.eyebrow{letter-spacing:.13em;margin-bottom:12px}.workspace{padding-top:32px}.page-top h1{font-size:40px}.page-top p{margin-top:8px}.page-top{margin-bottom:24px}.cloud-actions{align-items:center}.section-head{margin-bottom:18px}.empty{border-style:solid;background:#f7f9f4;padding:56px 24px}.empty h2{font-size:28px}.empty p{color:#52645b;max-width:38ch;margin:12px auto 0}.empty .button{margin-top:24px}
.team-page.team-signed-in .workspace{max-width:1240px;padding-top:20px}.team-signed-in .workspace>.page-top{display:none}.team-signed-in #team-account{padding:0 0 18px;border:0;border-radius:0;background:none;margin-bottom:28px;border-bottom:1px solid var(--line)}.team-signed-in #team-account .section-head{margin:0}.team-signed-in #team-account .eyebrow{margin-bottom:3px;font-size:11px}.team-signed-in #team-account p{font-size:14px;overflow-wrap:anywhere}.team-signed-in #team-account .button{min-height:40px;padding:8px 16px;font-size:14px}.team-page #team-status:empty{display:none}.team-page #team-status:not(:empty){padding:14px 18px;background:var(--soft);border-radius:10px;margin-bottom:20px}.team-page:not(.team-signed-in) .workspace{max-width:600px;padding-top:48px}.team-page:not(.team-signed-in) .workspace>.page-top{display:none}.team-page:not(.team-signed-in) #team-account{padding:32px}.team-page #team-auth{max-width:none}.team-page #team-auth label{margin:0}.team-page #team-auth .helper{margin:0}.team-page #team-account h2{font-size:32px;letter-spacing:-.035em}.team-page .team-places{margin-top:24px;padding:18px 22px}.team-places summary{font-size:16px;font-weight:600;text-decoration:none}.team-places[open] summary{margin-bottom:24px}.team-places .team-member{padding:20px 0}.team-places .team-member h3{font-size:22px}.team-places .team-member .eyebrow{display:none}.team-places .team-member .helper{margin-top:6px}.team-page #team-manager{margin-top:24px}.team-page #team-manager:empty{display:none}
#live-orders .page-top{align-items:center;margin-bottom:8px}#live-orders .page-top .button{padding:10px 18px;font-size:14px}#live-orders .page-top h1{font-size:38px}#live-orders .desk-sync{font-size:13px;color:#617168;margin:0 0 24px}#live-orders .desk-views{border-bottom:1px solid var(--line);gap:24px;margin-bottom:16px}#live-orders .desk-views .button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 0;color:#617168;min-height:48px}#live-orders .desk-views .button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink)}#live-orders .desk-sound{margin:0 0 24px;justify-content:space-between}#live-orders .desk-sound .helper{margin:0;font-size:13px}.order-alert:empty{display:none}.live-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.live-order{margin:0!important;padding:24px}.live-order h2{font-size:26px;letter-spacing:-.03em}.live-order h3{font-size:23px;margin-top:20px}.live-order .section-head{margin-bottom:8px}.live-order .cart-line{font-size:15px;align-items:start}.live-order .cart-line strong{font-weight:500}.live-order .cloud-actions{margin-top:20px}.live-order .cloud-actions .button:first-child{flex:1}.push-panel{margin:24px 0;padding:16px 22px;background:transparent;border:1px solid var(--line)}.push-panel summary{text-decoration:none;font-weight:500}.push-panel p{max-width:60ch}
.editor-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:40px}.editor-layout>aside{position:sticky;top:180px}.category-card{background:#f7f9f4;border-radius:14px;margin:24px 0;padding:20px}.category-card .icon-picker{margin-top:8px}.icon-picker summary{background:white;border-color:var(--line);font-size:14px;padding:10px 14px}.dish-editor{border:1px solid var(--line);padding:18px}.dish-editor label:first-child{margin-top:0}.category-heading label{margin-top:0}.publish-toolbar{padding:18px 22px;border-radius:12px;box-shadow:0 6px 20px #172f2910}.publish-guidance strong{font-size:18px}.publish-guidance span{max-width:45ch}.publish-controls .button{font-size:15px;min-height:48px}.publish-panel{border-top:1px solid var(--line);padding-top:32px}.publish-panel h3{font-family:inherit;font-size:30px;letter-spacing:-.03em}.cloud-panel{background:#f7f9f4}.account-form .cloud-panel{background:white;border-color:var(--line)}.account-page{gap:56px;padding-top:64px}.account-intro h1{font-size:clamp(40px,5vw,64px)}.account-intro>.text-link{margin-left:0}.account-form h3{font-size:26px;letter-spacing:-.03em}
.public-menu-content{max-width:900px}.public-menu-content .dish h3{font-size:22px;line-height:1.3}.public-menu-content .dish{padding:26px 0}.public-menu-content .guest-category{font-size:28px;letter-spacing:-.025em;margin-top:40px}.category-nav{gap:8px}.category-nav button{font-size:14px;min-height:44px}.order-dialog{padding:28px;max-height:calc(100dvh - 40px);border-radius:20px}.order-dialog h2{font-size:30px;line-height:1.18;letter-spacing:-.035em}.order-dialog .cart-line{align-items:start;gap:20px}.order-dialog .cart-line strong{font-size:16px;line-height:1.4}.order-dialog .cart-line small{font-size:14px}.guest-order-dock{padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #172f2908}.guest-order-dock .button{min-width:min(480px,calc(100vw - 40px))}
@media(max-width:700px){.site-header{padding:16px 20px;align-items:center}.site-header nav{gap:12px}.workspace{padding:24px 20px 48px}.page-top h1{font-size:32px}.team-page.team-signed-in .workspace{padding:16px 20px 40px}.team-signed-in #team-account{margin-bottom:24px}.team-page:not(.team-signed-in) .workspace{padding:24px 20px}.team-page:not(.team-signed-in) #team-account{padding:24px}.team-page #team-account h2{font-size:28px}.team-page .cloud-actions .button{flex:initial}#live-orders .page-top{display:flex;align-items:center;gap:12px}#live-orders .page-top h1{font-size:32px}#live-orders .page-top .button{margin:0;min-height:44px}#live-orders .page-top p{font-size:14px}#live-orders .desk-sound .helper{max-width:22ch}#live-orders .desk-sound{gap:12px;align-items:center}.live-order{padding:20px}.live-order-grid{grid-template-columns:1fr}.live-order .cloud-actions .button{min-height:52px}.team-places .team-member{flex-wrap:wrap}.editor-layout{grid-template-columns:1fr}.editor-layout>aside{position:static}.publish-toolbar{gap:12px;padding:16px}.publish-controls{grid-template-columns:1fr auto}.publish-controls .button{padding:12px;font-size:14px}.category-card{padding:14px}.dish-editor{padding:14px}.panel{padding:20px}.account-page{padding:24px 20px 48px;gap:24px}.account-intro h1{font-size:40px}.account-intro>.text-link{margin-bottom:24px}.account-form .cloud-panel{padding:24px}.order-dialog{padding:22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.public-menu-content .dish h3{font-size:19px}.public-menu-content .guest-category{font-size:25px}.restaurant-cover>div{padding:32px 20px}.restaurant-cover>img{height:210px}.public-menu-content .category-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.public-menu-content .category-nav button{flex:none}.public-menu-content .dish{gap:12px}.guest-order-dock .button{min-width:calc(100vw - 40px)}.helper{font-size:14px}}

.draft-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;margin-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.draft-status strong{font-size:15px}.draft-status .helper{margin:4px 0 0;font-size:13px}.draft-controls .button{padding:10px 18px;font-size:14px}.draft-options{margin:0;position:relative}.draft-options summary{padding:12px 8px;text-decoration:none;font-size:14px}.draft-options>div{position:absolute;z-index:25;right:0;top:100%;width:220px;background:white;padding:12px;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #172f2915;display:grid;gap:8px}.public-menu-content .category-nav a{white-space:nowrap;border-radius:99px;padding:10px 16px;font-size:14px;min-height:44px}.account-status{font-size:12px}.account-status strong{font-size:13px}.team-page .team-places summary::marker{color:#617168}@media(max-width:700px){.draft-controls{gap:12px}.draft-status{flex:1;min-width:180px}.draft-controls .cloud-actions{flex-wrap:nowrap}.public-menu-content .category-nav a{flex:none}.site-header nav{max-width:none}.site-header nav>a{font-size:13px!important}.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:flex-start}.team-page .site-header,.public-guest .site-header{flex-wrap:nowrap}.account-status{display:none}}

.nav-toggle{display:none}@media(max-width:700px){.site-header{position:relative;flex-wrap:wrap}.nav-toggle{display:inline-flex;margin-left:auto}.site-header #main-navigation{display:none;width:100%;padding:18px 0 4px;gap:20px;border-top:1px solid var(--line);margin-top:4px;align-items:stretch}.site-header.nav-open #main-navigation{display:flex;flex-direction:column}.site-header #main-navigation>a{font-size:16px!important}.site-header #account-nav{justify-content:space-between;align-items:center}.site-header .savunio-wordmark{font-size:32px}}

#live-orders .desk-sync{margin:8px 0 12px}#live-orders .desk-views{margin-bottom:12px}#live-orders .desk-sound{margin-bottom:20px;justify-content:flex-start;gap:14px}#live-orders .desk-sound .helper{font-size:12px;max-width:none}#live-orders .desk-sound .button{padding:8px 14px;min-height:40px;font-size:13px}.live-order .cloud-actions .button{padding:12px 16px;gap:8px}.live-order .cloud-actions .button:first-child{min-width:140px}.team-signed-in #team-account .eyebrow{display:none}.team-signed-in #team-account{padding-bottom:14px;margin-bottom:24px}

@media(max-width:700px){.workspace>.page-top{display:flex;align-items:center}.workspace>.page-top>.cloud-actions{flex:none}.workspace>.page-top>.cloud-actions .button{margin:0;padding:10px 14px}.workspace>.page-top .eyebrow{font-size:11px}.workspace>.page-top p{font-size:14px;max-width:23ch}.draft-controls{padding:12px 0;margin-bottom:16px}.publish-toolbar{margin-bottom:24px}.publish-guidance strong{font-size:16px}.publish-guidance span{font-size:13px}.team-page .workspace>.page-top{display:none}}

body[data-view=login] .site-header nav,body[data-view=signup] .site-header nav,body[data-view=forgot] .site-header nav,body[data-view=reset] .site-header nav{display:none}.account-form .cloud-panel>div:first-child{display:none}.account-form .cloud-panel label{margin:18px 0}.account-form .cloud-panel label:first-child{margin-top:0}.account-form .cloud-panel form>p a{text-decoration:underline;text-underline-offset:3px;font-size:14px}.account-form .cloud-panel form{margin-top:0}@media(max-width:700px){.account-intro h1{font-size:36px;margin:12px 0}.account-intro>.eyebrow{display:none}.account-intro>.text-link{margin:0 0 18px}.account-intro>p{font-size:14px}.account-page{gap:20px}.account-intro h1 br{display:none}.account-intro h1 em:before{content:' '}.account-form .cloud-panel{padding:24px}}

#publish-panel{scroll-margin-top:130px}.team-owner-back{display:inline-block;font-size:14px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}#team-manager h1{font-size:36px}#team-add{display:flex;gap:16px;align-items:end;margin:24px 0}#team-add label{flex:1;margin:0;max-width:520px}#team-add .button{flex:none}.team-member>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.team-member>.button{padding:10px 16px;min-height:44px;font-size:14px}.team-member [data-team=remove]{border:0;color:#6c5148}#team-manager .panel{padding:32px}@media(max-width:700px){#publish-panel{scroll-margin-top:190px}#team-manager .panel{padding:20px}#team-manager h1{font-size:30px}#team-add{flex-direction:column;align-items:stretch}#team-add label{width:100%}.team-member{gap:12px;flex-wrap:wrap}.team-member>div:first-child{flex-basis:100%}}