
#billing-v1-preview {--paper:#F5EBDC;--surface:#FFFDF8;--ink:#5C3A2E;--muted:#80634F;--accent:#A04535;--line:#D9C4A9;--soft:#FAEEDA;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;font-synthesis:weight;color:var(--ink);font-size:14px;line-height:1.5;color-scheme:light;}
#billing-v1-preview * {box-sizing:border-box;}
#billing-v1-preview .app-shell {width:100%;max-width:980px;margin:0 auto;background:var(--paper);min-height:740px;display:flex;flex-direction:column;position:relative;}
#billing-v1-preview h1,#billing-v1-preview h2,#billing-v1-preview h3,#billing-v1-preview p {margin:0;}
#billing-v1-preview h1 {font-size:17px;line-height:1.3;}
#billing-v1-preview h2 {font-size:23px;line-height:1.4;}
#billing-v1-preview h3 {font-size:18px;line-height:1.4;}
#billing-v1-preview button,#billing-v1-preview input,#billing-v1-preview select,#billing-v1-preview textarea {font:inherit;}
#billing-v1-preview button {color:var(--ink);}
#billing-v1-preview button:disabled {opacity:.55;}
#billing-v1-preview .app-header {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);}
#billing-v1-preview .brand {display:flex;align-items:center;gap:10px;min-width:0;}
#billing-v1-preview .brand-mark {display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:var(--surface);font-size:22px;}
#billing-v1-preview .app-main {padding:18px 20px;flex:1;min-width:0;}
#billing-v1-preview .app-button {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:center;white-space:normal;}
#billing-v1-preview .app-button.primary,#billing-v1-preview .app-button:not(.plain):not(.danger) {background:var(--accent);border-color:var(--accent);color:var(--surface);font-weight:700;}
#billing-v1-preview .app-button.plain {border-color:transparent;background:transparent;color:var(--accent);}
#billing-v1-preview .app-button.danger {color:var(--accent);}
#billing-v1-preview .small-note {font-size:12px;color:var(--muted);}
#billing-v1-preview .preview-badge {font-size:11px;color:var(--accent);border:1px solid var(--line);padding:3px 8px;border-radius:20px;white-space:nowrap;}
#billing-v1-preview .login-screen {max-width:360px;margin:35px auto 48px;}
#billing-v1-preview .welcome-title {margin:10px 0 8px;}
#billing-v1-preview .welcome-copy {color:var(--muted);margin-bottom:26px;}
#billing-v1-preview .app-form {display:grid;gap:14px;}
#billing-v1-preview .app-field {display:grid;gap:6px;font-weight:500;min-width:0;}
#billing-v1-preview input:not([type=checkbox]),#billing-v1-preview select,#billing-v1-preview textarea {width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:16px;}
#billing-v1-preview textarea {min-height:180px;resize:vertical;font-size:14px;}
#billing-v1-preview .full-button {width:100%;}
#billing-v1-preview .demo-identities {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
#billing-v1-preview .identity-choice {flex:1;padding:6px;min-width:80px;font-size:12px;}
#billing-v1-preview .identity-choice[aria-pressed=true] {border-color:var(--accent);color:var(--accent);background:var(--soft);}
#billing-v1-preview .role-caption {margin-top:24px;}
#billing-v1-preview .app-error {font-size:12px;color:var(--accent);}
#billing-v1-preview .round-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
#billing-v1-preview .round-heading h2 {font-size:20px;white-space:nowrap;}
#billing-v1-preview .round-heading .app-button {white-space:nowrap;}
#billing-v1-preview .round-metrics {display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:6px 0 8px;font-size:13px;}
#billing-v1-preview .round-metrics strong {font-size:18px;color:var(--accent);margin-right:3px;}
#billing-v1-preview .round-actions {display:flex;gap:7px;}
#billing-v1-preview .round-actions .app-button {flex:1;padding:7px 8px;}
#billing-v1-preview #order-dish-view {padding:0;}
#billing-v1-preview #order-dish-view .order-product {padding:0;border-radius:0;max-width:none;background:transparent;min-height:0;}
#billing-v1-preview #order-dish-view .dish-tab-wrap {margin-top:4px;margin-bottom:6px;}
#billing-v1-preview #order-dish-view .pickup-count {font-size:12px;margin-bottom:10px;}
#billing-v1-preview .order-data-note {font-size:11px;color:var(--muted);margin-top:12px;}
#billing-v1-preview .app-bottom {display:flex;position:sticky;bottom:0;padding:5px 12px 8px;border-top:1px solid var(--line);background:var(--surface);z-index:10;}
#billing-v1-preview .bottom-item {display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;flex:1;min-height:52px;border:0;background:transparent;color:var(--muted);font-size:12px;}
#billing-v1-preview .bottom-item svg {width:19px;height:19px;}
#billing-v1-preview .bottom-item[aria-current=page] {color:var(--accent);font-weight:700;}
#billing-v1-preview .page-title {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;}
#billing-v1-preview .history-empty {text-align:center;margin:80px auto;max-width:300px;}
#billing-v1-preview .empty-symbol {display:flex;align-items:center;justify-content:center;margin:0 auto 20px;width:70px;height:70px;border-radius:50%;background:var(--soft);color:var(--accent);}
#billing-v1-preview .empty-symbol svg {width:30px;height:30px;}
#billing-v1-preview .history-empty p {margin-top:10px;color:var(--muted);}
#billing-v1-preview .profile-card {display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border-radius:16px;margin-bottom:20px;}
#billing-v1-preview .avatar {display:flex;align-items:center;justify-content:center;flex:0 0 52px;height:52px;background:var(--soft);border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:22px;}
#billing-v1-preview .profile-name {font-size:19px;font-weight:700;}
#billing-v1-preview .profile-role {font-size:12px;color:var(--muted);}
#billing-v1-preview .profile-menu {background:var(--surface);border-radius:14px;margin-bottom:18px;overflow:hidden;}
#billing-v1-preview .menu-row {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;}
#billing-v1-preview .menu-row:last-child {border-bottom:0;}
#billing-v1-preview .permission-copy {font-size:12px;color:var(--muted);margin-bottom:20px;}
#billing-v1-preview .account-list {display:grid;gap:10px;}
#billing-v1-preview .account-row {display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);padding:14px;border-radius:12px;}
#billing-v1-preview .account-main {min-width:0;overflow-wrap:anywhere;}
#billing-v1-preview .account-name {font-weight:700;}
#billing-v1-preview .account-description {font-size:12px;color:var(--muted);margin-top:4px;}
#billing-v1-preview .account-state {font-size:11px;color:var(--accent);margin-left:8px;}
#billing-v1-preview .account-actions {display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
#billing-v1-preview .account-actions .app-button {font-size:12px;padding:6px 9px;}
#billing-v1-preview dialog {width:calc(100% - 28px);max-width:540px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);}
#billing-v1-preview dialog::backdrop {background:rgba(60,38,29,.36);}
#billing-v1-preview .dialog-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
#billing-v1-preview .dialog-close {min-width:44px;padding:5px;font-size:21px;}
#billing-v1-preview .dialog-actions {display:flex;gap:8px;justify-content:flex-end;margin-top:16px;}
#billing-v1-preview .dialog-copy {color:var(--muted);margin-bottom:14px;font-size:13px;}
#billing-v1-preview .summary-list {display:grid;gap:0;}
#billing-v1-preview .summary-row {display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);}
#billing-v1-preview .summary-row strong {white-space:nowrap;color:var(--accent);}
#billing-v1-preview .source-text {height:240px;}
#billing-v1-preview .checkbox-field {display:flex;gap:8px;align-items:center;min-height:44px;}
#billing-v1-preview .checkbox-field input {width:18px;height:18px;accent-color:var(--accent);}
#billing-v1-preview .preview-status {min-height:20px;font-size:12px;color:var(--accent);padding:0 20px 8px;}
#billing-v1-preview .screen[hidden],#billing-v1-preview [hidden] {display:none;}
@media(max-width:600px){#billing-v1-preview .app-header{padding:12px}#billing-v1-preview .app-main{padding:14px 12px}#billing-v1-preview .app-shell{min-height:740px}#billing-v1-preview .brand-caption{font-size:10px;letter-spacing:1px}#billing-v1-preview .round-heading h2{font-size:18px}#billing-v1-preview .account-row{align-items:flex-start;flex-wrap:wrap}#billing-v1-preview .account-actions{margin-left:auto}#billing-v1-preview .login-screen{margin-top:25px}#billing-v1-preview .app-header .app-button{font-size:12px;padding:7px 9px}}
#billing-v1-preview .app-bottom {padding:3px 10px;border-top:1px solid var(--line);background:#FAF4EB;}
#billing-v1-preview .bottom-item {flex-direction:row;gap:7px;min-height:40px;font-size:13px;}
#billing-v1-preview .bottom-label {position:relative;display:inline-flex;align-items:center;gap:7px;line-height:20px;}
#billing-v1-preview .bottom-label::after {content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:1px;background:transparent;}
#billing-v1-preview .bottom-item[aria-current=page] .bottom-label::after {background:currentColor;}
#billing-v1-preview .bottom-item svg {width:17px;height:17px;flex-shrink:0;}
#billing-v1-preview #order-dish-view .dish-tab-wrap {margin:2px 0 6px;}
#billing-v1-preview #order-dish-view .dish-tab,#billing-v1-preview #order-dish-view .more-tab {min-width:44px;padding-left:7px;padding-right:7px;}
#billing-v1-preview .dish-setting-field {display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,118px);gap:12px;align-items:center;}
#billing-v1-preview .dish-setting-field span {min-width:0;overflow-wrap:anywhere;}
#billing-v1-preview .app-header {min-height:41px;padding:0 12px;gap:8px;}
#billing-v1-preview .brand {gap:8px;}
#billing-v1-preview .brand-mark {width:28px;height:28px;flex-basis:28px;border-radius:8px;font-size:18px;}
#billing-v1-preview .app-header h1 {font-size:15px;}
#billing-v1-preview .app-header .app-button {min-height:40px;padding:4px 8px;font-size:12px;}
#billing-v1-preview .round-overview {padding:10px 12px;background:var(--surface);border-radius:14px;box-shadow:0 4px 14px rgba(91,58,46,.08);}
#billing-v1-preview .round-heading .app-button {padding:4px 6px;font-size:12px;}
#billing-v1-preview .round-metrics {gap:4px 12px;margin:2px 0 6px;}
#billing-v1-preview .view-stat-line {display:flex;align-items:center;justify-content:space-between;gap:4px;position:relative;min-height:44px;margin-bottom:6px;}
#billing-v1-preview #order-dish-view .pickup-count {flex:1;min-width:0;gap:2px 6px;font-size:12px;margin:0;}
#billing-v1-preview #order-dish-view .pickup-count span {white-space:nowrap;}
#billing-v1-preview #order-dish-view .metric-value {color:var(--accent);font-variant-numeric:tabular-nums;}
#billing-v1-preview #order-dish-view [data-metric=picked] .metric-value,#billing-v1-preview .round-metrics [data-round-metric=picked] {color:#386644;}
#billing-v1-preview #order-dish-view .remark-toggle {display:inline-flex;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;min-width:44px;min-height:44px;padding:3px 0 3px 4px;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:13px;}
#billing-v1-preview #order-dish-view .remark-toggle.has-filter {border:0;background:transparent;color:var(--accent);font-weight:700;}
#billing-v1-preview #order-dish-view .remark-toggle {gap:2px;line-height:20px;}
#billing-v1-preview .remark-chevron {display:inline-flex;align-items:center;justify-content:center;width:10px;height:16px;flex:0 0 10px;}
#billing-v1-preview .remark-chevron::before {content:'';display:block;width:6px;height:6px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:translateY(-1.5px) rotate(45deg);}






/* Both order cards share the same inset and rounded corners. */
#billing-v1-preview[data-page=orders] .app-shell {min-height:100vh;min-height:100dvh;}
#billing-v1-preview[data-page=orders] .app-main {padding:0;display:flex;flex-direction:column;}
#billing-v1-preview[data-page=orders] [data-screen=orders] {display:flex;flex-direction:column;flex:1;min-width:0;}
#billing-v1-preview[data-page=orders] .round-overview {margin:14px 20px 12px;flex:0 0 auto;}
#billing-v1-preview .order-lower {background:#fff;margin:0 20px 12px;padding:8px 12px 16px;border-radius:14px;flex:0 0 auto;min-width:0;}
#billing-v1-preview[data-page=orders] .preview-status {background:#fff;}
#billing-v1-preview[data-page=orders] .preview-status:empty {display:none;}
@media(max-width:600px){#billing-v1-preview[data-page=orders] .round-overview{margin:12px 12px 10px}#billing-v1-preview .order-lower{margin:0 12px 12px;padding:8px 10px 16px}}


#order-dish-view .reference-stage { min-height:790px; padding:14px 0; box-sizing:border-box; }
#order-dish-view .order-product { color-scheme:light; --order-paper:#F5EBDC; --order-surface:#FFFDF8; --order-ink:#5C3A2E; --order-muted:#80634F; --order-accent:#A04535; --order-line:#D9C4A9; --order-soft:#FAEEDA; --name-width:76px; width:100%; max-width:440px; min-height:620px; margin:0 auto; padding:16px; box-sizing:border-box; background:var(--order-paper); color:var(--order-ink); border-radius:20px; font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;font-synthesis:weight; font-size:14px; line-height:1.5; }
#order-dish-view .order-product * { box-sizing:border-box; }
#order-dish-view .order-product h3 { font-size:18px; line-height:1.45; font-weight:700; color:var(--order-ink); margin:0 0 5px; }
#order-dish-view .sample-caption { color:var(--order-muted); font-size:12px; margin:0 0 12px; }
#order-dish-view .pickup-count { display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:12px; font-weight:700; }
#order-dish-view #order-food-panel {border:1px solid var(--order-line);border-radius:13px 11px 14px 12px;overflow:hidden;min-width:0;}
#order-dish-view .people-list { padding:0; margin:0; list-style:none; }
#order-dish-view .person {position:relative;width:100%;min-height:64px;background:#fff;border:0;border-radius:0;margin:0;padding:4px 8px;overflow-wrap:anywhere;}
#order-dish-view .person:not([hidden]) ~ .person:not([hidden])::before,#order-dish-view .single-table-header::after {content:'';position:absolute;left:8px;right:8px;height:1px;background:var(--order-line);pointer-events:none;}
#order-dish-view .person:not([hidden]) ~ .person:not([hidden])::before {top:0;}
#order-dish-view .single-table-header::after {bottom:0;}
#order-dish-view .person.is-picked {color:#386644;}
#order-dish-view .person.is-picked .dish-content,#order-dish-view .person.is-picked .quantity,#order-dish-view .person.is-picked .single-quantity {color:#386644;}
#order-dish-view .person.is-picked input[type=checkbox] {accent-color:#4D8059;}
#order-dish-view .person-head { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
#order-dish-view .person-name { display:flex; align-items:center; gap:8px; min-height:44px; min-width:0; font-weight:700; }
#order-dish-view .person-name span { min-width:0; }
#order-dish-view input[type=checkbox] { accent-color:var(--order-accent); width:20px; height:20px; flex:0 0 20px; margin:0; }
#order-dish-view .dish-content { min-width:0; font-variant-numeric:tabular-nums; }
#order-dish-view .dish-item { display:inline-block; margin-right:10px; margin-bottom:3px; }
#order-dish-view .quantity { color:var(--order-accent); font-weight:700; white-space:nowrap; }
#order-dish-view [data-layout=flow] .person { display:grid; grid-template-columns:var(--name-width) minmax(0,1fr); gap:8px; align-items:center; }
#order-dish-view [data-layout=flow] .person-head { display:block; }
#order-dish-view [data-layout=flow] .person-name {align-items:center;padding:0;}
@media(max-width:360px){#order-dish-view .reference-stage{min-height:790px} #order-dish-view .order-product{padding:12px;min-height:680px} #order-dish-view .person{padding:4px 8px} #order-dish-view [data-layout=flow] .person{grid-template-columns:var(--name-width) minmax(0,1fr);gap:8px}}

#order-dish-view {padding:14px 0;}
#order-dish-view .order-product {min-height:0;}



#order-dish-view .pickup-count {font-size:13px;gap:4px 12px;margin-bottom:12px;}
#order-dish-view .person[hidden],#order-dish-view .dish-item[hidden] {display:none;}




#order-dish-view .single-table-header {position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 8px;background:#fff;color:var(--order-muted);font-size:12px;}
#order-dish-view .single-quantity {font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--order-accent);white-space:nowrap;}
#order-dish-view [data-view=single] .people-list {background:transparent;}
#order-dish-view [data-view=single] .person {display:flex;align-items:center;justify-content:space-between;gap:12px;}
#order-dish-view [data-view=single] .person-head {display:flex;flex:1;min-width:0;}
#order-dish-view [data-view=single] .person-name {align-items:center;padding:0;}
#order-dish-view .single-quantity[hidden],#order-dish-view .single-table-header[hidden],#order-dish-view .dish-content[hidden] {display:none;}
#order-dish-view .person[hidden] {display:none;}

#order-dish-view .order-product {max-width:680px;}
#order-dish-view .dish-tab-wrap {position:relative;margin:8px 0 12px;}
#order-dish-view .dish-tab-line {display:flex;align-items:stretch;width:100%;height:46px;border-bottom:1px solid var(--order-line);}
#order-dish-view .dish-tabs {display:flex;flex-wrap:nowrap;align-items:stretch;min-width:0;flex:1;overflow:hidden;}
#order-dish-view .dish-tab,#order-dish-view .more-tab {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px;padding:6px 10px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--order-muted);font:inherit;font-size:14px;line-height:1.3;font-weight:500;white-space:nowrap;}
#order-dish-view .dish-tab[aria-selected=true],#order-dish-view .more-tab.is-selected {border-bottom-color:var(--order-accent);color:var(--order-accent);font-weight:700;}
#order-dish-view .more-tab {min-width:54px;padding-left:8px;padding-right:8px;}
#order-dish-view .dish-overflow {position:absolute;right:0;top:calc(100% + 4px);z-index:30;width:232px;max-width:100%;padding:6px;background:var(--order-surface);color:var(--order-ink);border:1px solid var(--order-line);border-radius:12px;box-shadow:0 8px 24px rgba(92,58,46,.16);}
#order-dish-view .overflow-choice {display:block;width:100%;min-height:44px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:var(--order-ink);font:inherit;text-align:left;}
#order-dish-view .overflow-choice[aria-checked=true] {background:var(--order-soft);color:var(--order-accent);font-weight:700;}
#order-dish-view .dish-tab[hidden],#order-dish-view .more-tab[hidden],#order-dish-view .dish-overflow[hidden],#order-dish-view .overflow-choice[hidden] {display:none;}
#order-dish-view .remark-menu {position:absolute;right:0;top:calc(100% + 4px);z-index:31;width:232px;max-width:100%;padding:6px;background:var(--order-surface);border:1px solid var(--order-line);border-radius:12px;box-shadow:0 8px 24px rgba(92,58,46,.16);}
#order-dish-view .remark-choice {display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:var(--order-ink);font:inherit;text-align:left;}
#order-dish-view .remark-choice[aria-checked=true] {background:var(--order-soft);color:var(--order-accent);font-weight:700;}
#order-dish-view .remark-count {font-size:12px;color:var(--order-muted);white-space:nowrap;}
#order-dish-view .filter-summary {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px 0 4px;font-size:12px;color:var(--order-accent);}
#order-dish-view .clear-remark {min-height:44px;padding:4px 8px;border:0;background:transparent;color:var(--order-accent);font:inherit;white-space:nowrap;}
#order-dish-view .remark-chip {display:inline-block;max-width:100%;padding:1px 5px;margin:2px 2px 0 0;border:0;border-radius:5px;background:#F2D7C3;color:#833B29;font-size:12px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere;}
#order-dish-view .person.is-picked .remark-chip {background:#EAF3E7;color:#386644;}
#order-dish-view .dish-item {max-width:100%;margin-bottom:5px;}
#order-dish-view [data-view=single] .person-head {display:block;}
#order-dish-view .single-notes {margin:-3px 0 3px 28px;line-height:1.4;}
#order-dish-view .remark-menu[hidden],#order-dish-view .filter-summary[hidden],#order-dish-view .single-notes[hidden] {display:none;}

#order-dish-view [data-view=all] .dish-content {display:grid;grid-template-columns:minmax(0,1fr);gap:3px;align-self:stretch;align-content:center;border-left:1px solid #E9DFD2;padding-left:8px;}
#order-dish-view [data-view=all] .dish-item {display:grid;grid-template-columns:minmax(0,1fr) var(--quantity-width,3.5em);gap:3px 6px;align-items:baseline;max-width:100%;margin:0;}
#order-dish-view [data-view=all] .dish-item>span:first-child {grid-column:1;grid-row:1;min-width:0;}
#order-dish-view [data-view=all] .quantity {grid-column:2;grid-row:1;text-align:right;}
#order-dish-view .dish-remarks {display:inline;margin-left:4px;}
#order-dish-view .dish-remarks .remark-chip {margin:0 3px 0 0;}

#billing-v1-preview .import-review {max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:10px;margin-top:12px;padding:10px;background:#fff;}
#billing-v1-preview .review-row {padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;}
#billing-v1-preview .review-row:last-child {border:0;}
#billing-v1-preview .review-error {color:var(--accent);margin:4px 0;}
#billing-v1-preview .round-empty {padding:32px 12px;text-align:center;color:var(--muted);}
#billing-v1-preview .dialog-error {color:var(--accent);font-size:13px;min-height:20px;}
#billing-v1-preview .order-lower .order-data-note {margin-top:12px;}

body.import-review-open {overflow:hidden;}
#billing-v1-preview #billing-dialog-review {position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--paper);overflow:hidden;overflow:clip;}
#billing-v1-preview #billing-dialog-review[open] {display:block;}
#billing-v1-preview .review-shell {display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden;overflow:clip;}
#billing-v1-preview .review-header {display:flex;align-items:center;justify-content:space-between;gap:4px;padding:2px 6px;border-bottom:1px solid var(--line);}
#billing-v1-preview .review-header h3 {font-size:16px;text-align:center;}
#billing-v1-preview .review-header p {font-size:11px;color:var(--muted);text-align:center;}
#billing-v1-preview .review-header .app-button {min-height:40px;}
#billing-v1-preview .review-count {padding:7px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);}
#billing-v1-preview .review-results {min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff;padding:10px;}
#billing-v1-preview .review-card {margin-bottom:10px;border:1px solid var(--line);border-radius:9px;min-width:0;background:#fff;overflow:hidden;}
#billing-v1-preview .review-card.has-error {border-color:#C58970;}
#billing-v1-preview .review-card.is-active {border-color:var(--accent);}
#billing-v1-preview .review-original {padding:9px 10px;background:#FAF4EB;font-size:13px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;}
#billing-v1-preview .review-problem-message {padding:7px 10px;border-top:1px solid #E9DFD2;background:#FFF9F2;}
#billing-v1-preview .review-issue {font-size:12px;color:var(--accent);line-height:1.6;overflow-wrap:anywhere;}
#billing-v1-preview .review-issue.is-warning {color:#86613D;}
#billing-v1-preview .review-adjustments {padding:8px 10px;border-top:1px solid #E9DFD2;}
#billing-v1-preview .review-adjustment-row {display:grid;grid-template-columns:minmax(0,30fr) minmax(0,50fr) minmax(58px,20fr);gap:7px;align-items:start;}
#billing-v1-preview .review-field {display:grid;gap:3px;min-width:0;margin:3px 0 6px;}
#billing-v1-preview .review-field>span {font-size:11px;color:var(--muted);}
#billing-v1-preview .review-field select {width:100%;min-width:0;max-width:100%;height:38px;padding:4px 2px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:16px;}
#billing-v1-preview .review-field.has-error select {border-color:var(--accent);background:#FFF1E5;}
#billing-v1-preview .review-selected-copy {font-size:11px;overflow-wrap:anywhere;color:var(--muted);}
#billing-v1-preview .review-changed {font-size:10px;color:#386644;}
#billing-v1-preview .review-item-caption {font-size:11px;color:var(--muted);align-self:center;}
#billing-v1-preview .review-extra-controls {display:flex;align-items:center;justify-content:flex-end;gap:8px;}
#billing-v1-preview .review-extra-controls .review-field {max-width:100px;margin:0;}
#billing-v1-preview .review-extra-controls .review-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
#billing-v1-preview .review-extra-controls select {height:32px;font-size:12px;}
#billing-v1-preview .review-small-button {min-height:32px;font-size:12px;padding:4px 8px;}
#billing-v1-preview .review-confirm-button {width:100%;min-height:36px;margin-top:7px;font-size:13px;padding:5px;}
#billing-v1-preview .review-confirmed {border:1px solid var(--line);border-radius:9px;background:#FAF7F2;overflow:hidden;}
#billing-v1-preview .review-confirmed>summary {padding:10px;font-size:13px;font-weight:700;cursor:pointer;}
#billing-v1-preview .review-confirmed-item {border-top:1px solid #E9DFD2;background:#fff;}
#billing-v1-preview .review-confirmed-item>summary {padding:9px 10px;font-size:12px;line-height:1.7;overflow-wrap:anywhere;cursor:pointer;}
#billing-v1-preview .review-record-label {color:var(--muted);margin-right:8px;}
#billing-v1-preview .review-complete {padding:7px 2px 12px;font-size:13px;color:#386644;}
#billing-v1-preview .review-footer {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#FAF4EB;}
#billing-v1-preview .review-footer .checkbox-field {grid-column:1/-1;font-size:12px;min-height:28px;}
#billing-v1-preview .review-footer .dialog-error {grid-column:1/-1;min-height:0;max-height:75px;overflow:auto;}
#billing-v1-preview .review-footer .dialog-error:empty {display:none;}
#billing-v1-preview .review-save-state {font-size:11px;}
#billing-v1-preview .review-footer .app-button {min-height:40px;padding:5px 12px;}
#billing-v1-preview .review-retry {grid-column:1;min-height:34px;}
#billing-v1-preview .review-footer [data-import-save] {grid-column:2;}
#billing-v1-preview .review-number-digits {display:flex;gap:6px;margin:12px 0;}
#billing-v1-preview .review-number-digits label {flex:1;min-width:0;font-size:11px;text-align:center;}
#billing-v1-preview .review-number-digits select {display:block;width:100%;min-width:0;padding:8px 1px;font-size:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);}
@media(min-width:700px){#billing-v1-preview .review-results {padding:14px max(14px,calc((100% - 900px)/2));}#billing-v1-preview .review-original {font-size:14px;}#billing-v1-preview .review-adjustment-row {grid-template-columns:minmax(0,1fr) minmax(0,2fr) 100px;}}

#billing-v1-preview #dishes-form .dialog-error {white-space:pre-line;line-height:1.7;}

/* Keep installed apps clear of display cutouts and the home indicator. */
#billing-v1-preview .app-header {padding-top:env(safe-area-inset-top,0px);}
#billing-v1-preview .app-bottom {padding-bottom:calc(3px + env(safe-area-inset-bottom,0px));}
#billing-v1-preview .pwa-identity {display:flex;align-items:center;gap:12px;margin-bottom:16px;}
#billing-v1-preview .pwa-identity img {border-radius:16px;}
#billing-v1-preview #billing-dialog-install .dialog-copy {margin-bottom:12px;}
#billing-v1-preview #billing-dialog-install [data-pwa-install] {margin-top:12px;}
#billing-v1-preview .app-shell {padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);}
@media (display-mode:standalone) {#billing-v1-preview .app-shell {min-height:100vh;min-height:100dvh;}}
#billing-v1-preview .review-header {padding-top:calc(7px + env(safe-area-inset-top,0px));padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));}

/* The dish header fills the card; names remain separate from pickup controls. */
#billing-v1-preview #order-dish-view .dish-tab-wrap {margin:-8px -12px 6px;}
#order-dish-view .dish-tab-line {height:46px;padding:0 6px;border:0;border-radius:14px 14px 0 0;background:#E5D4C0;}
#order-dish-view .dish-tab,#order-dish-view .more-tab {position:relative;border-bottom:0;color:#6B392D;}
#order-dish-view .dish-tab[aria-selected=true],#order-dish-view .more-tab.is-selected {color:#6B392D;}
#order-dish-view .dish-tab[aria-selected=true]::after,#order-dish-view .more-tab.is-selected::after {content:'';position:absolute;left:7px;right:7px;bottom:8px;height:3px;border-radius:2px;background:#A04535;}
#order-dish-view .person-name {display:flex;flex-direction:column;justify-content:center;gap:0;width:var(--name-width);max-width:100%;min-width:0;flex:0 0 var(--name-width);}
#order-dish-view .pickup-check {display:flex;align-items:center;justify-content:center;width:44px;height:32px;cursor:pointer;}
#order-dish-view .person-full-name {display:block;width:100%;min-width:0;min-height:24px;padding:1px 0;border:0;background:transparent;color:inherit;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
#order-dish-view [data-view=single] .person-head {display:flex;align-items:center;gap:8px;}
#order-dish-view .single-notes {margin:0;padding-left:9px;min-width:0;flex:1;}
#billing-v1-preview .person-name-bubble {position:fixed;inset:auto;margin:0;width:max-content;max-width:min(320px,calc(100vw - 24px));max-height:200px;overflow:auto;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 5px 20px #5C3A2E26;font-size:15px;line-height:1.6;overflow-wrap:anywhere;}
@media(max-width:600px){#billing-v1-preview #order-dish-view .dish-tab-wrap{margin-left:-10px;margin-right:-10px;}}
@media(max-width:360px){#order-dish-view .order-product{--name-width:64px;}}

/* Single-dish rows keep the same name/content divider as the full list. */
#order-dish-view [data-view=single] .person::after {content:'';position:absolute;top:5px;bottom:5px;left:calc(8px + var(--name-width) + 8px);width:1px;background:#E9DFD2;pointer-events:none;}

/* Picked rows keep their existing dimensions and dividers. */
#order-dish-view .person.is-picked {background-color:#F0F6ED;box-shadow:inset 0 0 0 4px #fff;border-radius:10px;}

#order-dish-view .quantity,#order-dish-view .single-quantity {transform:translateX(-4px);}

#billing-v1-preview[data-page=orders] .round-overview,#billing-v1-preview[data-page=orders] .order-lower {box-shadow:0 0 14px 2px rgba(92,58,46,.12),0 6px 14px rgba(92,58,46,.10),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(92,58,46,.08);outline:1px solid rgba(92,58,46,.12);outline-offset:-1px;}

#billing-v1-preview[data-page=orders] .round-overview,
#billing-v1-preview[data-page=orders] .order-lower,
#billing-v1-preview[data-page=orders] #order-dish-view .person:not(.is-picked),
#billing-v1-preview[data-page=orders] #order-dish-view .single-table-header {background-color:#F7F6F2;}
#billing-v1-preview[data-page=orders] #order-dish-view .person.is-picked {box-shadow:inset 0 0 0 4px #F7F6F2;}
