/* Consistent controls across every profile step. */
.form-main,.field-grid>* ,.method-grid>*,.social-extra>*{min-width:0}
.form-main{width:100%;max-width:none}
.flow{grid-template-columns:220px minmax(0,1fr);gap:40px}
.form-field{margin-bottom:24px}
.form-field label{line-height:1.5}
.form-field input,.form-field select,.social-extra input{height:52px;min-height:52px;line-height:1.5;padding:12px 14px}
.form-field textarea{min-height:132px;line-height:1.6;padding:12px 14px}
.field-grid,.method-grid{column-gap:20px;align-items:start}
.form-field .req{display:inline-block;margin-left:4px;white-space:nowrap}
.slug-input{min-width:0;min-height:52px}
.slug-input input{height:50px;min-height:50px}
.slug-input span{overflow-wrap:anywhere}
.chips[aria-label="Services"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(84px,auto)}
.chips[aria-label="Services"] .chip{height:100%;min-height:84px;padding:12px 8px;overflow-wrap:normal}
.chips[aria-label="Lead image"]{grid-auto-rows:minmax(56px,auto)}
.chips[aria-label="Lead image"] .chip{height:100%;min-height:56px}
.button-row,.footer-actions{grid-auto-rows:1fr}
.button-row .btn,.footer-actions .btn{height:100%;min-height:52px}
.upload{align-items:flex-start}
.upload svg{flex:0 0 36px}
.upload-label{margin-top:16px;line-height:1.5}
.upload input[type="file"]{height:52px;min-height:52px;border:1px solid #888;background:#fff;color:#0a0a0a;padding:0;line-height:50px;overflow:hidden}
.upload input[type="file"]::file-selector-button{height:50px;margin:0 12px 0 0;padding:0 14px;border:0;border-right:1px solid #888;border-radius:0;background:#f6f6f6;color:#0a0a0a;font:inherit;cursor:pointer}
.upload input[type="file"]::file-selector-button:hover{background:#fff;color:#EC008C}
.uploaded-photo-row{min-height:88px;gap:14px}
.uploaded-photo-row img{width:72px;height:72px;object-fit:contain;flex:0 0 72px}
.uploaded-photo-row button{min-height:44px;padding:8px}
.photo-pager{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-top:18px;font-size:13px;text-align:center}
.photo-pager button{min-height:44px;border:1px solid #888;background:#fff;font:inherit;padding:8px;color:#0a0a0a}
.photo-pager button:disabled{color:#777;border-color:#ccc;cursor:not-allowed}
.photo-pager button:not(:disabled):hover{color:#EC008C;border-color:#EC008C}
.flow-nav button{min-height:58px;line-height:1.5}
.flow-nav .short{font-weight:inherit}
@media(max-width:1100px){.chips[aria-label="Services"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){
 .flow{display:block;padding-top:0}.flow-nav{position:static;border-top:0;padding-top:0;margin-bottom:28px}
 .flow-nav strong{display:none}.flow-nav-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .flow-nav button{justify-content:center;border:1px solid #d6d6d6;padding:12px 8px;text-align:center;min-height:64px;height:100%;white-space:normal}
 .flow-nav button.active{border-color:#EC008C;color:#EC008C}.flow-nav button span{display:none}
 .flow-nav .status{padding-top:12px;margin-bottom:0}.field-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .flow-nav-list{gap:6px}.flow-nav button{min-height:52px;padding:8px 4px}
 .flow-nav button .short::after{font-size:12px}.flow-nav .status{display:block;font-size:12px}
 .form-field .req{font-size:12px}.field-grid,.method-grid{grid-template-columns:minmax(0,1fr)}
 .slug-input{display:block}.slug-input span{min-height:42px;white-space:normal;padding:8px 14px}
 .slug-input input{width:100%}.form-field textarea{min-height:132px}
 .photo-pager{gap:8px;font-size:12px}
}