/* Seller workspace. Buyer storefront styles stay in style.css. */
#seller-shell{--seller-ink:#203c30;--seller-muted:#65736b;--seller-line:#e4e9e4;min-height:100dvh;background:#fafbf9;color:var(--seller-ink)}
#seller-shell [hidden]{display:none!important}
body.seller-shell-open>.site-header,body.seller-shell-open>#page-footer{display:none!important}
.seller-shell-header{display:flex;align-items:center;gap:14px;max-width:1080px;margin:auto;padding:18px 28px;border-bottom:1px solid var(--seller-line);background:#fafbf9}
.seller-shell-brand{flex:1;font-size:23px;letter-spacing:-.8px;font-weight:500}.seller-shell-brand small{font-size:16px;font-weight:400;color:var(--seller-muted)}
#seller-menu-toggle{background:none;color:var(--seller-ink);display:grid;place-items:center;width:44px;height:44px;border-radius:10px;flex:none}
.hamburger-lines,.hamburger-lines:before,.hamburger-lines:after{width:20px;height:2px;background:currentColor;display:block;position:relative}.hamburger-lines:before,.hamburger-lines:after{content:'';position:absolute;left:0}.hamburger-lines:before{top:-6px}.hamburger-lines:after{top:6px}
#seller-menu-toggle[aria-expanded=true] .hamburger-lines{background:transparent}#seller-menu-toggle[aria-expanded=true] .hamburger-lines:before{top:0;transform:rotate(45deg)}#seller-menu-toggle[aria-expanded=true] .hamburger-lines:after{top:0;transform:rotate(-45deg)}
#seller-preview{font-size:14px;min-height:44px;padding:8px}
#seller-menu{max-width:600px;margin:auto;padding:24px}
#seller-menu button{display:flex;align-items:center;gap:16px;width:100%;min-height:48px;background:none;border-radius:10px;color:var(--seller-ink);font:inherit;font-size:16px;text-align:left;padding:12px 14px;margin-bottom:5px}
#seller-menu button[aria-current=page],#seller-menu button:hover{background:#edf2e9}#seller-menu svg{width:21px;height:21px}.seller-menu-bottom{border-top:1px solid var(--seller-line);padding-top:14px;margin-top:16px}
#seller-shell :focus-visible{outline:2px solid #306447;outline-offset:4px}
#seller-shell #website-editor{position:static!important;inset:auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important;background:none!important}
#seller-shell #website-editor .website-editor-bar{position:static;display:block!important;padding:28px 24px 0!important;max-width:720px;min-height:0;margin:auto;background:none;border:0;box-shadow:none}
#seller-shell #website-editor .website-editor-bar h1,#seller-shell .dashboard-heading h2{font-size:30px!important;line-height:1.2;text-align:left;font-weight:500;letter-spacing:-1px;margin:0!important;overflow-wrap:anywhere}
#seller-shell #website-back{display:inline-flex!important;min-height:44px;margin:0 0 18px;background:none;padding:0;color:var(--seller-muted)}
#seller-shell .website-editor-bar>div,#seller-shell #editor-context,#seller-shell #editor-overview,#seller-shell .page-progress,#seller-shell #dashboard-tabs,#seller-shell .dashboard-quick-actions{display:none!important}
#seller-screen-intro{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--seller-muted)}
#seller-shell #website-editor .website-editor-body{max-width:720px;padding:24px 24px 48px!important;margin:auto}
#seller-shell label{font-size:14px!important;line-height:1.5;margin-bottom:20px;color:var(--seller-ink)}
#seller-shell input,#seller-shell textarea,#seller-shell select{box-sizing:border-box;max-width:100%;border:1px solid #dce3da;border-radius:10px;font-size:16px;padding:12px;min-height:48px;background:#fff;color:var(--seller-ink)}
#seller-shell input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;accent-color:#225339;flex:none}
#seller-shell input[type=color]{width:100%;height:48px;padding:5px}
#seller-shell .primary-button{border-radius:10px;background:#225339;min-height:48px;font-size:15px;color:#fff}
#seller-shell .secondary-button{border-radius:10px;background:#f0f4ed;border:1px solid #e0e7dc;color:var(--seller-ink);min-height:44px;font-size:14px}
#seller-shell .seller-field-card,#seller-shell #website-editor .editor-design-fields{background:#fff!important;border:1px solid var(--seller-line)!important;border-radius:16px!important;padding:24px!important;margin:0 0 18px!important;box-shadow:0 3px 12px #213c3004!important;min-width:0}
#seller-shell .seller-field-card>header,#seller-shell .editor-design-fields>header{display:flex!important;align-items:center;gap:12px;margin:0 0 22px;padding:0;background:none;border:0}
#seller-shell .seller-field-card h2,#seller-shell .editor-design-fields h2{display:block!important;font-size:18px!important;font-weight:500;line-height:1.3;letter-spacing:-.3px;margin:0}
#seller-shell .seller-field-icon,#seller-shell .category-icon{width:36px;height:36px;display:grid;place-items:center;background:#eef3e9;border-radius:10px;color:#335c40;flex:none}
#seller-shell .seller-field-icon svg,#seller-shell .category-icon svg{width:20px;height:20px}
#seller-shell .seller-field-card label:last-child{margin-bottom:0}#seller-shell .seller-field-card legend{display:none}
#seller-shell .settings-notice{background:#f2f5ef;border:1px solid var(--seller-line);border-radius:12px;padding:16px;font-size:14px;line-height:1.5}
#seller-shell .settings-notice p,#seller-shell .field-help{font-size:13px;line-height:1.5;color:var(--seller-muted)}
#seller-shell .unified-footer{border:0!important;padding:0!important;margin:24px 0 0!important}#seller-shell .unified-footer button{width:100%}
#seller-shell .seller-dashboard{background:none!important;max-width:900px;margin:0 auto!important;padding:36px 24px 48px!important;border:0!important;border-radius:0!important;box-shadow:none}
#seller-shell .dashboard-heading{margin-bottom:20px!important}.dashboard-heading .overline{font-size:11px;letter-spacing:1.6px;margin-bottom:12px}
#seller-shell .overview-menu-hint{font-size:13px;line-height:1.5;color:var(--seller-muted);margin:16px 0 28px}
#seller-shell .published-link,#seller-shell .website-link-pending{border:0;border-radius:0;box-shadow:none;padding:0;background:none}
#seller-shell .published-link>label{display:none}#seller-shell .store-link-row{display:flex;gap:8px;align-items:center}#seller-shell .store-link-row input{flex:1;min-width:0;font-size:14px;background:#fff}#seller-shell .store-link-row button,#seller-shell .store-link-row a{white-space:nowrap;padding:12px}
#seller-shell .website-link-pending{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#seller-shell .website-link-pending strong{display:none}#seller-shell .website-link-pending p{flex:1;font-size:14px;color:var(--seller-muted);margin:0}
#seller-shell .overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--seller-line);border-radius:16px;background:#fff;padding:24px 0;margin:0 0 24px}
#seller-shell .overview-metrics article{display:flex;flex-direction:column;gap:10px;padding:0 24px;min-width:0;border-right:1px solid var(--seller-line)}#seller-shell .overview-metrics article:last-child{border:0}
#seller-shell .overview-metrics span{font-size:14px;color:var(--seller-muted)}#seller-shell .overview-metrics strong{font-size:clamp(22px,3vw,32px);line-height:1.2;font-weight:500;letter-spacing:-.8px;overflow-wrap:anywhere}#seller-shell .overview-metrics small{font-size:12px;color:var(--seller-muted);line-height:1.4}
#seller-shell .setup-summary{border:1px solid var(--seller-line);border-radius:16px;background:#fff;padding:20px 24px;margin-bottom:24px}
#seller-shell .setup-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px}
#seller-shell .incomplete-button{background:#b14035;color:white;border:0;border-radius:8px;padding:10px 12px;min-height:44px;font-size:13px;white-space:nowrap}
#seller-shell .setup-progress{display:block!important;padding:0;margin:16px 0 8px;background:none;border:0}#seller-shell .setup-progress>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;color:var(--seller-muted)}#seller-shell .setup-progress>div>span:first-child{display:none}#seller-shell .setup-progress progress{display:block;width:100%;height:6px;accent-color:#48734c;border:0;border-radius:5px}
#seller-shell .overview-caption{font-size:12px;color:var(--seller-muted);margin:8px 0 0}
#seller-shell .overview-plan{display:flex;align-items:center;gap:14px;padding:0 4px}#seller-shell .overview-plan>div{flex:1;min-width:0}#seller-shell .overview-plan strong{font-size:15px;font-weight:500}#seller-shell .overview-plan p{font-size:12px;line-height:1.5;color:var(--seller-muted);margin:4px 0}#seller-shell .overview-plan button{font-size:13px;min-height:44px}
#seller-shell .payment-provider-summary{display:flex;align-items:center;gap:14px;padding:0 0 24px}#seller-shell .payment-provider-summary h2{font-size:22px;margin:0 0 6px;font-weight:500}#seller-shell .payment-provider-summary p{font-size:14px;color:var(--seller-muted);margin:0}
#seller-shell #seller-stripe-status,#seller-shell #paystack-status{font-size:14px;line-height:1.5;margin:0 0 18px}#seller-shell #connect-test-status:empty{display:none}
#seller-shell .seller-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#seller-shell .seller-product-card{background:#fff;border:1px solid var(--seller-line);border-radius:16px;padding:14px;min-width:0}#seller-shell .seller-product-card img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:10px}#seller-shell .seller-product-card h3{font-size:16px;font-weight:500;line-height:1.4;margin:14px 0 8px;overflow-wrap:anywhere}#seller-shell .seller-product-card p{font-size:14px;color:var(--seller-muted);margin:8px 0 16px}#seller-shell .seller-product-card button{width:100%}
#seller-shell .website-list-heading{margin-bottom:20px;flex-wrap:wrap}#seller-shell #website-listing-slot form{background:none;padding:0}
#seller-shell .dashboard-listing{background:#fff!important;border:1px solid var(--seller-line)!important;border-radius:14px!important;padding:20px!important;margin-bottom:14px;box-shadow:none}#seller-shell .dashboard-listing h4{font-size:16px;font-weight:500}#seller-shell .dashboard-listing p{font-size:14px;line-height:1.5;color:var(--seller-muted)}
#seller-shell #billing-content{background:#fff;border:1px solid var(--seller-line);border-radius:16px;padding:24px}#seller-shell #billing-content h2{font-size:24px;font-weight:500;margin:12px 0 20px}#seller-shell #billing-content p{font-size:14px;line-height:1.5}#seller-shell .subscription-summary{background:#f3f6ef;border:0;border-radius:12px;padding:18px;margin:20px 0}#seller-shell .subscription-summary>div{padding:10px 0}#seller-shell .subscription-summary strong{font-size:26px;font-weight:500}
#seller-shell .seller-design-link{display:block;background:none;text-align:left;color:#225339;padding:18px 0;min-height:44px;font-size:14px}
#seller-shell #website-editor.design-workspace .website-editor-bar,#seller-shell #website-editor.design-workspace .website-editor-body{max-width:1080px}
#seller-shell .design-workspace #website-design-slot{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
#seller-shell #customise-form{display:block!important;min-width:0}
#design-live-preview{position:sticky;top:24px;border:1px solid var(--seller-line);border-radius:16px;background:#fff;overflow:hidden;min-width:0}
.design-preview-caption{display:flex;justify-content:space-between;gap:12px;padding:16px;font-size:13px;border-bottom:1px solid #e4e9e4}.design-preview-caption small{font-size:11px;color:#65736b}
#design-live-preview iframe{display:block;width:100%;height:570px;border:0;background:white}
.design-panel-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.design-panel-tabs button{min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 12px;background:none;font-size:14px;color:#526458}.design-panel-tabs button[aria-pressed=true]{background:#eaf0e4;border-color:#dce5d6;color:#203c30}
#seller-shell .design-workspace .unified-footer{max-width:calc((100% - 28px)/2.25);margin-left:auto!important}
#preview .preview-toolbar .preview-home-link,#preview .preview-menu,#preview .preview-intro>div:first-child,#preview-tools{display:none!important}#preview .preview-primary-actions{display:flex;gap:12px;width:auto}#preview .preview-primary-actions button{min-width:130px;border-radius:12px}#preview .catalogue-add-actions{display:none!important}
@media(max-width:700px){.seller-shell-header{padding:12px 16px;gap:10px}#seller-shell #website-editor .website-editor-bar{padding:24px 18px 0!important}#seller-shell #website-editor .website-editor-body,#seller-shell .seller-dashboard{padding:24px 18px 40px!important}#seller-shell .form-pair{grid-template-columns:1fr!important}#seller-shell .seller-field-card,#seller-shell #website-editor .editor-design-fields{padding:20px!important}#seller-shell .overview-metrics{padding:20px 0}#seller-shell .overview-metrics article{padding:0 12px}#seller-shell .overview-metrics span{font-size:12px}#seller-shell .overview-metrics small{font-size:11px}#seller-shell .setup-summary{padding:18px}#seller-shell .setup-summary-heading{font-size:14px}#seller-shell .store-link-row{flex-wrap:wrap}#seller-shell .store-link-row input{flex-basis:100%;width:100%}#seller-shell .store-link-row button,#seller-shell .store-link-row a{flex:1;text-align:center}#seller-shell .design-workspace #website-design-slot{grid-template-columns:1fr;gap:24px}#design-live-preview{position:static}#design-live-preview iframe{height:340px}#seller-shell .design-workspace .unified-footer{max-width:none}#preview .preview-primary-actions{width:100%}#preview .preview-primary-actions button{min-width:0;flex:1}.design-preview-caption{flex-wrap:wrap}}
@media(max-width:380px){.seller-shell-brand{font-size:20px;min-width:0}.seller-shell-brand small{font-size:13px}#seller-preview{font-size:12px}#seller-shell .overview-metrics article{padding:0 8px}#seller-shell .overview-plan{gap:10px;flex-wrap:wrap}#seller-shell .overview-plan .seller-field-icon{display:none}#seller-shell .setup-summary-heading{align-items:flex-start;flex-direction:column}}
body.country-screen-open>.site-header,body.country-screen-open>#page-footer{display:none!important}
#country-screen{min-height:100dvh;background:#f6f8f4;color:#182b20}
#country-screen[hidden]{display:none!important}
#country-screen header{display:flex;align-items:center;gap:20px;padding:20px;max-width:720px;margin:auto}
#country-screen main{max-width:580px;margin:40px auto;padding:24px}
#country-screen h1{font-size:clamp(30px,6vw,42px);line-height:1.15;letter-spacing:-1px;margin:16px 0}
#country-screen p{font-size:15px;line-height:1.5;color:#526458}
.country-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.country-options button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 18px;border:2px solid transparent;border-radius:22px;background:#fff;box-shadow:0 5px 22px #17372308;color:#1c4040;font:inherit;text-align:left;min-width:0}
.country-options button[aria-pressed=true]{border-color:#28573e;background:#edf5e6}
.country-options strong{font-size:18px;font-weight:500}.country-options small{font-size:13px;color:#526458}
.country-symbol{display:grid;place-items:center;background:#edf4e9;border-radius:13px;width:44px;height:44px;font-size:27px}
#country-create{display:flex;width:100%;justify-content:center;min-height:50px;align-items:center;cursor:pointer}
#country-create[aria-disabled=true]{opacity:.5}

#seller-shell .incomplete-button{width:auto;margin:0;flex:none}
#seller-shell .delivery-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#seller-shell .delivery-option-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--seller-line);border-radius:16px;background:#fff;color:var(--seller-ink);text-align:left;font:inherit;min-width:0}
#seller-shell .delivery-option-card strong{font-size:18px;font-weight:500}#seller-shell .delivery-option-card small{font-size:13px;color:var(--seller-muted);line-height:1.5}#seller-shell .delivery-option-card>svg{width:20px;height:20px;align-self:flex-end}
#seller-shell .order-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:14px;color:var(--seller-muted)}#seller-shell .order-list-heading button,#seller-shell .order-back{min-height:44px}#seller-shell .order-back{margin-bottom:16px}
#seller-shell .seller-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#seller-shell .seller-order-card{display:flex;flex-direction:column;gap:14px;text-align:left;background:white;border:1px solid var(--seller-line);border-radius:16px;padding:22px;color:var(--seller-ink);font:inherit;min-width:0}
#seller-shell .seller-order-card>strong,#seller-shell .order-total{font-size:26px;font-weight:500}#seller-shell .seller-order-card>span{font-size:14px;line-height:1.5;overflow-wrap:anywhere}#seller-shell .seller-order-card>small{font-size:12px;color:var(--seller-muted)}#seller-shell .seller-order-card .order-status{font-size:12px;background:#f0f4eb;align-self:flex-start;border-radius:6px;padding:5px 9px}
#seller-shell .order-line{padding:14px 0;border-top:1px solid var(--seller-line);font-size:14px}#seller-shell .order-detail p,#seller-shell .seller-field-card>p{font-size:14px;line-height:1.5;color:var(--seller-muted);overflow-wrap:anywhere}
#seller-shell #billing-continue{display:none}
@media(max-width:480px){#seller-shell .seller-order-grid{grid-template-columns:1fr}#seller-shell .delivery-option-card{padding:18px}#seller-shell .delivery-choice-grid{gap:12px}}

/* Keep long business names, status messages and controls within phone widths. */
#seller-shell *,#country-screen *{box-sizing:border-box}
#seller-screen,#seller-shell form,#seller-shell fieldset,#seller-shell .form-pair>*,#seller-shell .payment-provider-summary>div{min-width:0;max-width:100%}
#seller-shell p,#seller-shell label,#seller-shell h2,#seller-shell h3,#seller-shell small,#seller-shell button{overflow-wrap:anywhere}
#seller-shell button{white-space:normal;line-height:1.4}
#seller-shell .payment-provider-summary{background:#fff;border:1px solid var(--seller-line);padding:20px;border-radius:16px;margin-bottom:16px}
#seller-shell .draft-account-card{display:flex;align-items:center;gap:16px;justify-content:space-between;background:#eef3e9;border-radius:14px;padding:20px;margin-bottom:24px}
#seller-shell .draft-account-card p{font-size:13px;line-height:1.5;margin-top:6px;color:var(--seller-muted)}
.country-connect-help{max-width:340px;margin:16px auto;font-size:14px;line-height:1.5;color:#65736b}
@media(max-width:540px){
 #seller-shell .form-pair{display:grid;grid-template-columns:minmax(0,1fr)}
 #seller-shell .seller-field-card,#seller-shell #website-editor .editor-design-fields{padding:18px!important}
 #seller-shell .setup-summary-heading,#seller-shell .draft-account-card{align-items:flex-start;flex-direction:column}
 #seller-shell .draft-account-card button{width:100%}
 #seller-shell .overview-plan{flex-wrap:wrap}
 #seller-shell .payment-provider-summary{padding:18px}
 #seller-shell .settings-notice{padding:14px}
 .design-preview-caption{flex-wrap:wrap}
}

/* Payment and plan recovery states must remain visible on narrow screens. */
#seller-shell #seller-provider-cards{display:block!important;width:100%;min-width:0}
#seller-shell .subscription-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0}
#seller-shell .subscription-summary strong{font-size:24px;white-space:normal;text-align:right;overflow-wrap:anywhere;min-width:0}
#seller-shell .subscription-summary strong small{display:block;font-size:12px;font-weight:400;margin-top:4px}
#seller-shell .consent-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5}
#seller-shell .consent-label>span{min-width:0;flex:1}
#seller-shell .billing-mode{display:inline-block;font-size:12px;line-height:1.4;background:#f0f4ed;padding:8px 10px;border-radius:6px}
#seller-shell #billing-content .wide-button{width:100%;white-space:normal;line-height:1.4;padding:14px}
#seller-shell #website-back:before{content:'←';display:inline-block;margin-right:8px}#seller-shell #website-back svg{display:none}
@media(max-width:380px){#seller-shell .subscription-summary>div{grid-template-columns:1fr}#seller-shell .subscription-summary strong{text-align:left}}

#seller-shell #seller-publish{font-size:13px;min-height:44px;padding:10px 14px;white-space:nowrap;flex:none}
#seller-shell #seller-preview{display:grid;place-items:center;width:44px;height:44px;padding:10px;flex:none}
#seller-shell #seller-preview svg{width:21px;height:21px}
@media(max-width:380px){.seller-shell-header{gap:6px;padding-inline:12px}.seller-shell-brand{font-size:19px}.seller-shell-brand small{font-size:12px}#seller-shell #seller-publish{padding:10px}}

@media(min-width:1000px){
 .seller-shell-header{max-width:1240px;padding-inline:36px}#seller-shell .seller-dashboard{max-width:1160px;padding:48px 36px!important}#seller-shell #website-editor .website-editor-bar,#seller-shell #website-editor .website-editor-body{max-width:1040px}#seller-shell #website-editor.design-workspace .website-editor-bar,#seller-shell #website-editor.design-workspace .website-editor-body{max-width:1240px}
 #seller-shell #store-details-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}#seller-shell #store-details-error{grid-column:1/-1}#seller-shell .seller-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#seller-shell .seller-order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#seller-shell .unified-footer{max-width:360px;margin-left:auto!important}#seller-shell .overview-metrics{padding:32px 0}#seller-shell .overview-metrics article{padding:0 32px}
}

#seller-shell #website-back,.seller-page-bar .page-back,#country-back{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:44px;text-decoration:none}

#seller-shell #seller-item-save{margin-top:16px;min-width:140px}
.country-select-label{display:block;text-align:left;margin:24px 0 10px;font-size:14px}.country-select-label select{display:block;width:100%;max-width:100%;margin-top:8px;padding:14px;border:1px solid #dce3da;background:#fff;border-radius:12px;font-size:16px}#creation-currency{margin-bottom:20px}
.account-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.account-help-card{padding:20px;border:1px solid #e0e7dc;border-radius:16px;background:#fff}.account-help-card h3{font-size:18px;font-weight:500;margin-bottom:10px}.account-help-card p{font-size:14px;line-height:1.5;color:#626e65;margin-bottom:14px}#account-deletion-form{margin-top:24px}@media(max-width:600px){.account-help-grid{grid-template-columns:1fr}}

#seller-stripe-status{display:grid;gap:8px;padding:16px 0;color:var(--ink,#1c4040)}
#seller-stripe-status small{overflow-wrap:anywhere;color:#657269;font-size:13px}
[data-booking-records]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
[data-booking-records] .booking-record{padding:20px;border:1px solid #dde4d8;border-radius:20px;background:#fff}

/* Route headings receive focus for screen readers without a control outline. */
#seller-shell #dashboard-store-name:focus,
#seller-shell #dashboard-store-name:focus-visible{outline:none}

/* Calendar controls and visually distinct subscription billing. */
.service-calendar-card,.service-calendar-settings{background:#fff;border:1px solid #dfe5dc;border-radius:20px;padding:20px;margin:20px 0}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.calendar-toolbar h3{font-size:18px;font-weight:500}.calendar-toolbar button{min-width:44px;min-height:44px}
.service-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekday{text-align:center;font-size:12px;color:#657269;padding:8px 0}.calendar-day{position:relative;min-height:44px;min-width:0;border-radius:10px;font-size:14px;display:flex;align-items:center;justify-content:center;background:#e9f1e4;color:#183d30;border:1px solid #d5e4cc}.calendar-day.is-blocked{background:#f1f2ef;color:#657269;border-color:#e3e5df}.calendar-day.has-booking small{position:absolute;bottom:2px;color:#183d30}.calendar-day:disabled{opacity:.4}.calendar-day:focus-visible{outline:2px solid #1c4040;outline-offset:2px}.calendar-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin:16px 0;color:#4f6156}#calendar-feedback{font-size:13px;line-height:1.5;min-height:20px}.calendar-checkbox{display:flex!important;align-items:center;gap:12px}.calendar-checkbox input{width:20px!important;min-height:20px;margin:0!important}.service-calendar-settings .booking-days label{min-height:44px}
.overview-plan{background:#fff4db!important;border:1px solid #ead5a7!important;border-radius:20px;padding:22px!important;margin-top:24px}.overview-plan .seller-field-icon{background:#f9e2ae;color:#704600}.overview-plan .text-button{color:#704600;text-decoration:underline;text-underline-offset:4px}#billing-content{background:#fff7e5;border:1px solid #ecd7ad;border-radius:20px;padding:24px}#billing-content .primary-button{background:#885619;color:#fff}.subscription-summary{background:#fffdf7!important}
.seller-product-card>img,.product-image>img{object-fit:cover!important;object-position:center!important;background:#f5f6f1}.buyer-detail-image{width:100%;height:clamp(260px,45vw,560px);object-fit:cover!important;object-position:center}.store-logo-image{object-fit:cover!important}
@media(max-width:420px){.service-calendar-card,.service-calendar-settings{padding:14px}.service-calendar-grid{gap:4px}.calendar-toolbar h3{font-size:16px}.calendar-day{min-height:44px}}

.store-banner>img{object-fit:cover!important;object-position:center!important;align-self:stretch;background:#f5f6f1}

/* Image frames control the crop, independent of the uploaded photo dimensions. */
.product-image{overflow:hidden}.product-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.store-banner{position:relative}.store-banner>img{position:absolute;right:0;top:0;width:38%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}.service-mode.has-custom-banner .store-banner>img{height:100%}
@media(max-width:650px){.service-mode.has-custom-banner .store-banner>img{position:relative;display:block;width:100%;height:180px}.buyer-detail-image{max-height:380px}}

/* Named setup checks make progress actionable on both desktop and mobile. */
#seller-shell .setup-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 16px}
#seller-shell .setup-check{display:flex;align-items:center;gap:12px;padding:18px;text-align:left;border:1px solid #dfe5dc;border-radius:14px;background:#fff;color:var(--ink);min-height:84px}
#seller-shell .setup-check>span{flex:1;min-width:0;font-size:15px;line-height:1.4}#seller-shell .setup-check small{display:block;font-size:12px;margin-top:6px;color:#925028}#seller-shell .setup-check.is-done{background:#f2f7ee}#seller-shell .setup-check.is-done small{color:#356249}#seller-shell .setup-check>svg{width:20px;height:20px}
#seller-shell .setup-summary-heading .overview-caption{margin:8px 0 0;font-size:14px}#seller-shell .listing-readiness{font-size:13px;color:#925028;line-height:1.5}#seller-shell .listing-readiness.is-ready{color:#356249}
#seller-shell #website-save-status:not(:empty){padding:14px 18px;background:#edf4e8;border-radius:10px;margin-bottom:20px}
@media(max-width:900px){#seller-shell .setup-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){#seller-shell .setup-check-grid{grid-template-columns:1fr}#seller-shell .setup-summary-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}}

/* White application surfaces, retaining brand colours for controls. */
body,#landing,.hero,#preview,#seller-shell,.seller-shell-header,#seller-screen,#website-editor,#website-editor.unified-editor,#seller-shell .seller-dashboard,.seller-dashboard{background:#fff!important}
.hero:before{display:none}
.header-auth{display:flex;align-items:center;gap:10px}.seller-home-link{min-height:44px;display:inline-flex;align-items:center;padding:8px;font-size:14px}
@media(max-width:520px){.seller-shell-header{gap:6px;padding-inline:14px}.seller-shell-brand{font-size:19px}.header-auth{gap:6px}.header-auth .sign-in{padding:10px 14px}}

/* Restrained actions and open workspace sections. */
:root{--ui-shadow:0 8px 30px rgb(24 37 31 / 5%);--ui-hover:#f6f7f5}
.preview-primary-actions{gap:24px}
#preview .preview-primary-actions #toggle-editor{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;padding:12px 4px;min-height:48px;color:var(--teal);font-weight:400}
#preview .preview-primary-actions #toggle-editor:hover{text-decoration:underline;text-underline-offset:5px}
#preview #save-store,#seller-shell #seller-publish,.seller-fullpage .primary-button,#seller-shell .primary-button{border-radius:999px!important;padding-inline:24px;box-shadow:0 3px 12px rgb(24 37 31 / 6%);font-weight:500}
#seller-shell .secondary-button,.seller-fullpage .secondary-button{border-radius:999px;background:#f5f6f4;border-color:transparent;box-shadow:none}
#seller-shell .seller-field-card,#seller-shell #website-editor .editor-design-fields{border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 0 28px!important;margin:0 0 24px!important;background:none!important}
#seller-shell .seller-field-icon,#seller-shell .category-icon{background:none;border-radius:0;width:28px;height:32px}
#seller-shell .setup-summary{border:0;border-radius:0;padding:16px 0 24px;background:none;margin-bottom:24px}
#seller-shell .setup-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px}
#seller-shell .setup-check{border:0;border-radius:14px;padding:16px 4px;background:transparent;min-height:72px;transition:background 180ms ease}
#seller-shell .setup-check:hover{background:var(--ui-hover)}
#seller-shell .setup-check.is-done{background:transparent}
#seller-shell .overview-metrics{border:0;border-radius:0;padding:20px 0 36px}
#seller-shell .overview-metrics article{border:0;padding:0 24px 0 0}
#seller-shell .seller-product-card{border:0;padding:0 0 20px;border-radius:0;background:none}
#seller-shell .seller-product-card img{border-radius:20px}
#seller-shell .dashboard-listing{border:0!important;box-shadow:none;border-radius:0!important;padding:18px 0!important}
#seller-shell .overview-plan{border:0!important;background:#fafaf8!important;border-radius:22px;box-shadow:var(--ui-shadow);padding:24px!important}
#seller-shell .incomplete-button{border-radius:999px;background:#f9eeee;color:#8b302b;padding-inline:18px}
#seller-shell .settings-notice{border:0;background:#f7f8f6;border-radius:18px}
.account-help-card{border:0;padding:20px 0;border-radius:0;background:none}
#seller-menu button{border-radius:999px;font-size:15px;font-weight:400;transition:background 180ms ease,color 180ms ease}
#seller-menu button[aria-current=page]{background:#edf3e8;color:#183d30;font-weight:500}
#seller-menu button:hover{background:var(--ui-hover)}
.seller-menu-bottom{border:0;margin-top:28px}
#seller-shell .seller-dashboard{padding-top:40px!important}
@media(min-width:1000px){
 #seller-shell{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:84px 1fr;align-items:start}
 #seller-shell .seller-shell-header{grid-column:1/-1;position:sticky;top:0;z-index:25;width:100%;max-width:none;margin:0;padding:18px 32px;border:0;box-shadow:0 3px 18px rgb(24 37 31 / 3%)}
 #seller-menu-toggle{display:none}
 #seller-menu{position:sticky;top:84px;grid-column:1;grid-row:2;align-self:start;width:232px;max-width:none;max-height:calc(100dvh - 84px);overflow-y:auto;margin:0;padding:28px 16px 28px 20px}
 #seller-screen{grid-column:2;grid-row:2;width:100%;min-width:0;padding:0 24px 40px}
 #seller-shell .seller-dashboard{max-width:1080px;margin:0 auto!important;padding:44px 28px!important}
 #seller-shell #website-editor .website-editor-bar,#seller-shell #website-editor .website-editor-body{max-width:980px;padding-inline:28px!important}
 #seller-shell #website-editor .website-editor-bar{padding-top:44px!important}
}
@media(max-width:600px){
 .preview-primary-actions{gap:20px;justify-content:flex-end;width:100%}
 #seller-shell .setup-check-grid{grid-template-columns:minmax(0,1fr);gap:4px}
 #seller-shell .overview-metrics article{padding-right:12px}
 #seller-shell .seller-field-card,#seller-shell #website-editor .editor-design-fields{padding:8px 0 24px!important}
}
@media(prefers-reduced-motion:reduce){#seller-menu button,#seller-shell .setup-check{transition:none}}

/* No decorative green wash behind the landing page. */
.hero::before,.hero::after{display:none!important;background:none!important}
#landing,.hero,.final-cta{background:#fff!important}

/* Keep paired actions together and make the editor exit explicit. */
#preview .preview-primary-actions{display:flex;justify-content:flex-start;align-items:center;gap:10px;width:auto;flex:none}
#preview .preview-primary-actions button{flex:none;width:auto;margin:0;min-height:46px;padding:12px 22px;line-height:22px}
#preview .preview-primary-actions #toggle-editor{background:#f1f6ed!important;border-radius:999px!important;padding:12px 22px;color:#1c4040}
#preview .preview-primary-actions #toggle-editor:hover{background:#e8f1e2!important;text-decoration:none}
.seller-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}
#seller-shell .seller-header-actions .seller-home-link,#seller-shell .seller-header-actions #seller-preview,#seller-shell .seller-header-actions #seller-publish{display:inline-flex;align-items:center;justify-content:center;width:auto;height:44px;min-height:44px;line-height:20px;margin:0;padding:12px 16px;font-size:14px;white-space:nowrap;box-sizing:border-box}
#seller-shell .seller-header-actions #seller-preview{background:#f1f6ed;border-radius:999px}
@media(max-width:650px){.seller-shell-header{flex-wrap:wrap;gap:10px}.seller-header-actions{flex-basis:100%;justify-content:flex-end;gap:8px}#seller-shell .seller-header-actions .seller-home-link,#seller-shell .seller-header-actions #seller-preview,#seller-shell .seller-header-actions #seller-publish{font-size:13px;padding-inline:12px}#preview .preview-primary-actions{width:auto;gap:10px}}

/* Dashboard hierarchy: quiet surfaces, clear completion, and roomy navigation. */
body,.seller-shell-open,#seller-shell,.seller-fullpage{background:#fff!important}
@media(min-width:1000px){
 #seller-shell{grid-template-columns:264px minmax(0,1fr)}
 #seller-menu{width:264px;padding:28px 24px 28px 32px;border-right:1px solid #e7ebe5;min-height:calc(100dvh - 84px)}
}
#seller-shell .overview-metrics{gap:16px;padding:16px 0 28px}
#seller-shell .overview-metrics article{padding:24px;border:1px solid #edf0e9;border-radius:18px;background:#fafcf8;box-shadow:0 4px 18px rgb(24 37 31 / 5%)}
#seller-shell .setup-check-grid{grid-template-columns:minmax(0,1fr);gap:12px}
#seller-shell .setup-check{padding:18px 20px;border:1px solid #e9ede5;border-radius:16px;background:#fff;box-shadow:0 3px 14px rgb(24 37 31 / 4%)}
#seller-shell .setup-check.is-done{background:#f8fbf4}
#seller-shell .setup-completion{flex:0 0 28px;width:28px;height:28px;border:1px solid #d8e0d1;border-radius:50%;display:grid;place-items:center}
#seller-shell .setup-completion svg{width:17px;height:17px}
#seller-shell .setup-completion.is-complete{background:#d2f580;border-color:#d2f580;color:#173c2c}
#seller-shell .overview-plan{background:#e5f7bd!important;border:1px solid #c7e591!important;color:#183b2d}
#seller-shell #overview-plan{font-size:26px;font-weight:600;color:#183b2d}
#seller-shell #overview-plan-detail{color:#36503b}
#seller-shell .seller-product-grid{gap:20px}
#seller-shell .seller-product-card{padding:22px;background:#fff;border:1px solid #e5eae1;border-radius:18px;box-shadow:0 4px 20px rgb(24 37 31 / 5%)}
#seller-shell [data-website-add],#seller-shell #add-service,#seller-shell .primary-button{background:var(--lime,#d2f580);color:#183b2d;border-color:transparent}
#seller-shell #website-back{display:none}
#seller-shell .payment-connection-card{padding:24px!important;background:#fff!important;border:1px solid #e5eae1!important;border-radius:20px!important;box-shadow:0 4px 20px rgb(24 37 31 / 5%)!important}
#seller-shell .payment-provider-summary{border:0;padding:0 0 20px;background:none}
#seller-shell #payments-form>.overline,#seller-shell #payments-title{display:none}
#seller-shell .payment-connection-card .primary-button{max-width:320px}
.seller-page-bar .page-back{width:44px;height:44px;display:grid;place-items:center}
.account-profile{display:flex;gap:16px;align-items:center;padding:24px 0}.account-profile h3{font-size:18px;margin:0 0 8px}.account-profile p{overflow-wrap:anywhere}.account-avatar{display:grid;place-items:center;flex:0 0 52px;height:52px;background:#edf6df;border-radius:50%;font-size:22px}
.account-websites,.account-support,.account-danger,.account-setting{border-top:1px solid #e8ece5;padding:22px 0;display:block}.account-websites summary,.account-danger summary{cursor:pointer;min-height:44px;align-content:center}.account-danger{color:#8b302b}.account-danger p{line-height:1.6;margin:12px 0}.account-support h3{font-size:16px;margin:0 0 12px}.account-stores button{border:1px solid #e5eae1;border-radius:14px;margin-top:12px}.account-signout{margin-top:20px}
.booking-example{padding:20px;border-radius:18px;background:#f6f8f3;grid-column:1/-1}.booking-example>small{display:block;margin-bottom:14px;color:#4c614d}.booking-example>p{font-size:14px;line-height:1.6;margin-top:16px}.booking-record{display:flex;flex-direction:column;gap:12px;padding:22px;background:#fff;border:1px solid #e5eae1;border-radius:18px;box-shadow:0 4px 18px rgb(24 37 31 / 5%)}.booking-record p{line-height:1.6}.booking-record>span{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#edf6df;color:#24482d}
@media(max-width:600px){#seller-shell .overview-metrics{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}#seller-shell .overview-metrics article{padding:16px 10px}#seller-shell .overview-metrics article strong{font-size:24px}#seller-shell .overview-metrics article small{font-size:12px;overflow-wrap:anywhere}#seller-shell .overview-plan{flex-wrap:wrap;gap:16px}#seller-shell .payment-connection-card{padding:20px!important}}