/* One vertical rhythm for the seller wizard; no impact on other surfaces. */
#panel{--seller-gap:16px;--seller-label-gap:8px;--seller-progress-gap:24px;--seller-footer-gap:12px;--seller-top-inset:24px}
#panel .form-shell{margin:0 auto;padding:var(--seller-top-inset) 0 0;flex-shrink:0}
#panel .progress-top{display:flex}
#panel .form-shell .progress{display:block;flex:none;margin:8px 0 var(--seller-progress-gap)}
#panel #wizard{display:flex;flex-direction:column;gap:0;flex:none}
#panel #content{display:block;flex:none}
#panel .seller-step-layout,#panel #content.seller-step-layout{display:flex;flex-direction:column;gap:var(--seller-gap)}
#panel .seller-step-heading{display:flex;flex-direction:column;gap:8px;min-width:0}
#panel .seller-step-body{display:flex;flex-direction:column;gap:var(--seller-gap);min-width:0}
#panel #content h2,#panel #content .sub,#panel #content .hint,#panel #content .badge,#panel #content .spinner,#panel #content .check{margin:0}
#panel .badge,#panel .spinner,#panel .check{align-self:flex-start}
#panel .form-shell .actions{margin:var(--seller-gap) 0 0;flex:none}
#panel #error{min-height:0;margin:var(--seller-gap) 0 0}
#panel #error:empty{display:none;margin:0;height:0}
#panel .privacy{margin:var(--seller-footer-gap) 0 0}
#panel #content label.field,#panel .seller-location-field,#panel .seller-finish-field,#panel .seller-comment,#panel .seller-room-field,#panel .seller-floor-field{display:flex;flex-direction:column;gap:var(--seller-label-gap);margin:0;min-width:0}
#panel label.field>input,#panel label.field>select,#panel .seller-location-inline,#panel .seller-finish-field>span:first-child,#panel .seller-room-field>span,#panel .seller-floor-field>span,#panel .seller-comment>span{margin:0}
#panel #seller-location-label{display:block}
#panel .seller-details-row{margin:0;gap:var(--seller-gap) 16px}
#panel .seller-commercial-floor{margin:0}
#panel .seller-extra-layout{display:flex;flex-direction:column;gap:var(--seller-gap)}
#panel .seller-extra-fields{gap:var(--seller-gap) 16px;margin:0}
#panel .seller-comment-limit{margin:0}
#panel #photo-list.photos{margin:0;padding:8px 6px 0;max-height:88px}
#panel #photo-list.photos:focus-visible,#panel #photo-list a:focus-visible{outline-offset:-2px}
#panel .dropzone{margin:0}
#panel #content .prices{margin:0}
@media(max-height:650px){
 #panel{--seller-gap:8px;--seller-progress-gap:12px;--seller-footer-gap:8px;--seller-top-inset:4px}
}
/* Landscape keeps the established two-column structures, with aligned bottoms. */
@media(max-height:440px) and (min-width:600px){
 #panel .progress-top,#panel .form-shell .progress,#panel .privacy{display:none}
 #panel .seller-step-body:has(>.seller-location-field){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--seller-gap) 16px}
 #panel .seller-step-body:has(>.seller-commercial-floor){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--seller-gap) 16px}
 #panel .seller-commercial-floor{grid-column:2;max-width:none}
 #panel .seller-extra-layout,#panel .seller-extra-layout.is-house{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--seller-gap) 16px;align-items:start}
 #panel .seller-extra-fields.is-house{grid-template-columns:minmax(0,1fr)}
 #panel .seller-extra-layout.is-house textarea{height:124px}
 #panel .seller-extra-layout.is-house .seller-comment:has(.seller-comment-limit:not(:empty)) textarea{height:100px}
 #panel .seller-step-body:has(>#seller-photo-field){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--seller-gap) 16px;align-items:end}
 #panel #seller-photo-field,#panel #photo-list.photos{grid-column:auto;grid-row:auto;align-self:end}
}
/* The result has more information; adapt its structure, not the type scale. */
@media(max-height:650px) and (max-width:599px){
 body[data-step="7"] #panel .progress-top,body[data-step="7"] #panel .progress{display:none}
 body[data-step="7"] #panel .prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 body[data-step="7"] #panel .price{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0;min-width:0}
 body[data-step="7"] #panel .price>span{overflow-wrap:anywhere}
 body[data-step="7"] #panel .actions{margin-top:var(--seller-gap)}
 body[data-step="7"] #panel .privacy{margin-top:var(--seller-footer-gap)}
 body[data-step="7"] #panel #error:not(:empty){margin-top:var(--seller-gap)}
}
@media(max-height:440px) and (min-width:600px){
 body[data-step="7"] #panel .seller-step-heading>.badge{display:none}
 body[data-step="7"] #panel .seller-step-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--seller-gap) 24px;align-items:start}
 body[data-step="7"] #panel .prices{grid-column:1;grid-row:1;display:block}
 body[data-step="7"] #panel .seller-step-body>label.field{grid-column:2;grid-row:1}
}