.compact-detail{--paper:var(--panel,#fff);--line:#dee5d8;--muted:#8c9981;--green:#2e593f;--field:#fafbf7;--soft:#eef2e6;--ink:#2d4336;color:var(--ink)}
html[data-theme="dark"] .compact-detail{--paper:#1e3024;--line:#3c5034;--green:#537a43;--field:#243629;--soft:#334a2b;--ink:#d5e1cb}
.compact-detail button,.compact-detail input,.compact-detail select,.compact-detail textarea{font:inherit}.compact-detail button,.compact-detail a{touch-action:manipulation}.compact-detail button{cursor:pointer;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:8px 11px}.compact-detail button:hover{background:var(--soft)}.compact-detail button:focus-visible,.compact-detail a:focus-visible,.compact-detail input:focus-visible,.compact-detail select:focus-visible,.compact-detail textarea:focus-visible,.compact-detail summary:focus-visible{outline:3px solid #b7a16f;outline-offset:2px}.compact-detail button:disabled{opacity:.5;cursor:default}.compact-detail a{color:inherit;text-decoration:none}.compact-detail .vehicle-heading{display:flex;align-items:center;gap:14px;padding:22px 0 21px}.compact-detail .vehicle-id{width:43px;height:46px;border:1px solid #d0dcc2;border-radius:7px;background:#eaf0e0;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px;color:#79925b;flex-shrink:0}.compact-detail .eyebrow{font-size:8px;font-weight:600;letter-spacing:1.3px;color:#879b70;display:block;text-transform:uppercase}.compact-detail .eyebrow i{font-style:normal;padding:0 7px;color:#c0cbb2}.compact-detail h1{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:5px 0 5px;line-height:1.15;letter-spacing:-.4px}.compact-detail .vehicle-heading p{margin:0;font-size:10px;color:#95a18a}.compact-detail .vehicle-heading p>span{color:#bec9b2;margin:0 5px}.compact-detail .heading-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.compact-detail .heading-actions a{font-size:10px;padding:7px 11px;border:1px solid var(--line);border-radius:5px;background:var(--paper);white-space:nowrap}.compact-detail .edit-pill{font-size:9px;background:#e9f0e0;color:#7c9464;border:1px solid #d8e4ca;border-radius:5px;padding:7px 10px;white-space:nowrap}.compact-detail .edit-pill.editing{background:#f5eccc;color:#ab8b40;border-color:#e5d6a7}.compact-detail .detail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.compact-detail .media-column{min-width:0}.compact-detail .media-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.compact-detail .media-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #edf1e6}.compact-detail .media-heading h2{font-size:11px;font-weight:600;margin:0}.compact-detail .media-heading>span{font-size:9px;color:#9aa78b}.compact-detail .main-photo{border:0;border-radius:0;width:100%;height:173px;padding:15px;background:#fff;display:block}.compact-detail .main-photo:hover{background:#fff}.compact-detail .main-photo img{width:100%;height:100%;object-fit:contain}.compact-detail .photo-caption{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;min-height:32px;border-top:1px solid #f1f4eb}.compact-detail .photo-status{font-size:8px;color:#b19a64}.compact-detail .photo-status.confirmed{color:#7e9c63}.compact-detail .photo-caption button{font-size:16px;padding:0 5px;border:0;background:transparent}.compact-detail .thumbnails{display:flex;gap:6px;padding:0 12px 10px;overflow:auto}.compact-detail .thumbnails button{width:49px;height:37px;flex-shrink:0;background:white;padding:3px;border-color:#e0e8d7}.compact-detail .thumbnails button.active{border-color:#759751;box-shadow:0 0 0 1px #759751}.compact-detail .thumbnails img{width:100%;height:100%;object-fit:contain}.compact-detail .add-photos{position:relative;margin:10px 12px 12px;padding:12px 8px;border:1px dashed #c7d5b9;border-radius:5px;display:grid;grid-template-columns:23px 1fr;gap:4px 5px;cursor:pointer;background:#fafcf6}.compact-detail .add-photos>span{grid-row:span 2;font-size:22px;color:#96ad7b;align-self:center}.compact-detail .add-photos strong{font-size:10px;font-weight:500;color:#77945f}.compact-detail .add-photos small{font-size:8px;color:#a0af91}.compact-detail .add-photos:hover,.compact-detail .add-photos.dragging{background:#eef5e5;border-color:#89a66c}.compact-detail .empty-photos .add-photos{margin:13px;padding:17px 10px;min-height:78px}.compact-detail .local-photo-note{font-size:8px;color:#ad975d;padding:0 12px 9px}.compact-detail .quick-data{margin-top:15px;border:1px solid var(--line);border-radius:7px;padding:13px 14px;background:var(--paper)}.compact-detail .quick-data h2{font-size:10px;font-weight:600;margin:0 0 7px}.compact-detail .quick-data>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eef2e7;align-items:center}.compact-detail .quick-data>div:last-child{border-bottom:0;padding-bottom:0}.compact-detail .quick-data>div>span{font-size:9px;color:#94a286}.compact-detail .quick-data strong{font-size:10px;font-weight:500}.compact-detail .mono{font-family:Consolas,monospace;background:#f6f0d8;padding:3px 6px;border-radius:3px;color:#9f8d53}.compact-detail .technical{font-size:9px;color:#99a98a;margin:14px 2px;line-height:1.9}.compact-detail .technical summary{cursor:pointer}.compact-detail .technical p{font-size:10px;color:#92a182}.compact-detail .data-panel{border:1px solid #d6e0ca;border-radius:8px;background:var(--paper);min-width:0;box-shadow:0 5px 22px #26452205;overflow:hidden}.compact-detail .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;gap:10px;border-bottom:1px solid #e7eddf}.compact-detail .panel-header h2{font-size:14px;font-weight:600;margin:0 0 6px}.compact-detail .panel-header p{font-size:9px;color:#9aaa8a;margin:0;line-height:1.5}.compact-detail .edit-button{font-size:10px;background:#f4f8ee;border-color:#d4e1c6;color:#78935d;white-space:nowrap}.compact-detail .cancel-button{font-size:10px;color:#9e8a5c;white-space:nowrap}.compact-detail .tabs{display:flex;background:#f9fbf5;border-bottom:1px solid #e2e9d8;padding:0 12px;overflow:auto}.compact-detail .tabs button{font-size:9px;border:0;border-radius:0;padding:13px 10px;background:transparent;color:#96a887;white-space:nowrap;border-bottom:2px solid transparent}.compact-detail .tabs button>span{margin-right:6px;font-size:11px}.compact-detail .tabs button.active{color:#6a8b4c;border-bottom-color:#78995b;font-weight:600}.compact-detail .panel-content{padding:0 18px 20px;min-height:342px}.compact-detail .field-section{margin-top:19px}.compact-detail .section-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.compact-detail .section-caption h3{font-size:10px;font-weight:600;letter-spacing:.2px;margin:0;color:#6f8559}.compact-detail .section-caption>span{font-size:8px;color:#a5b197}.compact-detail .field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 13px}.compact-detail .field{min-width:0}.compact-detail .field label{display:block;font-size:9px;font-weight:500;color:#90a17d;margin-bottom:5px}.compact-detail .field input,.compact-detail .field select,.compact-detail textarea{width:100%;height:33px;border:1px solid #e0e7d7;border-radius:5px;background:#fff;color:#3c5133;padding:7px 9px;font-size:11px;outline-offset:1px;text-overflow:ellipsis}.compact-detail .field input:disabled,.compact-detail .field select:disabled,.compact-detail textarea:disabled{background:var(--field);border-color:#e5ebde;color:#526845;opacity:1;-webkit-text-fill-color:#526845;cursor:default}.compact-detail .field input::placeholder{color:#bbc4ae}.compact-detail .field input:not(:disabled):focus,.compact-detail .field select:not(:disabled):focus,.compact-detail textarea:not(:disabled):focus{border-color:#8eab6e;box-shadow:0 0 0 3px #90ad6d15}.compact-detail .field input:not(:disabled),.compact-detail .field select:not(:disabled),.compact-detail textarea:not(:disabled){border-color:#bdcdae}.compact-detail textarea{height:205px;resize:vertical;line-height:1.8;font-size:12px}.compact-detail .savebar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fafbf7;border-top:1px solid #e5ebdc;padding:13px 17px}.compact-detail .savebar>span{font-size:8px;color:#a0ae90}.compact-detail .savebar>span.pending{color:#b49b5a}.compact-detail .primary{background:var(--green);color:#fff;border-color:var(--green);font-size:11px;padding:10px 16px;min-width:160px;text-align:left}.compact-detail .primary>span{float:right;margin-left:15px;font-size:12px}.compact-detail .primary:hover{background:#3e6c4a}.compact-detail .primary:disabled{background:#dfe7d6;color:#9eb28d;border-color:#dfe7d6;opacity:1}.compact-detail .digital-note{font-size:10px;color:#9b956d;line-height:1.9;padding:12px;border:1px solid #e9e4d2;background:#fcfaf2;border-radius:5px;margin-top:18px}.compact-detail .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html[data-theme="dark"] .compact-detail .preview-strip{background:#304027;color:#b0c098}html[data-theme="dark"] .compact-detail .vehicle-id{background:#2b4227;border-color:#536c3e;color:#b6ce9c}html[data-theme="dark"] .compact-detail .data-panel{border-color:#48603d}html[data-theme="dark"] .compact-detail .panel-header,html[data-theme="dark"] .compact-detail .tabs,html[data-theme="dark"] .compact-detail .savebar{background:#223526;border-color:#3d5234}html[data-theme="dark"] .compact-detail .tabs button.active{color:#c1dca5}html[data-theme="dark"] .compact-detail .field input:disabled,html[data-theme="dark"] .compact-detail .field select:disabled,html[data-theme="dark"] .compact-detail textarea:disabled{border-color:#3a5031;color:#cedcc1;-webkit-text-fill-color:#cedcc1}html[data-theme="dark"] .compact-detail .field input:not(:disabled),html[data-theme="dark"] .compact-detail .field select:not(:disabled),html[data-theme="dark"] .compact-detail textarea:not(:disabled){background:#203321;color:#e2edd7;border-color:#6d8b54}html[data-theme="dark"] .compact-detail .add-photos{background:#263e26;border-color:#537140}html[data-theme="dark"] .compact-detail .add-photos strong{color:#b7cf9d}html[data-theme="dark"] .compact-detail .add-photos small{color:#93ab7b}html[data-theme="dark"] .compact-detail .quick-data>div{border-color:#33492c}html[data-theme="dark"] .compact-detail .mono{background:#4a4529;color:#d4c286}html[data-theme="dark"] .compact-detail .edit-pill{background:#2c4728;color:#b8d29d;border-color:#526f40}html[data-theme="dark"] .compact-detail .edit-pill.editing{background:#51472b;color:#e0ca8f;border-color:#7a6c3f}html[data-theme="dark"] .compact-detail .edit-button{background:#304a2a;border-color:#587546;color:#c0d9a5}html[data-theme="dark"] .compact-detail .primary:disabled{background:#33472c;color:#718c5b;border-color:#33472c}html[data-theme="dark"] .compact-detail .digital-note{background:#393723;border-color:#625c37;color:#c0b481}@media(min-width:1550px){.compact-detail .detail-layout{grid-template-columns:300px minmax(0,1fr);gap:24px}.compact-detail .main-photo{height:220px}.compact-detail .field input,.compact-detail .field select{height:36px;font-size:13px}.compact-detail .field label{font-size:11px}.compact-detail .panel-content{min-height:375px}.compact-detail .tabs button{font-size:11px}.compact-detail .section-caption h3{font-size:12px}}@media(max-width:1150px){.compact-detail .detail-layout{grid-template-columns:225px minmax(0,1fr);gap:15px}.compact-detail .panel-header{padding:15px}.compact-detail .panel-header p{font-size:8px}.compact-detail .tabs{padding-inline:7px}.compact-detail .tabs button{padding:12px 7px;font-size:8px}.compact-detail .tabs button>span{display:none}.compact-detail .field-grid{gap:10px}.compact-detail .panel-content{padding-inline:15px}.compact-detail .heading-actions{gap:6px}.compact-detail .field label{font-size:8px}.compact-detail .savebar{padding:12px}.compact-detail .savebar>span{font-size:7px}.compact-detail .primary{font-size:10px;min-width:135px}}@media(max-width:950px){.compact-detail .detail-layout{grid-template-columns:245px minmax(0,1fr);gap:18px}.compact-detail .field label{font-size:10px}.compact-detail .tabs button{font-size:9px}}@media(max-width:700px){.compact-detail .detail-layout{grid-template-columns:1fr}.compact-detail .media-column{display:grid;grid-template-columns:1fr 1fr;gap:13px}.compact-detail .quick-data{margin-top:0}.compact-detail .technical{grid-column:1/-1;margin:0}.compact-detail .main-photo{height:150px}.compact-detail .vehicle-heading{gap:10px;padding-block:18px;flex-wrap:wrap}.compact-detail .vehicle-heading h1{font-size:26px}.compact-detail .heading-actions{margin-left:0;width:100%;justify-content:flex-end}.compact-detail .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.compact-detail .panel-content{min-height:0;padding:0 16px 22px}.compact-detail .tabs{padding-inline:10px}.compact-detail .tabs button{font-size:10px;padding:13px 10px}.compact-detail .panel-header p{font-size:9px}.compact-detail .field label{font-size:10px}.compact-detail .field input,.compact-detail .field select{height:36px;font-size:12px}.compact-detail .savebar{flex-wrap:wrap}.compact-detail .savebar>span{font-size:8px}}@media(max-width:420px){.compact-detail .media-column{grid-template-columns:1fr}.compact-detail .quick-data{display:none}.compact-detail .main-photo{height:170px}.compact-detail .panel-header h2{font-size:13px}.compact-detail .tabs button{font-size:9px;padding:12px 8px}.compact-detail .savebar .primary{width:100%}}.compact-detail .field label{font-size:11px}.compact-detail .field input,.compact-detail .field select{font-size:12px;height:34px}.compact-detail .panel-header p{font-size:10px}.compact-detail .tabs button{font-size:10px}.compact-detail .section-caption h3{font-size:11px}.compact-detail .savebar>span{font-size:9px}@media(min-width:561px) and (max-width:950px){.compact-detail .detail-layout{grid-template-columns:185px minmax(0,1fr);gap:14px}.compact-detail .media-column{display:block}.compact-detail .quick-data{margin-top:12px}.compact-detail .technical{margin-top:12px}.compact-detail .main-photo{height:126px;padding:10px}.compact-detail .field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 9px}.compact-detail .panel-content{padding:0 13px 17px;min-height:335px}.compact-detail .field label{font-size:10px}.compact-detail .field input,.compact-detail .field select{font-size:11px;padding-inline:7px;height:32px}.compact-detail .panel-header{padding:13px;align-items:flex-start}.compact-detail .panel-header h2{font-size:13px}.compact-detail .panel-header p{font-size:9px;max-width:190px}.compact-detail .edit-button,.compact-detail .cancel-button{font-size:9px;padding:7px;white-space:nowrap}.compact-detail .tabs{padding-inline:4px}.compact-detail .tabs button{font-size:8px;padding:11px 6px}.compact-detail .section-caption h3{font-size:10px}.compact-detail .savebar{padding:11px 12px;gap:8px}.compact-detail .savebar .primary{min-width:130px;font-size:10px;padding:9px}.compact-detail .savebar>span{font-size:8px;max-width:150px}.compact-detail .heading-actions{width:auto;margin-left:auto}.compact-detail .vehicle-heading{flex-wrap:nowrap}}@media(max-width:560px){.compact-detail .main-photo{height:110px}.compact-detail .media-column{align-items:start}.compact-detail .quick-data{padding:10px}.compact-detail .quick-data>div{padding:7px 0}.compact-detail .media-heading{padding:9px 11px}.compact-detail .add-photos{padding:10px 7px;margin:8px}.compact-detail .photo-caption{padding:7px}.compact-detail .vehicle-heading{padding:14px 0}.compact-detail .panel-content{padding-inline:13px}}.compact-detail [hidden]{display:none!important}.compact-detail .data-panel{padding:0;margin:0}.compact-detail .fields{display:block}.compact-detail #vehicle-photo-gallery:empty{display:none}.compact-detail .photos{display:block;max-height:none;overflow:visible;margin:0}.compact-detail .photos img{max-height:none}.compact-detail .detail-photo-uploader{margin:0;padding:12px;border:0;box-shadow:none;background:transparent}.compact-detail .detail-photo-uploader h2{font-size:12px;margin:0 0 8px}.compact-detail .photo-dropzone{padding:12px 8px;min-height:70px;font-size:11px}.compact-detail .photo-dropzone p,.compact-detail .detail-photo-uploader small{font-size:10px}.compact-detail #save-detail-photos{font-size:11px;min-width:0;width:100%;padding:9px}.compact-detail .technical{overflow-wrap:anywhere}.compact-detail .technical button{font-size:11px;margin:5px 0}.compact-detail .technical dl{font-size:11px}.compact-detail .savebar{flex-wrap:wrap}.compact-detail #archive-unit{font-size:10px;padding:8px;min-width:0}.compact-detail .edit-state{font-size:10px}.compact-detail .vehicle-heading h1{font-size:28px}.compact-detail .field-section label{line-height:1.4}.compact-detail .vehicle-heading>div:nth-child(2){min-width:0}.compact-detail .vehicle-heading h1{overflow-wrap:anywhere}.compact-detail .main-photo img{border-radius:0}.compact-detail .technical code{overflow-wrap:anywhere}
.compact-detail .field label{margin:0 0 5px}.compact-detail .field input,.compact-detail .field select{margin:0;line-height:normal}.compact-detail .detail-photo-uploader p{margin:8px 0;line-height:1.5}.compact-detail .photo-dropzone p{margin:5px 0 0}.compact-detail .photo-dropzone{border-radius:5px}.compact-detail .photos .main-photo img{border:0;background:white}.compact-detail .photos .thumbnails img{border:0;background:white}