/* Catalogue uses the workspace's shared Contacts list/detail geometry and tokens. */
#page-business .business-catalog-layout{display:grid;grid-template-columns:minmax(255px,.8fr) minmax(0,1.2fr);gap:0;max-width:1160px;min-height:430px;border:1px solid var(--line,#e3e7ec);border-radius:12px;overflow:hidden;background:#fff}
#page-business .business-catalog-list,#page-business .business-catalog-detail{min-width:0;border:0;border-radius:0;box-shadow:none;margin:0}
#page-business .business-catalog-list{padding:8px;border-right:1px solid var(--line,#e3e7ec);background:transparent}
#page-business .business-item-row{display:flex;align-items:center;width:100%;gap:12px;padding:14px 12px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--ink,#263b55);cursor:pointer}
#page-business .business-item-row:hover,#page-business .business-item-row.is-selected{background:var(--surface-soft,#f4f6f8)}
#page-business .business-item-row>span:first-child{display:grid;gap:5px;min-width:0;flex:1}
#page-business .business-item-row strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
#page-business .business-item-row small{font-size:11px;color:var(--muted,#768395);line-height:1.5}
#page-business .business-catalog-detail{padding:22px 24px;color:var(--ink,#263b55);font-size:13px;line-height:1.7}
#page-business .record-detail{display:flex;padding:0}
#page-business .business-catalog-detail{box-sizing:border-box;flex:1;min-height:100%}
.record-archived-filter{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#768395);font-size:11px;white-space:nowrap;cursor:pointer}
.record-archived-filter input{accent-color:#556985}
#page-business .business-catalog-detail.is-editable{cursor:pointer;border-radius:8px;transition:background-color .14s ease,box-shadow .14s ease}
#page-business .business-catalog-detail.is-editable:hover{background:#f8f9fb}
#page-business .business-catalog-detail.is-editable:focus-visible{outline:2px solid #849bb5;outline-offset:3px}
.business-view-switch{display:inline-flex;gap:3px;margin:0 0 14px;padding:3px;border:1px solid var(--line,#e3e7ec);border-radius:9px;background:#f7f8fa}
.business-view-switch button{min-height:34px;padding:6px 15px;border:0;border-radius:6px;background:transparent;color:var(--muted,#768395);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.business-view-switch button[aria-pressed="true"]{background:#fff;color:var(--ink,#263b55);box-shadow:0 1px 3px #182a3b1a}
.business-view-switch button:focus-visible{outline:2px solid #849bb5;outline-offset:2px}
.business-detail-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line,#e3e7ec)}
.business-detail-header h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere}
.business-detail-summary{color:var(--muted,#768395);font-size:12px}
.business-catalog-detail>h3{margin:22px 0 8px;font-size:12px}
.business-catalog-detail ul{padding-left:18px;margin:0}
.business-detail-actions{display:flex;gap:16px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--line,#e3e7ec)}
.business-item-editor{width:min(680px,calc(100vw - 32px));max-height:88vh;overflow:auto;border:1px solid var(--line,#e3e7ec);border-radius:14px;padding:0;background:#fff;color:var(--ink,#263b55);box-shadow:0 24px 70px #142d4a35}
.business-item-editor::backdrop{background:#12233a66}
.business-editor-form{display:grid;gap:18px;padding:24px}
.business-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line,#e3e7ec)}
.business-editor-heading h2{margin:0;font-size:22px;font-weight:600}
.business-editor-field{display:grid;gap:7px;color:var(--ink,#41546c);font-size:12px;font-weight:500;min-width:0}
.business-editor-field input,.business-editor-field select,.business-editor-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line,#dce2ea);border-radius:7px;background:#fff;padding:10px 11px;color:inherit;font:inherit;font-weight:400;min-height:40px}
.business-editor-field input:focus,.business-editor-field select:focus,.business-editor-field textarea:focus{outline:2px solid #cbd8eb;outline-offset:1px}
.business-editor-field input:disabled,.business-editor-field select:disabled{background:#f4f5f7;color:#8d96a2}
.business-preset-bar{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;background:var(--surface-soft,#f5f7f9);border-radius:9px}
.business-editor-fields,.business-optional-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.business-booking-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:8px;padding:0;border:0;margin:0 0 2px}
.business-booking-types legend{font-size:12px;font-weight:500;margin-bottom:9px}
.business-booking-choice{display:flex;gap:9px;align-items:center;border:1px solid var(--line,#e1e5eb);padding:12px;border-radius:8px;cursor:pointer}
.business-booking-choice:has(input:checked){border-color:#849bb5;background:#f4f7fa}
.business-booking-choice input{margin:0;accent-color:#314b69}
.business-booking-choice span{display:grid;gap:4px}
.business-booking-choice strong{font-size:12px;font-weight:600}
.business-booking-choice small{font-size:10px;color:var(--muted,#768395)}
.business-optional-section{grid-column:1/-1;border-top:1px solid var(--line,#e3e7ec);padding-top:14px}
.business-optional-section>summary{font-size:12px;font-weight:600;cursor:pointer;padding:2px 0 4px}
.business-optional-content{padding-top:14px}
.business-optional-content>.business-editor-field:only-child{grid-column:1/-1}
.business-weekly-availability,.business-closures{grid-column:1/-1;min-width:0;margin:0;padding:12px;border:1px solid var(--line,#e1e5eb);border-radius:8px}
.business-weekly-availability legend,.business-closures legend{font-size:11px;padding:0 5px;color:var(--ink,#41546c)}
.business-availability-day{display:grid;grid-template-columns:minmax(105px,130px) minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line,#e3e7ec)}
.business-availability-day:last-child{border-bottom:0}
.business-availability-day-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink,#41546c)}
.business-availability-day-label input{accent-color:#314b69}
.business-availability-intervals{display:grid;gap:8px}
.business-availability-interval{display:grid;grid-template-columns:1fr 1fr minmax(88px,.6fr) auto;align-items:end;gap:8px}
.business-availability-interval .business-editor-field{font-size:11px}
.business-availability-interval .business-editor-field input{min-height:36px;padding:7px}
.business-closure-rows{display:grid;gap:8px}
.business-closure-row{display:flex;align-items:end;gap:12px}
.business-closure-row .business-editor-field{width:min(240px,100%)}
.business-weekly-availability>.business-availability-day:last-child{padding-bottom:0}
.business-reference-picker{grid-column:1/-1;display:flex;gap:9px 16px;flex-wrap:wrap;margin:0;padding:12px;border:1px solid var(--line,#e1e5eb);border-radius:8px}
.business-reference-picker legend{font-size:11px;padding:0 5px}
.business-reference-picker>small{font-size:11px;color:var(--muted,#768395)}
.business-reference-choice,.business-editor-check,.business-promotion-day{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400}
.business-editor-check{grid-column:1/-1}
.business-reference-choice input,.business-editor-check input,.business-promotion-day input{accent-color:#314b69}
.business-collection-editor{grid-column:1/-1;display:grid;gap:10px}
.business-collection-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}
.business-collection-rows{display:grid;gap:10px}
.business-collection-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;padding:12px;background:#f6f8fa;border-radius:8px}
.business-collection-row>.text-button{justify-self:end;grid-column:1/-1;font-size:11px}
.business-promotion-days{display:flex;flex-wrap:wrap;gap:9px 14px;grid-column:1/-1;border:0;padding:0;margin:0}
.business-promotion-days legend{font-size:11px;margin-bottom:8px}
.business-promotion-day{font-size:11px}
.business-editor-actions{position:sticky;bottom:-24px;display:flex;justify-content:flex-end;gap:9px;margin:0 -24px -24px;padding:16px 24px;border-top:1px solid var(--line,#e3e7ec);background:#fff;z-index:1}
.business-editor-error{color:#a5483f;font-size:12px;margin:0}
#portal-business-service{margin-bottom:14px}
@media(max-width:760px){#page-business .business-catalog-layout{grid-template-columns:1fr;min-height:0}#page-business .business-catalog-list{border-right:0;border-bottom:1px solid var(--line,#e3e7ec);max-height:280px;overflow:auto}#page-business .business-catalog-detail{min-height:240px}.business-editor-fields,.business-optional-content,.business-preset-bar{grid-template-columns:1fr}.business-editor-field input,.business-editor-field select,.business-editor-field textarea{font-size:16px}.business-availability-day{grid-template-columns:1fr}.business-availability-interval{grid-template-columns:1fr 1fr}.business-availability-interval .text-button{grid-column:1/-1;justify-self:start}}
/* Content slots inherit the C# Contacts template's frame, toolbar and geometry. */
#page-business .record-list .business-catalog-list{border:0;padding:8px;background:transparent}
#page-business .record-detail .business-catalog-detail{padding:0;border:0;background:transparent}

/* Guided catalogue setup: one task per stage, with the same controls as workspace dialogs. */
.business-item-editor:has(.business-journey){width:min(920px,calc(100vw - 32px));max-height:90vh}
.business-editor-form:has(.business-journey){gap:0;padding:0}
.business-editor-form:has(.business-journey)>.business-editor-heading{margin:0;padding:22px 26px}
.business-journey{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:440px}
.business-journey-nav{padding:22px 12px;background:#fafbfc;border-right:1px solid var(--line,#e3e7ec);display:flex;flex-direction:column;gap:6px}
.business-step-link{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 10px;border:0;border-radius:7px;background:transparent;color:#778497;font:inherit;font-size:12px;cursor:pointer}
.business-step-number{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border:1px solid #dce2e9;border-radius:50%;font-size:10px;color:#8490a0;background:#fff}
.business-step-link[aria-current=step]{background:#edf1f5;color:#233b56;font-weight:600}
.business-step-link[aria-current=step] .business-step-number{background:#304a68;color:#fff;border-color:#304a68}
.business-step-link.is-complete .business-step-number{color:#3c7c5b;border-color:#c8ded0;background:#eff7f2}
.business-journey-body{padding:28px 30px;min-width:0}
.business-journey-step>h3{margin:0 0 22px;font-size:21px;font-weight:600;letter-spacing:-.4px;outline:none;color:var(--ink,#263b55)}
.business-step-note{margin:-14px 0 22px;color:#8a95a3;font-size:11px}
.business-step-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.business-step-fields>.business-preset-bar,.business-step-fields>.business-booking-types,.business-step-fields>.business-reference-picker,.business-step-fields>.business-collection-editor,.business-step-fields>.business-intake-editor{grid-column:1/-1}
.business-selectable-asset-picker{grid-column:1/-1}
.business-step-fields>.business-editor-field:has([name=name]),.business-step-fields>.business-editor-field:has([name=description]),.business-step-fields>.business-editor-field:has([name=kind]){grid-column:1/-1}
.business-step-fields .business-preset-bar{padding:14px;background:#f6f8fa}
.business-step-fields .business-booking-types{margin-top:4px;gap:10px}
.business-step-fields .business-booking-choice{min-height:74px;padding:16px 12px}
.business-step-fields .business-booking-choice strong{font-size:13px}
.business-step-fields .business-booking-choice small{font-size:11px}
.business-editor-form:has(.business-journey)>.business-editor-actions{position:static;margin:0;padding:18px 26px}
.business-editor-form:has(.business-journey)>.business-editor-actions>button:first-child{margin-right:auto}
.business-editor-form:has(.business-journey)>.business-editor-error{padding:14px 26px;margin:0;border-top:1px solid var(--line,#e3e7ec)}
.business-intake-editor,.business-intake-rows{display:grid;gap:16px;min-width:0}
.business-intake-editor>.button-secondary{justify-self:start}
.business-intake-row{display:flex;align-items:end;gap:12px}
.business-intake-row>.business-editor-field{flex:1}
.business-intake-row>.text-button{font-size:11px;margin-bottom:12px}
.business-journey-step[hidden],.business-editor-actions>button[hidden]{display:none!important}
@media(max-width:650px){.business-journey{grid-template-columns:1fr;min-height:0}.business-journey-nav{flex-direction:row;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line,#e3e7ec)}.business-step-link{flex-shrink:0;font-size:11px;padding:8px}.business-step-link:not([aria-current=step])>span:last-child{display:none}.business-journey-body{padding:23px 20px;min-height:330px}.business-step-fields{grid-template-columns:1fr}.business-step-fields .business-booking-types{grid-template-columns:1fr 1fr}.business-step-fields .business-booking-choice{padding:12px 9px}.business-editor-form:has(.business-journey)>.business-editor-heading{padding:18px 20px}.business-editor-form:has(.business-journey)>.business-editor-actions{padding:16px 20px}}
