/* Online Outlets: independent form scrolling, fixed Save, and a quiet QR panel. */
#main-content:has(.online-outlet-reference-layout)>.page-head,#main-content:has(.online-outlet-reference-layout)>.classic-context{display:none}
.online-outlet-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;height:max(440px,calc(100dvh - 116px));margin-bottom:24px}
.outlet-availability-host{min-width:0;min-height:0}
.outlet-online-editor{height:100%;padding:0;overflow:hidden;border:1px solid var(--line,#dbe6ed);border-radius:6px;box-shadow:none}
.outlet-availability-form,.outlet-availability-form>fieldset{display:flex;flex-direction:column;height:100%;min-height:0;margin:0;padding:0;border:0;min-width:0}
.outlet-reference-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 30px;scrollbar-width:thin}
.outlet-reference-scroll h2,.outlet-reference-scroll h3,.outlet-setting-row strong,.outlet-week-toggle strong,.outlet-introduction strong,.outlet-detail-row header strong{font-size:15px;font-weight:600;line-height:1.5;color:var(--text,#193c50);margin:0}
.outlet-reference-scroll h2{margin:0 0 28px}.outlet-reference-scroll h3{margin-bottom:14px}
.outlet-reference-scroll small{display:block;margin-top:8px;color:var(--muted,#70808d);font-size:12px;line-height:1.6}
.outlet-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;max-width:630px}
.outlet-photo-grid figure{position:relative;margin:0;min-width:0;aspect-ratio:1}
.outlet-photo-preview{width:100%;height:100%;padding:0;border:1px solid #d4dee6;border-radius:5px;overflow:hidden;background:#f8fafc;cursor:zoom-in}
.outlet-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.outlet-photo-remove{position:absolute;top:6px;right:6px;display:grid;place-items:center;min-width:32px;min-height:32px;padding:0;border:1px solid #e4d7d7;border-radius:50%;background:#fff;color:#b53636;font-size:22px;box-shadow:0 2px 8px #0002;cursor:pointer}
.outlet-photo-upload{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:110px;border:1px dashed #bacbd9;border-radius:5px;background:#fbfdff;color:#73818a;cursor:pointer;overflow:hidden}
.outlet-photo-upload>span[aria-hidden]{font-size:42px;font-weight:200;line-height:1}.outlet-photo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.outlet-photo-upload.is-uploading{opacity:.6;cursor:wait}
#app-shell .outlet-online-editor .outlet-photo-upload>span[aria-hidden]{font-size:42px!important;font-weight:200!important;line-height:1!important}
.outlet-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
.outlet-hours-enabled{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--muted,#70808d);font-size:12px}
.outlet-online-editor .outlet-hours-enabled{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;font-size:12px!important;font-weight:400!important;line-height:1.5}
.outlet-online-editor .outlet-hours-enabled input{width:17px!important;min-width:17px;height:17px!important;margin:0;flex:none}
.outlet-hours-enabled input,.outlet-all-tables input,.outlet-day input[type=checkbox]{width:17px;height:17px;min-height:0;flex:none;margin:0;accent-color:var(--green,#0969b5)}
.outlet-time-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,325px)}
.outlet-time-range label,.outlet-day>label{min-width:0}
.outlet-reference-scroll input:not([type=checkbox]):not([type=file]),.outlet-reference-scroll textarea{width:100%;min-height:44px;border:1px solid #cbd4dd;border-radius:3px;background:#fff;padding:10px 12px;font:inherit;font-size:14px;color:var(--text,#193c50);box-sizing:border-box}
.outlet-reference-scroll input:disabled{background:#f7f9fb;color:#93a1ad}
.outlet-week-toggle{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;margin:26px 0}
.outlet-week-toggle input[role=switch]{appearance:none;position:relative;width:48px;height:26px;min-height:26px;padding:0;border:0;border-radius:999px;background:#d8dee5;cursor:pointer;transition:background .15s}
.outlet-week-toggle input[role=switch]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}
.outlet-week-toggle input[role=switch]:checked{background:#0969b5}.outlet-week-toggle input[role=switch]:checked::after{transform:translateX(22px)}.outlet-week-toggle input:disabled{opacity:.5;cursor:default}
.outlet-week-days{padding:0 0 20px}.outlet-week-days[hidden]{display:none}
.outlet-day{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,160px) minmax(0,160px);gap:10px;align-items:center;margin:20px 0}.outlet-day .check-row{font-size:13px;gap:7px}
.outlet-online-editor .outlet-day .check-row{flex-direction:row!important;font-weight:400!important}.outlet-day .check-row:has(input:checked){color:#0969b5}
.outlet-table-section{margin:24px 0}.outlet-all-tables{font-size:12px;font-weight:400;line-height:1.6}
.outlet-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin:16px 0;max-height:210px;overflow:auto}
.outlet-table-grid label{position:relative;display:grid;place-items:center;min-height:58px;padding:12px 8px;background:#f1f4f8;border:1px solid transparent;border-radius:5px;cursor:pointer;text-align:center;font-size:14px;overflow-wrap:anywhere}
.outlet-table-grid input{position:absolute;opacity:0;width:1px;height:1px}.outlet-table-grid label:has(input:checked){border-color:#94c4e4;background:#e8f4fc;color:#145787}.outlet-table-grid label:has(input:disabled){cursor:default}.outlet-table-grid label:has(input:focus-visible){outline:3px solid #6bbdeb;outline-offset:2px}
.outlet-money-range{display:flex;gap:10px;align-items:center;width:min(100%,325px)}.outlet-money-range label{display:flex;min-width:0;flex:1;border:1px solid #cbd4dd;border-radius:3px;overflow:hidden;background:#fff}.outlet-money-range label>span:not(.sr-only){display:grid;place-items:center;padding:0 10px;background:#f7f9fb;color:#718093;font-size:13px}
.outlet-reference-scroll .outlet-money-range input{border:0!important;border-radius:0;min-width:0;padding:10px 8px}
.outlet-detail-row{margin-top:28px}.outlet-detail-row header{display:flex;align-items:center;justify-content:space-between;gap:12px}.outlet-detail-row p{margin:16px 0 0;line-height:1.9;font-size:14px;overflow-wrap:anywhere;color:#3c556d}.outlet-detail-row [data-info-panel]{margin-top:12px}.outlet-detail-row [hidden]{display:none}
.outlet-info-edit{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;border-radius:3px;background:#f1f4f7;color:#0969b5;cursor:pointer}.outlet-info-edit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.outlet-introduction{display:grid;gap:16px;margin-top:32px}.outlet-introduction textarea{resize:vertical;min-height:136px!important}
.outlet-editor-error{padding:12px;color:#a32626;background:#fff3f3;border:1px solid #f1cccc;border-radius:4px;font-size:13px}.outlet-editor-error[hidden]{display:none}
.outlet-save-row{flex:none;display:flex;justify-content:flex-end;padding:18px 28px;background:#fff;border-top:1px solid #f0f3f6}.outlet-save-row .button{min-width:86px;min-height:46px;border-radius:5px;box-shadow:none;font-size:14px}
.online-outlet-reference-layout>.outlet-qr-card{grid-area:auto;margin:0;padding:30px;min-height:0;height:100%;overflow:auto;border-radius:6px;box-shadow:none}
.online-outlet-reference-layout .outlet-qr-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.online-outlet-reference-layout .outlet-qr-card h2{font-size:16px;margin:0}.online-outlet-reference-layout .outlet-qr-card>p{margin:30px 0;color:var(--muted,#70808d);font-size:14px;line-height:1.7}
.online-outlet-reference-layout .store-qr-actions{display:flex;gap:10px;flex-wrap:wrap}.online-outlet-reference-layout .store-qr-actions .button{min-height:44px;border-radius:4px;box-shadow:none;background:#f1f4f7;border-color:transparent;color:#23465c;font-size:14px;padding:10px 18px}
.online-outlet-reference-layout .outlet-qr-card figure{margin:28px auto;text-align:center}.online-outlet-reference-layout .outlet-qr-card figure img{width:min(100%,280px);height:auto;display:block;margin:0 auto}.online-outlet-reference-layout .outlet-qr-card figcaption{margin:18px 0 0;font-size:14px;line-height:1.6}.online-outlet-reference-layout .outlet-qr-card figcaption a{font-size:12px}
.online-outlet-reference-layout .outlet-qr-card details{margin-top:28px;font-size:12px;color:#667e90}.online-outlet-reference-layout .outlet-qr-card summary{cursor:pointer}
.customer-menu-appearance{margin:24px 0;border:1px solid var(--line,#dbe6ed);border-radius:6px;background:#fff}.customer-menu-appearance>summary{padding:20px 24px;font-size:16px;font-weight:600;cursor:pointer}.customer-menu-appearance>.customer-menu-settings{padding:0 20px 20px}.customer-menu-appearance:not([open])>.customer-menu-settings{display:none}
.outlet-photo-dialog{max-width:90vw;max-height:90vh;border:0;border-radius:8px;padding:16px}.outlet-photo-dialog img{display:block;max-width:80vw;max-height:75vh;object-fit:contain;margin-top:12px}.outlet-photo-dialog::backdrop{background:#142b4580}
.outlet-info-dialog{width:min(740px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #d5dde4;border-radius:4px;background:#fff;color:var(--text,#193c50);box-shadow:0 4px 22px #0002;font:15px/1.5 Roboto,Arial,sans-serif}
.outlet-info-dialog::backdrop{background:#0008}
.outlet-info-dialog-form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px);margin:0}
.outlet-info-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px}
.outlet-info-dialog h2{margin:0;font-size:17px;font-weight:600;line-height:1.4}
.outlet-info-dialog [data-info-close]{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:#75828a;font:28px/1 Arial,sans-serif;cursor:pointer}
.outlet-info-dialog-body{overflow:auto;min-height:0;padding:18px 30px 0}
.outlet-info-options{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:10px;margin:0 12px 38px}
.outlet-info-dialog .outlet-info-options label{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;min-height:24px;font-size:15px;font-weight:400!important;cursor:pointer}
.outlet-info-options input{width:17px;height:17px;margin:0;accent-color:#0969b5;flex:none}
.outlet-info-options label:has(input:checked){color:#0969b5}
.outlet-info-custom{display:grid;gap:28px;font-size:15px}.outlet-info-custom strong{font-weight:600}
.outlet-info-custom textarea{width:100%;min-height:136px;padding:12px;border:1px solid #cbd4dd;border-radius:2px;background:#fff;color:#193c50;resize:vertical;font:15px/1.5 Roboto,Arial,sans-serif;box-sizing:border-box}
.outlet-info-dialog small{display:block;margin:9px 0;color:#718093;font-size:12px;line-height:1.5}
.outlet-info-dialog-error{color:#a32626;font-size:13px}.outlet-info-dialog-error[hidden]{display:none}
.outlet-info-dialog footer{display:flex;justify-content:flex-end;padding:28px 30px 30px;flex:none}
.outlet-info-dialog .button{min-width:88px;min-height:44px;border-radius:4px;font-size:15px;box-shadow:none}
.outlet-info-dialog :is(button,input,textarea):focus-visible{outline:3px solid #69bdea;outline-offset:3px}
.outlet-online-editor button:focus-visible,.outlet-online-editor input:focus-visible,.outlet-online-editor textarea:focus-visible,.outlet-photo-upload:focus-within{outline:3px solid #69bdea;outline-offset:3px}
.customer-outlet-photos{display:flex;overflow:auto;gap:12px;padding:12px 0}.customer-outlet-photos img{width:220px;height:160px;object-fit:cover;border-radius:8px}.store-info-introduction p{white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}
@media(max-width:1100px){.outlet-reference-scroll{padding:22px}.online-outlet-reference-layout>.outlet-qr-card{padding:24px}.outlet-setting-row{align-items:flex-start;flex-direction:column;gap:12px}.outlet-time-range,.outlet-money-range{width:100%}.outlet-day{grid-template-columns:1fr 1fr}.outlet-day>.check-row{grid-column:1/-1}}
@media(max-width:820px){.online-outlet-reference-layout{height:auto;grid-template-columns:minmax(0,1fr)}.outlet-online-editor{height:auto}.outlet-reference-scroll{overflow:visible}.online-outlet-reference-layout>.outlet-qr-card{height:auto;overflow:visible}.outlet-save-row{position:sticky;bottom:0;z-index:2}.customer-menu-appearance>.customer-menu-settings{padding:0 12px 12px}}
@media(max-width:480px){.outlet-reference-scroll{padding:20px 16px}.outlet-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outlet-save-row{padding:16px}.online-outlet-reference-layout>.outlet-qr-card{padding:20px}.online-outlet-reference-layout .outlet-qr-card>header{align-items:flex-start;flex-direction:column}.outlet-detail-row p{font-size:13px}.customer-menu-appearance>summary{padding:18px 16px;font-size:15px}}
@media(max-width:480px){.outlet-info-dialog header{padding:20px}.outlet-info-dialog-body{padding:10px 20px 0}.outlet-info-options{margin:0 0 28px;column-gap:18px}.outlet-info-custom{gap:16px}.outlet-info-dialog footer{padding:20px}}