/* HH24 customer workspace: a new page-based shell, independent from the previous studio layout. */
body:has(.hh24-workspace-v3) { background:#faf9f7; }
body:has(.hh24-workspace-v3) > .hh24-site-header,body:has(.hh24-workspace-v3) > .hh24-site-footer { display:none; }
body:has(.hh24-workspace-v3) .hh24-dashboard-content,body:has(.hh24-workspace-v3) .hh24-dashboard-shell,body:has(.hh24-workspace-v3) .hh24-dashboard-page { width:100%; max-width:none; margin:0; padding:0; }
#hh24-dashboard.hh24-workspace-v3 { --hh24-ui-accent:#b74e4a; --hh24-ui-ink:#292224; display:block; width:100%; max-width:none; min-height:100vh; margin:0; padding:0; border:0; border-radius:0; background:#faf9f7; box-shadow:none; transform:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-main { margin-left:248px; min-height:100vh; padding:76px 30px 90px; width:auto; border:0; border-radius:0; background:#faf9f7; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav { display:block; position:fixed; inset:0 auto 0 0; width:248px; max-width:none; height:100vh; max-height:none; margin:0; padding:22px 14px; overflow-y:auto; z-index:100; visibility:visible; transform:none; border:0; border-radius:0; background:#eee9e2; color:#352c30; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-drawer-head { display:block; min-height:0; margin:0 0 24px; padding:0 6px; border:0; background:transparent; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-drawer-head::after,#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav::after { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-main-brand { display:block; width:195px; max-width:100%; height:auto; filter:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-drawer-head h2 { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav { display:grid; grid-template-columns:minmax(0,1fr); gap:2px; overflow:visible; padding:0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav>* { grid-column:1; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav button,#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav a { display:flex; gap:10px; align-items:center; justify-content:flex-start; width:100%; min-width:0; min-height:35px; padding:8px 12px; border:0; border-radius:4px; background:transparent; color:#3b3035; box-shadow:none; text-align:left; font-family:inherit; font-size:14px; line-height:1.35; text-transform:none; letter-spacing:0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav button i { color:inherit; width:16px; height:16px; flex:0 0 16px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; text-align:center; font-size:14px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav button.is-active { background:var(--hh24-ui-accent); color:white; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav button:hover { background:#e3d8d5; color:#302229; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav small { margin-left:auto; color:inherit; font-size:10px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-nav-label { margin:24px 12px 7px; padding:0; color:#7c7274; font-size:10px; font-weight:700; letter-spacing:.05em; line-height:1.5; }
.hh24-workspace-topbar { position:fixed; top:0; left:248px; right:0; height:48px; display:flex; align-items:center; justify-content:flex-end; gap:22px; padding:0 28px; border-bottom:1px solid #e6e1dd; background:#faf9f7; z-index:60; }
#hh24-dashboard.hh24-workspace-v3 .hh24-workspace-topbar button { background:none; color:#43383c; padding:5px; border:0; border-radius:0; box-shadow:none; font-size:13px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header { display:block; padding:0; margin:0 0 24px; background:none; border:0; border-radius:0; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header::before,#hh24-dashboard.hh24-workspace-v3 .hh24-eyebrow::before { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header h2 { margin:0 0 12px; font-family:'Playfair Display',Georgia,serif; font-size:34px; line-height:1.25; color:#30252b; letter-spacing:-.6px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header p { font-size:16px; line-height:1.6; color:#62565b; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header .hh24-eyebrow,#hh24-dashboard.hh24-workspace-v3 .hh24-builder-header-actions,#hh24-dashboard.hh24-workspace-v3 .hh24-quick-navigation,#hh24-dashboard.hh24-workspace-v3 .hh24-design-shortcuts,#hh24-dashboard.hh24-workspace-v3 .hh24-editor-hint { display:none!important; }
.hh24-home-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.hh24-home-cards article { display:flex; flex-direction:column; align-items:flex-start; gap:15px; min-height:245px; padding:22px; background:#fff; border:0; border-radius:13px; box-shadow:0 2px 20px #34273006; }
#hh24-dashboard .hh24-home-cards h3 { font-family:inherit; font-size:13px; font-weight:700; letter-spacing:.07em; margin:0 0 8px; }
.hh24-home-cards p { margin:0; font-size:14px; line-height:1.6; color:#685c61; }
.hh24-home-cards strong { font-size:17px; overflow-wrap:anywhere; }
.hh24-home-cards .hh24-card-number { font-family:Georgia,serif; font-size:52px; }
.hh24-home-cards .hh24-card-icon { font-size:34px; color:#9a655f; margin:8px 0; }
#hh24-dashboard .hh24-home-cards button { margin-top:auto; border:0; border-radius:22px; padding:10px 17px; background:var(--hh24-ui-accent); color:white; font-size:13px; font-weight:600; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-builder-shell { display:block!important; width:100%; margin:0; padding:0; overflow:visible; border:0; border-radius:0; background:none; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3 .hh24-builder-inspector { display:none!important; width:100%; max-width:none; max-height:none; padding:24px; overflow:visible; border:0; border-radius:13px; background:white; box-shadow:0 2px 20px #34273006; }
#hh24-dashboard.hh24-workspace-v3 .hh24-builder-canvas { display:none!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=structure] .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=add] .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=media] .hh24-builder-library { display:block!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=section] .hh24-builder-inspector { display:block!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=preview] .hh24-builder-canvas { display:block!important; width:100%; border:1px solid #e5dfda; border-radius:10px; overflow:hidden; }
#hh24-dashboard.hh24-workspace-v3 .hh24-builder-tabs,#hh24-dashboard.hh24-workspace-v3 .hh24-mobile-preview-open,#hh24-dashboard.hh24-workspace-v3 .hh24-mobile-builder-back,#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-back,#hh24-dashboard.hh24-workspace-v3 .hh24-mobile-builder-tools { display:none!important; }
#hh24-dashboard.hh24-workspace-v3 .hh24-builder-header>div>p { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid button { border-radius:9px; border:1px solid #e6dfdc; background:#fff; color:#30262b; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid button.is-active { border:2px solid var(--hh24-ui-accent); }
#hh24-dashboard.hh24-workspace-v3 .hh24-style-quiz,#hh24-dashboard.hh24-workspace-v3 .hh24-brand-kit-panel,#hh24-dashboard.hh24-workspace-v3 .hh24-design-check { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-design-controls>.hh24-control-group:first-child { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-design-controls { margin-top:28px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-content { max-width:1100px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-content>header { padding:0 0 16px; border-bottom:1px solid #eee8e4; }
#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-content>header>div:first-child { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-content label,#hh24-dashboard.hh24-workspace-v3 .hh24-general-page label { display:grid; gap:7px; margin-bottom:20px; max-width:850px; font-size:14px; }
#hh24-dashboard.hh24-workspace-v3 input:not([type=checkbox]):not([type=radio]):not([type=color]),#hh24-dashboard.hh24-workspace-v3 textarea,#hh24-dashboard.hh24-workspace-v3 select { box-sizing:border-box; border:1px solid #c9c1c4; border-radius:4px; padding:10px 12px; background:#fff; color:#372b31; font-family:inherit; font-size:14px; line-height:1.4; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-general-page { background:#fff; padding:26px; border-radius:13px; }
.hh24-general-page h3 { margin:0 0 24px; font-size:16px; }
.hh24-general-page [data-general-url] { overflow-wrap:anywhere; }
#hh24-dashboard.hh24-workspace-v3 .hh24-publication-panel { display:none; background:#fff; border:0; padding:24px; border-radius:13px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=protection] .hh24-publication-panel { display:block; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=protection] .hh24-publication-panel>summary { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-save-row { display:flex; position:sticky; bottom:0; z-index:40; gap:12px; justify-content:flex-start; align-items:center; padding:16px 0; margin:24px 0 0; border-top:1px solid #e5dfda; background:#faf9f7; }
#hh24-dashboard.hh24-workspace-v3 .hh24-save-row button { border:0; border-radius:22px; padding:12px 20px; background:var(--hh24-ui-accent); color:white; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-save-row .hh24-save-state { order:3; margin-left:auto; font-size:12px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=protection] .hh24-save-row { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-module-list { display:grid; gap:8px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-module-item { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; padding:10px; border:1px solid #e5dfda; border-radius:5px; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-module-drag { cursor:grab; touch-action:none; padding:9px; color:#6b5e66; background:transparent; border:0; }
#hh24-dashboard.hh24-workspace-v3 .is-drop-before { box-shadow:inset 0 4px #d36d68!important; }
#hh24-dashboard.hh24-workspace-v3 .is-drop-after { box-shadow:inset 0 -4px #d36d68!important; }
#hh24-dashboard.hh24-workspace-v3 .hh24-preview-stage { padding:24px 16px; background:#eae5e1; max-height:76vh; }
.hh24-preview-edit-tools { position:absolute; top:6px; right:6px; z-index:8; display:flex; padding:3px; background:#fff; border:1px solid #b99b9c; border-radius:4px; opacity:0; font:12px/1.4 Arial,sans-serif; }
[data-sortable-module]:hover>.hh24-preview-edit-tools,[data-sortable-module]:focus-within>.hh24-preview-edit-tools { opacity:1; }
.hh24-preview-edit-tools button { font:inherit!important; background:#fff!important; color:#30242b!important; border:0!important; }
.hh24-inline-text { cursor:text; min-width:1ch; white-space:pre-wrap; }
.hh24-inline-text:hover { outline:1px dashed #b99b9c; outline-offset:4px; }
.hh24-inline-text:focus { outline:2px solid #d36d68; outline-offset:4px; }
.hh24-preview-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:28px; text-align:left; }
.hh24-preview-info-grid article { padding:24px; border:1px solid color-mix(in srgb,currentColor 22%,transparent); border-radius:12px; }
.hh24-preview-info-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#ffffff80; font-size:24px; margin-bottom:18px; }
.hh24-preview-quote-source { display:block; margin-top:20px; }
.hh24-couple-onboarding-progress { grid-template-columns:repeat(5,minmax(0,1fr)); }
.hh24-onboarding-field { display:grid; gap:10px; margin:28px 0; }
.hh24-onboarding-address { padding:20px; background:#f1ece7; border-radius:8px; overflow-wrap:anywhere; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-launcher,#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-close { display:none; }
#hh24-dashboard.hh24-workspace-v3 [hidden] { display:none!important; }
@media(max-width:1023px) {
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-main { margin-left:0; padding:78px 18px 50px; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav { visibility:hidden; transform:translateX(-100%); transition:transform .2s; }
 #hh24-dashboard.hh24-workspace-v3.is-nav-open .hh24-dashboard-nav { visibility:visible; transform:none; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-launcher { display:block; position:fixed; top:7px; left:12px; width:auto; min-width:0; padding:9px 14px; margin:0; z-index:90; border:0; border-radius:5px; background:#eee9e2; color:#3b3035; box-shadow:none; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-close { display:block; position:absolute; top:15px; right:10px; width:30px; min-height:30px; padding:4px; background:transparent; color:#3b3035; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-launcher { display:flex; align-items:center; justify-content:center; gap:7px; height:34px; min-height:34px; transform:none; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-launcher:hover { width:auto; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-launcher span { display:inline; writing-mode:horizontal-tb; transform:none; white-space:nowrap; line-height:1; }
 .hh24-workspace-topbar { left:0; padding-right:18px; }
 .hh24-home-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .hh24-home-cards { grid-template-columns:1fr; gap:14px; }
 .hh24-home-cards article { min-height:190px; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-view-header h2 { font-size:28px; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #hh24-dashboard.hh24-workspace-v3 .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3 .hh24-builder-inspector { padding:16px; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-save-row { flex-wrap:wrap; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-save-row .hh24-save-state { flex-basis:100%; margin:0; }
 .hh24-preview-info-grid { grid-template-columns:1fr; }
}

#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav { z-index:1500; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-backdrop { z-index:1400; }
#hh24-dashboard.hh24-workspace-v3 .hh24-save-row .hh24-save-page { display:none!important; }
#hh24-dashboard.hh24-workspace-v3:not([data-workspace-page=general]) .hh24-general-page { display:none!important; }

#hh24-dashboard.hh24-workspace-v3 .hh24-save-row { display:flex!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=protection] .hh24-save-row { display:none!important; }
#hh24-dashboard.hh24-workspace-v3 .hh24-studio-navigation { display:none; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-dashboard-nav { display:none; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-dashboard-main { margin:0; padding:0; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-workspace-topbar,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-header,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-save-row { display:none!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-studio-navigation { display:flex; align-items:center; gap:22px; height:64px; padding:0 24px; border-bottom:1px solid #e6e2df; background:white; }
#hh24-dashboard.hh24-workspace-v3 .hh24-studio-navigation button { border:0; border-radius:4px; box-shadow:none; padding:8px 10px; background:white; color:#3b3035; }
#hh24-dashboard.hh24-workspace-v3 .hh24-studio-navigation button[aria-pressed=true] { background:#f7e8e5; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-shell { display:grid!important; grid-template-columns:320px minmax(0,1fr)!important; height:calc(100vh - 64px); overflow:hidden; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-library { display:block!important; grid-column:1; grid-row:1; width:100%; height:100%; max-height:none; overflow:auto; padding:22px; border-right:1px solid #e6e2df; border-radius:0; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-canvas { display:grid!important; grid-template-rows:auto minmax(0,1fr); grid-column:2; grid-row:1; width:100%; height:100%; min-width:0; min-height:0; border:0; border-radius:0; background:#f7f6f4; }
/* Let the toolbar reserve its actual height, including the second mobile row. */
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-toolbar { height:auto; min-height:64px; padding:9px 18px; border-radius:0; background:white; border-bottom:1px solid #e6e2df; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-preview-stage { min-height:0; max-height:none; height:100%; overflow:auto; padding:20px 16px; background:#f7f6f4; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-shell.is-editing-section .hh24-builder-library { display:none!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-shell.is-editing-section .hh24-builder-inspector { display:block!important; grid-column:1; grid-row:1; height:100%; max-height:none; overflow:auto; border-radius:0; border-right:1px solid #e6e2df; padding:22px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-site-template-grid { grid-template-columns:1fr; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-item { grid-template-columns:24px minmax(0,1fr); padding:6px; border:0; border-bottom:1px solid #eee8e4; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-item .hh24-module-tools { grid-column:2; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-back { display:block!important; }
@media(max-width:760px) {
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-studio-navigation { gap:3px; padding:8px; height:auto; min-height:60px; flex-wrap:wrap; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-studio-navigation strong { display:none; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-shell { grid-template-columns:1fr!important; height:auto; overflow:visible; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-shell.is-editing-section .hh24-builder-inspector { grid-row:1; grid-column:1; max-height:48vh; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-canvas { grid-column:1; grid-row:2; height:65vh; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-launcher { transform:none; min-height:34px; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-dashboard-launcher { display:none; }
}
/* Explicit boundaries prevent legacy planner styles from changing studio scroll containers. */
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-inspector { overflow:auto!important; max-height:calc(100vh - 64px)!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-item { grid-template-columns:24px minmax(0,1fr) 26px!important; min-height:70px!important; gap:5px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-item .hh24-module-tools { grid-column:3; display:block; padding:0; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-tools button:not(:first-child) { display:none; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select { padding:9px 3px!important; min-height:52px!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-toolbar button { background:#fff; color:#41333a; border:1px solid #ded7d9; border-radius:6px; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-toolbar button.is-active { background:#f4dfdb; border-color:#d36d68; }
@media(max-width:760px) {
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-library,#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-shell.is-editing-section .hh24-builder-inspector { height:auto!important; max-height:42vh!important; overflow:auto!important; }
}

/* Visible entitlements and an explicit path to the relevant offer. */
#hh24-dashboard .hh24-upgrade-badge { display:inline-flex; align-items:center; gap:5px; font-size:10px; line-height:1.4; color:#895144; background:#f4e4de; padding:3px 5px; border-radius:4px; white-space:normal; }
#hh24-dashboard .hh24-dashboard-nav .hh24-upgrade-badge { margin-left:auto; }
#hh24-dashboard .is-upgrade-target { outline:3px solid #b56e5e; outline-offset:4px; }
#hh24-dashboard .hh24-studio-save-status { margin-left:auto; max-width:250px; font-size:11px; line-height:1.4; }
#hh24-dashboard .hh24-studio-save-status.is-error { color:#a72121; font-weight:700; }
#hh24-dashboard .hh24-extra-design-presets button.is-upgrade-locked { position:relative; border:1px solid #e2c5bb; }
@media(max-width:760px) { #hh24-dashboard .hh24-studio-save-status { order:10; max-width:none; width:100%; margin:0; } }

#hh24-dashboard .hh24-addon-gate { display:inline-flex; flex-wrap:wrap; align-items:center; gap:7px; background:#f8eee9; color:#704438; border:1px solid #e4c9bd; padding:10px 13px; }
#hh24-dashboard .hh24-addon-gate small { font-size:11px; width:100%; }

/* Findings from the complete visual tab audit. */
#hh24-dashboard.hh24-workspace-v3:not([data-workspace-page=studio]) .hh24-builder-shell { min-height:0!important; height:auto!important; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=general] .hh24-builder-shell,
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=protection] .hh24-builder-shell { display:none!important; }
#hh24-dashboard.hh24-workspace-v3 .hh24-save-row { position:sticky!important; inset:auto!important; bottom:0!important; width:100%!important; max-width:none!important; transform:none!important; border-radius:0!important; box-shadow:none!important; padding:16px 24px!important; box-sizing:border-box; }
#hh24-dashboard.hh24-workspace-v3 .hh24-general-page > [data-edit-address] + small { display:block; margin-top:12px; max-width:75ch; line-height:1.5; }
@media(max-width:600px) { #hh24-dashboard.hh24-workspace-v3 .hh24-save-row { padding:16px!important; } }
#hh24-dashboard.hh24-workspace-v3 .hh24-extra-design-presets button .hh24-upgrade-badge { grid-column:2; grid-row:3; justify-self:start; width:auto; }
#hh24-dashboard.hh24-workspace-v3 input[type=checkbox],#hh24-dashboard.hh24-workspace-v3 input[type=radio] { width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; padding:0!important; flex:0 0 18px; appearance:auto!important; accent-color:#a95853; }
#hh24-dashboard.hh24-workspace-v3 .hh24-member-form { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:18px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-member-permissions { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-member-permissions label { display:flex; align-items:center; gap:8px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-publication-settings { grid-template-columns:1fr 1fr; align-items:start; }
#hh24-dashboard.hh24-workspace-v3 .hh24-publication-settings>div:first-child { grid-column:1/-1; grid-row:auto; }
#hh24-dashboard.hh24-workspace-v3 .hh24-publication-settings .hh24-rsvp-questions { grid-column:1/-1; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-main form button[type=submit],#hh24-dashboard.hh24-workspace-v3 .hh24-guest-toolbar>button:first-child { background:#ad5551; color:#fff; border:0; box-shadow:none; border-radius:7px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-guest-list table button { background:#fff; color:#493139; border:1px solid #d9c8c7; box-shadow:none; border-radius:6px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-extra-design-presets>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-extra-design-presets>div { grid-template-columns:1fr; }
@media(max-width:760px) { #hh24-dashboard.hh24-workspace-v3 .hh24-member-form,#hh24-dashboard.hh24-workspace-v3 .hh24-member-permissions,#hh24-dashboard.hh24-workspace-v3 .hh24-publication-settings,#hh24-dashboard.hh24-workspace-v3 .hh24-extra-design-presets>div { grid-template-columns:1fr; } #hh24-dashboard.hh24-workspace-v3 .hh24-save-row { flex-wrap:wrap; } #hh24-dashboard.hh24-workspace-v3 .hh24-save-row .hh24-save-state { width:100%; margin-left:0; } }

#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-content>header { background:transparent; min-height:0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-content>header:not(:has(.hh24-inspector-actions button)) { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-actions button { display:inline-flex; gap:7px; align-items:center; width:auto; background:white; color:#63464b; border:1px solid #decfd0; border-radius:6px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-section-help { padding:16px; background:#f8f3ef; border-radius:7px; font-size:14px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-section-help button { margin:8px 8px 0 0; padding:8px 12px; border:1px solid #c9b8b4; background:#fff; color:#5d3e43; border-radius:6px; }

/* Keep secondary editor actions inside their own column. */
#hh24-dashboard.hh24-workspace-v3 .hh24-papeterie-actions { position:sticky!important; inset:auto!important; bottom:0!important; width:100%!important; box-sizing:border-box; margin-top:18px; border-radius:8px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-seat-config-grid { align-items:start; }

#hh24-dashboard.hh24-workspace-v3[data-workspace-page=add] .hh24-module-list,
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=add] .hh24-builder-pane-head,
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=add] .hh24-add-module { display:none!important; }
@media(max-width:760px) {
 #hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid { grid-template-columns:1fr; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid button { min-width:0; grid-template-columns:94px minmax(0,1fr); }
 #hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid button strong,
 #hh24-dashboard.hh24-workspace-v3 .hh24-site-template-grid button small { min-width:0; overflow-wrap:anywhere; }
}

#hh24-dashboard.hh24-workspace-v3 .hh24-addon-list label { min-width:0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-addon-list label>span { min-width:0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-addon-list strong,
#hh24-dashboard.hh24-workspace-v3 .hh24-addon-list small { white-space:normal; overflow-wrap:anywhere; }

#hh24-dashboard.hh24-workspace-v3 .hh24-module-catalog button { background:#fff!important; color:#493139!important; border:1px solid #d9c8c7!important; border-radius:8px; min-height:76px; box-shadow:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-module-catalog button:hover,
#hh24-dashboard.hh24-workspace-v3 .hh24-module-catalog button:focus-visible { background:#f4e4de!important; color:#493139!important; outline:2px solid #ad5551; }
#hh24-dashboard.hh24-workspace-v3 .hh24-module-catalog button span { white-space:normal; overflow-wrap:anywhere; }

#hh24-dashboard .hh24-dashboard-main-brand .hh24-logo-svg { display:block; width:100%; height:auto; max-height:48px; }

/* Studio inspectors are one narrow column at every viewport width. */
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-content { display:block; min-width:0; padding:0; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-content > header { margin:0 0 18px; padding:0 0 16px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-actions { flex-wrap:wrap; max-width:100%; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-content :is(label,.hh24-inspector-fields,.hh24-module-style,.hh24-repeater,.hh24-repeater-row) { min-width:0; max-width:100%; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-content :is(input,select,textarea,button) { min-width:0; max-width:100%; box-sizing:border-box; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-content :is(label,summary,button) { overflow-wrap:anywhere; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-inspector-content > .hh24-module-style { margin-top:17px; padding-top:14px; border-top:1px solid var(--hh24-line); }
/* The fitted preview is scaled to the stage width; its unscaled layout box must not create a horizontal scrollbar. */
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-preview-stage { overflow-x:hidden; overflow-y:auto; }

/* Studio uses the full desktop workspace instead of the legacy 1380px cap. */
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-shell { max-width:none; }

/* Workspace consistency: introduce logo collections above the existing card grid. */
#hh24-dashboard.hh24-workspace-v3 .hh24-logo-collections {
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:22px;
  background:#fff;
  border:1px solid #e6e1dd;
  border-radius:13px;
  box-shadow:none;
}
#hh24-dashboard.hh24-workspace-v3 .hh24-logo-collections > * { min-width:0; }

/* Budget is a working overview; colour highlights only an exceeded budget. */
#hh24-dashboard.hh24-workspace-v3 :is(.hh24-budget-totals article,.hh24-budget-form,.hh24-budget-row) {
  background:#fff;
  color:#292224;
  border:1px solid #e6e1dd;
  border-radius:13px;
  box-shadow:none;
}
#hh24-dashboard.hh24-workspace-v3 .hh24-budget-totals article { min-width:0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-budget-totals span { color:#62565b; opacity:1; }
#hh24-dashboard.hh24-workspace-v3 .hh24-budget-totals strong { color:#292224; overflow-wrap:anywhere; }
#hh24-dashboard.hh24-workspace-v3 .hh24-budget-totals article.is-over { background:#fff1ef; color:#923d36; border-color:#dba49e; }
#hh24-dashboard.hh24-workspace-v3 .hh24-budget-totals article.is-over :is(span,strong) { color:inherit; }
#hh24-dashboard.hh24-workspace-v3 .hh24-budget-form > button[type=submit] {
  background:var(--hh24-ui-accent,#d36d68);
  color:#fff;
  border:1px solid transparent;
  border-radius:6px;
  box-shadow:none;
}
#hh24-dashboard.hh24-workspace-v3 .hh24-budget-form > button[type=submit]:hover { background:#ad5551; color:#fff; }

/* Mobile guest cards keep status and actions visible without sideways scrolling. */
@media (max-width:640px) {
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list { overflow:visible; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list :is(table,tbody) { display:block; width:100%; min-width:0; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list tbody > tr:not([hidden]) { display:block; margin:0 0 14px; padding:16px; border:1px solid #e6e1dd; border-radius:12px; background:#fff; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list td { display:block; width:auto; min-width:0; max-width:100%; padding:8px 0; border:0; white-space:normal; overflow-wrap:anywhere; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list td[data-label]::before { content:attr(data-label); display:block; margin-bottom:4px; color:#62565b; font-size:12px; font-weight:600; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list td:first-child { padding-top:0; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list td[data-label=Name] > strong { font-size:17px; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list .hh24-table-actions { display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; min-width:0; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list .hh24-table-actions :is(button,summary) { min-height:44px; max-width:100%; white-space:normal; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list .hh24-guest-more { min-width:0; max-width:100%; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list .hh24-guest-more > div { position:static; min-width:0; max-width:100%; }
}

/* UI scale measured in WeddyBird's settings: 14/21, 17.5/26.25, 35/38.5.
   Artwork and the wedding website preview retain their own template typography. */
#hh24-dashboard.hh24-workspace-v3 { font-size:14px; line-height:1.5; }
#hh24-dashboard.hh24-workspace-v3 :is(p,label,input,textarea,select,button,summary,td,th):not(:is(.hh24-live-preview,.hh24-live-preview *,.hh24-logo-preview,.hh24-logo-preview *,.hh24-papeterie-preview-column,.hh24-papeterie-preview-column *)) { font-size:14px; line-height:1.5; }
#hh24-dashboard.hh24-workspace-v3 label:not(.hh24-live-preview *) { font-weight:600; }
#hh24-dashboard.hh24-workspace-v3 :is(input,textarea,select):not(.hh24-live-preview *) { font-weight:400; }
#hh24-dashboard.hh24-workspace-v3 button:not(:is(.hh24-live-preview *,.hh24-logo-preview *,.hh24-papeterie-preview-column *)) { font-weight:600; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav :is(button,a) { font-size:14px; line-height:1.5; font-weight:400; }
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-nav nav .is-active { font-weight:600; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header h2 { font-size:35px; line-height:1.1; font-weight:800; overflow-wrap:anywhere; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header p { font-size:17.5px; line-height:1.5; font-weight:400; }
#hh24-dashboard.hh24-workspace-v3 :is(h3,legend):not(:is(.hh24-live-preview *,.hh24-logo-preview *,.hh24-papeterie-preview-column *,.hh24-home-cards h3)) { font-size:17.5px; line-height:1.5; font-weight:600; }
#hh24-dashboard.hh24-workspace-v3 .hh24-home-cards strong:not(.hh24-card-number),
#hh24-dashboard.hh24-workspace-v3 .hh24-guest-list td[data-label=Name] > strong { font-size:17.5px; line-height:1.2; }


#hh24-dashboard .hh24-schedule-icon-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:8px 0 16px; }
#hh24-dashboard .hh24-schedule-icon-picker button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:68px; padding:8px 4px; white-space:normal; overflow-wrap:anywhere; background:#fff; color:#493139; border:1px solid #d9c8c7; border-radius:6px; box-shadow:none; }
#hh24-dashboard .hh24-schedule-icon-picker button[aria-pressed=true] { border:2px solid #ad5551; background:#f4e4de; }
#hh24-dashboard .hh24-schedule-icon-picker button:focus-visible { outline:2px solid #493139; outline-offset:2px; }
#hh24-dashboard .hh24-schedule-icon-picker i { font-size:24px; }
#hh24-dashboard .hh24-live-preview .hh24-schedule-symbol { display:block; margin:0 0 12px; font-size:32px; line-height:1; color:inherit; }

#hh24-dashboard .hh24-schedule-icon-picker { display:block; }
#hh24-dashboard .hh24-preview-nav.has-many-links > .hh24-preview-nav-links { display:none; }
#hh24-dashboard .hh24-preview-nav.has-many-links > .hh24-preview-nav-toggle { display:grid!important; width:34px; height:34px; padding:8px; place-content:center; gap:4px; border:1px solid currentColor; border-radius:50%; color:var(--w-text); }
#hh24-dashboard .hh24-preview-nav.has-many-links > .hh24-preview-nav-toggle span { display:block; width:14px; height:1px; min-height:0; padding:0; background:currentColor; }
#hh24-dashboard .hh24-preview-nav > .hh24-preview-nav-rsvp { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:34px; padding:7px 12px; margin-left:auto; border:1px solid currentColor; border-radius:5px; font-size:12px; line-height:1.3; color:var(--w-text); background:var(--w-bg); }
#hh24-dashboard .hh24-preview-nav > .hh24-preview-nav-rsvp + .hh24-preview-nav-toggle { margin-left:10px; flex-shrink:0; }
#hh24-dashboard .hh24-schedule-symbol-control { min-width:0; margin:8px 0 16px; }
#hh24-dashboard .hh24-schedule-symbol-control > summary { min-height:44px; padding:11px 12px; border:1px solid #d9c8c7; border-radius:6px; background:#fff; cursor:pointer; overflow-wrap:anywhere; }
#hh24-dashboard .hh24-schedule-symbol-control > summary:focus-visible { outline:2px solid #493139; outline-offset:2px; }
/* A return action belongs only to an opened large preview. */
#hh24-dashboard :is(.hh24-logo-grid,.hh24-papeterie-workspace):not(.is-preview-expanded):not(.is-mobile-preview) .hh24-compact-preview-close { display:none; }
#hh24-dashboard .hh24-schedule-icon-category { margin:8px 0; border:1px solid #dfd5d1; border-radius:6px; padding:8px; }
#hh24-dashboard .hh24-schedule-icon-category summary { cursor:pointer; padding:8px 4px; }
#hh24-dashboard .hh24-schedule-icon-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:8px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-gallery-filters { display:flex; flex-wrap:wrap; gap:14px; margin:24px 0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-gallery-filters label { flex:1; min-width:130px; }
#hh24-dashboard .hh24-gallery-card video { display:block; width:100%; max-width:100%; aspect-ratio:1; object-fit:contain; background:#211a1d; }
#hh24-dashboard .hh24-gallery-card > :is(p,a) { margin:0; padding:10px 16px; }
#hh24-dashboard .hh24-live-preview .hh24-preview-section.align-center > .hh24-preview-wrap > :is(h1,h2,.hh24-preview-copy,.hh24-preview-countdown) { margin-inline:auto; text-align:center; }
#hh24-dashboard .hh24-live-preview .hh24-preview-section.align-left > .hh24-preview-wrap > :is(h1,h2,.hh24-preview-copy) { margin-inline:0 auto; text-align:left; }
#hh24-dashboard .hh24-live-preview .hh24-preview-section.align-right > .hh24-preview-wrap > :is(h1,h2,.hh24-preview-copy) { margin-inline:auto 0; text-align:right; }

/* Keep headings below the fixed workspace toolbar after menu navigation. */
#hh24-dashboard.hh24-workspace-v3 .hh24-view { scroll-margin-top: 64px; }

/* Preserve the 35px scale while wrapping German compound headings naturally. */
#hh24-dashboard .hh24-view-header h2,
#hh24-dashboard .hh24-live-preview .hh24-preview-section h2 { hyphens:auto; word-break:normal; }

/* The studio has its own navigation; never overlay it with the planner launcher. */
#hh24-dashboard .hh24-preview-device[data-device=mobile] .hh24-live-preview .hh24-preview-section > .hh24-preview-wrap > h2.is-long { max-width:100%; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-dashboard-launcher { display:none!important; }
@media (min-width:761px) and (max-width:1100px) {
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-studio-navigation { gap:8px; padding-inline:10px; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-studio-navigation > strong { display:none; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-studio-navigation button { white-space:nowrap; flex-shrink:0; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-studio-save-status { max-width:135px; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-toolbar { padding-inline:10px; gap:8px; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-toolbar .hh24-live-badge,
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-fullscreen > span { display:none; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-toolbar-actions { gap:6px; }
}

/* Dashboard hierarchy and discoverable package benefits. */
#hh24-dashboard.hh24-workspace-v3 .hh24-home-cards .hh24-home-package [data-workspace-package] { font-family:Georgia,serif; font-size:35px; line-height:1.15; font-weight:700; }
#hh24-dashboard .hh24-home-package { background:#f8eeeb; border:1px solid #e3ccc6; }
#hh24-dashboard .hh24-home-package ul { list-style:none; padding:0; margin:0; display:grid; gap:9px; }
#hh24-dashboard .hh24-home-package li { display:flex; align-items:baseline; gap:8px; font-size:14px; line-height:1.5; }
#hh24-dashboard .hh24-home-package li i { color:#537568; }
#hh24-dashboard .hh24-home-cards button { min-height:44px; white-space:normal; text-align:left; }
#hh24-dashboard .hh24-home-feature-status { display:flex; align-items:baseline; gap:8px; font-size:13px; color:#496454; }
#hh24-dashboard .is-feature-locked .hh24-home-feature-status { color:#775044; }
#hh24-dashboard .is-feature-locked .hh24-card-icon { color:#847d7b; }
#hh24-dashboard .hh24-dashboard-nav .is-upgrade-locked { color:#746c70; }
#hh24-dashboard .hh24-dashboard-nav .hh24-upgrade-badge { background:transparent; padding:0; color:#746c70; flex-shrink:0; }
#hh24-dashboard .hh24-dashboard-nav .hh24-upgrade-badge i { font-size:13px; width:auto; }
#hh24-dashboard .hh24-variant-thumb { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:var(--variant-ink); background:var(--variant-bg); border:1px solid var(--variant-accent); text-align:center; padding:18px; }
#hh24-dashboard .hh24-variant-thumb > i { position:static; font-style:normal; font-size:14px; }
#hh24-dashboard .hh24-variant-thumb .hh24-variant-monogram { font-family:Georgia,serif; font-size:30px; line-height:1.1; }
.hh24-variant-swatches { display:flex; gap:5px; }
.hh24-variant-swatches b { display:block; width:20px; height:20px; border-radius:50%; background:var(--variant-ink); }
.hh24-variant-swatches b:nth-child(2) { background:var(--variant-accent); }
.hh24-variant-swatches b:nth-child(3) { background:var(--variant-bg); border:1px solid var(--variant-accent); }

#hh24-dashboard .hh24-more-designs { grid-column:1/-1; width:100%; border:0; background:transparent; padding:0; }
#hh24-dashboard .hh24-more-designs > summary { cursor:pointer; padding:14px 4px; min-height:44px; color:#794b42; font-size:14px; font-weight:600; }
#hh24-dashboard .hh24-more-designs > .hh24-site-template-grid { padding-top:12px; }

#hh24-dashboard .hh24-site-template-grid .hh24-variant-thumb::before,
#hh24-dashboard .hh24-site-template-grid .hh24-variant-thumb::after { content:none; }
#hh24-dashboard .hh24-site-template-grid .hh24-variant-thumb { padding:9px; gap:5px; min-width:0; overflow:hidden; }
#hh24-dashboard .hh24-site-template-grid .hh24-variant-thumb > i { position:static; transform:none; inset:auto; width:auto; max-width:100%; height:auto; margin:0; white-space:nowrap; opacity:1; z-index:1; line-height:1.15; font-size:11px; }
#hh24-dashboard .hh24-site-template-grid .hh24-variant-thumb .hh24-variant-monogram { font-size:23px; }
#hh24-dashboard .hh24-variant-swatches { position:static; z-index:1; }
#hh24-dashboard .hh24-variant-swatches b { width:14px; height:14px; }
/* Reserve filled actions for the website and package decision. */
#hh24-dashboard .hh24-home-cards article:not(.hh24-home-package) button:not([data-workspace-route="preview"]) { background:transparent; color:#99544b; border:0; border-radius:0; padding:10px 0; text-decoration:none; text-underline-offset:4px; }
#hh24-dashboard .hh24-home-cards article:not(.hh24-home-package) button:not([data-workspace-route="preview"]):hover { text-decoration:underline; background:transparent; }
#hh24-dashboard .hh24-home-cards article:not(.hh24-home-package) button:not([data-workspace-route="preview"]):focus-visible { outline:2px solid #99544b; outline-offset:4px; }
#hh24-dashboard .hh24-home-cards [data-workspace-url] { font-family:monospace; font-size:13px; font-weight:400; }

/* Let normal workspace pages scroll in the document; the studio retains its own scroll panes. */
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-main { overflow:visible; }


#hh24-dashboard .hh24-address-dialog { width:min(520px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #dfcbc6; border-radius:14px; padding:28px; color:#30252b; background:#fff; }
#hh24-dashboard .hh24-address-dialog::backdrop { background:#23191b66; }
#hh24-dashboard .hh24-address-dialog form { display:grid; gap:16px; }
#hh24-dashboard .hh24-address-dialog h2 { font-size:28px; margin:0; }
#hh24-dashboard .hh24-address-dialog p,#hh24-dashboard .hh24-address-dialog output { margin:0; overflow-wrap:anywhere; }
#hh24-dashboard .hh24-address-dialog input { width:100%; min-width:0; }
#hh24-dashboard .hh24-address-dialog form > div { display:flex; flex-wrap:wrap; gap:12px; }
#hh24-dashboard .hh24-address-dialog button { min-height:44px; }
#hh24-dashboard .hh24-home-cards [data-edit-address] { margin-top:0; }

/* Full layout settings with a calm, legible hierarchy. */
#hh24-dashboard .hh24-design-controls {position:relative;display:block;min-width:0;}
#hh24-dashboard .hh24-layout-group {margin:22px 0;padding:22px;border:1px solid #e8e2df;border-radius:12px;background:#fff;min-width:0;}
#hh24-dashboard .hh24-layout-group h3 {font-family:inherit;font-size:14px;line-height:1.5;font-weight:700;letter-spacing:.04em;margin:0 0 20px;}
#hh24-dashboard .hh24-layout-group p,#hh24-dashboard .hh24-layout-group small {font-size:12px;line-height:1.6;color:#73666c;}
#hh24-dashboard .hh24-layout-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
#hh24-dashboard .hh24-layout-fields>* {min-width:0;}
#hh24-dashboard .hh24-layout-group label {display:flex;flex-direction:column;gap:8px;font-size:14px;margin:12px 0;}
#hh24-dashboard .hh24-layout-group select,#hh24-dashboard .hh24-layout-group input {width:100%;min-width:0;max-width:100%;}
#hh24-dashboard .hh24-optional-color {display:flex;gap:6px;align-items:center;}
#hh24-dashboard .hh24-optional-color input[type=color] {flex:0 0 36px;width:36px;height:36px;padding:2px;}
#hh24-dashboard .hh24-optional-color button {background:none;color:#805b59;border:0;padding:4px;font-size:12px;letter-spacing:0;text-transform:none;}
#hh24-dashboard .hh24-font-sample {font-size:24px;padding:15px;border:1px solid #e8e2df;overflow-wrap:anywhere;grid-row:auto;}
#hh24-dashboard .hh24-layout-checkbox {flex-direction:row;align-items:center;}
#hh24-dashboard .hh24-layout-checkbox input {width:18px;flex:0 0 18px;}
#hh24-dashboard .hh24-layout-sample {padding:22px;border:1px solid #ded8d2;border-radius:10px;margin:22px 0;overflow-wrap:anywhere;}
#hh24-dashboard .hh24-layout-sample h4 {font-size:26px;line-height:1.2;padding:10px 0;margin:16px 0;}
#hh24-dashboard .hh24-layout-sample p {font-size:16px;line-height:1.6;}
#hh24-dashboard .hh24-layout-sample span {display:table;padding:10px 16px;border-radius:5px;margin:18px 0;}
#hh24-dashboard .hh24-layout-sample small {display:block;font-size:11px;line-height:1.5;}
@media(min-width:1250px){#hh24-dashboard[data-workspace-page=layout] .hh24-design-controls {padding-right:310px;}#hh24-dashboard[data-workspace-page=layout] .hh24-layout-sample {position:absolute;top:0;right:0;width:280px;margin:0;}}
@media(max-width:700px){#hh24-dashboard .hh24-layout-fields {grid-template-columns:minmax(0,1fr);}#hh24-dashboard .hh24-layout-group {padding:16px;} }

/* Seating workspace: quieter floor plan, readable tables, useful guest tools. */
#hh24-dashboard .hh24-seating-layout {grid-template-columns:minmax(0,1fr) 320px;gap:18px;}
#hh24-dashboard .hh24-seating-layout>section,#hh24-dashboard .hh24-seating-layout>aside {padding:20px;border-radius:12px;background:#fff;box-shadow:none;border:1px solid #e5e0dc;min-width:0;}
#hh24-dashboard .hh24-seating-board {background-color:#fff;background-image:linear-gradient(#edeae7 1px,transparent 1px),linear-gradient(90deg,#edeae7 1px,transparent 1px);box-shadow:none;border:1px solid #c8c4bf;}
#hh24-dashboard .hh24-seating-board[data-room-shape=rounded] {border-radius:16px;}
#hh24-dashboard .hh24-room-label.is-dancefloor {border:1px dashed #b5a79c;background:#f4f0eb;color:#6b6058;border-radius:4px;box-shadow:none;}
#hh24-dashboard .hh24-table-card {background:#fff;border:2px solid #b9afa5;box-shadow:0 2px 6px #36291f10;}
#hh24-dashboard .hh24-table-card:focus-visible {outline:3px solid #a45854;outline-offset:7px;}
#hh24-dashboard .hh24-table-drag-handle {position:relative;display:block;padding:16px 10px 6px;min-height:64px;cursor:grab;text-align:center;}
#hh24-dashboard .hh24-table-drag-handle>i {display:none;}
#hh24-dashboard .hh24-table-drag-handle>div {width:100%;min-width:0;}
#hh24-dashboard .hh24-table-drag-handle strong {display:block;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.25;max-height:3.75em;overflow-y:auto;}
#hh24-dashboard .hh24-table-drag-handle small {font-size:11px;line-height:1.4;}
#hh24-dashboard .hh24-table-drag-handle button {position:absolute;right:-18px;top:-22px;opacity:0;pointer-events:none;width:44px;height:44px;background:#fff;color:#7f3d3b;box-shadow:0 1px 5px #0002;}
#hh24-dashboard .hh24-table-card:hover .hh24-table-drag-handle button,#hh24-dashboard .hh24-table-card:focus-within .hh24-table-drag-handle button {opacity:1;pointer-events:auto;}
#hh24-dashboard .hh24-table-surface {display:none;}
#hh24-dashboard .hh24-table-name-chips {margin:0 auto;padding:0 10px 8px;}
#hh24-dashboard .hh24-table-seat-ring i {background:#e8e4df;border:1px solid #beb6ad;box-shadow:none;}
#hh24-dashboard .hh24-seat-search {display:block;margin:16px 0;font-size:13px;}
#hh24-dashboard .hh24-seat-search input {width:100%;margin-top:7px;min-width:0;}
#hh24-dashboard .hh24-seat-only-open {display:flex;align-items:center;gap:8px;font-size:13px;margin:12px 0;}
#hh24-dashboard .hh24-seat-only-open input {width:18px;}
#hh24-dashboard .hh24-seat-stats {display:flex;flex-wrap:wrap;gap:14px;font-size:13px;padding:12px 0;color:#62564f;}
@media(max-width:1100px){#hh24-dashboard .hh24-seating-layout {grid-template-columns:minmax(0,1fr);} }
@media(hover:none){#hh24-dashboard .hh24-table-drag-handle button {opacity:1;pointer-events:auto;}}

/* A single native scroll owner for all workspace routes, independent of the document viewport. */
#hh24-dashboard.hh24-workspace-v3 .hh24-dashboard-main { box-sizing:border-box; height:100vh; height:100dvh; min-height:0; overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable; scroll-padding-top:64px; }
#hh24-dashboard .hh24-seating-board { touch-action:pan-y; }
#hh24-dashboard .hh24-table-drag-handle,#hh24-dashboard .hh24-room-object { touch-action:none; }

/* Flat plan symbols, perimeter seats and direct object tools. */
#hh24-dashboard .hh24-table-card { width:146px; height:146px; min-height:0; padding:0; background:var(--table-fill,#f7f8fa)!important; border:1px solid #d4d7dc!important; box-shadow:none!important; overflow:visible; }
#hh24-dashboard .hh24-table-card::before,#hh24-dashboard .hh24-table-card::after {display:none!important;}
#hh24-dashboard .hh24-table-card.is-rectangular {width:190px;height:108px;border-radius:5px!important;}
#hh24-dashboard .hh24-table-card.is-oval {width:190px;height:130px;border-radius:50%!important;}
#hh24-dashboard .hh24-table-card.is-row {width:230px;height:40px;border:0!important;border-radius:0!important;background:transparent!important;}
#hh24-dashboard .hh24-table-seat-ring {inset:0;z-index:1;}
#hh24-dashboard .hh24-table-seat-ring > i {display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #99a7b9;border-radius:50%!important;background:#ffda89;box-shadow:none;transform:translate(-50%,-50%);font:normal 11px/1 Arial,sans-serif;color:#27374d;}
#hh24-dashboard .hh24-table-card[data-seats="30"] .hh24-table-seat-ring > i {width:16px;height:16px;font-size:9px;}
#hh24-dashboard .hh24-table-drag-handle {position:absolute;inset:0;display:grid;place-items:center;padding:12px;cursor:grab;text-align:center;}
#hh24-dashboard .hh24-table-drag-handle strong {display:block;max-width:120px;white-space:normal;overflow-wrap:anywhere;font:600 13px/1.3 var(--hh24-font-body,Arial,sans-serif);color:#27374d;}
#hh24-dashboard .hh24-table-drag-handle small {display:block;margin-top:6px;font-size:10px;color:#59677a;}
#hh24-dashboard .hh24-table-card.is-row .hh24-table-drag-handle {top:34px;bottom:auto;padding:0;}
#hh24-dashboard .hh24-table-tools {position:absolute;left:50%;top:-67px;transform:translateX(-50%);display:flex;gap:2px;padding:4px;background:#fff;border:1px solid #d4d7dc;border-radius:22px;z-index:5;}
#hh24-dashboard .hh24-table-tools button {display:grid;place-items:center;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#727b88!important;color:#fff!important;font-size:13px;box-shadow:none!important;}
#hh24-dashboard .hh24-table-tools button:hover,#hh24-dashboard .hh24-table-tools button:focus-visible {background:#33475f!important;outline:2px solid #ef9689;outline-offset:2px;}
#hh24-dashboard .hh24-table-card:focus-within {z-index:8;}
#hh24-dashboard .hh24-table-card.is-row .hh24-table-tools {top:-48px;}
#hh24-dashboard .hh24-table-editor {box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #ddd;border-radius:14px;background:white;color:#27374d;}
#hh24-dashboard .hh24-table-editor::backdrop {background:rgb(25 35 45 / .35);}
#hh24-dashboard .hh24-table-editor label {display:grid;gap:6px;margin:12px 0;}
#hh24-dashboard .hh24-table-editor input,#hh24-dashboard .hh24-table-editor select {box-sizing:border-box;width:100%;min-width:0;min-height:42px;}
#hh24-dashboard .hh24-table-editor-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
#hh24-dashboard .hh24-table-editor footer {display:flex;justify-content:flex-end;gap:10px;}
#hh24-dashboard .hh24-table-editor [data-error] {color:#a32b32;}

#hh24-dashboard .hh24-table-drag-handle > div {width:100%;text-align:center;}
#hh24-dashboard .hh24-table-drag-handle strong {margin-inline:auto;text-align:center;}
#hh24-dashboard .hh24-table-drag-handle small {text-align:center;}
#hh24-dashboard .hh24-table-seat-ring > i,#hh24-dashboard .hh24-table-card[data-seats="30"] .hh24-table-seat-ring > i {width:var(--seat-diameter,25px);height:var(--seat-diameter,25px);font-size:var(--seat-number-size,11px);}
#hh24-dashboard .hh24-seating-board {background-image:linear-gradient(#eef0f2 1px,transparent 1px),linear-gradient(90deg,#eef0f2 1px,transparent 1px)!important;background-size:20px 20px!important;}
#hh24-dashboard .hh24-table-drag-handle {grid-template-columns:minmax(0,1fr);gap:0;}
#hh24-dashboard .hh24-table-drag-handle strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:none;overflow:hidden;line-height:1.3;}

#hh24-dashboard .hh24-table-seat-ring {z-index:4;}
#hh24-dashboard .hh24-seat-place {position:absolute;display:grid;place-items:center;width:var(--seat-diameter,25px)!important;height:var(--seat-diameter,25px)!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:1px solid #99a7b9!important;border-radius:50%!important;background:#ffda89!important;color:#27374d!important;font:normal var(--seat-number-size,11px)/1 Arial,sans-serif!important;transform:translate(-50%,-50%);box-shadow:none!important;pointer-events:auto;cursor:pointer;}
#hh24-dashboard .hh24-seat-place.is-occupied {background:#d9e9dc!important;border-color:#538563!important;}
#hh24-dashboard .hh24-seat-place:hover,#hh24-dashboard .hh24-seat-place:focus-visible {outline:3px solid #4c647e;outline-offset:2px;z-index:6;}

/* Narrow designer panels need their own layout, independent of the screen width. */
#hh24-dashboard .hh24-builder-library .hh24-site-template-grid button :is(strong, small) {
 min-width:0; max-width:100%; overflow-wrap:anywhere;
}
#hh24-dashboard .hh24-builder-library :is(.hh24-builder-pane,.hh24-design-controls,.hh24-layout-group) {
 min-width:0; max-width:100%; box-sizing:border-box;
}
#hh24-dashboard .hh24-builder-library .hh24-layout-fields {
 grid-template-columns:minmax(0,1fr);
}
#hh24-dashboard .hh24-builder-library .hh24-layout-group {padding:12px;}
#hh24-dashboard .hh24-builder-library .hh24-optional-color {flex-wrap:wrap;}
#hh24-dashboard .hh24-builder-library .hh24-optional-color input:not([type=color]) {flex:1 1 90px;min-width:0;}
#hh24-dashboard .hh24-builder-library .hh24-page-revision-list > div {flex-direction:column;align-items:stretch;}
#hh24-dashboard .hh24-builder-library .hh24-page-revision-list button {max-width:100%;white-space:normal;}

#hh24-dashboard.hh24-workspace-v3 .hh24-builder-library .hh24-site-template-grid button { grid-template-columns:minmax(0,1fr); }

/* Keep the accessible file input inside its upload control, not the document. */
#hh24-dashboard .hh24-upload-button { position:relative; }
#hh24-dashboard .hh24-upload-button input[type=file] {
 inset:0 auto auto 0; width:1px; height:1px; min-width:1px; min-height:1px;
 padding:0; border:0; overflow:hidden; clip-path:inset(50%);
}
#hh24-dashboard .hh24-upload-button:focus-within { outline:2px solid #352c30; outline-offset:3px; }

@media(max-width:600px) {
 #hh24-dashboard.hh24-workspace-v3 .hh24-save-row { gap:8px; padding:10px 12px!important; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-save-row > button {
  flex:1 1 0; width:auto; min-width:0; min-height:44px; padding:10px 8px;
  white-space:normal; line-height:1.25;
 }
 #hh24-dashboard.hh24-workspace-v3 .hh24-save-row > button + button { flex-grow:1.6; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-save-row .hh24-save-state { line-height:1.4; }
}

/* Visual comparison refinement, 0.19.144. Keep all scroll ownership unchanged. */
#hh24-dashboard.hh24-workspace-v3 .hh24-save-row { position:static!important; bottom:auto!important; margin-top:24px; padding:16px 20px!important; gap:16px; flex-wrap:wrap; }
#hh24-dashboard .hh24-save-retry { display:none!important; }
#hh24-dashboard.has-save-error .hh24-save-retry { display:inline-flex!important; }
#hh24-dashboard .hh24-save-row [data-workspace-save-preview] { background:#fff; color:#813c38; border:1px solid #c8aba6; }
#hh24-dashboard .hh24-home-cards { gap:18px; align-items:stretch; }
#hh24-dashboard .hh24-home-cards article { min-height:190px; gap:12px; padding:22px; box-shadow:0 2px 10px #34273005; }
#hh24-dashboard .hh24-home-cards h3 { margin-bottom:2px; letter-spacing:.035em; }
#hh24-dashboard .hh24-home-cards .is-package-hint { font:600 16px/1.5 inherit; font-family:inherit; font-size:16px; line-height:1.5; color:#775044; }
#hh24-dashboard .hh24-home-cards article .hh24-home-edit { order:-1; margin:0 0 8px; padding:12px 18px!important; border-radius:7px!important; background:var(--hh24-ui-accent)!important; color:#fff!important; text-decoration:none!important; display:flex; align-items:center; gap:12px; }
#hh24-dashboard .hh24-home-cards article:has(.hh24-home-edit) h3 { order:-2; }
#hh24-dashboard .hh24-home-cards [data-workspace-route=preview] { background:transparent; color:#813c38; padding:8px 0; border-radius:0; }
#hh24-dashboard .hh24-home-cards [data-workspace-url] { font-family:inherit; line-height:1.6; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid button { display:flex; flex-direction:column; align-items:stretch; gap:8px; min-height:0; padding:12px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid .hh24-template-thumb { width:100%; height:120px; border-radius:6px; }
#hh24-dashboard .hh24-layout-settings { min-width:0; }
#hh24-dashboard .hh24-layout-settings > .hh24-control-group:first-child { display:none; }
#hh24-dashboard .hh24-layout-sample { align-self:start; }
#hh24-dashboard .hh24-section-help { font-size:14px; line-height:1.6; color:#62565b; margin:12px 0 22px; max-width:70ch; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select { display:flex; gap:10px; text-align:left; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select > i { background:none; color:#79676e; border:0; box-shadow:none; width:20px; flex:0 0 20px; font-size:16px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select span { min-width:0; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select strong { white-space:normal; line-height:1.4; font-size:14px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select small { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.4; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-item { border-bottom:0; border-radius:6px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-item:hover { background:#f7f2ef; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-toolbar { min-height:48px; padding:4px 14px; }
#hh24-dashboard .hh24-studio-save-status { font-size:12px; }
@media(min-width:1250px) {
 #hh24-dashboard[data-workspace-page=layout] .hh24-design-controls { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; padding-right:0; align-items:start; }
 #hh24-dashboard[data-workspace-page=layout] .hh24-layout-sample { position:sticky; top:68px; width:auto; margin-top:22px; }
 #hh24-dashboard[data-workspace-page=layout] .hh24-builder-library .hh24-layout-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #hh24-dashboard[data-workspace-page=layout] .hh24-layout-fields:has([data-font-sample]) > label:nth-of-type(2) { grid-column:2; grid-row:1; }
 #hh24-dashboard[data-workspace-page=layout] .hh24-font-sample { grid-row:2; margin:0; font-size:22px; }
}
@media(max-width:760px) {
 #hh24-dashboard .hh24-home-cards article { min-height:0; padding:20px; }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid .hh24-template-thumb { height:100px; }
 #hh24-dashboard .hh24-layout-sample { position:static; width:auto; }
 #hh24-dashboard.hh24-workspace-v3 .hh24-save-row .hh24-save-state { flex-basis:100%; margin:0; }
}
@media(max-width:380px) {
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid { grid-template-columns:minmax(0,1fr); }
}

#hh24-dashboard .hh24-home-links { display:flex; flex-wrap:wrap; gap:4px 18px; margin-top:auto; }
#hh24-dashboard .hh24-home-links button { margin:0; min-height:44px; }
#hh24-dashboard .hh24-home-cards article:has(.hh24-home-edit) { gap:10px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid button { justify-content:flex-start; text-align:left; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid button :is(strong,small) { align-self:stretch; text-align:left; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-template-thumb { margin:0; flex-shrink:0; }
#hh24-dashboard .hh24-layout-group .hh24-layout-checkbox { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; text-align:left; }
#hh24-dashboard .hh24-layout-group .hh24-layout-checkbox input { width:18px; height:18px; flex:0 0 18px; margin:0; }
#hh24-dashboard .hh24-section-next { margin-top:22px; width:100%; min-height:44px; white-space:normal; text-align:left; padding:12px 16px; }
/* Balanced rows for the six base layouts at intermediate desktop widths. */
@media(min-width:761px) and (max-width:1599px) {
 #hh24-dashboard.hh24-workspace-v3[data-workspace-page=layout] .hh24-site-template-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* Detailed layout choices: visual explanation, keyboard focus and selected state. */
#hh24-dashboard .hh24-layout-native { display:none !important; }
#hh24-dashboard .hh24-section-choices { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0; }
#hh24-dashboard .hh24-section-choices button { display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:1px solid #d6ceca;border-radius:8px;background:#fff;color:#302b29;text-align:center;min-width:0;white-space:normal; }
#hh24-dashboard .hh24-section-choices button[aria-pressed="true"] { border:2px solid #9b4544;padding:15px 11px;background:#fff6f3; }
#hh24-dashboard .hh24-section-choices button:focus-visible { outline:3px solid #302b29;outline-offset:3px; }
#hh24-dashboard .hh24-section-choices small { font-size:12px;line-height:1.5;font-weight:400; }
#hh24-dashboard .hh24-layout-diagram { display:grid;gap:3px;width:64px;padding:5px;border:1px solid #bcb2ae;border-radius:3px;background:#fff; }
#hh24-dashboard .hh24-layout-diagram i { display:block;height:13px;background:#eee8e3; }
#hh24-dashboard .hh24-layout-diagram[data-look=classic] i { border-bottom:1px solid #8f817b; }
#hh24-dashboard .hh24-layout-diagram[data-look=seamless] { gap:0; }
#hh24-dashboard .hh24-layout-diagram[data-look=alternating] i:nth-child(even) { background:#bca69c; }
#hh24-dashboard .hh24-layout-diagram[data-look=template] i:first-child { background:#bca69c; }
#hh24-dashboard .hh24-layout-sample { min-width:0; }
#hh24-dashboard .hh24-layout-sample span { max-width:100%;box-sizing:border-box; }
@media(max-width:1000px){#hh24-dashboard .hh24-section-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }}

#hh24-dashboard .hh24-question-builder fieldset {border:1px solid #ded6d0;border-radius:10px;padding:20px;margin:16px 0;min-width:0;}
#hh24-dashboard .hh24-question-builder label {display:grid;gap:6px;margin:12px 0;}

/* Backend text rhythm: keep dividers outside line boxes and preserve artwork typography. */
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header { display:flow-root; padding-bottom:20px; margin-bottom:24px; border-bottom:1px solid #e6dfda; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header::after { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header h2 { line-height:1.25; margin:0; }
#hh24-dashboard.hh24-workspace-v3 .hh24-view-header p { margin:12px 0 0; line-height:1.6; }
#hh24-dashboard.hh24-workspace-v3 :is(.hh24-general-page,.hh24-layout-group,.hh24-control-group,.hh24-inspector-content,.hh24-publication-panel) > :is(h3,h4) { line-height:1.5; margin-top:0; margin-bottom:16px; }
#hh24-dashboard.hh24-workspace-v3 :is(.hh24-general-page,.hh24-layout-group,.hh24-control-group,.hh24-inspector-content,.hh24-publication-panel) > :is(p,div,label,fieldset) + :is(h3,h4) { margin-top:28px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-section-title { gap:16px; margin-bottom:20px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-section-title h3 { margin:0; line-height:1.5; }
#hh24-dashboard.hh24-workspace-v3 .hh24-section-title h3::after { display:none; }
#hh24-dashboard.hh24-workspace-v3 .hh24-inspector-content > header { padding-bottom:20px; margin-bottom:24px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-module-style { padding-top:20px; margin-top:24px; }
#hh24-dashboard.hh24-workspace-v3 .hh24-home-cards h3 { line-height:1.5; }
/* 2026-09-30: comfortable editor handles and stable, readable guest cards. */
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-item {
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  gap:4px;
}
#hh24-dashboard.hh24-workspace-v3 .hh24-module-drag,
#hh24-dashboard.hh24-workspace-v3 .hh24-module-tools button {
  min-width:48px; min-height:48px; padding:8px; box-sizing:border-box;
}
#hh24-dashboard.hh24-workspace-v3 .hh24-module-select { min-width:0; overflow-wrap:anywhere; }
#hh24-dashboard.hh24-workspace-v3 .hh24-guest-list td[data-label=Name] > strong { line-height:1.5; overflow-wrap:anywhere; }
#hh24-dashboard.hh24-workspace-v3 .hh24-guest-list .hh24-table-actions :is(button,summary) { min-height:48px; }
@media(max-width:640px) {
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list td { line-height:1.5; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list .hh24-table-actions { gap:12px; }
  #hh24-dashboard.hh24-workspace-v3 .hh24-guest-list .hh24-table-actions :is(button,summary) { padding:12px; }
}
/* Preserve readable section titles beside the enlarged touch controls. */
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-builder-library { padding-inline:12px; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select > i { display:none; }
#hh24-dashboard.hh24-workspace-v3[data-workspace-page=studio] .hh24-module-select strong { overflow-wrap:normal; }
#hh24-dashboard .hh24-section-reorder { border-bottom:1px solid #e5dfda; padding:0 0 12px; margin:0 0 20px; }
#hh24-dashboard .hh24-section-reorder summary { min-height:48px; padding:12px 0; cursor:pointer; box-sizing:border-box; }
#hh24-dashboard .hh24-section-reorder button { min-height:48px; margin:4px 8px 4px 0; padding:10px 12px; }
#hh24-dashboard .hh24-section-reorder p { margin:8px 0 0; font-size:12px; line-height:1.5; }
/* Keep device selection distinct from the dashboard's generic black buttons. */
#hh24-dashboard .hh24-device-switch { gap:6px; }
#hh24-dashboard .hh24-device-switch button {
  width:48px; min-width:48px; min-height:48px; padding:0;
  border:1px solid #b6aba5; background:#fff; color:#4b443e;
}
#hh24-dashboard .hh24-device-switch button:hover { background:#f6eeea; border-color:#4b443e; }
#hh24-dashboard .hh24-device-switch button[aria-pressed=true] {
  border-color:#161616; background:#161616; color:#fff;
}