/* Shared by the real public hero and the owner's live preview. */
.profile-logo-frame{position:relative;overflow:hidden;padding:8px;box-sizing:border-box;isolation:isolate}
.repairer-logo-frame .profile-logo-measure{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;padding:0}
.profile-logo-artwork{position:relative;width:100%;height:100%;transform-origin:center;pointer-events:none}
.profile-logo-artwork svg{display:block;width:100%;height:100%;overflow:hidden}
.profile-logo-frame.is-editable{cursor:grab;touch-action:none}.profile-logo-frame.is-editable:active{cursor:grabbing}
.repairer-hero{background:var(--profile-surface,#082038);color:var(--profile-foreground,#f1f6ff)}
.repairer-hero :is(h1,.repairer-town){color:var(--profile-foreground,#f1f6ff)}
.repairer-hero :is(.repairer-specialties,.repairer-member-assessment,.repairer-member-assessment a){color:var(--profile-muted,#c4d6e8)}
.repairer-profile .repairer-hero .breadcrumb{color:var(--profile-muted,#c4d6e8)}
.repairer-hero.profile-surface-light :is(h1,p,.breadcrumb,.repairer-heading,.repairer-designation){text-shadow:none}
.profile-surface-light .repairer-member-shield{background:#fff7e4}.profile-surface-light .repairer-member-badge--select{color:#946300}
.profile-surface-light .repairer-member-badge--verified{color:#075caa}
.profile-surface-light .repairer-actions .btn-secondary{background:#fff;color:#143755}
.profile-surface-light .business-history-badge{background:#fffdf3;color:#10263d;border-color:#d9b966;text-shadow:none}
.profile-surface-light .business-history-badge :is(span,small,svg){color:#435a70}
.profile-layout-classic.has-photo:before{background:linear-gradient(90deg,var(--profile-surface) 18%,color-mix(in srgb,var(--profile-surface) 85%,transparent) 58%,color-mix(in srgb,var(--profile-surface) 30%,transparent))}
.profile-layout-split:before,.profile-layout-card:before{display:none!important}
.profile-layout-split .repairer-hero-photo{width:50%;opacity:1;mask-image:none;-webkit-mask-image:none}
.profile-layout-split .profile-hero-panel{width:48%;box-sizing:border-box;padding-right:20px}
.profile-layout-split .repairer-identity{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.profile-layout-split .repairer-actions{padding:0;margin-top:24px}
.profile-layout-split .business-history-badge{position:absolute;right:24px;top:36px}
.profile-layout-split .repairer-hero-content{position:relative;min-height:400px}
.profile-layout-split:not(.has-photo) .profile-hero-panel{width:100%}
.profile-layout-split:not(.has-photo) .repairer-hero-content{min-height:0}
.profile-layout-split:not(.has-photo) .business-history-badge{position:static}
.profile-layout-cinematic .repairer-hero-photo{width:100%;opacity:1;mask-image:none;-webkit-mask-image:none}
.profile-layout-cinematic.has-photo:before{background:linear-gradient(180deg,color-mix(in srgb,var(--profile-surface) 30%,transparent),color-mix(in srgb,var(--profile-surface) 70%,transparent))}
.profile-layout-cinematic.profile-surface-light.has-photo:before{background:linear-gradient(180deg,color-mix(in srgb,var(--profile-surface) 80%,transparent),color-mix(in srgb,var(--profile-surface) 90%,transparent))}
.profile-layout-cinematic .profile-hero-panel{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:stretch;gap:0;max-width:1150px;margin:0 auto}
.profile-layout-cinematic .repairer-identity,.profile-layout-card .repairer-identity{display:contents}
.profile-layout-cinematic .repairer-logo-frame{grid-column:1/-1;grid-row:1;justify-self:center;width:250px;height:145px;margin:0 0 20px}
.profile-layout-cinematic .repairer-heading{grid-column:1/-1;grid-row:2;text-align:center;margin-bottom:28px}
.profile-layout-cinematic .business-history-badge{grid-area:auto;position:absolute;right:0;top:0;background:var(--profile-surface)}
.profile-layout-cinematic .repairer-designation{grid-column:1;grid-row:3;padding:20px;margin:0;background:var(--profile-surface);border:1px solid #7194b54d;border-right:0;border-radius:12px 0 0 12px}
.profile-layout-cinematic .repairer-actions{grid-column:2;grid-row:3;align-items:center;justify-content:flex-end;padding:20px;margin:0;background:var(--profile-surface);border:1px solid #7194b54d;border-left:0;border-radius:0 12px 12px 0}
.profile-layout-cinematic .profile-hero-panel:has(.business-history-badge):not(:has(.repairer-logo-frame)) .repairer-heading{padding-top:115px}
.profile-layout-card{padding-top:235px;isolation:isolate}
.profile-layout-card .repairer-hero-photo{top:0;width:100%;height:300px;opacity:1;mask-image:none;-webkit-mask-image:none}
.profile-layout-card .repairer-hero-content{position:relative;padding-top:0;padding-bottom:30px}
.profile-layout-card .repairer-hero-content>.breadcrumb{position:absolute;top:-200px;left:0;color:#fff;background:#082038bd;padding:7px 12px;border-radius:6px}
.profile-layout-card .profile-hero-panel{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:20px 28px;padding:28px;background:var(--profile-surface);border:1px solid #7194b54d;border-radius:18px;box-shadow:0 15px 30px #0002}
.profile-layout-card .repairer-logo-frame{grid-column:1;grid-row:1/3;width:190px;height:150px;margin-top:-60px}
.profile-layout-card .repairer-heading{grid-column:2;grid-row:1}
.profile-layout-card .business-history-badge{grid-column:3;grid-row:1}
.profile-layout-card .repairer-designation{grid-column:2;grid-row:2;margin:0;padding-top:16px;border-top:1px solid #7194b54d}
.profile-layout-card .repairer-actions{grid-column:1/-1;grid-row:3;margin:0;padding:20px 0 0;align-items:center;justify-content:flex-start;border-top:1px solid #7194b54d}
.profile-layout-card:not(.has-photo){padding-top:24px}
.profile-layout-card:not(.has-photo) .repairer-hero-content>.breadcrumb{position:static;color:var(--profile-muted);background:transparent;padding:0;margin-bottom:18px}
.profile-layout-card:not(.has-photo) .repairer-logo-frame{margin-top:0}
.profile-layout-card .profile-hero-panel:not(:has(.repairer-logo-frame)){grid-template-columns:minmax(0,1fr) auto}
.profile-layout-card .profile-hero-panel:not(:has(.repairer-logo-frame)) .repairer-heading{grid-column:1}
.profile-layout-card .profile-hero-panel:not(:has(.repairer-logo-frame)) .business-history-badge{grid-column:2}
.profile-layout-card .profile-hero-panel:not(:has(.repairer-logo-frame)) .repairer-designation{grid-column:1}
.profile-layout-card .profile-hero-panel:not(:has(.repairer-logo-frame)) .repairer-actions{grid-column:1/-1}
@media(max-width:1100px){.profile-layout-card .profile-hero-panel{grid-template-columns:160px minmax(0,1fr) auto}.profile-layout-card .repairer-logo-frame{width:160px;height:140px}}
@media(max-width:900px){
 .profile-layout-classic.has-photo:before{background:linear-gradient(180deg,color-mix(in srgb,var(--profile-surface) 80%,transparent),color-mix(in srgb,var(--profile-surface) 65%,transparent))}
 .profile-layout-split .repairer-hero-photo{position:relative;width:100%;height:220px;display:block}
 .profile-layout-split .profile-hero-panel{width:100%;padding:0}.profile-layout-split .repairer-hero-content{min-height:0}
 .profile-layout-split .business-history-badge{position:static}.profile-layout-split .repairer-identity{display:flex}
 .profile-layout-cinematic .profile-hero-panel{display:flex;flex-direction:column;align-items:stretch}.profile-layout-cinematic .repairer-identity{display:contents}
 .profile-layout-cinematic .repairer-logo-frame{align-self:center;order:1;width:220px;height:130px;margin-bottom:18px}.profile-layout-cinematic .repairer-heading{order:2;margin-bottom:18px}
 .profile-layout-cinematic .business-history-badge{position:static;align-self:center;order:3;margin-bottom:20px}
 .profile-layout-cinematic .profile-hero-panel:has(.business-history-badge):not(:has(.repairer-logo-frame)) .repairer-heading{padding-top:0}
 .profile-layout-cinematic .repairer-designation{order:4;border:1px solid #7194b54d;border-bottom:0;border-radius:12px 12px 0 0}
 .profile-layout-cinematic .repairer-actions{order:5;border:1px solid #7194b54d;border-top:0;border-radius:0 0 12px 12px;padding:0 20px 20px}
 .profile-layout-card{padding-top:205px}.profile-layout-card .repairer-hero-photo{height:255px}
 .profile-layout-card .profile-hero-panel{display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:18px}.profile-layout-card .repairer-identity{display:contents}
 .profile-layout-card .repairer-logo-frame{width:200px;height:140px;margin-top:-55px}.profile-layout-card .repairer-designation{padding-top:16px}
 .profile-layout-card .business-history-badge{align-self:flex-start}.profile-layout-card .repairer-heading{display:block}
 .profile-layout-card .repairer-hero-content>.breadcrumb{top:-180px}
}
/* Editor controls inherit the account/admin theme; previews use the public theme. */
.appearance-editor{--ae-line:#35516d;--ae-panel:#10283f;--ae-text:#e8f1fc;--ae-muted:#b5cadf;color:var(--ae-text);min-width:0}
.appearance-layout-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.appearance-layout-option{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left;border:1px solid var(--ae-line);border-radius:12px;padding:12px;background:var(--ae-panel);color:var(--ae-text);cursor:pointer;min-width:0;min-height:0;font:inherit}
.appearance-layout-option[aria-pressed=true]{outline:2px solid #5aa8ff;outline-offset:2px;border-color:#5aa8ff}
.appearance-layout-option strong{font-size:14px}.appearance-layout-option small{font-size:12px;line-height:1.5;color:var(--ae-muted)}
.appearance-thumbnail{height:86px;border-radius:7px;overflow:hidden;position:relative;background:#0b2235;display:flex}
.appearance-thumbnail img{object-fit:cover;width:100%;height:100%;opacity:.65}
.appearance-thumbnail>span{position:absolute;left:9px;bottom:12px;display:grid;gap:5px;width:45%}.appearance-thumbnail i{display:block;height:5px;background:#edf5ff;border-radius:3px}.appearance-thumbnail i:last-child{width:65%;background:#2187e2}
.appearance-thumbnail-split{background:#f4f7fb}.appearance-thumbnail-split img{margin-left:50%;width:50%;opacity:1}.appearance-thumbnail-split>span{top:30%;bottom:auto;width:35%}.appearance-thumbnail-split i{background:#193852}
.appearance-thumbnail-cinematic>span{left:25%;width:50%;text-align:center}.appearance-thumbnail-card>span{background:#fff;left:8%;bottom:5px;width:84%;box-sizing:border-box;padding:9px}.appearance-thumbnail-card i{background:#193852}
.appearance-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}
.appearance-controls{display:grid;gap:18px;min-width:0}.appearance-controls fieldset{margin:0;padding:16px;border:1px solid var(--ae-line);border-radius:12px;min-width:0;display:grid;gap:14px}
.appearance-controls legend{font-size:15px;font-weight:750;padding:0 6px}.appearance-controls label{display:grid;gap:7px;font-size:13px;line-height:1.5}
.appearance-controls :is(select,input[type=number],input[type=file]){width:100%;min-width:0;box-sizing:border-box;font:inherit;color:var(--ae-text);background:var(--ae-panel);border:1px solid var(--ae-line);border-radius:7px;padding:9px}
.appearance-controls input[type=range]{width:100%;accent-color:#2688e7}.appearance-controls input[type=color]{width:100%;height:42px;padding:3px;background:var(--ae-panel);border:1px solid var(--ae-line);border-radius:7px}
.appearance-controls small,.appearance-help{font-size:12px;color:var(--ae-muted);line-height:1.6}
.appearance-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-buttons{display:flex;gap:8px;flex-wrap:wrap}
.appearance-editor .appearance-buttons button{padding:8px 12px;min-height:36px;background:var(--ae-panel);color:var(--ae-text);border:1px solid var(--ae-line);border-radius:7px;font:inherit;font-size:12px;cursor:pointer}
.appearance-editor .appearance-buttons button[aria-pressed=true]{background:#1455a4;color:#fff;border-color:#6ab3ff}
.appearance-editor button:disabled{opacity:.55;cursor:not-allowed}
.appearance-logo-drop{border:1px dashed #6c9fce;border-radius:10px;padding:16px;display:grid;gap:12px;background:var(--ae-panel)}
.appearance-logo-drop.is-over{outline:2px solid #5aa8ff}.appearance-logo-drop .repairer-logo-frame{width:100%;height:170px;border-color:#7194b5}
.appearance-editor .appearance-rights{display:flex;align-items:flex-start;gap:9px;font-size:12px}.appearance-rights input{margin-top:4px;flex:0 0 auto}
.appearance-preview-column{position:sticky;top:20px;min-width:0}.appearance-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.appearance-preview-toolbar h2{font-size:18px;margin:0}.appearance-preview-clip{width:100%;overflow:auto;border:1px solid var(--ae-line);border-radius:12px;background:#071e34}
.appearance-preview-scaled{position:relative;overflow:hidden}
.appearance-savebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0;padding-top:18px;border-top:1px solid var(--ae-line)}
.appearance-status{font-size:14px;line-height:1.6}.appearance-error{color:#ffb4bf}.appearance-pending{font-size:12px;line-height:1.6;border-left:3px solid #d9a640;padding:8px 12px;background:var(--ae-panel)}
.appearance-approve{display:grid;gap:12px;border-top:1px solid var(--ae-line);margin-top:20px;padding-top:18px}.appearance-approve-item{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.appearance-approve-item img{width:110px;height:65px;object-fit:contain;background:#dce6ef;padding:8px;border-radius:6px}
@media(max-width:1100px){.appearance-workspace{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:850px){.appearance-workspace{display:flex;flex-direction:column}.appearance-preview-column{position:static;width:100%;order:-1}.appearance-controls{width:100%;grid-template-columns:1fr 1fr}.appearance-layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.appearance-controls{grid-template-columns:1fr}.appearance-layout-option{padding:10px}.appearance-preview-clip{border-radius:8px}.appearance-editor h2{font-size:20px}}
[data-admin-theme=light] .appearance-editor{--ae-line:#bacbdb;--ae-panel:#f3f7fc;--ae-text:#19344e;--ae-muted:#48627b}
.appearance-editor .repairer-profile .repairer-hero :is(h1,.repairer-town){color:var(--profile-foreground)}
.appearance-editor .repairer-profile .repairer-hero :is(.repairer-specialties,.repairer-member-assessment,.repairer-member-assessment a,.breadcrumb){color:var(--profile-muted)}
.appearance-editor .repairer-profile .repairer-hero .repairer-actions .btn-secondary{color:var(--profile-foreground);background:var(--profile-surface);border-color:#378bc8}
.appearance-editor .repairer-profile .repairer-hero .repairer-actions .btn-primary{color:#fff;background:linear-gradient(160deg,#148bec,#0863c2);border-color:#6cb4ef}

/* Keep content and actions inside their own layout at every viewport. */
.profile-hero-panel,.repairer-designation,.repairer-actions{min-width:0}
.repairer-hero .repairer-actions:empty{display:none}
.profile-layout-cinematic .profile-hero-panel:not(:has(.repairer-actions :is(a,button))) .repairer-designation{grid-column:1/-1;border:1px solid #7194b54d;border-radius:12px}
.repairer-actions .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;max-width:100%;white-space:normal}
.repairer-heading h1{text-wrap:balance}
@media(min-width:901px){
 .profile-layout-classic .repairer-identity:not(:has(.repairer-logo-frame)){grid-template-columns:minmax(0,1fr) 180px}
 .profile-layout-classic .repairer-identity:not(:has(.repairer-logo-frame)) :is(.repairer-heading,.repairer-designation){grid-column:1}
 .profile-layout-classic .repairer-identity:not(:has(.repairer-logo-frame)) .business-history-badge{grid-column:2}
 .profile-layout-classic .profile-hero-panel:not(:has(.repairer-logo-frame)) .repairer-actions{padding-left:0}
}
.profile-layout-cinematic .repairer-actions{gap:10px}
@media(max-width:1100px) and (min-width:901px){
 .profile-layout-cinematic .profile-hero-panel{grid-template-columns:minmax(250px,1fr) minmax(0,1.4fr)}
 .profile-layout-cinematic .repairer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-layout-cinematic .repairer-actions .btn:last-child:nth-child(odd){grid-column:1/-1}
 .profile-layout-split .repairer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-layout-split .repairer-actions .btn:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:900px){
 .profile-layout-cinematic .repairer-actions{justify-content:stretch}
 .profile-layout-cinematic .repairer-actions .btn{flex:1 1 180px}
 .profile-layout-cinematic .repairer-designation,.profile-layout-cinematic .repairer-actions{width:100%;box-sizing:border-box}
 .profile-layout-card .repairer-logo-frame{max-width:100%}
}
@media(max-width:600px){
 .repairer-hero .repairer-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .repairer-hero .repairer-actions .btn{width:100%;min-height:48px}
 .profile-layout-cinematic .repairer-designation{padding:16px}
 .profile-layout-cinematic .repairer-actions{padding:0 16px 16px}
 .profile-layout-cinematic .repairer-heading h1{font-size:clamp(24px,6.5vw,30px)}
 .profile-layout-card .profile-hero-panel{padding:18px;gap:16px}
 .profile-layout-card .repairer-logo-frame{width:200px;height:125px}
}