/* Scoped to the listing wizard; shared navigation and other screens are unchanged. */
#post.listing-flow { padding:18px; align-items:center; z-index:125; }
#post.listing-flow>.sheet { width:min(1280px,100%); max-width:1280px; height:calc(100dvh - 36px); max-height:960px; display:flex; flex-direction:column; overflow:hidden; border-radius:18px; background:#fff; }
#post.listing-flow .flow-brand-row {display:flex;justify-content:space-between;align-items:center;padding:10px 26px 0;flex:none;}
#post.listing-flow .flow-logo {width:142px;height:44px;object-fit:contain;}
#post.listing-flow .sheet-head {padding:8px 26px;border-bottom:0;display:flex;align-items:center;gap:10px;flex:none;}
#post.listing-flow #postTitle {font-size:22px;margin:0;}
#post.listing-flow #wizardCounter {font-size:12px;}
#post.listing-flow .close {width:36px;height:36px;min-height:36px;padding:6px;}
#post.listing-flow .flow-drafts {margin-left:auto;}
#post.listing-flow button {touch-action:manipulation;}
#post.listing-flow .flow-link,#post.listing-flow .flow-account,#post.listing-flow .flow-drafts,#post.listing-flow .flow-back-icon {border:0;background:#edf5f7;color:#0b6173;border-radius:9px;padding:8px 12px;min-height:36px;cursor:pointer;}
#post.listing-flow .flow-back-icon {font-size:24px;background:transparent;padding:0;width:36px;}
#post.listing-flow .wizard-progress {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px 28px 14px;margin:0;border:0;background:white;overflow:visible;flex:none;}
#post.listing-flow .wizard-progress button {position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;min-width:0;min-height:48px;border:0;background:transparent;color:#647b85;border-radius:0;opacity:1;}
#post.listing-flow .wizard-progress button:before {content:'';position:absolute;left:-50%;right:50%;top:14px;height:2px;background:#dce7eb;}
#post.listing-flow .wizard-progress button:first-child:before {display:none;}
#post.listing-flow .wizard-progress button span {z-index:1;width:29px;height:29px;display:grid;place-items:center;background:#edf1f4;border-radius:50%;font-size:14px;color:#65757e;}
#post.listing-flow .wizard-progress button small {font-size:13px;font-weight:500;}
#post.listing-flow .wizard-progress .active span {color:white;background:#087998;}
#post.listing-flow .wizard-progress .active {color:#064c61;}
#post.listing-flow .wizard-progress .done span {background:#10a65a;color:white;}
#post.listing-flow .wizard-progress .active:before,#post.listing-flow .wizard-progress .done:before {background:#16a36b;}
#post.listing-flow .flow-breadcrumb {display:flex;align-items:center;justify-content:space-between;background:#eff7fa;border:1px solid #dfecef;border-radius:10px;padding:5px 14px;margin:0 28px 12px;font-size:14px;gap:12px;flex:none;}
#post.listing-flow #postForm {padding:0 28px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:18px 0 90px;}
#post.listing-flow .wizard-pane {min-height:0;padding:2px 0 20px;}
#post.listing-flow h3 {font-size:18px;margin:8px 0 8px;}
#post.listing-flow .wizard-copy,#post.listing-flow .flow-note {font-size:13px;color:#637a82;line-height:1.5;margin:5px 0 12px;}
#post.listing-flow .form,#post.listing-flow #dynamicFields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
#post.listing-flow .form>.full,#post.listing-flow #dynamicFields>.full {grid-column:1/-1;}
#post.listing-flow .form>.flow-title {grid-column:span 2;}
#post.listing-flow .form>.flow-price {grid-column:span 1;}
#post.listing-flow .field {min-width:0;margin:0;}
#post.listing-flow .field label,#post.listing-flow .field legend {font-size:14px;margin:0 0 5px;color:#173f48;font-weight:600;}
#post.listing-flow .field input:not([type=checkbox]):not([type=radio]):not([type=file]),#post.listing-flow .field select,#post.listing-flow .field textarea,#post.listing-flow .flow-category-search {min-height:42px;width:100%;border:1px solid #d3dfe5;border-radius:8px;padding:9px 10px;color:#183f49;background:#fff;font-size:16px;box-sizing:border-box;}
#post.listing-flow .field input[type=checkbox],#post.listing-flow .field input[type=radio] {width:17px;height:17px;min-height:0;accent-color:#087998;flex:none;}
#post.listing-flow .field textarea {min-height:112px;resize:vertical;}
#post.listing-flow .field-hint {font-size:12px;margin-top:4px;gap:10px;}
#post.listing-flow .field-hint output {white-space:nowrap;}
#post.listing-flow .choice-list {display:flex;flex-wrap:wrap;gap:6px;}
#post.listing-flow .choice-list label {display:inline-flex;align-items:center;gap:6px;border:1px solid #dce5ea;background:#fff;border-radius:7px;padding:8px;min-height:36px;font-size:13px;margin:0;}
#post.listing-flow .choice-list label:has(input:checked) {border-color:#1387a4;background:#eef8fc;}
#post.listing-flow .flow-category-search {margin:0 0 12px;}
#post.listing-flow .flow-category-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;}
#post.listing-flow .flow-category-card {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:92px;padding:12px 5px;color:#124858;background:white;border:1px solid #dce7eb;border-radius:10px;cursor:pointer;overflow-wrap:anywhere;}
#post.listing-flow .flow-category-card svg {width:27px;height:27px;}
#post.listing-flow .flow-category-card span {font-size:14px;}
#post.listing-flow .flow-category-card small {font-size:11px;color:#69818b;}
#post.listing-flow .flow-category-card[aria-pressed=true] {background:#e3f3fa;border-color:#198bad;box-shadow:inset 0 0 0 1px #198bad;}
#post.listing-flow .flow-category-path {display:flex;align-items:center;gap:12px;font-size:14px;margin:5px 0 12px;}
#post.listing-flow .flow-equipment {border:1px solid #dce7eb;background:#f8fbfc;border-radius:10px;padding:12px;}
#post.listing-flow #dynamicFields>.flow-equipment {order:20;}
#post.listing-flow #dynamicFields>.flow-damage {order:30;}
#post.listing-flow .flow-equipment summary {cursor:pointer;font-weight:600;font-size:15px;min-height:30px;}
#post.listing-flow .flow-equipment-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px;}
#post.listing-flow .flow-equipment fieldset {padding:0;border:0;}
#post.listing-flow .flow-photos .upload {padding:12px;}
#post.listing-flow .photo-picker {padding:12px;min-height:72px;}
#post.listing-flow .photo-picker>strong {font-size:14px;}
#post.listing-flow .photo-picker small {font-size:12px;}
#post.listing-flow #previews {display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px 0 10px;}
#post.listing-flow .photo-tile {flex:0 0 140px;width:140px;max-width:none;}
#post.listing-flow .photo-tile img {height:95px;object-fit:contain;background:#f4f7f8;}
#post.listing-flow .photo-tools button {padding:5px;font-size:12px;min-height:32px;}
#post.listing-flow .photo-tile-title {font-size:12px;text-transform:uppercase;}
#post.listing-flow .photo-tile-meta {font-size:11px;}
#post.listing-flow .wizard-actions {position:relative;flex:none;bottom:0;background:white;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 max(12px,env(safe-area-inset-bottom));margin:0 28px;border-top:1px solid #dce7eb;z-index:4;box-shadow:0 -6px 16px #fff;}
#post.listing-flow .wizard-actions button {min-height:46px;font-size:15px;border-radius:9px;}
#post.listing-flow #saveDraftBtn {font-size:13px;}
#post.listing-flow .wizard-next {min-width:190px;background:#ff8b00;color:#163b46;}
#post.listing-flow .flow-location-map {grid-column:1/-1;}
#post.listing-flow .flow-location-map iframe {width:100%;height:250px;border:1px solid #dae6ea;border-radius:10px;}
#post.listing-flow .flow-contact {margin-top:18px;border-top:1px solid #dce7eb;padding-top:10px;}
#post.listing-flow .flow-field-error {font-size:13px;color:#ae2929;margin:4px 0;}
#post.listing-flow [aria-invalid=true] {border-color:#bd3535!important;}
#post.listing-flow :focus-visible {outline:3px solid #0f839c;outline-offset:2px;}
.flow-damage {border:1px solid #dbe5e9;border-radius:12px;padding:16px;margin:12px 0;min-width:0;}
.flow-damage legend {font-size:16px;font-weight:600;}
.flow-damage-layout {display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,1.3fr);gap:24px;align-items:center;}
.flow-damage svg.flow-car {width:100%;height:auto;aspect-ratio:2/3;max-width:300px;max-height:430px;display:block;margin:auto;}
.flow-car .car-outline {fill:#f4f7f8;stroke:#bbccd3;stroke-width:2;}
.flow-car .car-glass {fill:#d3e3e9;stroke:#8aa5af;}
.flow-car g path {stroke:#6d8691;stroke-width:1.6;fill:#edf1f4;}
.flow-car g[role=button] {cursor:pointer;outline:none;}
.flow-car g[role=button]:hover path,.flow-car g[role=button]:focus path {stroke:#003f55;stroke-width:4;}
.flow-car text {fill:#567984;font-size:11px;pointer-events:none;}
.flow-car [data-state='0'],.flow-legend i[data-state='0'] {fill:#c7eadb;background:#c7eadb;}
.flow-car [data-state='1'],.flow-legend i[data-state='1'] {fill:#ffcf85;background:#ffcf85;}
.flow-car [data-state='2'],.flow-legend i[data-state='2'] {fill:#a9ccf7;background:#a9ccf7;stroke-dasharray:4 2;}
.flow-car [data-state='3'],.flow-legend i[data-state='3'] {fill:#efa7ad;background:#efa7ad;stroke-width:3;}
.flow-legend {display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;margin:8px 0 12px;}
.flow-legend span {display:inline-flex;align-items:center;gap:5px;}
.flow-legend i {display:inline-block;width:12px;height:12px;border:1px solid #9bb1b9;border-radius:3px;background:#edf1f4;}
#post.listing-flow .flow-panel-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#post.listing-flow .flow-panel-fields .panel {border:1px solid #e0e8ec;padding:6px;border-radius:8px;background:white;}
#post.listing-flow .flow-panel-fields label {font-size:12px;}
#post.listing-flow .flow-panel-fields select {font-size:14px;min-height:36px;padding:6px;}
#post.listing-flow .flow-panel-fields .selected {border-color:#1387a4;background:#eef8fc;}
.flow-damage-list {font-size:13px;margin:0;}
.flow-damage-list>div {display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e6edef;}
.flow-damage-list dd {margin:0;font-weight:600;}
#post.listing-flow .flow-preview-top {display:grid;grid-template-columns:1.1fr 1fr;gap:24px;border:1px solid #dce7eb;padding:16px;border-radius:12px;}
#post.listing-flow .flow-preview-cover {height:300px;width:100%;object-fit:contain;background:#f3f7f9;border-radius:8px;}
#post.listing-flow .flow-preview-thumbs {display:flex;gap:6px;margin-top:8px;overflow-x:auto;}
#post.listing-flow .flow-preview-thumbs button {padding:2px;border:1px solid #dce7eb;border-radius:6px;background:white;flex:0 0 70px;}
#post.listing-flow .flow-preview-thumbs img {width:64px;height:50px;object-fit:contain;}
#post.listing-flow .flow-preview-price {display:block;color:#087b96;font-size:26px;margin:14px 0;}
#post.listing-flow .flow-preview-label {font-size:12px;color:#607b87;}
#post.listing-flow .flow-gallery,#post.listing-flow .flow-preview-summary {min-width:0;}
#post.listing-flow .flow-preview-specs {font-size:13px;color:#607b87;line-height:1.5;}
#post.listing-flow .flow-review-section {border:1px solid #dce7eb;border-radius:12px;padding:14px;margin:12px 0;}
#post.listing-flow .flow-review-head {display:flex;align-items:center;justify-content:space-between;gap:10px;}
#post.listing-flow .flow-review-facts {display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;}
#post.listing-flow .flow-review-facts>div {display:flex;justify-content:space-between;gap:14px;font-size:14px;padding:9px 0;border-bottom:1px solid #edf1f3;}
#post.listing-flow .flow-review-facts dd {margin:0;text-align:right;overflow-wrap:anywhere;}
#post.listing-flow .flow-review-facts dt {color:#607b87;}
#post.listing-flow .flow-description {white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;}
#post.listing-flow [hidden] {display:none!important;}
body:has(#post.listing-flow.open) #toast {bottom:calc(118px + env(safe-area-inset-bottom));pointer-events:none;}
@media(max-width:800px) {
 #post.listing-flow {padding:0;top:var(--flow-top,0px);bottom:auto;height:var(--flow-height,100dvh);}
 #post.listing-flow>.sheet {width:100%;height:100%;max-height:100%;border-radius:0;}
 #post.listing-flow .flow-brand-row {padding:max(5px,env(safe-area-inset-top)) 12px 0;}
 #post.listing-flow .flow-logo {width:132px;height:38px;}
 #post.listing-flow .sheet-head {padding:5px 12px;gap:6px;}
 #post.listing-flow #postTitle {font-size:18px;}
 #post.listing-flow #wizardCounter {display:none;}
 #post.listing-flow .flow-drafts {font-size:12px;padding:7px;}
 #post.listing-flow .wizard-progress {padding:8px 10px 10px;}
 #post.listing-flow .wizard-progress button small {font-size:12px;}
 #post.listing-flow .flow-breadcrumb {margin:0 10px 8px;font-size:13px;padding:5px 8px;}
 #post.listing-flow #postForm {padding:0 10px;}
 #post.listing-flow h3 {font-size:16px;}
 #post.listing-flow .form,#post.listing-flow #dynamicFields {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;}
 #post.listing-flow .form>.flow-price {grid-column:1/-1;}
 #post.listing-flow .field label,#post.listing-flow .field legend {font-size:13px;}
 #post.listing-flow .flow-category-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
 #post.listing-flow .flow-category-card {min-height:84px;padding:8px 4px;}
 #post.listing-flow .flow-category-card span {font-size:13px;}
 #post.listing-flow .flow-category-path {flex-wrap:wrap;gap:5px;}
 #post.listing-flow .flow-equipment-grid {grid-template-columns:1fr;}
 #post.listing-flow .wizard-actions {padding-top:8px;gap:6px;margin:0 10px;}
 #post.listing-flow #saveDraftBtn {order:-1;flex:1 0 100%;min-height:30px;padding:4px;}
 #post.listing-flow .wizard-actions .spacer {display:none;}
 #post.listing-flow .wizard-actions #wizardBack {flex:0 0 25%;}
 #post.listing-flow .wizard-actions .wizard-next {flex:1;min-width:0;}
 #post.listing-flow .flow-damage {padding:10px 6px;}
 .flow-damage-layout {grid-template-columns:1fr;gap:10px;}
 .flow-damage svg.flow-car {max-height:310px;}
 #post.listing-flow .flow-panel-fields {grid-template-columns:1fr 1fr;gap:6px;}
 #post.listing-flow .flow-panel-fields select {font-size:16px;}
 #post.listing-flow .flow-preview-top {grid-template-columns:minmax(0,.9fr) minmax(0,1fr);padding:10px;gap:10px;}
 #post.listing-flow .flow-preview-cover {height:160px;}
 #post.listing-flow .flow-preview-summary>p {font-size:12px;line-height:1.4;}
 #post.listing-flow .flow-preview-summary h3 {font-size:17px;}
 #post.listing-flow .flow-preview-price {font-size:20px;margin:6px 0;overflow-wrap:anywhere;}
 #post.listing-flow .flow-review-facts {grid-template-columns:1fr;}
 #post.listing-flow .flow-review-section {padding:10px;}
 #post.listing-flow .flow-location-map iframe {height:210px;}
}