.planning-page{max-width:1600px;margin:auto;padding:32px}.table-editor{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.room-workspace{min-width:0}.room-canvas{border:1px solid #b6bea8;background:#f8f9f5;overflow:hidden;border-radius:8px}.room-canvas svg{width:100%;height:540px;display:block;touch-action:none;user-select:none}.plan-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.plan-toolbar label{margin:0}.table-controls{padding:20px}.table-controls h2{font-size:24px}.table-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.table-palette button{padding:8px;background:var(--page-surface, #fff);border:1px solid #bac3ad;border-radius:6px;cursor:pointer;font:inherit;font-size:14px}.table-palette img{display:block;width:100%;height:70px;object-fit:contain}.table-controls fieldset{padding:12px;border:1px solid #c9cebf;margin:16px 0}.room-table{cursor:grab}.room-table:focus .table-top{stroke:#1456a0;stroke-width:.08}.room-table.selected .table-top{stroke:#1456a0;stroke-width:.08}.room-table.colliding .table-top{stroke:#b53e32;stroke-width:.08}.seat-node{cursor:pointer}.seat-node:focus circle{stroke:#1456a0;stroke-width:.08}.table-controls input,.table-controls select{min-width:0;width:100%}.table-controls .form-grid{grid-template-columns:1fr 1fr}.plan-zone-label{pointer-events:none}.form-card{max-width:850px}.form-card form p{margin-bottom:16px}.entry-card{margin:16px 0}.price-per-head{border-top:1px solid #c9cebf;margin-top:12px;padding-top:12px}.price-deposit{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.customer-info-grid{display:block;width:100%}.customer-info-grid p{min-width:0}.dish-subcategory{grid-column:1/-1;margin:16px 0 0}.dish-information{display:block;color:#59614f;font-size:13px;margin-top:6px}.planning-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.planning-cards .card{margin:0}.service-card{margin:20px 0}.field-errors,.errorlist{color:#923529}@media(max-width:1000px){.table-editor{grid-template-columns:1fr}.room-canvas svg{height:430px}.table-controls{max-width:none}.table-palette{grid-template-columns:repeat(5,1fr)}}@media(max-width:600px){.planning-page{padding:18px}.room-canvas svg{height:350px}.table-palette{grid-template-columns:repeat(3,1fr)}.customer-info-grid{grid-template-columns:1fr}}

.source-plan{display:block;width:100%;height:auto;margin:16px 0}.planning-page,.page-wrap{width:100%}.page-wrap{max-width:1320px;padding:36px;margin:auto}
@media(max-width:600px){.page-wrap{padding:18px}.table-controls{padding:16px}.table-palette{grid-template-columns:1fr 1fr}}

/* Compact planning overview and consistent paired contact fields. */
.dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.planning-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--page-surface, #fff);text-decoration:none;min-width:0;color:inherit}.planning-card h2{margin:0;font-size:25px;line-height:1.2}.planning-card p{margin:0;color:#57604e;flex:1}.planning-card:hover{border-color:#7a895b;background:#f8f9f4}.card-state{align-self:flex-start;font-size:12px;color:#64704f;background:#eff2e9;padding:3px 9px;border-radius:12px}.card-open{font-weight:700;margin-top:9px;color:#8e2454}.dashboard-facts{display:flex;flex-wrap:wrap;gap:20px 34px;padding:20px 0;border-top:1px solid #d9ded0;border-bottom:1px solid #d9ded0}.dashboard-facts span,.dashboard-facts strong{display:block}.dashboard-facts span{font-size:12px;color:#64695c}.dashboard-facts strong{font-size:16px;margin-top:4px}.dashboard-countdown{margin-left:auto;text-align:right;max-width:100%}.dashboard-countdown strong{color:var(--green);font-variant-numeric:tabular-nums}.wedding-date{font-size:20px;color:#536040}.document-list{list-style:none;padding:0;margin:0}.document-list li+li{border-top:1px solid #e2e5dd}.document-list a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;text-decoration:none}.document-list small{white-space:nowrap}.customer-fields,.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.customer-fields .wide{grid-column:1/-1}.customer-fields label{margin-top:0}.customer-fields{margin-bottom:20px}.detail-fields input[type=checkbox]{width:auto}.detail-fields [data-detail-field=allergies],.detail-fields [data-detail-field=notes]{grid-column:1/-1}.price-line.buffet-line{padding-top:14px;padding-bottom:14px}
.price-group+.price-group{border-top:1px solid #cbd1be}.extras-heading{margin-top:26px}.service-minimal .service-tabs{margin:20px 0 24px}.readonly-plan svg{display:block;width:100%;max-height:560px}.dashboard-bottom .card{margin-top:0}@media(max-width:1000px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dashboard-cards,.customer-fields,.detail-fields{grid-template-columns:1fr}.document-list a{display:block}.document-list small{display:block}.dashboard-facts{gap:16px}.wedding-dashboard .page-heading{display:block}.customer-fields .wide{grid-column:auto}}

/* Correction V4: full-width form and shared operational event cards. */
.customer-field,.address-locality{min-width:0}.address-locality{display:grid;grid-template-columns:minmax(80px,.65fr) minmax(0,1.35fr);gap:12px}.customer-fields input,.customer-fields textarea{width:100%;min-width:0}.customer-fields label{font-size:14px}.planner-grid{column-gap:24px}.event-card h2{font-size:25px}.event-card .event-name{font-size:15px;overflow-wrap:anywhere}.event-card .event-meta{font-size:13px;line-height:1.6;color:var(--muted)}.event-card .card-open{margin-top:auto}.document-actions{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.document-row{padding:12px 0;border-bottom:1px solid var(--line)}.document-row p{margin:0 0 7px}.document-row .text-button{font-size:14px}.operational-heading{margin-top:38px}
@media(max-width:650px){.address-locality{grid-template-columns:1fr;gap:16px}.customer-fields{gap:16px}.planner-grid{gap:24px}}

.planning-navigation{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0 0 28px}.planning-back{display:inline-flex;margin:0}.planning-navigation .planning-nav{width:100%;margin:0}.provider-category{margin:38px 0}.provider-list{border:1px solid #d8dccf;border-radius:8px;overflow:hidden}.provider-head,.provider-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.4fr);gap:24px;padding:18px 22px}.provider-head{background:#f2f1e9;font-weight:700}.provider-row+.provider-row{border-top:1px solid #d8dccf}.provider-row h3{margin:0;font-size:21px}.provider-row p{margin:8px 0 0}.provider-actions{display:flex;flex-wrap:wrap;gap:10px 18px;align-content:start}.provider-actions a{overflow-wrap:anywhere}.provider-contact{overflow-wrap:anywhere}@media(max-width:650px){.provider-head{display:none}.provider-row{grid-template-columns:1fr;gap:12px;padding:20px}.provider-contact:empty{display:none}.provider-actions a{padding:6px 0}}

/* The same native radio fields are used when adding and editing a guest. */
.guest-page .two-cols>section{min-width:0}
.guest-field,.guest-choice{margin:0 0 22px}
.guest-choice{border:0;padding:0;min-width:0}
.guest-choice legend{font-weight:700;padding:0;margin-bottom:9px}
.guest-choice-options{display:flex;flex-wrap:wrap;gap:8px}
.guest-choice-option{position:relative;margin:0;max-width:100%;cursor:pointer;touch-action:manipulation}
.guest-choice-option input[type=radio]{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.guest-choice-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #aab69e;border-radius:6px;background:var(--page-surface, #fff);color:var(--ink);font-size:14px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}
.guest-choice-tick{visibility:hidden;flex-shrink:0;font-weight:700}
.guest-choice-option:hover .guest-choice-button{border-color:var(--green);background:var(--tint)}
.guest-choice-option input:checked+.guest-choice-button{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}
.guest-choice-option input:checked+.guest-choice-button .guest-choice-tick{visibility:visible}
.guest-choice-option input:focus-visible+.guest-choice-button{outline:3px solid var(--pink);outline-offset:3px}
.guest-choice-option input:disabled+.guest-choice-button{opacity:.6;cursor:not-allowed}
.guest-form .guest-boolean{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;cursor:pointer;touch-action:manipulation}
.guest-boolean input[type=checkbox]{flex-shrink:0;margin:0}
.guest-form select{margin-bottom:0}
.guest-form .errorlist{margin:8px 0 0}
@media(forced-colors:active){.guest-choice-option input:checked+.guest-choice-button{border:2px solid Highlight}.guest-choice-option input:focus-visible+.guest-choice-button{outline-color:Highlight}}

/* Saved guest counts are read-only; the detailed guest table follows below. */
.guest-overview{padding:22px;border:1px solid var(--line);border-radius:6px}
.guest-overview h2{font-size:29px;margin:0 0 8px}
.guest-overview-note{font-size:13px;color:var(--muted);margin:0 0 18px}
.guest-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 24px}
.guest-metrics>div{display:flex;flex-direction:column-reverse;justify-content:end;gap:4px;padding:12px 8px;background:var(--tint);border-radius:5px;text-align:center}
.guest-metrics dt{font-size:13px;line-height:1.35}
.guest-metrics dd{margin:0;color:var(--green);font-family:Crimson,Georgia,serif;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}
.guest-category-counts{width:100%;table-layout:fixed}
.guest-category-counts caption{text-align:left;font-weight:700;font-size:14px;margin-bottom:10px;color:var(--green)}
.guest-category-counts th,.guest-category-counts td{padding:10px 5px;font-size:13px;line-height:1.4;overflow-wrap:break-word}
.guest-category-counts th:first-child{width:32%;text-align:left}
.guest-category-counts thead th:not(:first-child),.guest-category-counts td{text-align:center;font-variant-numeric:tabular-nums}
.guest-category-counts tbody th{font-weight:400;background:transparent;color:var(--ink)}
.guest-category-counts tfoot th,.guest-category-counts tfoot td{background:var(--tint);font-weight:700;color:var(--green)}
.guest-dietary{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.guest-dietary h3{font:700 14px/1.5 Bellota,Arial,sans-serif;margin:0 0 9px}
.guest-dietary dl{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;font-size:14px}
.guest-dietary dl>div{display:flex;gap:6px}
.guest-dietary dd{font-weight:700;margin:0}
.guest-dietary dt::after{content:':' }
@media(max-width:600px),(min-width:801px) and (max-width:1150px){
  .guest-overview{padding:18px}
  .guest-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .guest-category-counts,.guest-category-counts tbody,.guest-category-counts tfoot{display:block}
  .guest-category-counts caption{display:block}
  .guest-category-counts thead{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  .guest-category-counts tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;border-top:1px solid var(--line);padding:12px 0}
  .guest-category-counts th:first-child{grid-column:1/-1;width:auto;font-weight:700}
  .guest-category-counts th,.guest-category-counts td{padding:0;border:0;text-align:left}
  .guest-category-counts td{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
  .guest-category-counts td::before{content:attr(data-label);font-weight:400;color:var(--muted);font-size:12px}
  .guest-category-counts tfoot tr{background:var(--tint);border-radius:4px;padding:12px 8px}
}

.shared-extra{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:12px 22px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.shared-extra[hidden]{display:none}.shared-extra label{margin:0}.shared-extra small{color:var(--muted)}.shared-extra input{min-width:0}.shared-extra input[type=checkbox]{justify-self:start}
.final-planning-page .card{min-width:0}.ceremony-confirmation{margin-top:18px;font-size:14px}.ceremony-confirmation .inline-check{align-items:start}
.final-buffet-category{padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.final-buffet-category summary{cursor:pointer;font-weight:700;color:var(--green)}
.final-buffet-category fieldset{border:0;padding:14px 0 0;min-width:0}.final-buffet-category legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.final-buffet-category fieldset>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}.final-buffet-category label{display:flex;align-items:start;gap:10px;font-weight:400;min-height:44px;margin:0;padding:8px 0}
.final-buffet-category input{flex-shrink:0;margin-top:2px}.final-price p{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.final-price #final-total{font-family:Crimson,Georgia,serif;font-size:34px;color:var(--green)}
@media(max-width:650px){.final-buffet-category fieldset>div{grid-template-columns:1fr}.shared-extra{grid-template-columns:minmax(0,1fr) 85px;gap:10px}.shared-extra label{overflow-wrap:anywhere}}

.final-buffet-selection{display:block;font-weight:400;color:var(--ink);font-size:14px;margin:8px 0 0;line-height:1.55}

/* Compact, independent release controls in the customer record. */
.release-controls{scroll-margin-top:24px}.release-controls h2{margin-bottom:20px}
.release-section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.release-section h3{font-size:24px;margin:0 0 12px}.release-section p{margin:10px 0}
.release-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.release-counts label{margin-top:0;font-size:14px}.release-counts input{width:100%;min-width:0}
.release-controls .release-help{font-size:13px}.release-controls .outline{max-width:100%;white-space:normal}
.release-controls .notice{font-size:14px}.release-controls .planning-complete-form label{margin-top:0}
@media(max-width:420px){.release-counts{grid-template-columns:1fr}.release-controls .outline{width:100%}}

.invoice-form{max-width:900px}.invoice-form input{max-width:520px}.invoice-form .actions{margin-top:20px}.invoice-form hr{margin:26px 0;border:0;border-top:1px solid var(--line)}

.invoice-controls { display: grid; gap: 1rem; margin: 1.5rem 0; min-width: 0; }
.invoice-controls .card { min-width: 0; }
.accounting-table { width: 100%; }
.accounting-table th { text-align: left; }
.accounting-table .number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.accounting-table tbody th { font-weight: 400; }
.accounting-table tfoot { background: var(--cream, #f2f4ec); font-weight: 700; }

/* Service receives an operational projection; these styles only compact it. */

.service-information h2{margin-bottom:18px}.service-information h3,.service-summary h3{font-size:23px;margin:0 0 12px}
.service-quick{width:100%;table-layout:fixed}.service-quick th,.service-quick td{padding:12px 16px;overflow-wrap:anywhere}
.service-quick th:first-child{width:52%}.service-quick tbody th{font-weight:400;background:transparent;color:var(--ink)}
.service-quick tbody tr:last-child td{border-bottom:1px solid var(--line)}
.service-minimal .service-open{color:var(--muted);font-size:14px}
.service-summary{display:flex;flex-wrap:wrap;gap:24px 48px;margin-top:24px}.service-summary section{min-width:180px;max-width:100%}
.service-nutrition{display:flex;flex-wrap:wrap;gap:12px;margin:0}.service-nutrition div{display:flex;align-items:baseline;gap:12px;background:var(--tint);padding:10px 14px;border-radius:5px}
.service-nutrition dd{margin:0;font-size:22px;font-weight:700;color:var(--green)}
.detail-fields>div{min-width:0}.detail-fields input[type=datetime-local]{width:100%;min-width:0}.detail-fields [data-detail-field=photographer],.detail-fields [data-detail-field=photobox_details],.detail-fields [data-detail-field=candybar_details]{grid-column:1/-1}
.service-allergies{margin:0;padding-left:20px}.service-summary p{margin:0}.service-extra{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
.service-seat-notes{table-layout:fixed;width:100%}.service-seat-notes th:first-child{width:28%}.service-seat-notes td,.service-seat-notes th{overflow-wrap:anywhere}

@media(max-width:600px){.service-quick th,.service-quick td,.service-seat-notes th,.service-seat-notes td{padding:10px 8px}.service-quick th:first-child{width:56%}.service-seat-notes th:first-child{width:35%}.service-summary{gap:22px}.service-information h3,.service-summary h3{font-size:22px}}

.service-quick-group + .service-quick-group{margin-top:22px}

.service-buffet-category{margin-top:26px;min-width:0}
.service-buffet-category h3{margin:0 0 12px}
.service-buffet{width:100%;table-layout:fixed}
.service-buffet .buffet-dish-col{width:52%}.service-buffet .buffet-diet-col{width:8%}.service-buffet .buffet-allergens-col{width:32%}
.service-buffet th,.service-buffet td{padding:12px 14px;vertical-align:top;overflow-wrap:anywhere}
.service-buffet tbody th{background:transparent;color:var(--ink);font-weight:400}
.service-buffet tbody tr:last-child th{border-bottom:0}
.service-buffet .buffet-diet{text-align:center;padding-left:4px;padding-right:4px}
.buffet-diet-mark{color:var(--green);font-weight:700}
.buffet-dish-note{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:5px}
@media(max-width:600px){.service-buffet th,.service-buffet td{padding:10px 8px;font-size:14px}.service-buffet .buffet-dish-col{width:48%}.service-buffet .buffet-diet-col{width:9%}.service-buffet .buffet-allergens-col{width:34%}.service-buffet .buffet-diet{padding-left:2px;padding-right:2px}}

.kitchen-buffet-card{min-width:0}
.kitchen-buffet{min-width:700px}
.kitchen-buffet .buffet-dish-col{width:38%}.kitchen-buffet .buffet-diet-col{width:5%}.kitchen-buffet .buffet-allergens-col{width:24%}.kitchen-buffet .buffet-cost-col{width:14%}
.kitchen-buffet .buffet-cost{text-align:right;font-variant-numeric:tabular-nums}
.kitchen-buffet td.buffet-cost{white-space:nowrap}
.kitchen-buffet .service-open{color:var(--muted);font-size:14px}
.kitchen-buffet-totals{margin-top:24px}
.kitchen-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.kitchen-overview>div{min-width:0}
.kitchen-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kitchen-counts>div{justify-content:space-between;align-items:center;min-width:0}
.kitchen-counts dt{overflow-wrap:anywhere}
.kitchen-counts dd{flex-shrink:0;font-variant-numeric:tabular-nums}
.kitchen-portions{margin:14px 0 20px}
.kitchen-buffet-status{display:flex;align-items:center;gap:14px;background:var(--tint);padding:12px 14px;border-radius:5px}
.kitchen-buffet-status strong{font-weight:400}
.kitchen-status-symbol{flex-shrink:0;width:24px;text-align:center;font:700 26px/1 Arial,sans-serif;color:var(--green)}
.kitchen-buffet-status.is-pending .kitchen-status-symbol{color:var(--pink)}
.kitchen-overview-information h2{font-size:25px;margin:0 0 16px}
.kitchen-overview-information h3{font-size:22px;margin:22px 0 10px}
.kitchen-overview-information p{overflow-wrap:anywhere}
.kitchen-overview-information p:last-child{margin-bottom:0}
@media(max-width:760px){.kitchen-overview{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:420px){.kitchen-counts{gap:10px}.kitchen-counts>div{padding:10px;gap:8px}.kitchen-counts dt{font-size:14px}}

/* Read-only planning examples before a booking is confirmed. */
.planning-preview-intro{margin:36px 0 20px;max-width:850px}.planning-preview-intro h2{margin-bottom:12px}.planning-preview-intro p{color:var(--muted);margin-bottom:0}
.planning-preview-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.preview-card{padding:22px;gap:12px}.preview-card p{font-size:14px;flex:0}.preview-card .card-open{margin-top:auto;padding-top:10px;font-size:15px}
.preview-mini-list{padding:0;margin:4px 0 0;list-style:none;font-size:14px}.preview-mini-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.preview-mini-list small{font-size:12px;color:var(--muted)}.preview-mini-note{font-size:12px;color:var(--muted)}
.preview-mini-timeline li{justify-content:flex-start;gap:15px}.preview-mini-timeline time{color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}.preview-mini-plan{background:var(--tint);border-radius:5px}.preview-mini-plan svg{display:block;width:100%;height:152px}
.preview-banner{border:1px solid var(--line);border-left:4px solid var(--green);background:var(--tint);border-radius:6px;padding:20px 24px;margin:22px 0 28px;max-width:1050px}.preview-banner .card-state{background:var(--page-surface, #fff)}.preview-banner p{margin:12px 0 0;max-width:900px;font-size:15px}
.preview-counts{display:flex;gap:14px;flex-wrap:wrap}.preview-counts>span{display:flex;align-items:baseline;gap:10px;padding:12px 16px;background:var(--tint);border-radius:5px;font-size:14px}.preview-counts strong{font-size:24px;color:var(--green)}
.preview-guests small{display:block;color:var(--muted);margin-top:3px}.planning-preview .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.preview-timeline{list-style:none;margin:32px 0;padding:0;max-width:900px}.preview-timeline>li{display:grid;grid-template-columns:95px minmax(0,1fr);gap:25px;position:relative;padding:0 0 28px;margin-left:12px}.preview-timeline>li:not(:last-child):before{content:'';position:absolute;left:94px;top:14px;bottom:-8px;border-left:1px solid var(--line)}.preview-timeline>li:after{content:'';position:absolute;left:90px;top:8px;width:9px;height:9px;background:var(--green);border-radius:50%}.preview-time time{font-size:21px;color:var(--green);font-variant-numeric:tabular-nums}.preview-time small{display:block;font-size:12px;color:var(--muted)}.preview-timeline h2{font-size:26px;margin:0 0 9px}.preview-timeline p{font-size:15px;color:var(--muted);margin:0}
.preview-seating-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start}.preview-room .readonly-plan{background:#f8f9f5;border:1px solid var(--line);border-radius:6px}.preview-room .readonly-plan svg{max-height:470px}.preview-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--muted);margin:18px 0 0}.preview-seat-list ol{padding-left:24px;margin:0}.preview-seat-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.preview-seat-list li:last-child{border-bottom:0}.preview-seat-list li::marker{color:var(--muted)}.preview-seat-list .badge{margin-left:8px}.preview-unlock{border-top:1px solid var(--line);padding-top:22px;margin:28px 0 20px;color:var(--muted);font-size:14px}
@media(max-width:1000px){.preview-card{padding:18px}.preview-mini-list li{flex-wrap:wrap;gap:3px 10px}.preview-mini-list small{display:block}.preview-seating-layout{grid-template-columns:1fr}.preview-seating-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:800px){.planning-preview-cards{grid-template-columns:1fr}.preview-mini-plan svg{height:180px}.preview-mini-list li{flex-wrap:nowrap}.preview-seating-layout>div{grid-template-columns:1fr}}
@media(max-width:560px){.preview-banner{padding:18px}.preview-counts{gap:8px}.preview-counts>span{padding:10px 12px;font-size:12px;gap:8px}.preview-counts strong{font-size:22px}.preview-timeline>li{grid-template-columns:67px minmax(0,1fr);gap:23px;margin-left:0}.preview-timeline>li:not(:last-child):before{left:68px}.preview-timeline>li:after{left:64px}.preview-time time{font-size:19px}.preview-timeline h2{font-size:24px}.preview-guests thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.preview-guests table,.preview-guests tbody,.preview-guests tr,.preview-guests td{display:block}.preview-guests tr{padding:12px 16px;border-bottom:1px solid var(--line)}.preview-guests tr:last-child{border-bottom:0}.preview-guests td{border:0;padding:6px 0;overflow-wrap:anywhere}.preview-guests td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.preview-guests td:first-child:before{display:none}.preview-guests td:first-child{font-size:17px;color:var(--green)}.preview-guests small{display:inline;margin-left:6px}}

.dashboard-bottom>section{min-width:0}
/* Screenshot preview of the wedding websites before booking. */
.website-sneak-peek{margin:40px 0;padding:32px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--white)}
.website-preview-intro{max-width:790px}.website-preview-intro h2{margin:8px 0 14px}.website-preview-intro p{color:var(--muted);margin:0 0 12px}
.website-preview-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-top:26px}
.website-preview-design{margin:0;min-width:0}.website-preview-design>a{display:block;color:var(--green);text-decoration:none;border:1px solid var(--line);background:var(--tint)}
.website-preview-design img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.website-preview-open{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-size:13px;min-height:44px}
.website-preview-design>a:hover .website-preview-open{text-decoration:underline}.website-preview-design>a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.website-preview-design h3{font-size:21px;line-height:1.3;margin:14px 0 0}.website-preview-note{font-size:13px;color:var(--muted);margin:22px 0 0;max-width:850px}
@media(max-width:600px){.website-sneak-peek{margin:28px 0;padding:24px 20px}.website-preview-gallery{grid-template-columns:minmax(0,1fr);gap:26px}.website-preview-design h3{font-size:23px}}
.documents-heading{display:flow-root;margin-bottom:20px}
.documents-heading>h2{float:left;margin:3px 16px 12px 0}
.signed-contract-upload{margin:0}
.signed-contract-upload>summary{display:flex;width:max-content;margin-left:auto;cursor:pointer;font-size:13px;padding:8px 12px;min-height:40px;max-width:100%;text-align:center}
.signed-contract-upload>summary:focus-visible{outline:3px solid #b5015680;outline-offset:3px}
.signed-contract-upload form{clear:both;margin-top:16px;padding:16px;background:var(--tint);border-radius:5px}
.signed-contract-upload input[type=file]{max-width:100%;min-width:0;font-size:14px;background:var(--page-surface, #fff)}
.signed-contract-upload form>label{font-size:14px}
.signed-contract-upload .subtle{font-size:13px;margin:8px 0 14px}
.signed-contract-upload form>.outline{font-size:14px;padding:8px 12px;min-height:40px}

/* Only assigned guests appear below the canvas, grouped by their current table. */
.table-guest-overview{margin-top:30px;min-width:0}.table-guest-overview h2{font-size:26px;margin-bottom:20px}.table-guest-overview table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0 0 26px;border:1px solid var(--line);font-size:14px}.table-guest-overview caption{text-align:left;padding:0 0 10px;color:var(--green);font-family:Crimson,Georgia,serif;font-size:23px;line-height:1.3;overflow-wrap:anywhere}.table-guest-count{font-family:Bellota,Arial,sans-serif;font-size:13px;color:var(--muted)}.table-guest-overview th,.table-guest-overview td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.table-guest-overview thead{background:var(--tint);color:var(--green)}.table-guest-overview th:first-child{width:80px}.table-guest-overview th:nth-child(2){width:44%}.table-guest-overview tbody th{font-weight:normal;color:var(--muted)}
@media(max-width:600px){.table-guest-overview h2{font-size:24px}.table-guest-overview th,.table-guest-overview td{padding:9px 7px}.table-guest-overview th:first-child{width:65px}.table-guest-overview th:nth-child(2){width:40%}}


/* One page frame for every customer planning tab, including staff previews.
   The extra specificity keeps page-specific styles and breakpoints from
   changing navigation position or the available working width. */
/* Keep the viewport width stable when switching between short and long pages.
   Safari otherwise adds/removes the vertical scrollbar and shifts every shell
   horizontally, including the management navigation. */
html{overflow-y:scroll}
#main .planning-shell{width:100%;max-width:1450px;min-width:0;margin:0 auto;padding:32px clamp(17px,4vw,56px)}
@media(max-width:600px){#main .planning-shell{padding:22px 17px}}
@media print{#main .planning-shell{max-width:none;padding:0}}

/* Final details are one continuous form; headings and fine rules separate topics. */
.final-planning-page .page-section + .page-section{border-top:1px solid var(--line);padding-top:26px}
@media(max-width:560px){.final-planning-page .page-section + .page-section{padding-top:20px}}

.booking-invitation{margin:1.5rem 0 2rem;padding:0 0 1.5rem;border-bottom:1px solid var(--line,#dce2d4)}
.booking-invitation p{max-width:75ch}.booking-invitation dd{margin:0}.booking-invitation dt{font-size:.85em;color:#71786b}
.booking-invitation:has(> .booking-invitation-actions){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}
.booking-invitation:has(> .booking-invitation-actions)>p{flex:1 1 480px;min-width:0;margin:0}
.booking-invitation-actions{flex:0 0 auto;max-width:100%;margin-left:auto;justify-content:flex-end}
.booking-invitation-actions a{white-space:nowrap}
@media(max-width:600px){.booking-invitation-actions{width:100%}.booking-invitation-actions a{flex:1 1 200px;text-align:center;white-space:normal}}
.booking-confirm-dialog{max-width:38rem;width:calc(100% - 2rem);padding:1.5rem}.booking-confirm-dialog h1{font-size:1.6rem}

.wedding-dashboard .dashboard-facts{column-gap:18px}.wedding-dashboard .dashboard-facts strong{font-size:15px}.dashboard-receipts{display:contents}.dashboard-receipts .receipt-confirmed{color:var(--green)}

.final-planning-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin:.2em 0 1em}.final-planning-heading h1{margin:0}.final-planning-heading>.outline{margin-left:auto}

/* One-time booking acknowledgement, with a quiet no-JavaScript fallback. */
.booking-thanks{padding:28px 30px;margin:24px 0;background:var(--page-surface, #fff);color:var(--ink);border-radius:6px}
.booking-thanks h2{font-size:26px;line-height:1.3;margin:0 0 14px}
.booking-thanks p{font-size:15px;line-height:1.7;margin:0}
.booking-thanks>.button{margin-top:22px}
.booking-thanks-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:24px;background:transparent;overflow:auto}
.booking-thanks-dialog[open]{display:grid;place-items:center}
.booking-thanks-dialog::backdrop{background:rgb(48 62 34 / 35%)}
.booking-thanks-dialog .booking-thanks{position:relative;z-index:1;width:min(600px,100%);margin:0}
.booking-confetti{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.booking-confetti-heart{position:absolute;top:0;left:0;color:#d82b35;opacity:0;will-change:transform,opacity}
.booking-confetti-heart svg{display:block;width:100%;height:100%;fill:currentColor}
@media(max-width:480px){.booking-thanks-dialog{padding:18px}.booking-thanks{padding:25px 22px}.booking-thanks h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.booking-confetti{display:none}}

/* Planning tile controls do not alter the existing dashboard card layout. */
.tile-customize{display:flex;justify-content:flex-end;margin:12px 0 0}
/* Appointment actions keep their tile controls and sit beside the countdown. */
.dashboard-appointment{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px 24px;flex:0 0 auto;width:max-content;max-width:100%;margin-left:auto}
.dashboard-appointment .dashboard-countdown{margin-left:0;max-width:260px}
.dashboard-appointment .inspection-booking-button{flex-shrink:0}
.wedding-dashboard .wedding-dashboard-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px 40px}
.wedding-dashboard-heading>div:first-child{min-width:0}
.wedding-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-shrink:0}
.wedding-heading-actions .wedding-date,.inspection-booking-button{white-space:nowrap}
@media(max-width:1100px){.wedding-heading-actions{flex-direction:column;align-items:flex-end;gap:12px}}
@media(max-width:650px){.wedding-dashboard .wedding-dashboard-heading{flex-direction:column;align-items:flex-start;gap:18px}.wedding-heading-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}.inspection-booking-button{max-width:100%;white-space:normal;text-align:center}}
.tile-preferences-page{max-width:720px}.tile-preferences-page h1{font-size:30px}
.tile-preferences-dialog{width:calc(100% - 32px);max-width:640px;max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);color:var(--ink);background:var(--white);overflow:auto}
.tile-preferences-dialog::backdrop{background:#26321c70}.tile-preferences-dialog h1{font-size:28px}
.tile-options{border:0;padding:0;margin:22px 0}.tile-options legend{font-weight:bold;margin-bottom:14px}.tile-options .inline-check{font-size:16px;font-weight:400;margin:12px 0;align-items:center}.tile-options input{flex:none}
.tile-grants select{min-width:230px}.tile-grants th[scope=row]{background:transparent;min-width:170px}.tile-grants label{font-weight:400}
@media(max-width:600px){.tile-preferences-dialog{padding:20px}.tile-preferences-dialog h1{font-size:25px}.tile-preferences-dialog .actions{gap:12px}}
@media(min-width:600px){.tile-preferences-dialog .tile-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.tile-preferences-dialog .tile-options .inline-check{margin:8px 0;font-size:15px}}

/* The booking checkbox opens confirmation directly; keep the submit fallback for no-JS. */
[data-booking-toggle-submit][hidden]{display:none}

.provider-details{margin:16px 0 0;display:grid;gap:12px;overflow-wrap:anywhere}.provider-details dt{font-weight:700;font-size:12px;color:var(--green,#465a30);margin-bottom:3px}.provider-details dd{margin:0}.provider-price{font-weight:700}.provider-price-note{display:block;color:#62685b;font-size:13px}

/* Keep phone gestures on the planner, not on native image/text dragging. */
.table-palette button{touch-action:manipulation}
.table-palette img,.room-canvas svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* Event-specific kitchen extras use the same form and calculation on every device. */
.kitchen-category-heading,.kitchen-extra-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kitchen-category-heading{margin-bottom:12px}.kitchen-category-heading h3{margin:0}
.kitchen-extra-add{white-space:nowrap}
.kitchen-extra-row{border:1px solid var(--line);border-left:3px solid var(--green);border-radius:6px;padding:16px;margin:14px 0}
.kitchen-extra-heading h4{font-size:1.15rem;margin:5px 0}
.kitchen-extra-row p{margin:8px 0}
.kitchen-extra-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}
.kitchen-extra-costs dt{font-size:.875rem;color:var(--muted)}.kitchen-extra-costs dd{margin:4px 0 0;font-variant-numeric:tabular-nums;font-weight:600}
.kitchen-cost-summary{max-width:620px;margin:20px 0}.kitchen-cost-summary>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0}
.kitchen-cost-summary dd{margin:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.kitchen-cost-summary .kitchen-total{border-top:1px solid var(--line);font-weight:600}
.kitchen-extra-form{max-width:760px}.kitchen-extra-form [hidden]{display:none!important}
.kitchen-extra-form label{display:block}.kitchen-extra-form .inline-check{display:inline-flex;align-items:center;gap:8px}
.kitchen-extra-form fieldset{margin:16px 0}.kitchen-extra-form fieldset label{display:flex;align-items:center;gap:8px}
.kitchen-extra-quantity{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kitchen-extra-quantity p{flex:1 1 180px}
.kitchen-extra-quantity button{flex:0 1 auto}.kitchen-extra-remove{margin-top:24px}
@media(max-width:600px){.kitchen-extra-costs{gap:8px}.kitchen-extra-costs dt{font-size:.8125rem}.kitchen-extra-heading .outline{padding:10px 12px}.kitchen-cost-summary>div{gap:10px}.kitchen-extra-form{padding:16px}}

/* Keep the next useful actions distinct from the full list of planning tools. */
.planning-next-steps{margin:24px 0 28px;padding:18px 20px;background:var(--tint);border-radius:8px}
.planning-next-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.planning-next-heading h2{margin:0;font-size:24px}
.planning-next-heading>a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.planning-next-list{list-style:none;padding:0;margin:4px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
.planning-next-list li{min-width:0}
.planning-next-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:10px 0;text-decoration:none;color:var(--green)}
.planning-next-list a:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:3px}
.planning-next-list a>span:first-child{min-width:0;overflow-wrap:anywhere}
.planning-next-list strong{display:block;font-size:16px;font-weight:600;line-height:1.4}
.planning-next-list small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:3px}
.planning-next-steps>.subtle{margin:4px 0 0}
.planning-stage-note{font-size:14px;color:var(--muted);line-height:1.5;margin:14px 0}
.planning-stage-note strong{color:var(--green);font-weight:500}
.task-row[id]{scroll-margin-top:120px}
@media(max-width:900px){.planning-next-list{grid-template-columns:1fr}.planning-next-list li+li{border-top:1px solid var(--line)}.planning-next-steps{padding:12px 16px}.planning-next-heading h2{font-size:22px}}

.planning-next-notice{border-top:1px solid #d8ddcf;padding-top:.8rem;margin-top:.8rem}.planning-next-notice p{font-size:.85rem;margin:.2rem 0 0;line-height:1.6}.planning-next-notice a{white-space:normal}
.planning-next-steps .preparation-entry{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;max-width:100%}

/* Optional provider contacts stay compact in every presentation. */
.final-provider-group{border-bottom:1px solid var(--line);padding:14px 0;scroll-margin-top:100px;min-width:0}
.final-provider-group summary{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px;color:var(--green);font-weight:600;overflow-wrap:anywhere}
.final-provider-group summary::before{content:'+';flex:none}.final-provider-group[open] summary::before{content:'−'}
.final-provider-group summary span{margin-left:auto;color:var(--muted,#65715c);font-size:.9rem;font-weight:400;text-align:right}
.final-provider-group .detail-fields{margin:12px 0}.final-provider-group+ .detail-fields{margin-top:20px}

/* Checkbox and its conditional fields form one row, including on small screens. */
.final-planning-page .detail-option-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-column:1/-1;gap:12px 22px;align-items:center;min-width:0}
.final-planning-page .detail-option-row[hidden]{display:none}
.detail-option-choice{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;grid-column:1;grid-row:1}
.detail-option-choice label{margin:0;overflow-wrap:anywhere;cursor:pointer}
.detail-option-choice input[type=checkbox]{flex:0 0 auto;width:18px;min-width:18px;height:18px;margin:0}
.detail-option-choice>div{min-width:0}.detail-option-choice small{display:block}
.detail-option-fields{display:grid;gap:12px;min-width:0;grid-column:2;grid-row:1}
.detail-option-fields>div{min-width:0}.detail-option-fields>div[hidden]{display:none}
.detail-option-fields label{font-size:.85rem;line-height:1.35;margin:0 0 6px;overflow-wrap:anywhere}
.detail-option-fields input:not([type=checkbox]),.detail-option-fields select{width:100%;min-width:0}
.detail-option-fields .covers-controls{grid-template-columns:minmax(0,1fr);gap:6px;justify-content:stretch}
@media(max-width:650px){.final-planning-page .detail-option-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}.detail-option-choice{gap:8px}.detail-option-choice label{font-size:.9rem}}
.detail-derived-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px 22px;grid-column:1/-1;align-items:start;min-width:0}
.detail-derived-row output{font-weight:600}.detail-derived-row small{display:block;margin-top:4px}
.final-planning-page .final-section{border-top:0!important;border-bottom:1px solid var(--line);margin:0!important;padding:0!important;scroll-margin-top:100px}
.final-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;min-height:64px}
.final-section>summary::-webkit-details-marker{display:none}
.final-section-caption{min-width:0;display:grid;gap:4px}.final-section-caption h2{font-size:1.25rem;margin:0}
.final-section-summary{font-size:.9rem;color:var(--muted,#65715c);overflow-wrap:anywhere}
.final-price[open] .final-section-summary{display:none}
.final-section-action{font-size:.85rem;color:var(--green);flex-shrink:0}
.final-section.is-incomplete .final-section-summary{color:#856035}
.final-section-body{padding:4px 0 22px}.final-section-body>.page-section{margin-top:0}
.final-save-actions{position:sticky;bottom:16px;padding:12px 0;background:var(--page-surface,#fff);z-index:5;display:flex;justify-content:flex-end}
.save-state-button{min-width:min(100%,11rem);max-width:100%}.save-state-button[data-save-state=saving]{cursor:wait;opacity:.75;pointer-events:none}
.save-state-button[data-save-state=saved]::before{content:'✓ ';}
@media(max-width:650px){.final-section>summary{gap:10px;padding:15px 0}.final-section-caption h2{font-size:1.15rem}.final-section-summary{font-size:.85rem}.final-save-actions .button{width:100%}}
@media print{.final-section-body{display:block!important}.final-save-actions,.final-section-action{display:none!important}}
@media(max-width:650px){.detail-derived-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}}
.steps .planner-step{flex:1 1 0;min-width:0}
.steps .planner-step>.step-choice{width:100%}
.steps .step-guidance{display:block;min-height:36px;width:100%;padding:6px 0;border:0;background:transparent;font-size:.75rem;font-weight:400;line-height:1.35;color:#865923;margin:0;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.steps .step-guidance:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.steps .step-guidance[hidden]{display:none}
.contact-overview{border-block:1px solid var(--line);margin:20px 0}
.contact-overview>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;list-style:none;cursor:pointer}
.contact-overview>summary::-webkit-details-marker{display:none}
.contact-overview-caption{min-width:0}.contact-overview-caption>*{display:block;overflow-wrap:anywhere}
.contact-overview-info{color:var(--muted);font-size:.875rem;margin-top:4px}
.contact-overview-action{color:var(--green);font-size:.875rem;flex-shrink:0}
.contact-overview[open]>form{padding-bottom:20px}
[data-panel="customer"]:has(.contact-overview:not([open]))>p{display:none}
[data-panel],.buffet-category{scroll-margin-top:calc(var(--app-bar-height,90px) + var(--sticky-banner-offset,0px) + 20px)}
.planning-question-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px;font-size:.875rem;color:var(--green);text-underline-offset:3px}
dialog.planning-question-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--page-surface,#fff);overflow:auto}
.planning-question-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.planning-question-dialog h2{margin:0}
.planning-question-dialog .question-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;min-height:44px;border:0;border-radius:50%;background:var(--tint);color:var(--green);font-size:24px;line-height:1}
.planning-question-dialog .question-field{margin-bottom:16px}
.planning-question-dialog [role="status"]:empty{display:none}