.business-page{--business-ink:var(--hj-color-text-primary);--business-muted:var(--hj-color-text-secondary);--business-border:var(--hj-color-border-subtle);--business-action:var(--hj-color-action-primary);color:var(--business-ink)}.business-shell{flex:1;grid-template-columns:224px minmax(0,1fr);align-items:start;gap:24px;width:min(1280px,100% - 64px);margin:32px auto 64px;display:grid}body.haraj-ui .business-main{min-width:0;box-shadow:none;background:0 0;border:0;padding:0}.business-title{background:var(--hj-color-bg-subtle);border:1px solid var(--business-border);border-radius:var(--hj-radius-card);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex}.business-title-copy{min-width:0}.business-eyebrow{color:var(--business-muted);margin-bottom:8px;font-size:12px;display:block}.business-title-row{align-items:center;gap:12px;display:flex}.business-title h1{margin:0;font-size:32px;font-weight:700;line-height:1.5}.business-title-copy>p{color:var(--business-muted);margin:8px 0 0;font-size:14px;line-height:1.8}.business-title-icon,.business-section-icon,.business-state-icon{border-radius:var(--hj-radius-control);width:44px;height:44px;color:var(--business-action);background:var(--hj-color-bg-surface);border:1px solid var(--business-border);flex:none;place-items:center;display:grid}.business-header-actions{flex-direction:column;flex:none;align-items:flex-end;gap:12px;display:flex}.business-status,.business-preview-live{color:var(--hj-color-success-fg);align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:1.8;display:inline-flex}.business-status{border-radius:var(--hj-radius-pill);background:var(--hj-color-success-bg);padding:4px 12px}.business-status.is-dirty{color:var(--hj-color-warning-fg);background:var(--hj-color-warning-bg)}.business-status.is-empty{color:var(--business-muted);background:var(--hj-color-bg-surface)}.business-status>span,.business-preview-live>span{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.business-public-link{background:var(--hj-color-bg-surface);border:1px solid var(--business-border);border-radius:var(--hj-radius-control);min-height:44px;color:var(--business-action);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.business-public-link svg{width:18px;height:18px}.business-section-nav{background:var(--hj-color-bg-surface);border:1px solid var(--business-border);border-radius:var(--hj-radius-card);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:8px;display:flex}.business-section-nav a{border-radius:var(--hj-radius-control);min-height:44px;color:var(--business-ink);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.business-section-nav a>span{color:var(--business-action);font-size:12px;font-weight:600}.business-section-nav .business-preview-jump{color:var(--business-muted);margin-inline-start:auto}.business-preview-jump svg{width:18px;height:18px}.business-form fieldset{border:0;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;min-width:0;margin:0;padding:0;display:grid}.business-appearance,.business-identity,.business-contact{grid-column:1}.business-section{background:var(--hj-color-bg-surface);border:1px solid var(--business-border);border-radius:var(--hj-radius-card);min-width:0;box-shadow:var(--hj-shadow-card);padding:24px}.business-section-heading{border-bottom:1px solid var(--business-border);align-items:flex-start;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex}.business-section-heading>div{flex:1;min-width:0}.business-section-heading h2{margin:0;font-size:24px;font-weight:600;line-height:1.5}.business-section-heading p{color:var(--business-muted);margin:8px 0 0;font-size:12px;line-height:1.8}.business-section-heading h2,.business-preview-heading h2{scroll-margin-top:120px}.business-section-icon{background:var(--hj-color-bg-page)}.business-section-icon svg{width:20px;height:20px}.business-section-number{color:var(--business-muted);font-size:12px;font-weight:500;line-height:2}.business-info-grid,.business-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;display:grid}.business-about,.business-address{grid-column:1/-1}.business-media-grid{gap:24px;display:grid}.business-banner{min-width:0}.business-banner-preview{aspect-ratio:4;background:var(--hj-color-brand-forest);border-radius:var(--hj-radius-control);min-height:156px;color:var(--hj-color-bg-surface);place-items:center;display:grid;position:relative;overflow:hidden}.business-banner-preview img,.business-preview-cover img{object-fit:cover}.business-banner-empty{text-align:center;justify-items:center;gap:8px;padding:24px 16px;display:grid}.business-banner-empty>span:first-child{place-items:center;display:grid}.business-banner-empty svg{width:24px;height:24px}.business-banner-empty strong{font-size:16px;font-weight:500}.business-banner-empty>span:last-child{color:#dee4de;font-size:12px;line-height:1.8}.business-banner-controls{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px;display:flex}.business-banner-copy{flex:1;min-width:0}.business-banner-controls strong,.business-logo-copy strong{font-size:14px;font-weight:500;display:block}.business-banner-controls p,.business-logo p,.business-field p{color:var(--business-muted);margin:8px 0 0;font-size:12px;line-height:1.8}.business-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.business-logo{background:var(--hj-color-bg-page);border:1px solid var(--business-border);border-radius:var(--hj-radius-control);align-items:center;gap:16px;padding:16px;display:flex}.business-logo-preview{background:var(--hj-color-bg-surface);border:1px solid var(--business-border);border-radius:var(--hj-radius-card);width:72px;height:72px;color:var(--business-action);flex:none;place-items:center;display:grid;overflow:hidden}.business-logo-copy{flex:1;min-width:0}.business-logo-preview svg{width:28px;height:28px}.business-logo-preview img,.business-preview-logo img{object-fit:cover;width:100%;height:100%}.business-upload{min-height:44px;color:var(--business-ink);background:var(--hj-color-bg-surface);border:1px solid var(--hj-color-border-control);border-radius:var(--hj-radius-control);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.business-upload svg{width:18px;height:18px}.business-field{min-width:0}.business-field label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.business-field em{color:var(--hj-color-danger-fg);font-style:normal}body.haraj-ui .business-field :is(input,textarea,select){width:100%;min-width:0;color:var(--business-ink);border:1px solid var(--hj-color-border-control);border-radius:var(--hj-radius-control);background:var(--hj-color-bg-surface);font:inherit;padding:12px;font-size:16px}body.haraj-ui .business-field :is(input,select){min-height:48px}body.haraj-ui .business-field textarea{resize:vertical;min-height:144px;display:block}body.haraj-ui .business-field :is(input,textarea,select):focus{border-color:var(--business-action);outline:0;box-shadow:0 0 0 3px #8963181f}body.haraj-ui .business-field :is(input,textarea,select)[aria-invalid=true]{border-color:var(--hj-color-danger-fg)}.business-field .business-field-error{color:var(--hj-color-danger-fg);font-weight:500}.business-field .business-field-success{color:var(--hj-color-success-fg)}.business-field-caption{color:var(--business-muted);justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;line-height:1.8;display:flex}.business-field-caption bdi{flex:none}.business-username bdi{color:var(--business-action);overflow-wrap:anywhere}.business-username-input{position:relative}.business-username-input input{padding-inline-end:40px!important}.business-username-checking{inset-inline-end:16px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.business-spinner{border:2px solid var(--business-border);border-top-color:var(--business-action);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite business-spin}@keyframes business-spin{to{transform:rotate(360deg)}}.business-preview{background:var(--hj-color-bg-surface);border:1px solid var(--business-border);border-radius:var(--hj-radius-card);min-width:0;box-shadow:var(--hj-shadow-card);grid-area:1/2/span 3;padding:20px}.business-preview-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.business-preview-heading h2{margin:0;font-size:18px;font-weight:600;line-height:1.6}.business-preview-live{flex:none;font-size:12px}.business-preview-note{color:var(--business-muted);margin:8px 0 16px;font-size:12px;line-height:1.8}.business-preview-card{border:1px solid var(--business-border);border-radius:var(--hj-radius-card);overflow:hidden}.business-preview-cover{background:var(--hj-color-brand-forest);height:96px;position:relative;overflow:hidden}.business-preview-content{padding:48px 16px 20px;position:relative}.business-preview-logo{top:-32px;background:var(--hj-color-bg-surface);width:68px;height:68px;color:var(--business-action);border:4px solid var(--hj-color-bg-surface);border-radius:var(--hj-radius-card);box-shadow:var(--hj-shadow-card);place-items:center;display:grid;position:absolute;inset-inline-start:16px;overflow:hidden}.business-preview-logo svg{width:28px;height:28px}.business-preview-kicker{color:var(--business-muted);font-size:12px}.business-preview-content h3{overflow-wrap:anywhere;margin:4px 0 0;font-size:20px;font-weight:600;line-height:1.6}.business-preview-username{color:var(--business-action);overflow-wrap:anywhere;font-size:12px}.business-preview-activity{background:var(--hj-color-bg-subtle);color:var(--business-ink);border-radius:var(--hj-radius-pill);margin-top:12px;padding:4px 12px;font-size:12px;display:inline-block}.business-preview-description{color:var(--business-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px;font-size:14px;line-height:1.8}.business-preview-location{border-top:1px solid var(--business-border);color:var(--business-muted);align-items:center;gap:8px;margin-top:16px;padding-top:16px;font-size:12px;display:flex}.business-preview-location svg{flex:none;width:16px;height:16px}.business-preview-address{color:var(--business-muted);overflow-wrap:anywhere;margin-top:8px;font-size:12px}.business-preview-contacts{margin:12px 0 0}.business-preview-contacts>div{justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;font-size:12px;display:flex}.business-preview-contacts dt{color:var(--business-muted);flex:none}.business-preview-contacts dd{overflow-wrap:anywhere;min-width:0;margin:0}.business-preview-progress{padding-top:24px}.business-preview-progress>div{justify-content:space-between;gap:8px;font-size:14px;display:flex}.business-preview-progress strong{font-weight:600}.business-preview-progress span{color:var(--business-muted);font-size:12px}.business-page progress{border-radius:var(--hj-radius-pill);background:var(--hj-color-bg-subtle);accent-color:var(--business-action);border:0;display:block;overflow:hidden}.business-preview-progress progress{width:100%;height:8px;margin-top:12px}.business-page progress::-webkit-progress-bar{background:var(--hj-color-bg-subtle)}.business-page progress::-webkit-progress-value{background:var(--business-action);border-radius:var(--hj-radius-pill)}.business-page progress::-moz-progress-bar{background:var(--business-action);border-radius:var(--hj-radius-pill)}.business-preview-progress>p{color:var(--business-muted);margin-top:8px;font-size:12px;line-height:1.8}.business-missing-fields{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.business-missing-fields button{min-height:44px;color:var(--business-action);background:var(--hj-color-selected-bg);border-radius:var(--hj-radius-control);border:0;align-items:center;gap:4px;padding:8px;font-size:12px;display:flex}.business-missing-fields svg{width:16px;height:16px}.business-preview-progress .business-ready{color:var(--hj-color-success-fg);align-items:center;gap:8px;display:flex}.business-ready svg{flex:none;width:16px;height:16px}.business-suggestions,.business-share{border-top:1px solid var(--business-border);margin-top:20px;padding-top:20px}.business-suggestions h3,.business-share h3{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.business-share h3 svg{width:18px;height:18px;color:var(--business-action)}.business-suggestions p,.business-share p{color:var(--business-muted);margin:8px 0 0;font-size:12px;line-height:1.8}.business-suggestions ul{margin:12px 0 0;padding:0;list-style:none}.business-suggestions button{width:100%;min-height:44px;color:var(--business-ink);text-align:start;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.business-suggestions button>span{background:var(--hj-color-bg-subtle);width:24px;height:24px;color:var(--business-muted);border-radius:50%;flex:none;place-items:center;display:grid}.business-suggestions button>span.is-complete{background:var(--hj-color-success-bg);color:var(--hj-color-success-fg)}.business-suggestions svg{width:14px;height:14px}.business-suggestions small{color:var(--business-muted);margin-inline-start:auto;font-size:12px}.business-share input{background:var(--hj-color-bg-subtle);border:1px solid var(--business-border);border-radius:var(--hj-radius-control);width:100%;min-width:0;min-height:48px;color:var(--business-ink);margin-top:12px;padding:12px;font-size:12px}.business-copy{background:var(--hj-color-bg-surface);border:1px solid var(--hj-color-border-control);border-radius:var(--hj-radius-control);width:100%;min-height:48px;color:var(--business-action);justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:500;display:flex}.business-copy svg{width:18px;height:18px}.business-share p:empty{display:none}.business-actions{background:var(--hj-color-bg-surface);border:1px solid var(--business-border);border-radius:var(--hj-radius-card);min-width:0;box-shadow:var(--hj-shadow-card);grid-column:1/-1;padding:20px 24px}.business-save-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.business-save-copy{flex:1;min-width:0}.business-save-copy strong{font-size:14px;font-weight:600}.business-save-copy p{color:var(--business-muted);margin:4px 0 0;font-size:12px;line-height:1.8}.business-actions :is(.profile-error,.profile-success){margin:0 0 16px;font-size:14px}body.haraj-ui .business-save{min-width:180px;min-height:48px;color:var(--hj-color-bg-surface);background:var(--business-action);border:1px solid var(--business-action);border-radius:var(--hj-radius-control);flex:none;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex}.business-save svg{width:20px;height:20px}.business-state{min-height:320px;color:var(--business-muted);text-align:center;background:var(--hj-color-bg-surface);border:1px solid var(--business-border);border-radius:var(--hj-radius-card);align-content:center;place-items:center;gap:16px;padding:24px;display:grid}.business-state p{color:var(--hj-color-danger-fg)}.business-state-icon{width:64px;height:64px}.business-page :is(a,button,input,textarea):focus-visible{outline:2px solid var(--hj-color-focus);outline-offset:3px}.business-page h2:focus{outline:2px solid var(--hj-color-focus);outline-offset:4px;border-radius:4px}.business-page button:disabled{opacity:.6;cursor:wait}.business-page :is(.business-upload,.business-copy,.business-save,.business-public-link,.business-section-nav a){transition:background-color var(--hj-motion-fast) var(--hj-ease), border-color var(--hj-motion-fast) var(--hj-ease)}@media (hover:hover) and (pointer:fine){.business-public-link:hover,.business-section-nav a:hover,.business-upload:hover:not(:disabled),.business-copy:hover:not(:disabled){background:var(--hj-color-bg-subtle)}.business-suggestions button:hover:not(:disabled){color:var(--business-action)}body.haraj-ui .business-save:hover:not(:disabled){background:var(--hj-color-action-hover);border-color:var(--hj-color-action-hover)}}@media (max-width:1199px){.business-shell{width:calc(100% - 48px);margin-top:24px;display:block}}@media (max-width:1100px){.business-form fieldset{grid-template-columns:minmax(0,1fr)}.business-preview{grid-area:auto/1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:24px;display:grid}.business-preview-heading,.business-preview-note{grid-column:1/-1}.business-preview-card{grid-area:span 3/1;align-self:start}.business-preview-progress,.business-suggestions,.business-share{grid-column:2}.business-preview-progress{padding-top:0}}@media (max-width:767px){.business-shell{width:calc(100% - 32px);margin:16px auto 32px}.business-title{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:16px;padding:20px 16px}.business-title h1{font-size:24px}.business-title-copy>p{font-size:14px}.business-header-actions{flex-flow:wrap;align-items:center;gap:8px}.business-public-link{flex:1 0 100%;padding-inline:8px}.business-section-nav{gap:4px;margin-bottom:16px;padding:4px}.business-section-nav a{white-space:nowrap;flex:1;gap:4px;padding-inline:4px;font-size:12px}.business-section-nav .business-preview-jump{display:none}.business-form fieldset{gap:16px}.business-section{padding:20px 16px}.business-section-heading{gap:12px;margin-bottom:20px;padding-bottom:16px}.business-section-heading h2{font-size:20px}.business-section-number{display:none}.business-info-grid,.business-contact-grid{grid-template-columns:minmax(0,1fr);gap:20px}.business-banner-preview{aspect-ratio:4;min-height:0}.business-banner-empty{gap:4px;padding:8px}.business-banner-empty svg{width:20px;height:20px}.business-banner-empty strong{font-size:14px;line-height:1.5}.business-banner-empty>span:last-child{display:none}.business-banner-controls{flex-direction:column}.business-banner-actions{width:100%}.business-banner-actions button{flex:1}.business-logo{flex-wrap:wrap;gap:12px;padding:12px}.business-logo-preview{width:64px;height:64px}.business-logo-controls{flex-basis:100%}.business-logo-controls button{width:100%}.business-field-caption{flex-wrap:wrap;gap:4px}.business-preview{padding:20px 16px;display:block}.business-preview-progress{padding-top:20px}.business-actions{padding:16px}.business-save-row{flex-direction:column;align-items:stretch;gap:16px}body.haraj-ui .business-save{width:100%}}@media (prefers-reduced-motion:reduce){.business-spinner{animation:none}.business-page :is(a,button){transition:none}}