:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f7f6f2;--color-surface:#fff;--color-surface-subtle:#fbfaf7;--color-ink:#181817;--color-ink-muted:#66635e;--color-border:#e8e5dd;--color-border-strong:#cbc6bb;--color-brand:#6840d8;--color-brand-hover:#5730c3;--color-brand-pressed:#4925ae;--color-focus:#0b67c2;--color-success-bg:#e8f4ea;--color-success-ink:#215f34;--color-warning-bg:#fbf0d8;--color-warning-ink:#79510d;--color-danger-bg:#fae8e5;--color-danger-ink:#862f27;--color-info-bg:#eee9ff;--color-info-ink:#4f3199;--color-neutral-bg:#ecece8;--color-neutral-ink:#555550;--color-sidebar:#24222a;--color-sidebar-hover:#302d38;--color-sidebar-active:#3b354a;--color-sidebar-muted:#aaa5b0;--color-control-bg:#fffefa;--color-control-border:#cec8bd;--color-control-border-hover:#aaa294;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-small:6px;--radius-medium:12px;--radius-large:18px;--radius-round:999px;--border-default:1px;--border-strong:2px;--border-focus:3px;--elevation-0:none;--elevation-1:0 10px 28px #27213114;--elevation-2:0 24px 64px #18181738;--control-shadow:0 1px 2px #2721310d, inset 0 1px 0 #ffffffd9;--type-page-title-size:48px;--type-page-title-line:54px;--type-section-title-size:26px;--type-section-title-line:34px;--type-card-title-size:18px;--type-card-title-line:26px;--type-body-size:16px;--type-body-line:24px;--type-small-size:14px;--type-small-line:20px;--type-label-size:13px;--type-label-line:18px;--type-nav-label-size:12px;--type-nav-label-line:16px;--type-technical-size:13px;--type-technical-line:20px;--sidebar-width:248px;--content-max:1440px;--content-standard:1120px;--content-compact:860px;--page-padding-inline:40px;--page-padding-block:40px;--section-gap:40px}@media (max-width:1199px){:root{--page-padding-inline:24px;--page-padding-block:32px;--section-gap:32px}}@media (max-width:620px){:root{--type-page-title-size:36px;--type-page-title-line:42px;--page-padding-inline:16px;--page-padding-block:24px;--section-gap:24px}}
.atomic-page{width:100%;max-width:var(--content-max);min-height:100vh;padding:var(--page-padding-block) var(--page-padding-inline) var(--space-16);color:var(--color-ink);margin-inline:auto}.atomic-page--standard{max-width:var(--content-standard)}.atomic-page--compact{max-width:var(--content-compact)}.atomic-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin:0 0 var(--section-gap);display:flex}.atomic-page-header__copy{min-width:0;max-width:760px}.atomic-page-header__kicker{margin:0 0 var(--space-2);color:var(--color-ink-muted);font-size:var(--type-nav-label-size);letter-spacing:.08em;font-weight:600;line-height:var(--type-nav-label-line)}.atomic-page-header__title{font-size:var(--type-page-title-size);letter-spacing:-.045em;font-weight:780;line-height:var(--type-page-title-line);margin:0}.atomic-page-header__description{margin:var(--space-3) 0 0;color:var(--color-ink-muted);font-size:var(--type-body-size);font-weight:400;line-height:var(--type-body-line)}.atomic-page-header__action{flex:none}.atomic-page-header__metadata{margin-top:var(--space-3);color:var(--color-ink-muted);font-size:var(--type-small-size);line-height:var(--type-small-line)}.atomic-button{--button-size:40px;min-width:0;min-height:max(var(--button-size), 44px);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:var(--border-default) solid transparent;border-radius:var(--radius-medium);font:inherit;font-size:var(--type-small-size);font-weight:680;line-height:var(--type-small-line);text-align:center;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s,transform .12s;display:inline-flex;position:relative}.atomic-button--small{--button-size:32px;padding-inline:var(--space-3);font-size:var(--type-label-size)}.atomic-button--large{--button-size:48px;padding-inline:var(--space-6);font-size:var(--type-body-size)}.atomic-button--primary{background:var(--color-brand);color:#fff;box-shadow:0 1px 2px #4925ae38}.atomic-button--primary:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 3px 9px #4925ae2e}.atomic-button--primary:active{background:var(--color-brand-pressed)}.atomic-button--secondary{border-color:var(--color-control-border);background:var(--color-control-bg);color:var(--color-ink);box-shadow:var(--control-shadow)}.atomic-button--secondary:hover,.atomic-button--ghost:hover{background:var(--color-surface-subtle)}.atomic-button--secondary:active,.atomic-button--ghost:active{background:var(--color-neutral-bg)}.atomic-button--ghost{color:var(--color-ink);background:0 0}.atomic-button--destructive{background:var(--color-danger-ink);color:#fff}.atomic-button--destructive:hover{background:#72231d}.atomic-button--destructive:active{background:#611b16}.atomic-button:focus-visible{outline:var(--border-focus) solid var(--color-focus);outline-offset:2px}.atomic-button[aria-busy=true]{cursor:progress}.atomic-button:disabled,.atomic-button[aria-disabled=true]{border-color:var(--color-border);background:var(--color-neutral-bg);color:#7b7b75;cursor:not-allowed;opacity:1;pointer-events:none}.atomic-card{padding:var(--space-6);border:var(--border-default) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--elevation-0);transition:border-color .16s,background-color .16s}.atomic-status{--status-bg:var(--color-neutral-bg);--status-ink:var(--color-neutral-ink);align-items:center;gap:var(--space-2);min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-round);background:var(--status-bg);color:var(--status-ink);font-size:var(--type-label-size);font-weight:600;line-height:var(--type-label-line);white-space:nowrap;display:inline-flex}.atomic-status__mark{border-radius:var(--radius-round);background:currentColor;border:2px solid;flex:0 0 8px;width:8px;height:8px}.atomic-status--healthy{--status-bg:var(--color-success-bg);--status-ink:var(--color-success-ink)}.atomic-status--warning{--status-bg:var(--color-warning-bg);--status-ink:var(--color-warning-ink)}.atomic-status--danger{--status-bg:var(--color-danger-bg);--status-ink:var(--color-danger-ink)}.atomic-status--info{--status-bg:var(--color-info-bg);--status-ink:var(--color-info-ink)}.atomic-operational-summary{min-width:0;padding:var(--space-6) 0;border-top:var(--border-default) solid var(--color-border)}.atomic-operational-summary__heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.atomic-operational-summary h3,.atomic-attention-item h3,.atomic-empty-state h2{font-size:var(--type-card-title-size);line-height:var(--type-card-title-line);margin:0}.atomic-operational-summary>strong{font-size:22px;line-height:30px;display:block}.atomic-operational-summary p,.atomic-attention-item p,.atomic-empty-state p{margin:var(--space-2) 0 0;color:var(--color-ink-muted)}.atomic-attention-item{justify-content:space-between;align-items:center;gap:var(--space-8);min-width:0;padding:var(--space-6) 0;border-top:var(--border-default) solid var(--color-border);display:flex}.atomic-attention-item__copy{min-width:0;max-width:720px}.atomic-attention-item .atomic-attention-item__impact{color:var(--color-ink);font-size:var(--type-small-size);line-height:var(--type-small-line)}.atomic-attention-item__actions,.atomic-empty-state__actions{gap:var(--space-2);flex-wrap:wrap;flex:none;display:flex}.atomic-empty-state{align-items:center;gap:var(--space-6);padding:var(--space-10);background:radial-gradient(circle at 8% 18%, #6840d81a, transparent 26%), var(--color-surface-subtle);border-color:#dfd7f4;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.atomic-empty-state__mark{border-radius:var(--radius-round);background:var(--color-info-bg);width:48px;height:48px;color:var(--color-brand);place-items:center;font-size:22px;display:grid}.atomic-empty-state__copy{max-width:640px}.atomic-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:var(--border-default) solid transparent;border-radius:var(--radius-medium);display:flex}.atomic-alert__mark{border-radius:var(--radius-round);border:1px solid;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.atomic-alert__content{min-width:0}.atomic-alert--info{background:var(--color-info-bg);color:var(--color-info-ink);border-color:#d9cdf8}.atomic-alert--success{background:var(--color-success-bg);color:var(--color-success-ink);border-color:#cfe4d4}.atomic-alert--warning{background:var(--color-warning-bg);color:var(--color-warning-ink);border-color:#ead8b5}.atomic-alert--danger{background:var(--color-danger-bg);color:var(--color-danger-ink);border-color:#edcdc8}.atomic-progress__meta{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);color:var(--color-ink-muted);font-size:var(--type-small-size);line-height:var(--type-small-line);display:flex}.atomic-progress__track{border-radius:var(--radius-round);background:var(--color-neutral-bg);height:8px;overflow:hidden}.atomic-progress__track span{border-radius:inherit;background:var(--color-brand);height:100%;display:block}@media (max-width:620px){.atomic-page{padding-bottom:var(--space-12)}.atomic-page-header{align-items:stretch;gap:var(--space-6);flex-direction:column}.atomic-page-header__action,.atomic-page-header__action>.atomic-button{width:100%}.atomic-attention-item{align-items:stretch;gap:var(--space-6);flex-direction:column}.atomic-attention-item__actions,.atomic-attention-item__actions>.atomic-button,.atomic-empty-state__actions,.atomic-empty-state__actions>.atomic-button{width:100%}.atomic-empty-state{padding:var(--space-6);grid-template-columns:1fr}.atomic-empty-state__actions{width:100%}.atomic-empty-state__actions>*{flex:1}}@media (prefers-reduced-motion:reduce){.atomic-button,.atomic-card{transition:none}.atomic-button--primary:hover{transform:none}}
:root{background:var(--color-canvas);color:var(--color-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--color-canvas);min-width:0;min-height:100vh;font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s}button:disabled{cursor:not-allowed;opacity:.5}input::placeholder,textarea::placeholder{color:#8b877f}:where(input:not([type=checkbox]):not([type=radio]),textarea,select){box-shadow:var(--control-shadow);transition:border-color .14s,background-color .14s,box-shadow .14s}:where(input:not([type=checkbox]):not([type=radio]),textarea,select):hover:not(:disabled){border-color:var(--color-control-border-hover)}:where(a,button,input,textarea,select):focus-visible{outline:var(--border-focus) solid var(--color-focus);outline-offset:2px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.nav{color:#fff;background:#171716;flex-direction:column;gap:8px;padding:24px 18px;display:flex}.brand{padding:8px 10px 24px;font-size:1.1rem;font-weight:800}.navItem{color:#cfcfca;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px 14px}.navItem.active{color:#fff;background:#2a2a28}.navLink{text-decoration:none;display:block}.workspace{flex-direction:column;gap:22px;padding:32px;display:flex}.header,.toolbar,.publishBar{justify-content:space-between;align-items:center;gap:16px;display:flex}.menuWorkspaceHeaderMobile{display:none}h1,h2{letter-spacing:-.04em;margin:0}h1{font-size:var(--type-page-title-size);font-weight:780;line-height:var(--type-page-title-line)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.8rem;font-weight:800}.muted{color:#6c6c67}.status{color:#225b2b;background:#e7f4e5;border-radius:999px;padding:10px 14px;font-weight:700}.toolbar input{border:1px solid var(--color-control-border);background:var(--color-control-bg);border-radius:var(--radius-medium);width:min(520px,100%);padding:13px 15px}.catalogToolbar{flex-wrap:wrap;justify-content:flex-start}.checkboxLabel,.toggleLabel{color:#4f4f4b;white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:inline-flex}.checkboxLabel input,.toggleLabel input{width:auto}.primary,.secondary,.danger{border-radius:var(--radius-medium);padding:12px 16px;font-weight:750}.primary{border:1px solid var(--color-brand);background:var(--color-brand);color:#fff;box-shadow:0 1px 2px #4925ae38}.primary:hover:not(:disabled){border-color:var(--color-brand-hover);background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 3px 9px #4925ae2e}.publishAction:disabled{color:#8a8a84;opacity:1;box-shadow:none;background:#e7e7e1;border-color:#deded8}.secondary{border:1px solid var(--color-control-border);background:var(--color-control-bg);color:var(--color-ink);box-shadow:var(--control-shadow)}.secondary:hover:not(:disabled){background:var(--color-surface-subtle)}.danger{color:#8b2f24;background:#fff7f5;border:1px solid #e1b8b2}.beerList{gap:10px;display:grid}.beerRow{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);grid-template-columns:28px minmax(220px,1.4fr) minmax(160px,1fr) 100px 110px auto;align-items:center;gap:16px;padding:16px;display:grid}.catalogRow{grid-template-columns:minmax(260px,1.5fr) minmax(220px,1fr) 110px auto}.editorRow{grid-template-columns:48px minmax(210px,1.2fr) 110px 120px 140px 100px 90px auto;position:relative}.editorRow.is86{background:#fff9f7;border-color:#edc9c3}.editorRow.isDirty{border-color:#8b6bc7;box-shadow:0 0 0 2px #6a49a81f}.editorRow.pendingRemoval{opacity:.78;background:#fff7f5;border-color:#d9a099}.editorRow.pendingRemoval .beerMain,.editorRow.pendingRemoval .inlineField,.editorRow.pendingRemoval .toggleLabel{text-decoration:line-through}.orderControls{gap:6px;display:grid}.iconButton.small{width:34px;height:30px;font-size:.95rem}.inlineField{color:#5d5d58;gap:6px;font-size:.78rem;font-weight:800;display:grid}.inlineField input,.inlineField select,.formGrid select{border:1px solid var(--color-control-border);border-radius:var(--radius-medium);background:var(--color-control-bg);width:100%;color:var(--color-ink);padding:9px 10px}.destinationField{min-width:190px}.itemSummary{color:#6c6c67;border-top:1px solid #ecece7;grid-column:2/-1;padding-top:10px;font-size:.85rem}.drag{color:#8f8f88;letter-spacing:-3px}.beerName{font-size:1.05rem;font-weight:850}.beerNameRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.beerDescription{color:#555550;margin-top:6px;line-height:1.45}.beerMeta,.price{font-weight:700}.availability{border-radius:999px;justify-self:start;padding:7px 10px;font-size:.85rem;font-weight:800}.available{color:#24572b;background:#edf5ea}.unavailable{color:#8b2f24;background:#fae9e6}.badge{color:#4a2e91;background:#eee9ff;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:800}.unsavedBadge{color:#4a2e91;background:#eee9ff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800}.rowActions,.modalActions{justify-content:flex-end;gap:10px;display:flex}.publishBar{background:#fffffff2;border:1px solid #d7d7d1;border-radius:16px;padding:16px;position:sticky;bottom:16px;box-shadow:0 14px 40px #00000014}.actions{gap:10px;display:flex}.error{background:linear-gradient(135deg, #fffaf9, var(--color-danger-bg));color:var(--color-danger-ink);border-radius:var(--radius-large);border:1px solid #edcdc8;padding:16px}.notice{color:#225b2b;background:#e7f4e5;border-radius:12px;padding:14px;font-weight:700}.unsavedBanner{color:#4a2e91;background:#f1edfb;border-radius:12px;padding:14px;font-weight:800}.publishWarning{color:#8b2f24;font-weight:800}.previewAccepted{color:#225b2b;font-weight:800}.stickyActions{flex-wrap:wrap;justify-content:flex-end}.loading{color:#6c6c67;padding:28px 0}.emptyState{background:radial-gradient(circle at 10% 15%, #6840d817, transparent 30%), var(--color-surface-subtle);border-radius:var(--radius-large);color:var(--color-ink-muted);text-align:left;border:1px solid #dfd7f4;padding:36px;position:relative}.emptyState:before{background:var(--color-info-bg);width:38px;height:38px;color:var(--color-brand);content:"✦";text-align:center;border-radius:999px;margin-bottom:16px;font-size:18px;line-height:38px;display:block}.onboardingMenuSetup{border-radius:var(--radius-large);background:radial-gradient(circle at 10% 15%, #6840d817, transparent 34%), var(--color-surface);border:1px solid #dfd7f4;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,5vw,44px);display:flex}.onboardingMenuSetup h2{margin:0 0 8px;font-size:clamp(1.45rem,3vw,2rem)}.onboardingMenuSetup p{color:var(--color-ink-muted);margin:0}.onboardingMenuActions{flex:none;gap:10px;display:flex}.onboardingMenuActions a{justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.onboardingMenuActions button,.onboardingContinueBar>button{min-height:44px}.addBeerAlternative{border-top:1px solid var(--color-border);color:var(--color-ink-muted);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.onboardingManualDialog button{min-height:44px}.onboardingManualDialog .iconButton{width:44px;min-width:44px;height:44px}.layoutAnalysis{color:#fff;background:#171716;border-radius:18px;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr) minmax(220px,1fr);align-items:center;gap:18px;padding:20px;display:grid}.layoutAnalysis .muted{color:#bdbdb6;margin-bottom:0}.pagePlan{flex-wrap:wrap;gap:10px;display:flex}.pageChip{background:#2b2b29;border:1px solid #41413d;border-radius:12px;gap:4px;min-width:104px;padding:12px;display:grid}.pageChip span{color:#bdbdb6;font-size:.8rem}.layoutResult{background:#242422;border-radius:12px;gap:5px;padding:14px;display:grid}.layoutResult span{color:#bdbdb6;font-size:.88rem;line-height:1.35}.layoutResult.optimized{background:#1e3524}.modalBackdrop{z-index:20;background:#00000080;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.radixModalOverlay{z-index:20;background:#00000080;position:fixed;inset:0}.radixModalContent{z-index:21;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal{background:#fff;border-radius:18px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 70px #00000040}.compactModal{width:min(560px,100%)}.previewModal{width:min(1100px,100%)}.snapshotPreviewFrame{background:#111;border:1px solid #d8d8d2;border-radius:12px;width:100%;min-height:min(62vh,680px);display:block}.snapshotFingerprint{color:#6c6c67;overflow-wrap:anywhere;gap:4px;margin-top:14px;font-size:.78rem;display:grid}.snapshotFingerprint summary{cursor:pointer;font-weight:800}.snapshotFingerprint[open] summary{margin-bottom:6px}.snapshotFingerprint strong{color:#181817;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.draftOptions{color:#6c6c67;margin-top:10px;font-size:.86rem}.draftOptions summary{cursor:pointer;font-weight:800}.draftOptions[open]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.draftOptions[open] summary{flex-basis:100%}.draftOptions .secondary{padding:8px 12px}.modalHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.iconButton{background:#f0f0ec;border:0;border-radius:999px;width:40px;height:40px;font-size:1.5rem}.formGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.formGrid label{gap:7px;font-weight:800;display:grid}.formGrid input,.formGrid textarea,.formGrid select{border:1px solid var(--color-control-border);border-radius:var(--radius-medium);background:var(--color-control-bg);width:100%;padding:11px 12px}.fullWidth{grid-column:1/-1}.modalActions{margin-top:22px}.happyHourSummary{color:#fff;background:#171716;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.happyHourSummary .muted{color:#bdbdb6;max-width:720px;margin-bottom:0;line-height:1.5}.scheduleGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.scheduleCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);gap:18px;padding:20px;display:grid}.scheduleCard.isActive{border-color:#6f9f6d;box-shadow:0 0 0 3px #427c461f}.scheduleTopline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.scheduleTime{letter-spacing:-.04em;font-size:clamp(1.65rem,4vw,2.4rem);font-weight:850}.dayChips{flex-wrap:wrap;gap:7px;display:flex}.dayChip{text-align:center;color:#777771;background:#efefeb;border-radius:999px;min-width:40px;padding:7px 8px;font-size:.78rem;font-weight:800}.dayChip.selected{color:#fff;background:#171716}.scheduleEvaluation{margin:0;line-height:1.45}.scheduleActions{flex-wrap:wrap;justify-content:flex-start}.dayPicker{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.dayPicker legend{margin-bottom:9px;font-weight:800}.dayButton{background:#fff;border:1px solid #d3d3cc;border-radius:999px;padding:9px 12px;font-weight:800}.dayButton.selected{color:#fff;background:#171716;border-color:#171716}.formToggle{align-self:end;min-height:43px}@media (max-width:1100px){.editorRow{grid-template-columns:42px minmax(200px,1fr) 100px 110px auto auto}.editorRow .rowActions,.editorRow .itemSummary{grid-column:2/-1;justify-content:flex-start}.layoutAnalysis{grid-template-columns:1fr 1fr}.layoutResult{grid-column:1/-1}}@media (max-width:900px){.shell{grid-template-columns:1fr}.nav{display:none}.workspace{padding:20px}.header{align-items:flex-start}.beerRow{grid-template-columns:24px 1fr auto}.catalogRow{grid-template-columns:1fr auto}.catalogRow .beerMeta{grid-column:1/-1}.catalogRow .availability{grid-column:1}.rowActions{grid-column:1/-1;justify-content:flex-start}.beerMeta,.availability,.badge{grid-column:2/-1}.price{grid-area:1/3/span 2}.editorRow{grid-template-columns:42px 1fr 1fr}.editorRow .inlineField,.editorRow .toggleLabel{grid-column:auto}.editorRow .rowActions,.editorRow .itemSummary{grid-column:2/-1}.publishBar{flex-direction:column;align-items:stretch}.actions{width:100%}.actions button{flex:1}.layoutAnalysis{grid-template-columns:1fr}.layoutResult{grid-column:auto}.happyHourSummary{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.menuWorkspaceHeaderDesktop,.menuWorkspaceHeaderContext{display:none}.menuWorkspaceHeaderMobile{width:100%;min-width:0;display:block}.menuWorkspaceHeaderMobile .eyebrow{margin-bottom:4px}.menuWorkspaceHeaderMobile h1{white-space:nowrap;font-size:clamp(1.75rem,8.5vw,2.1rem);line-height:1.08}.formGrid{grid-template-columns:1fr}.fullWidth{grid-column:auto}.modalActions{flex-direction:column-reverse}.modalActions button{width:100%}.editorRow{grid-template-columns:48px 1fr}.editorRow .inlineField,.editorRow .toggleLabel,.editorRow .rowActions,.editorRow .itemSummary{grid-column:2}.orderControls{align-self:start;gap:8px}.iconButton.small{width:44px;height:44px;font-size:1.1rem}.scheduleGrid{grid-template-columns:1fr}.scheduleTopline{flex-direction:column;align-items:stretch}.scheduleActions>button{flex:1}}.destinationField select,.inlineField select{min-height:44px}.assignmentDisplayRows{gap:10px;display:grid}.assignmentDisplayRow{border-radius:var(--radius-medium);border:1px solid #deded8;grid-template-columns:minmax(220px,1fr) minmax(130px,auto) auto;align-items:center;gap:16px;padding:14px;display:grid}.assignmentDisplayIdentity{grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.assignmentDisplayIdentity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assignmentLayoutSummary{gap:3px;display:grid}.assignmentLayoutSummary span{color:var(--color-ink-muted);font-size:.78rem;font-weight:750}.assignmentLayoutAction{min-height:44px}.customerLayoutModal{flex-direction:column;width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.customerLayoutModal .modalHeader{flex:none}.customerLayoutModalBody{overscroll-behavior:contain;min-height:0;padding:3px;overflow:hidden auto}.customerLayoutModal .modalActions{border-top:1px solid var(--color-border);background:var(--color-surface);flex:none;margin-top:12px;padding-top:12px}.customerLayoutChoices{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;padding:0;display:grid}.customerLayoutChoices legend{grid-column:1/-1;margin-bottom:6px;font-weight:850}.customerLayoutChoice{border-radius:var(--radius-medium);cursor:pointer;border:2px solid #d8d8d2;align-items:flex-start;gap:10px;min-height:64px;padding:12px;display:flex}.customerLayoutChoice:has(input:checked){border-color:var(--color-brand);background:#f4f0fb}.customerLayoutChoice:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.customerLayoutChoice input{width:20px;height:20px;accent-color:var(--color-brand);margin:2px 0 0}.customerLayoutChoice span{gap:4px;display:grid}.customerLayoutChoice small{color:var(--color-ink-muted);line-height:1.35}.customerLayoutPreview{border-radius:var(--radius-medium);aspect-ratio:16/9;background:#111;border:1px solid #d9d9d2;width:100%;overflow:hidden}.customerLayoutPreview iframe{border:0;width:100%;height:100%}.customerLayoutMobileSummary{display:none}@media (max-width:560px){.assignmentDisplayRow{grid-template-columns:1fr;gap:12px}.assignmentDisplayIdentity{grid-template-columns:auto 1fr}.assignmentDisplayIdentity .assignmentHealth{grid-column:1/-1}.assignmentLayoutSummary{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.assignmentLayoutAction{width:100%}.customerLayoutModal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.customerLayoutChoices{grid-template-columns:1fr}.customerLayoutChoice{min-height:64px}.customerLayoutPreview{display:none}.customerLayoutMobileSummary{border-radius:var(--radius-medium);border:1px solid #deded8;gap:12px;min-width:0;padding:14px;display:grid}.customerLayoutMobileSummary h3{margin:0 0 6px;font-size:.95rem}.customerLayoutMobileSummary ol{gap:4px;margin:0;padding-left:22px;display:grid}.onboardingMenuSetup,.onboardingMenuActions,.addBeerAlternative{flex-direction:column;align-items:stretch}.onboardingMenuActions>*,.addBeerAlternative button,.onboardingContinueBar button{width:100%}}@media (prefers-reduced-motion:reduce){button,input,textarea,select{transition:none}.primary:hover:not(:disabled){transform:none}}.displayAssignmentCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);gap:16px;padding:20px;display:grid}.displayAssignmentHeader,.assignmentOverview{justify-content:space-between;align-items:center;gap:16px;display:flex}.assignmentEditAction{min-width:124px;min-height:44px}.assignmentOverview>div{gap:4px;display:grid}.assignmentCount{font-size:1.08rem}.assignmentRevision{color:var(--color-ink-muted);font-size:.82rem;font-weight:750}.assignmentPrimary{border-radius:var(--radius-medium);border:1px solid #deded8;grid-template-columns:minmax(90px,auto) minmax(160px,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.assignmentRole{color:#5f5f5a;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:850}.assignmentHealth{color:#555550;background:#efefeb;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:5px 9px;font-size:.76rem;font-weight:800;display:inline-flex}.assignmentHealth:before{content:"";background:#8a8a84;border-radius:999px;width:7px;height:7px}.assignmentHealthOnline{color:#24572b;background:#edf5ea}.assignmentHealthOnline:before{background:#3e8c48}.assignmentHealthNeedsattention{color:#765914;background:#fff4d8}.assignmentHealthNeedsattention:before{background:#b98919}.assignmentHealthUnavailable{color:#8b2f24;background:#fae9e6}.assignmentHealthUnavailable:before{background:#b94b3d}.assignmentSecondary{gap:10px;display:grid}.assignmentDisplayChips{flex-wrap:wrap;gap:8px;display:flex}.assignmentDisplayChip{border:1px solid #deded8;border-radius:999px;align-items:center;gap:9px;padding:7px 9px 7px 12px;display:inline-flex}.assignmentUnassigned{color:var(--color-ink-muted);margin:0}.assignmentPublishSummary{color:var(--color-ink-muted);margin:0;line-height:1.4}.assignmentPublishNote,.assignmentPublishWarning{border-radius:var(--radius-medium);margin:0;padding:12px 14px;font-weight:700;line-height:1.45}.assignmentPublishNote{color:#4a2e91;background:#f1edfb}.assignmentPublishWarning{color:#6b5116;background:#fff8e8;border:1px solid #ead7aa}.assignmentSuccess{color:#225b2b;margin:0;font-weight:800}.assignmentLoadError{border-radius:var(--radius-medium);color:var(--color-danger-ink);border:1px solid #edcdc8;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.assignmentLoadError button{min-height:44px}.assignmentModal{width:min(720px,100vw - 32px)}.assignmentDialogClose{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px}.assignmentChoiceGroup{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.assignmentChoiceGroup legend{margin-bottom:10px;font-weight:850}.assignmentChoice{border-radius:var(--radius-medium);border:1px solid #deded8;grid-template-columns:minmax(160px,1fr) minmax(112px,auto) minmax(132px,auto);align-items:center;gap:10px;padding:10px 12px;display:grid}.assignmentChoiceName{align-items:center;gap:10px;min-width:0;display:flex}.assignmentChoiceName strong{text-overflow:ellipsis;overflow:hidden}.assignmentRoleChoice,.assignmentUnconfigureChoice{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-weight:750;display:flex}.assignmentRoleChoice input,.assignmentUnconfigureChoice input{width:20px;height:20px;accent-color:var(--color-brand);margin:0}.assignmentUnconfigureChoice{border-radius:var(--radius-medium);color:#713128;background:#fff7f5;border:1px solid #e1b8b2;align-items:flex-start;margin-top:18px;padding:12px}.assignmentUnconfigureChoice input{margin-top:2px}.assignmentUnconfigureChoice span{gap:4px;display:grid}.assignmentUnconfigureChoice small{font-weight:600;line-height:1.4}.assignmentDialogError{border-radius:var(--radius-medium);background:var(--color-danger-bg);color:var(--color-danger-ink);border:1px solid #edcdc8;margin-bottom:16px;padding:12px;font-weight:700}@media (max-width:560px){.displayAssignmentCard{gap:8px;padding:10px}.displayAssignmentHeader{flex-direction:row;align-items:center}.displayAssignmentHeader h2{margin:0}.assignmentEditAction{width:auto}.assignmentOverview{align-items:flex-start}.assignmentCount{font-size:1rem}.assignmentPublishSummary{font-size:.92rem}.assignmentPrimary{grid-template-columns:1fr auto}.assignmentPrimary .assignmentRole{grid-column:1/-1}.assignmentChoice{grid-template-columns:1fr 1fr}.assignmentChoiceName{grid-column:1/-1;justify-content:space-between}.assignmentModal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:18px}}.menuEditorList{gap:6px}.beerListHeader{color:var(--color-ink-muted);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:96px minmax(190px,1fr) 92px 100px 120px 108px 90px 52px;align-items:end;gap:10px;padding:0 10px 6px;font-size:.72rem;font-weight:850;display:grid}.menuEditorList .editorRow{border-radius:var(--radius-medium);grid-template-columns:96px minmax(190px,1fr) 92px 100px 120px 108px 90px 52px;gap:10px;min-width:0;padding:8px 10px}.menuEditorList .orderControls{gap:4px;display:flex}.menuEditorList .iconButton.small{border:1px solid var(--color-control-border);background:var(--color-control-bg);width:44px;height:44px;color:var(--color-ink-muted);flex:0 0 44px;font-size:1rem}.beerIdentityButton{min-width:0;min-height:44px;color:inherit;text-align:left;background:0 0;border:0;padding:2px 0;display:block;overflow:hidden}.beerIdentityButton .beerMain{gap:1px;min-width:0;display:grid}.beerIdentityButton .beerMain>*{grid-column:1}.beerIdentityButton .beerName,.beerIdentityButton .muted,.beerIdentityButton .beerMeta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.beerIdentityButton .beerName{font-size:.96rem}.beerIdentityButton .muted{font-size:.78rem}.beerIdentityButton .beerMeta{font-size:.76rem}.menuEditorList .inlineField{gap:4px;min-width:0;font-size:.7rem}.menuEditorList .inlineField input,.menuEditorList .inlineField select{min-height:44px;padding:8px 9px}.pillToggle{color:#4f4f4b;cursor:pointer;align-items:center;gap:7px;min-width:0;min-height:44px;font-size:.76rem;font-weight:800;display:inline-flex;position:relative}.pillToggle input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pillToggleTrack{background:#d8d8d2;border:1px solid #aaa9a3;border-radius:999px;flex:0 0 34px;width:34px;height:20px;transition:background-color .14s,border-color .14s;position:relative}.pillToggleTrack:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000003d}.pillToggle input:checked+.pillToggleTrack{background:#4f4f4b;border-color:#4f4f4b}.pillToggle input:checked+.pillToggleTrack:after{transform:translate(14px)}.pillToggle:focus-within{outline:var(--border-focus) solid var(--color-focus);outline-offset:2px;border-radius:999px}.menuRowActions{place-items:center;display:grid;position:relative}.menuActionsTrigger{border:1px solid var(--color-control-border);background:var(--color-control-bg);width:44px;min-width:44px;height:44px;color:var(--color-ink);border-radius:999px;font-size:1.35rem;font-weight:800}.menuRowOverflow{z-index:8;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);min-width:176px;display:grid;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 12px 30px #00000029}.menuRowOverflow button{min-height:44px;color:var(--color-ink);text-align:left;background:0 0;border:0;padding:10px 14px}.menuRowOverflow button:hover,.menuRowOverflow button:focus-visible{background:var(--color-surface-subtle)}.menuRowOverflow .menuDestructiveAction{color:var(--color-danger-ink);border-top:1px solid #ead2ce;margin-top:4px}.undoRemovalAction{white-space:nowrap;min-height:44px}.menuEditorList .itemSummary,.menuEditorList .mobileStatePills{display:none}.menuEditorList .pendingRemoval .beerMain,.menuEditorList .pendingRemoval .inlineField,.menuEditorList .pendingRemoval .pillToggle{text-decoration:line-through}@media (max-width:980px){.beerListHeader{display:none}.menuEditorList{gap:8px}.menuEditorList .editorRow{grid-template-columns:48px minmax(0,1fr) 44px;align-items:start;gap:8px;padding:10px}.menuEditorList .orderControls{grid-area:1/1;align-self:start;gap:6px;display:grid}.beerIdentityButton{grid-area:1/2;width:100%;padding:1px 0 5px}.beerIdentityButton .muted{display:none}.menuEditorList .editorRow.isExpanded .beerIdentityButton .muted{display:block}.menuEditorList .menuRowActions{grid-area:1/3;justify-content:end}.menuEditorList .inlineField,.menuEditorList .pillToggle{grid-column:2/-1;display:none}.menuEditorList .editorRow.isExpanded .inlineField,.menuEditorList .editorRow.isExpanded .pillToggle{display:grid}.menuEditorList .editorRow.isExpanded .pillToggle{display:inline-flex}.menuEditorList .editorRow.isExpanded .priceField{grid-row:2}.menuEditorList .editorRow.isExpanded .pourField{grid-row:3}.menuEditorList .editorRow.isExpanded .categoryField{grid-row:4}.menuEditorList .editorRow.isExpanded .availableField,.menuEditorList .editorRow.isExpanded .guestField{grid-row:5}.menuEditorList .editorRow.isExpanded .guestField{justify-self:end}.menuEditorList .itemSummary{color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;border:0;margin-top:5px;padding:0;font-size:.78rem;display:block;overflow:hidden}.menuEditorList .editorRow.isExpanded .itemSummary{display:none}.menuEditorList .mobileStatePills{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.menuEditorList .editorRow.isExpanded .mobileStatePills{display:none}.statePill{color:#484844;background:#efefeb;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:800}.statePill.isOff{color:#8b2f24;background:#fae9e6}.menuRowOverflow{min-width:0;position:fixed;inset:auto 12px 18px 60px}.desktopOnlyMenuItem{display:none}.undoRemovalAction{grid-column:2/-1;width:100%}}@media (max-width:560px){.menuEditorList .editorRow{grid-template-columns:48px minmax(0,1fr) 44px}.beerIdentityButton .beerName{font-size:.94rem}}
@media (max-width:900px){.toolbar{flex-direction:column;align-items:stretch}.toolbar>input,.toolbar .actions,.toolbar .destinationField,.toolbar .destinationField select,.toolbar .actions>button{width:100%;min-width:0}.toolbar .actions{flex-direction:column;align-items:stretch}.toolbar .checkboxLabel{white-space:normal;min-height:44px}}@media (max-width:560px){.publishBar:not(:has(.publishWarning,.previewAccepted)){padding:12px 16px;bottom:12px}.publishBar:not(:has(.publishWarning,.previewAccepted)) .stickyActions{display:none}}
.websiteManagerGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.websitePanel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);gap:20px;padding:22px;display:grid}.websitePanel .muted{line-height:1.5}.fieldHint{color:#777771;font-size:.82rem;font-weight:500;line-height:1.4;display:block}.codeField{gap:8px;font-weight:800;display:grid}.codeField textarea{resize:vertical;border:1px solid var(--color-control-border);border-radius:var(--radius-medium);background:var(--color-surface-subtle);width:100%;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5}.websiteButtonRow{flex-wrap:wrap;gap:10px;display:flex}.buttonLink{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.publicEmbed{--embed-accent:#181817;color:#181817;background:#f6f4ef;min-height:100vh;padding:clamp(24px,5vw,64px)}.publicEmbedHeader{border-bottom:4px solid var(--embed-accent);justify-content:space-between;align-items:flex-end;gap:24px;max-width:1180px;margin:0 auto 32px;padding-bottom:20px;display:flex}.publicEmbedHeader h1{font-size:clamp(2.6rem,8vw,5.5rem)}.publicVersion{color:#686861;text-align:right;font-size:.85rem}.publicBeerGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:1180px;margin:0 auto;display:grid}.publicBeerCard{background:#fff;border:1px solid #dedbd3;border-radius:16px;gap:12px;padding:20px;display:grid}.publicBeerTopline{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.publicBeerTopline h2{font-size:1.35rem}.publicBeerTopline p{color:#686861;margin:5px 0 0}.publicGuest{background:var(--embed-accent);color:#fff;border-radius:999px;padding:6px 9px;font-size:.75rem;font-weight:800}.publicBeerMeta{color:#4f4f49;font-weight:800}.publicBeerDescription{color:#61615b;margin:0;line-height:1.5}.publicBeerPrice{border-top:1px solid #ece9e1;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:12px;display:flex}.publicBeerPrice strong{color:var(--embed-accent);font-size:1.25rem}.publicBeerPrice span{color:#686861}.publicEmbedFooter{color:#777771;text-align:center;max-width:1180px;margin:28px auto 0;font-size:.78rem}.publicEmpty,.publicEmbedError{text-align:center}.publicEmpty{border:1px dashed #c8c5bd;border-radius:16px;max-width:1180px;margin:40px auto;padding:34px}.publicEmbed.mode-compact{padding:20px}.publicEmbed.mode-compact .publicEmbedHeader{margin-bottom:18px}.publicEmbed.mode-compact .publicEmbedHeader h1{font-size:clamp(2rem,6vw,3.5rem)}.publicEmbed.mode-compact .publicBeerGrid{grid-template-columns:1fr;gap:8px}.publicEmbed.mode-compact .publicBeerCard{grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;padding:14px 16px}.publicEmbed.mode-compact .publicBeerTopline,.publicEmbed.mode-compact .publicBeerMeta,.publicEmbed.mode-compact .publicBeerDescription{grid-column:1}.publicEmbed.mode-compact .publicBeerPrice{text-align:right;border:0;grid-area:1/2/span 3;align-content:center;padding:0;display:grid}.publicEmbed.mode-full .publicBeerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.websiteManagerGrid{grid-template-columns:1fr}.publicEmbedHeader{flex-direction:column;align-items:flex-start}.publicVersion{text-align:left}.publicEmbed.mode-full .publicBeerGrid{grid-template-columns:1fr}}@media (max-width:560px){.websiteButtonRow{flex-direction:column}.websiteButtonRow>*{width:100%}.publicEmbed{padding:20px 14px}.publicBeerGrid,.publicEmbed.mode-compact .publicBeerCard{grid-template-columns:1fr}.publicEmbed.mode-compact .publicBeerPrice{text-align:left;border-top:1px solid #ece9e1;grid-area:auto/1;padding-top:10px;display:flex}}
.historyComparePanel{color:#fff;background:#171716;border-radius:18px;gap:20px;padding:22px;display:grid}.historyComparePanel .muted{color:#bdbdb6;margin-bottom:0}.historyCompareControls{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.historyCompareControls label{gap:7px;font-weight:800;display:grid}.historyCompareControls select{color:#fff;background:#292927;border:1px solid #4a4a46;border-radius:10px;width:100%;min-height:44px;padding:11px 12px}.diffGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.diffColumn{background:#252523;border:1px solid #3d3d39;border-radius:14px;min-height:150px;padding:16px}.diffColumn h3{justify-content:space-between;gap:12px;margin:0 0 12px;display:flex}.diffColumn h3 span{text-align:center;background:#3b3b37;border-radius:999px;min-width:28px;padding:3px 8px;font-size:.8rem}.diffColumn ul{color:#e8e8e3;margin:0;padding-left:18px;line-height:1.7}.historyTimeline{gap:14px;display:grid;position:relative}.historyCard{background:#fff;border:1px solid #dfdfd9;border-radius:16px;grid-template-columns:92px minmax(0,1fr);gap:0;display:grid;overflow:hidden}.currentHistoryCard{border-color:#6f9f6d;box-shadow:0 0 0 3px #427c461f}.historyVersionMarker{text-align:center;background:#efefeb;border-right:1px solid #dfdfd9;align-content:center;justify-items:center;gap:6px;padding:20px 12px;display:grid}.currentHistoryCard .historyVersionMarker{color:#225b2b;background:#e7f4e5}.historyVersionMarker strong{font-size:1.45rem}.historyVersionMarker span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.historyCardBody{gap:16px;padding:20px;display:grid}.historyCardHeader,.historyFooter{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.historyCardHeader .muted{margin:6px 0 0}.historyBadges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.historyMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.historyMetrics span{color:#6c6c67;background:#f5f5f2;border-radius:10px;gap:3px;padding:12px;font-size:.82rem;display:grid}.historyMetrics strong{color:#181817;font-size:1.15rem}.historyTargets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.historyTargets>div{background:#fafaf7;border:1px solid #dfdfd9;border-radius:12px;min-width:0;padding:14px}.historyTargets>div>span{color:#6c6c67;margin-top:8px;display:block}.historyTargets ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.historyTargets li{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.historyTargets small{color:#6c6c67;text-transform:capitalize}.rollbackNotice{color:#705111;background:#fff5df;border-radius:12px;gap:6px;margin-top:18px;padding:14px;display:grid}@media (max-width:900px){.historyCompareControls{grid-template-columns:1fr 1fr}.historyCompareControls .primary{grid-column:1/-1}.diffGrid{grid-template-columns:1fr}.historyMetrics{grid-template-columns:1fr 1fr}.historyTargets{grid-template-columns:1fr}}@media (max-width:560px){.historyCompareControls{grid-template-columns:1fr}.historyCompareControls .primary{grid-column:auto}.historyCard{grid-template-columns:1fr}.historyVersionMarker{border-bottom:1px solid #dfdfd9;border-right:0;grid-template-columns:auto auto;justify-content:space-between}.historyCardHeader,.historyFooter{flex-direction:column}.historyBadges{justify-content:flex-start}.historyMetrics{grid-template-columns:1fr 1fr}.historyFooter .secondary{width:100%}}