#page-add [hidden]{display:none!important}
:root{--action-blue:#58738f;--action-blue-hover:#49647f}
#home-subcategory-tabs,#home-purpose-tabs{display:none!important}
html[data-theme="light"] body :is(.btn-primary,.nav-post-btn,.submit-btn,.filter-apply-btn,.btn-new,.msg-send-btn,.btn-ai){background:var(--action-blue)!important;color:#fff!important;border-color:var(--action-blue)!important}
html[data-theme="light"] body :is(.btn-primary,.nav-post-btn,.submit-btn,.filter-apply-btn,.btn-new,.msg-send-btn,.btn-ai):hover{background:var(--action-blue-hover)!important;color:#fff!important;border-color:var(--action-blue-hover)!important}
html[data-theme="light"] body :is(.bt-card,.catp-card,.add-type-image-card,.vehicle-type-card):hover{background:var(--action-blue)!important;color:#fff!important;border-color:var(--action-blue)!important}
html[data-theme="light"] body :is(.bt-card,.catp-card,.add-type-image-card,.vehicle-type-card):hover :is(b,small,.bt-hint,span){color:#fff!important}
html[data-theme="dark"] :is(#page-add,#page-vin){--ink:#eef5ff;--ink-60:#c0cede;--ink-40:#a1b3c9;--surface:#101d2c;--surface-2:#17293e;--card:#142438;--border:#3a536e;--border-2:#58718d;--accent-light:#193d60;--accent2-light:#193d60}
html[data-theme="dark"] body :is(#page-add,#page-vin) :is(.form-section,.vin-workspace,.vin-input-panel,.vin-result-card,.publish-start-options button){background:var(--card)!important;color:var(--ink)!important;border-color:var(--border)!important}
html[data-theme="dark"] body :is(#page-add,#page-vin) :is(input,select,textarea){background:#0f1f32!important;color:#eef5ff!important;border-color:#54708f!important;color-scheme:dark}
html[data-theme="dark"] body :is(#page-add,#page-vin) :is(input,textarea)::placeholder{color:#aebfd2!important;opacity:1}
html[data-theme="dark"] body :is(#page-add,#page-vin) :is(.fg label,.filter-label,.vin-panel-title p,.add-subtitle){color:#c8d7e9!important}
#publish-engine-lock{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid #cbd8e4;border-left:4px solid var(--action-blue);border-radius:11px;margin-bottom:18px;background:#f3f7fa;color:var(--ink);box-shadow:0 4px 14px rgba(28,57,82,.06)}
#publish-engine-lock b{color:#304d69}#publish-engine-lock span{display:block;font-size:13px;margin-top:5px;color:var(--ink-60)}#publish-engine-lock button{padding:10px 14px;border:1px solid #b9c8d6;background:#fff;color:#3f5f7c;border-radius:8px;white-space:nowrap}
.vehicle-type-panel.selection-locked .vehicle-type-card:not(.selected){opacity:.55}.vehicle-type-panel.selection-locked .vehicle-type-card.selected{border-color:var(--action-blue)!important;box-shadow:0 0 0 2px rgba(88,115,143,.18)}.vehicle-type-panel.selection-locked .vehicle-type-card.selected .vehicle-type-choose{background:var(--action-blue)!important;color:#fff!important;border-color:var(--action-blue)!important}
.vin-input-panel>.publish-vin-fallback{border-top:1px solid var(--border);padding-top:14px;margin:18px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.vin-input-panel>.publish-vin-fallback button{flex:1;min-width:130px;min-height:44px}
#publish-start{max-width:1040px;margin:34px auto;padding:30px;border:1px solid #dce5ec;border-radius:18px;background:#fff;box-shadow:0 12px 36px rgba(28,57,82,.08)}
#publish-start h2{font-size:30px;letter-spacing:-.6px;margin:5px 0 8px}.publish-start-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--action-blue)}.publish-start-lead{margin:0 0 24px;color:var(--ink-60);line-height:1.5}
.publish-start-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.publish-start-options button{display:flex;flex-direction:column;text-align:left;gap:12px;padding:21px;border:1px solid #d6e0e8;background:#f8fafc;color:var(--ink);border-radius:13px;min-height:220px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.publish-start-options button:hover{transform:translateY(-3px);border-color:#9eb2c5;background:#fff;box-shadow:0 10px 24px rgba(48,77,105,.12)}.publish-start-options i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e8eef4;color:var(--action-blue);font-style:normal;font-size:24px}.publish-start-options b{font-size:20px}.publish-start-options span{font-size:14px;line-height:1.5;color:var(--ink-60)}.publish-start-options strong{margin-top:auto;color:var(--action-blue);font-size:13px}.publish-document-note{text-align:center;margin:15px 0 0;color:var(--ink-60);font-size:12px}
.publish-text-button,#publish-resume{display:block;margin:20px auto;padding:12px;background:transparent;color:inherit;border:1px solid var(--border);border-radius:8px}
#publish-save-state{font-size:12px;color:var(--ink-60);margin:8px 0}
#page-add .add-form-columns{display:block!important}#page-add .add-form-column[data-column=right]{max-width:880px;margin:auto;min-width:0}
#page-add .add-form-column[data-column=left]{display:none!important}
#publish-photo-options,.publish-vin-fallback{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}
#publish-photo-options button,.publish-vin-fallback button{padding:12px 18px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--accent-dark)}
.publish-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0}.publish-upload-grid label{display:grid;gap:6px}
.publish-upload-grid input,.publish-upload-grid select{width:100%;min-height:44px}
#publish-upload-fields{margin-top:20px}#publish-upload-fields summary,.publish-equipment-details summary{cursor:pointer;padding:14px 0;font-weight:600}
#page-add .img-preview{overflow:visible;height:auto;min-height:180px;padding-bottom:48px}.photo-job{position:absolute;bottom:0;left:0;right:0;padding:5px;background:var(--surface);color:var(--ink);min-height:42px;border-radius:0 0 7px 7px}.photo-job small{display:block;font-size:10px}.photo-job button{min-width:30px;min-height:26px;margin-right:4px}
[data-theme="dark"] .publish-start-options strong,[data-theme="dark"] #publish-photo-options button,[data-theme="dark"] .publish-vin-fallback button,[data-theme="dark"] .market-analysis-actions button{color:var(--accent-mid)}
#page-add .technical-missing-fields,#final-review-improvements{background:#f6f4f3!important;border:1px solid #ded4d0!important;border-left:3px solid #a76d61!important;color:#75483e!important;border-radius:9px;padding:14px}
[data-theme="dark"] #page-add .technical-missing-fields,[data-theme="dark"] #final-review-improvements{background:#241d1c!important;border-color:#4a3a36!important;border-left-color:#b5776a!important;color:#e6bcb2!important}
[data-theme="dark"] #page-add .technical-missing-fields label,[data-theme="dark"] #final-review-improvements button,[data-theme="dark"] #final-review-improvements h4{color:#e6bcb2!important}
#page-add .technical-missing-fields label,#page-add .technical-missing-head b,#page-add .technical-missing-head span{color:#75483e!important}
#final-review-improvements h3{font-size:17px;margin-bottom:4px}#final-review-improvements>p{margin-bottom:10px;font-size:13px;opacity:.9}#final-review-improvements h4{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
#final-review-improvements button{border:0;background:transparent;color:#75483e;padding:8px;text-align:left}
#publish-inline-preview{margin-top:20px}#publish-inline-preview .draft-preview{width:100%;max-width:100%}
#page-add .publish-step-controls{position:sticky;bottom:0;z-index:15;gap:12px;padding:12px 0;background:transparent;border:0;box-shadow:none}
#page-add .publish-progress{scroll-margin-top:75px}#page-add .publish-progress button{min-width:0}
#page-add .submit-btn{max-width:880px;margin:15px auto;display:block}
#market-analysis-result{padding:14px;line-height:1.5}.market-analysis-why{margin:8px 0;padding-left:18px;color:var(--ink-60)}.market-analysis-why li{margin:4px 0}.market-analysis-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.market-analysis-actions button{padding:11px 16px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--accent-dark);min-height:44px}.market-analysis-actions button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}#market-analysis-result[data-stale=true]::before{content:'Podatki so spremenjeni. Ponovite analizo.';display:block;color:#884f42;font-weight:600}
.mobile-bottom-nav{display:none}.publish-profile-messages{margin:15px;padding:12px}
.publish-secondary-actions{margin-top:16px}.publish-secondary-actions summary{cursor:pointer;padding:12px 0}
#publish-vin-details .vin-already-checked>div{display:none}
#publish-vin-details .vin-already-checked{padding:0;border:0;background:none;margin:8px 0}
#publish-vin-details .vin-already-checked button{padding:6px 0;background:none;color:inherit;text-align:left;text-decoration:underline;min-height:36px}
@media(max-width:767px){
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;padding:3px calc(3px + env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) calc(3px + env(safe-area-inset-left));background:var(--card);border-top:1px solid var(--border);z-index:45;gap:3px}
 .mobile-bottom-nav button{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:7px;background:none;color:var(--ink-60);min-height:38px;font-size:18px}.mobile-bottom-nav button>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav button>.mobile-home-icon{width:22px}.mobile-bottom-nav button span{max-width:100%;font-size:9px;line-height:1;white-space:nowrap}.mobile-bottom-nav .mobile-publish{margin-inline:8px;background:var(--accent);color:#fff;font-size:22px}.mobile-bottom-nav .mobile-publish>span:not(.message-count-badge){transform:translateY(-2px)}.mobile-bottom-nav .message-count-badge{position:absolute;right:6px;top:0}
 body:not(.publish-form-active){padding-bottom:58px}body.publish-form-active .mobile-bottom-nav,body.mobile-keyboard .mobile-bottom-nav{display:none}
 #publish-start{padding:20px 14px;margin:12px auto;border-radius:14px}.publish-start-options{grid-template-columns:1fr;gap:10px}.publish-start-options button{min-height:0;padding:16px;display:grid;grid-template-columns:38px 1fr;gap:4px 12px;align-items:center}.publish-start-options i{grid-row:1/4;width:38px;height:38px}.publish-start-options b{font-size:17px}.publish-start-options span,.publish-start-options strong{grid-column:2}.publish-document-note{text-align:left}
 #page-add .publish-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:4px 0 12px;overflow:visible;padding:0}
 #page-add #publish-progress button{min-width:0;min-height:48px;padding:4px 1px;display:flex;flex-direction:column;justify-content:center;gap:3px;border:0;background:transparent;color:var(--ink-60)}
 #page-add #publish-progress button span{width:24px;height:24px;flex-basis:24px;border:1px solid var(--border);background:var(--surface-2);font-size:10px}
 #page-add #publish-progress button b{display:none}#page-add #publish-progress button:after{content:attr(data-short);font-size:10px;line-height:1.1;white-space:nowrap}
 #page-add #publish-progress button.on{background:var(--accent-light);border-radius:8px;color:var(--accent-dark)}#page-add #publish-progress button.on span{border-color:var(--accent);background:var(--accent);color:#fff}
 #page-add .frow,#page-add .frow3{grid-template-columns:1fr!important}#page-add .technical-missing-grid{grid-template-columns:1fr!important}
 #page-add .add-wrap{padding-left:14px;padding-right:14px}#page-add input,#page-add select,#page-add textarea{font-size:16px;max-width:100%}
 .publish-upload-grid{grid-template-columns:1fr}#publish-photo-options button{flex:1;padding:12px 8px}
#page-add .final-review-actions{flex-wrap:wrap}#page-add .draft-preview-heading{flex-wrap:wrap}
}

/* v171: enostaven vnos fotografij brez podvojenih korakov. */
#page-add #upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:210px;padding:28px 20px;border:1.5px dashed #aebfcd;border-radius:13px;background:#f7f9fb;text-align:center;cursor:default}
#page-add #upload-area .upload-text{font-size:18px;font-weight:700;color:#304d69}
#page-add #upload-area .upload-sub,#page-add .publish-drop-hint{color:#687b89;font-size:13px;line-height:1.45}
#page-add .publish-drop-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:500px;margin:12px auto 4px}
#page-add .publish-drop-actions button{min-height:46px;padding:11px 14px;border:1px solid #b9c8d4;border-radius:9px;background:#fff;color:#49647f;font-weight:700;box-shadow:none}
#page-add .publish-drop-actions button:first-child{background:#58738f;color:#fff;border-color:#58738f}
#page-add .publish-drop-actions button:hover{border-color:#58738f;background:#edf2f6;color:#3d5872}
#page-add .publish-drop-actions button:first-child:hover{background:#49647f;color:#fff;border-color:#49647f}
#page-add .add-section-equipment{margin-top:14px}
#page-add .add-section-equipment .form-section-title{margin-bottom:14px}
#page-add .listing-flag-grid label[hidden]{display:none!important}
#page-add .publish-internal-only{display:none!important}
@media(max-width:520px){#page-add #upload-area{min-height:190px;padding:22px 14px}#page-add .publish-drop-actions{grid-template-columns:1fr}#page-add .publish-drop-actions button{width:100%}}

@media(max-width:767px){
 .nav-center{display:none!important}
 .nav-right{margin-left:auto!important}
 body.user-authenticated #nav-user-area,body:not(.view-home) #nav-user-area{display:none!important}
 .mobile-bottom-nav button,.mobile-bottom-nav button:hover{background:transparent!important;color:#49647f!important;min-height:48px}
 .mobile-bottom-nav button>svg{width:22px;height:22px}
 .mobile-bottom-nav button.on{color:#58738f!important;background:#edf2f6!important}
 .mobile-bottom-nav .mobile-publish,.mobile-bottom-nav .mobile-publish:hover{background:#58738f!important;color:#fff!important;box-shadow:0 5px 14px rgba(88,115,143,.24)}
}