.phone-takeaway{--phone-border:var(--border);--phone-warning-bg:#fff4df;--phone-warning-text:#624019;--phone-success-bg:#eaf5ed;--phone-success-text:#205239;min-width:0;color:var(--foreground)}
.nbi-theme .phone-takeaway{--phone-warning-bg:#33231b;--phone-warning-text:#f2d4ad;--phone-success-bg:#193126;--phone-success-text:#c2e2cf}
.phone-takeaway-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.phone-takeaway-heading h2,.phone-takeaway-heading h3{margin-top:0}.phone-takeaway-status{display:inline-flex;border:1px solid var(--phone-border);padding:4px 7px;font-size:12px;font-weight:600;line-height:1.4;white-space:normal}.phone-takeaway-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px;border-bottom:1px solid var(--phone-border);padding-bottom:12px}.phone-takeaway-tabs [aria-current=page]{border-color:var(--primary);background:var(--nbi-accent-soft,var(--card));font-weight:650}.phone-takeaway .nbi-muted{color:var(--muted);font-size:13px;line-height:1.6}.phone-takeaway p{line-height:1.55;overflow-wrap:anywhere}.phone-takeaway h3{font-size:16px;margin:18px 0 12px}.phone-takeaway h4{font-size:14px;margin:20px 0 10px}.phone-takeaway label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.phone-takeaway :is(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%;min-height:42px;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:4px;padding:8px 10px;font:inherit}.phone-takeaway textarea{resize:vertical;min-height:72px}.phone-takeaway fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px}.phone-takeaway legend{font-size:14px;font-weight:600;margin-bottom:12px}.phone-takeaway :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.phone-takeaway :is(button,input,select,textarea):disabled{opacity:.5;cursor:not-allowed}.phone-takeaway .nbi-button:not(:disabled):hover{border-color:var(--muted);filter:brightness(1.06)}.phone-takeaway-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.phone-takeaway-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-takeaway-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:24px;margin:18px 0}.phone-takeaway-menu-list,.phone-takeaway-order-list,.phone-takeaway-lines,.verification-inbox{padding:0;margin:0;list-style:none}.phone-takeaway-menu-list>li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--phone-border)}.phone-takeaway-menu-list>li>div{min-width:0}.phone-takeaway-menu-list strong{display:block;overflow-wrap:anywhere;font-size:14px}.phone-takeaway-menu-list small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:5px}.phone-takeaway-menu-list input{width:72px;text-align:center}.phone-takeaway-empty{border:1px solid var(--phone-border);padding:14px;line-height:1.6;margin:12px 0}.phone-takeaway-empty strong{display:block}.phone-takeaway-empty p{margin:6px 0 0}.phone-takeaway-warning{background:var(--phone-warning-bg);color:var(--phone-warning-text);border-left:3px solid #aa8046;padding:12px 14px;margin:12px 0;line-height:1.6}.phone-takeaway-warning .nbi-button{color:var(--foreground)}.phone-takeaway-warning strong{display:block}.phone-takeaway-warning p{margin:6px 0}.phone-takeaway-notice{background:var(--phone-success-bg);color:var(--phone-success-text);border-left:3px solid #669979;padding:12px 14px}.phone-takeaway-reference{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.6;margin:6px 0}.phone-takeaway-warning .phone-takeaway-reference{color:var(--phone-warning-text)}.phone-takeaway-readback{border:1px solid var(--phone-border);padding:16px;margin:20px 0;max-width:900px}.phone-takeaway-readback h3{margin-top:0}.phone-takeaway-lines>li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--phone-border);padding:8px 0;font-size:13px;line-height:1.6}.phone-takeaway-lines span{min-width:0;overflow-wrap:anywhere}.phone-takeaway-lines strong{white-space:nowrap;font-weight:600}.phone-takeaway-total{display:flex;justify-content:space-between;gap:12px;font-size:14px}.phone-takeaway-check{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:flex-start;line-height:1.6;margin:10px 0}.phone-takeaway-check input{width:17px;height:17px;min-height:0;padding:0;margin:3px 0 0;flex:0 0 auto;accent-color:var(--primary)}.phone-takeaway-queue{border-top:1px solid var(--phone-border);padding-top:12px;margin-top:24px}.phone-takeaway-order-list>li{padding:16px 0;border-bottom:1px solid var(--phone-border)}.phone-takeaway-order-list>li>.phone-takeaway-heading>strong{font-size:15px;overflow-wrap:anywhere}.phone-takeaway-order-list>li>p{margin:8px 0;font-size:13px}.phone-takeaway-order-list .phone-takeaway-lines{max-width:800px}.phone-takeaway-cancellation{padding:12px;border:1px solid var(--phone-border);max-width:800px}.phone-takeaway details{margin:12px 0}.phone-takeaway summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.7}.phone-takeaway summary:hover{text-decoration:underline}.phone-takeaway details>p{font-size:13px}.phone-takeaway-menu-editor{margin-top:28px!important;border-top:1px solid var(--phone-border);padding-top:14px}.verification-inbox>li{border-bottom:1px solid var(--phone-border);padding:12px 0;overflow-wrap:anywhere;font-size:13px}.verification-inbox p{margin:6px 0}.verification-inbox code{font-size:16px;letter-spacing:2px;font-weight:650;color:var(--foreground)}.verification-inbox small{display:block;color:var(--muted);line-height:1.6}.contact-verification-settings{max-width:1000px}.contact-verification-settings form{border-block:1px solid var(--phone-border);padding:16px 0;margin:16px 0}
.guest-contact-verification,.guest-contact-confirmation{margin:18px 0;padding:16px 0;border-block:1px solid #d8e0dc;min-width:0}.guest-contact-verification h3,.guest-contact-confirmation h3{font-size:16px;margin:0 0 10px}.guest-contact-verification p,.guest-contact-confirmation p{line-height:1.6;overflow-wrap:anywhere}.guest-contact-verification .guest-secondary{margin:6px 0;min-height:42px;white-space:normal}.guest-contact-verification .guest-field{margin-top:12px}.guest-contact-verification input{max-width:220px;letter-spacing:3px}.guest-verification-success{border-left:3px solid #44815e;background:#edf6ef;color:#205239;padding:10px 12px;font-size:14px}.guest-contact-confirmation{text-align:left}.guest-contact-verification :is(button,input,select):focus-visible{outline:2px solid #376a4f;outline-offset:3px}
@media(max-width:1024px){.phone-takeaway-layout{grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr);gap:18px}.phone-takeaway-fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.phone-takeaway-layout{grid-template-columns:minmax(0,1fr);gap:12px}.phone-takeaway-fields{grid-template-columns:minmax(0,1fr)}.phone-takeaway-heading{align-items:flex-start}.phone-takeaway-tabs .nbi-button{flex:1 1 150px}.phone-takeaway-actions>.nbi-button{flex:1 1 auto;min-height:44px}.phone-takeaway-order-list>li{padding:14px 0}.phone-takeaway-readback{padding:12px}.phone-takeaway-check{font-size:13px}.phone-takeaway-menu-list input{width:68px;min-height:44px}.guest-contact-verification,.guest-contact-confirmation{padding:14px 0}.guest-contact-verification .guest-secondary{width:100%}}
