.vehicle-evaluations-view { width:100%; max-width:100%; min-width:0; padding:0; overflow-x:hidden; }
.ve-workspace { --ve-green:#1fc8a9; --ve-green-dark:#0a2240; --ve-navy:#0a2240; --ve-navy-2:#16406b; --ve-aqua:#1fc8a9; --ve-ink:#0f1d2e; --ve-muted:#66788f; display:grid; grid-template-columns:minmax(0,1fr); gap:20px; width:100%; max-width:100%; min-width:0; padding:24px; color:var(--ve-ink); }
.ve-workspace * { box-sizing:border-box; }
.ve-workspace>* { max-width:100%; min-width:0; }
.ve-hero { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; padding:25px 28px; border:1px solid #173a60; border-radius:22px; background:linear-gradient(120deg,var(--ve-navy) 0%,#11345b 64%,#164b6a 100%); box-shadow:0 12px 34px rgba(10,34,64,.15); }
.ve-hero-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; color:var(--ve-navy); background:linear-gradient(135deg,#63e8d0,var(--ve-aqua)); box-shadow:0 9px 18px rgba(31,200,169,.24); }
.ve-hero-icon svg { width:29px; height:29px; }
.ve-hero>div:nth-child(2) { min-width:0; }
.ve-hero h1,.ve-section-title h2,.ve-algorithm h2,.ve-list-panel h2,.ve-detail h2 { margin:0; color:var(--ve-ink); }
.ve-hero h1 { color:#fff; }
.ve-hero h1 { font-size:clamp(24px,3vw,34px); letter-spacing:-.035em; }
.ve-hero p,.ve-section-title p,.ve-algorithm p,.ve-list-panel p { margin:5px 0 0; color:var(--ve-muted); }
.ve-hero p { color:#c8d5e2; }
.ve-eyebrow { display:block; margin-bottom:5px; color:var(--ve-navy); font-size:11px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.ve-hero .ve-eyebrow { color:#69e8d1; }
.ve-access-badge { display:flex; align-items:center; gap:8px; padding:10px 13px; border-radius:999px; font-size:12px; font-weight:800; white-space:nowrap; }
.ve-access-badge svg { width:17px; }
.ve-access-badge.manager { color:#086344; background:#dcf8eb; border:1px solid #a6e7cb; }
.ve-access-badge.team { color:#41516b; background:#edf1f6; border:1px solid #d8e0e9; }
.ve-hero-actions { display:flex; align-items:flex-end; gap:9px; flex-direction:column; }
.ve-share-button { display:flex; align-items:center; gap:8px; padding:11px 14px; border:1px solid #0f8c60; border-radius:11px; color:#fff; background:linear-gradient(135deg,var(--ve-green),var(--ve-green-dark)); box-shadow:0 7px 16px rgba(20,151,101,.18); font:inherit; font-size:12px; font-weight:850; cursor:pointer; white-space:nowrap; }
.ve-share-button:hover { transform:translateY(-1px); box-shadow:0 10px 20px rgba(20,151,101,.23); }
.ve-share-button:disabled { opacity:.65; cursor:wait; transform:none; }
.ve-share-button svg { width:17px; }
.ve-share-card { position:relative; display:grid; grid-template-columns:auto minmax(180px,.8fr) minmax(260px,1.2fr) auto; align-items:center; gap:14px; padding:17px 48px 17px 18px; border:1px solid #a9dfc8; border-radius:16px; background:linear-gradient(120deg,#effbf6,#fff); box-shadow:0 8px 24px rgba(19,108,76,.08); }
.ve-share-card>span { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#fff; background:var(--ve-green); }
.ve-share-card>span svg { width:20px; }
.ve-share-card strong { color:var(--ve-ink); font-size:14px; }
.ve-share-card p { margin:4px 0 0; color:var(--ve-muted); font-size:11px; line-height:1.4; }
.ve-share-card label { display:grid; gap:5px; min-width:0; color:#536178; font-size:10px; font-weight:800; }
.ve-share-card input { width:100%; min-width:0; padding:10px 11px; border:1px solid #cbded5; border-radius:9px; color:#304058; background:#fff; font:inherit; font-size:11px; }
.ve-share-card .primary-action { white-space:nowrap; }
.ve-share-close { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:30px; height:30px; border:0; border-radius:8px; color:#69768a; background:transparent; cursor:pointer; }
.ve-share-close:hover { background:#e3f4ec; }
.ve-share-close svg { width:16px; }
.ve-tabs { display:flex; gap:7px; padding:6px; width:max-content; max-width:100%; overflow:auto; border:1px solid #dfe5ec; border-radius:14px; background:#fff; box-shadow:0 5px 18px rgba(23,35,58,.05); }
.ve-tabs button { display:flex; align-items:center; gap:8px; padding:10px 15px; border:0; border-radius:10px; color:#667188; background:transparent; font:inherit; font-size:13px; font-weight:800; cursor:pointer; white-space:nowrap; }
.ve-tabs button svg { width:17px; }
.ve-tabs button.active { color:#fff; background:var(--ve-navy); box-shadow:0 5px 12px rgba(10,34,64,.2); }
.ve-message { display:flex; align-items:center; gap:9px; padding:12px 15px; border-radius:12px; font-size:13px; font-weight:700; }
.ve-message svg { width:18px; }
.ve-message.success { color:#096244; background:#e3f8ee; border:1px solid #b8ead3; }
.ve-message.error { color:#9c2c2c; background:#fff0f0; border:1px solid #f4c5c5; }
.ve-create,.ve-algorithm,.ve-list-panel,.ve-detail-panel { border:1px solid #e2e8ef; border-radius:19px; background:#fff; box-shadow:0 9px 28px rgba(28,44,68,.06); }
.ve-create { padding:26px; }
.ve-section-title { display:flex; align-items:center; gap:13px; margin-bottom:18px; }
.ve-section-title>span { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:var(--ve-green-dark); background:#e8f8f1; }
.ve-section-title svg { width:20px; }
.ve-section-title h2 { font-size:19px; }
.ve-section-title p { font-size:13px; }
.ve-form-grid { display:grid; gap:16px; }
.ve-form-grid.customer { grid-template-columns:1.2fr .8fr 1fr; }
.ve-form-grid.vehicle { grid-template-columns:repeat(3,1fr); }
.ve-form-grid .wide { grid-column:span 2; }
.ve-plate-lookup { display:grid; gap:7px; margin-bottom:18px; padding:15px; border:1px solid #cfe6dc; border-radius:13px; background:#f4fbf8; }
.ve-plate-lookup label { max-width:520px; }
.ve-plate-lookup label>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; }
.ve-plate-lookup button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:41px; padding:0 15px; border:0; border-radius:10px; color:#fff; background:var(--ve-green-dark); font-size:12px; font-weight:850; }
.ve-plate-lookup button:disabled { cursor:wait; opacity:.65; }
.ve-plate-lookup button svg { width:16px; }
.ve-plate-lookup p { margin:0; color:var(--ve-muted); font-size:12px; }
.ve-plate-lookup p.success { color:#087148; }
.ve-plate-lookup p.error { color:#a52d2d; }
.ve-plate-lookup p.loading { color:#775b13; }
.ve-create label,.ve-detail-fields label,.ve-algorithm-grid label { display:grid; gap:7px; color:#455269; font-size:12px; font-weight:800; }
.ve-create label b { color:#db493c; }
.ve-create input,.ve-create select,.ve-create textarea,.ve-detail input,.ve-detail select,.ve-detail textarea,.ve-filters input,.ve-filters select,.ve-adjustment input,.ve-adjustment select { width:100%; min-width:0; border:1px solid #d7dfe8; border-radius:10px; padding:11px 12px; color:#1c2940; background:#fbfcfd; font:inherit; font-size:13px; outline:none; transition:.16s; }
.ve-create input:focus,.ve-create select:focus,.ve-create textarea:focus,.ve-detail input:focus,.ve-detail select:focus,.ve-detail textarea:focus,.ve-filters input:focus,.ve-filters select:focus,.ve-adjustment input:focus,.ve-adjustment select:focus { border-color:var(--ve-green); box-shadow:0 0 0 3px rgba(20,151,101,.11); background:#fff; }
.ve-create select:disabled { color:#929caf; background:#f1f3f6; }
.ve-divider { height:1px; margin:25px 0; background:#e9edf2; }
.ve-observation { margin-top:17px; }
.ve-observation textarea,.ve-detail textarea { min-height:88px; resize:vertical; }
.ve-form-actions { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; padding-top:19px; border-top:1px solid #e9edf2; }
.ve-form-actions>div,.ve-algorithm>footer>div { display:flex; align-items:center; gap:9px; color:#65738a; font-size:12px; }
.ve-form-actions>div svg { width:19px; color:var(--ve-green); }
.ve-form-actions button,.ve-detail footer button,.ve-algorithm footer button { display:flex; align-items:center; gap:8px; }
.ve-form-actions button svg,.ve-detail footer button svg,.ve-algorithm footer button svg { width:18px; }
.ve-result { margin-bottom:20px; overflow:hidden; border:1px solid #b8e6d0; border-radius:20px; background:linear-gradient(145deg,#f5fff9,#fff); box-shadow:0 12px 32px rgba(18,119,80,.1); }
.ve-result-heading { display:flex; align-items:center; justify-content:space-between; padding:22px 25px; border-bottom:1px solid #d8eee3; }
.ve-result-heading h2 { margin:0; font-size:22px; }
.ve-result-heading p { margin:5px 0 0; color:var(--ve-muted); }
.ve-result-heading>svg { width:42px; height:42px; color:var(--ve-green); }
.ve-value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#e3ece8; }
.ve-value-grid article { display:grid; gap:5px; padding:20px; background:#fff; }
.ve-value-grid article.primary { background:#ecfbf4; }
.ve-value-grid span { color:#6f7b90; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.07em; }
.ve-value-grid strong { color:#17233a; font-size:24px; }
.ve-value-grid article.primary strong { color:var(--ve-green-dark); }
.ve-value-grid small { color:#8a94a5; }
.ve-result-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 22px; }
.ve-result-foot>span { display:flex; align-items:center; gap:8px; color:#627087; font-size:12px; }
.ve-result-foot svg { width:17px; }
.ve-summary { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:18px; }
.ve-summary article { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #e0e7ed; border-radius:14px; background:#fff; box-shadow:0 5px 16px rgba(28,44,68,.045); }
.ve-summary article>svg { width:22px; color:var(--ve-green); }
.ve-summary span { display:block; color:#728096; font-size:10px; font-weight:800; text-transform:uppercase; }
.ve-summary strong { display:block; margin-top:2px; color:#17233a; font-size:21px; }
.ve-admin-grid { display:grid; grid-template-columns:minmax(340px,.86fr) minmax(440px,1.14fr); gap:18px; align-items:start; }
.ve-list-panel,.ve-detail-panel { padding:20px; }
.ve-list-panel>header,.ve-algorithm>header,.ve-adjustments>header { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.ve-list-panel h2 { font-size:19px; }
.ve-list-panel p { font-size:12px; }
.ve-filters { display:grid; grid-template-columns:1fr 150px; gap:9px; margin:16px 0 12px; }
.ve-records { display:grid; gap:8px; max-height:710px; overflow:auto; padding-right:3px; }
.ve-record { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; width:100%; padding:12px; border:1px solid #e1e7ee; border-radius:12px; color:inherit; text-align:left; background:#fff; cursor:pointer; }
.ve-record:hover,.ve-record.active { border-color:#8ed7b8; background:#f3fcf8; }
.ve-record-icon { display:grid; place-items:center; width:37px; height:37px; border-radius:11px; color:var(--ve-green); background:#e9f8f1; }
.ve-record-icon svg { width:19px; }
.ve-record>span:nth-child(2) { display:grid; min-width:0; }
.ve-record strong,.ve-record small,.ve-record em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ve-record strong { font-size:13px; }
.ve-record small { margin-top:2px; color:#66738a; font-size:11px; }
.ve-record em { margin-top:3px; color:#929bad; font-size:10px; font-style:normal; }
.ve-status { display:inline-flex; width:max-content; padding:5px 8px; border-radius:999px; color:#526078; background:#edf1f5; font-size:9px; font-weight:850; white-space:nowrap; text-transform:uppercase; }
.status-approved,.status-purchased { color:#08704b; background:#dff7eb; }
.status-inspection,.status-negotiated { color:#8b5c09; background:#fff1cf; }
.status-lost { color:#9d3333; background:#ffe6e6; }
.ve-detail>header { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; padding-bottom:16px; border-bottom:1px solid #e8edf2; }
.ve-detail h2 { font-size:21px; }
.ve-detail header p { margin:4px 0 0; color:#7b879a; font-size:11px; }
.ve-detail-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:16px 0; }
.ve-detail-cards article { padding:13px; border:1px solid #e2e8ee; border-radius:11px; background:#fbfcfd; }
.ve-detail-cards h3 { margin:0 0 9px; font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.ve-detail-cards p { display:grid; gap:2px; margin:7px 0; }
.ve-detail-cards p span { color:#8691a3; font-size:9px; text-transform:uppercase; }
.ve-detail-cards p strong { font-size:11px; line-height:1.35; }
.ve-detail-fields { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.ve-detail-fields .wide { grid-column:1/-1; }
.ve-check { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; }
.ve-check input,.ve-mini-check input { width:16px; height:16px; accent-color:var(--ve-green); }
.ve-detail footer { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:17px; padding-top:15px; border-top:1px solid #e8edf2; color:#8490a2; font-size:10px; }
.ve-empty,.ve-loading { display:grid; place-items:center; gap:8px; min-height:240px; padding:30px; color:#7a879b; text-align:center; border:1px dashed #ccd6df; border-radius:16px; background:#fafcfd; }
.ve-empty.compact { min-height:160px; }
.ve-empty svg { width:30px; color:#9aa7b8; }
.ve-empty strong { color:#425169; }
.ve-empty span { font-size:12px; }
.ve-loading svg { width:25px; animation:ve-spin 1s linear infinite; color:var(--ve-green); }
@keyframes ve-spin { to { transform:rotate(360deg); } }
.ve-algorithm { padding:23px; }
.ve-algorithm>header { padding-bottom:18px; border-bottom:1px solid #e6ebf0; }
.ve-algorithm>header>span { display:flex; align-items:center; gap:7px; padding:8px 11px; border-radius:999px; color:#086344; background:#dcf8eb; font-size:11px; font-weight:850; }
.ve-algorithm>header>span svg { width:16px; }
.ve-algorithm-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:20px 0; }
.ve-algorithm-grid label { padding:15px; border:1px solid #e1e7ed; border-radius:13px; background:#fbfcfd; }
.ve-algorithm-grid label>span { color:#34445d; font-size:12px; }
.ve-algorithm-grid label>div { display:flex; align-items:center; gap:8px; }
.ve-algorithm-grid input { width:105px; border:1px solid #d5dee7; border-radius:9px; padding:10px; font:inherit; font-size:18px; font-weight:800; }
.ve-algorithm-grid b { color:#6f7c90; font-size:10px; }
.ve-algorithm-grid small { color:#8b96a7; font-size:10px; font-weight:500; line-height:1.4; }
.ve-adjustments { margin-top:10px; padding-top:19px; border-top:1px solid #e6ebf0; }
.ve-adjustments h3 { margin:0; font-size:16px; }
.ve-adjustments p { margin:4px 0 0; font-size:11px; }
.ve-adjustment { display:grid; grid-template-columns:70px 1fr 1fr 1.2fr 115px 90px 1.3fr 62px 38px; gap:7px; align-items:center; margin-top:9px; padding:9px; border:1px solid #e1e7ed; border-radius:11px; background:#fbfcfd; }
.ve-adjustment input,.ve-adjustment select { padding:8px; font-size:11px; }
.ve-mini-check { display:flex; align-items:center; gap:4px; color:#5d6a7e; font-size:10px; }
.ve-adjustment>button { display:grid; place-items:center; height:34px; border:0; border-radius:8px; color:#b44141; background:#ffecec; cursor:pointer; }
.ve-adjustment>button svg { width:16px; }
.ve-empty.adjustment { margin-top:10px; min-height:125px; }
.ve-algorithm>footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:20px; padding-top:18px; border-top:1px solid #e6ebf0; }
.ve-algorithm>footer svg { width:18px; color:#c48319; }
.ve-algorithm { display:grid; gap:18px; padding:0; border:0; background:transparent; box-shadow:none; }
.ve-algorithm>header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 21px; border:1px solid #dce5ee; border-radius:16px; background:#fff; box-shadow:0 7px 22px rgba(10,34,64,.05); }
.ve-algorithm h2,.ve-algorithm h3 { margin:0; font-family:Poppins,Inter,sans-serif; }
.ve-algorithm h2 { font-size:21px; }
.ve-algorithm h3 { font-size:16px; }
.ve-algo-head-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.ve-algo-head-actions>button { display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #cad5e0; border-radius:10px; color:var(--ve-navy); background:#fff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.ve-algo-head-actions>button:hover { border-color:var(--ve-navy); }
.ve-algo-head-actions>button svg { width:15px; }
.ve-algo-state { display:flex; align-items:center; gap:8px; padding:9px 12px; border-radius:10px; color:#744f13; background:#fff6e4; font-size:11px; font-weight:800; }
.ve-algo-state i { width:8px; height:8px; border-radius:50%; background:#d9902a; }
.ve-algo-state.standard { color:#0a6b59; background:#e8fbf6; }
.ve-algo-state.standard i { background:var(--ve-aqua); }
.ve-algo-card { overflow:hidden; padding:20px 22px; border:1px solid #dfe7ef; border-radius:16px; background:#fff; box-shadow:0 7px 22px rgba(10,34,64,.05); }
.ve-general-card { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:26px; align-items:center; }
.ve-general-card header,.ve-rule-editor>header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.ve-general-card ol { display:grid; gap:7px; margin:0; padding-left:24px; color:#33445a; font-size:13px; line-height:1.45; }
.ve-rule-summary { margin-top:13px!important; padding:11px 13px; border-radius:10px; color:#203149!important; background:#e8fbf6; font-size:12px; line-height:1.55; }
.ve-simulator { padding:15px 16px; border-radius:13px; color:#fff; background:var(--ve-navy); }
.ve-simulator>span { display:block; margin-bottom:10px; color:#9fb5cd; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.ve-sim-inputs { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:10px; }
.ve-sim-inputs label { display:grid; gap:4px; color:#8fa9c6; font-size:9px; font-weight:800; text-transform:uppercase; }
.ve-sim-inputs input { width:100%; min-width:0; padding:8px 9px; border:1px solid #ffffff29; border-radius:8px; color:#fff; background:#ffffff14; font:inherit; font-weight:750; outline:none; }
.ve-sim-inputs input:focus { border-color:var(--ve-aqua); }
.ve-sim-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:5px; padding:9px 11px; border-radius:8px; background:#ffffff12; font-size:12px; }
.ve-sim-row.primary { color:var(--ve-navy); background:var(--ve-aqua); }
.ve-sim-row b { font-size:14px; }
.ve-sim-warning { padding:11px; border-radius:8px; color:#f5c877; background:#3a2a18; font-size:11px; line-height:1.45; }
.ve-brand-picker { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.ve-brand-picker label { display:flex; align-items:center; gap:10px; color:var(--ve-muted); font-size:12px; font-weight:700; }
.ve-brand-picker select { min-width:240px; padding:9px 34px 9px 12px; border:1px solid #d5dee7; border-radius:10px; color:var(--ve-ink); background:#fff; font:inherit; font-weight:750; }
.ve-brand-strip { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-20px -22px 0; padding:16px 22px; border-bottom:1px solid #e6edf3; background:#f8fbfd; }
.ve-brand-strip>div:last-child { display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.ve-brand-strip>div>span { color:var(--ve-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.ve-brand-strip p { margin:5px 0 0; color:#41536a; font-size:12px; line-height:1.5; }
.ve-switch { position:relative; display:inline-flex; align-items:center; gap:8px; color:#5c6d82; font-size:11px; font-weight:750; cursor:pointer; }
.ve-switch input { position:absolute; opacity:0; }
.ve-switch i { position:relative; width:39px; height:22px; border-radius:20px; background:#c7d2de; transition:.18s; }
.ve-switch i::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0003; transition:.18s; }
.ve-switch input:checked+i { background:var(--ve-aqua); }
.ve-switch input:checked+i::after { transform:translateX(17px); }
.ve-switch.icon-only { padding:6px; }
.ve-model-table { margin:15px -22px -20px; }
.ve-model-head,.ve-model-row { display:grid; grid-template-columns:1.25fr .8fr .9fr 1fr; gap:12px; align-items:center; padding:11px 22px; }
.ve-model-head { color:var(--ve-muted); background:#f8fafc; border-bottom:1px solid #e3eaf1; font-size:9px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.ve-model-row { min-height:58px; border-bottom:1px solid #edf1f5; color:#56677d; font-size:11px; }
.ve-model-row:hover { background:#fafcfe; }
.ve-model-row.inactive { opacity:.52; }
.ve-model-row>span:first-child { display:flex; align-items:center; gap:7px; min-width:0; }
.ve-model-row b { overflow:hidden; color:var(--ve-ink); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ve-model-row em { padding:3px 7px; border-radius:20px; color:#0a6b59; background:#e8fbf6; font-size:8px; font-style:normal; font-weight:800; white-space:nowrap; }
.ve-model-row>span:last-child { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.ve-model-editor { padding:18px 22px; border-bottom:2px solid var(--ve-aqua); background:#e8fbf6; }
.ve-model-editor>header { margin-bottom:13px; }
.ve-rule-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ve-rule-editor .ve-rule-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ve-rule-grid label { display:grid; gap:6px; color:#3e4f66; font-size:10px; font-weight:800; }
.ve-rule-grid label>div { display:flex; align-items:center; gap:6px; }
.ve-rule-grid input,.ve-rule-grid select { width:100%; min-width:0; padding:9px 10px; border:1px solid #bfe0db; border-radius:9px; color:var(--ve-ink); background:#fff; font:inherit; font-size:12px; font-weight:750; outline:none; }
.ve-rule-grid input:focus,.ve-rule-grid select:focus { border-color:var(--ve-aqua); box-shadow:0 0 0 3px #1fc8a91f; }
.ve-rule-grid b { color:var(--ve-muted); font-size:9px; }
.ve-rule-check { display:flex; align-items:flex-start; gap:8px; margin-top:13px; color:#3f5065; font-size:11px; line-height:1.45; }
.ve-rule-check input { width:16px; height:16px; accent-color:var(--ve-aqua); }
.ve-rule-preview { margin-top:13px; padding:11px 12px; border:1px solid #ccece6; border-radius:9px; color:#385067; background:#fff; font-size:11px; line-height:1.5; }
.ve-sim-inline { display:inline-flex; gap:4px; margin:2px 8px 2px 0; }
.ve-rule-actions { display:flex; align-items:center; gap:9px; margin-top:14px; flex-wrap:wrap; }
.ve-rule-actions button { display:flex; align-items:center; gap:7px; }
.ve-rule-actions button svg { width:15px; }
.ve-restore-link { margin-left:auto; padding:7px 0; border:0; color:#6b7788; background:transparent; font:inherit; font-size:10px; text-decoration:underline; cursor:pointer; }
.ve-algo-note { display:flex; align-items:flex-start; gap:8px; margin:0!important; padding:0 3px; color:var(--ve-muted)!important; font-size:11px; line-height:1.5; }
.ve-algo-note svg { width:16px; flex:0 0 auto; color:var(--ve-aqua); }
@media (max-width:1180px) { .ve-value-grid { grid-template-columns:repeat(2,1fr); } .ve-summary { grid-template-columns:repeat(3,1fr); } .ve-admin-grid { grid-template-columns:1fr; } .ve-records { max-height:420px; } .ve-adjustment { grid-template-columns:repeat(4,1fr); } .ve-adjustment>button { grid-column:auto; } .ve-share-card { grid-template-columns:auto minmax(0,1fr) auto; } .ve-share-card label { grid-column:2; } .ve-share-card .primary-action { grid-column:3; grid-row:1/3; } }
@media (max-width:780px) { .ve-workspace { padding:14px; } .ve-hero { grid-template-columns:58px minmax(0,1fr); gap:14px; width:100%; padding:19px; } .ve-hero h1,.ve-hero p { overflow-wrap:anywhere; } .ve-hero-actions { grid-column:1/-1; width:100%; align-items:stretch; } .ve-access-badge { width:max-content; max-width:100%; } .ve-share-button { justify-content:center; width:100%; } .ve-share-card { grid-template-columns:auto minmax(0,1fr); padding:16px; } .ve-share-card label,.ve-share-card .primary-action { grid-column:1/-1; grid-row:auto; } .ve-share-card .primary-action { justify-content:center; } .ve-tabs { width:100%; min-width:0; } .ve-create,.ve-algorithm,.ve-list-panel,.ve-detail-panel { min-width:0; } .ve-form-grid.customer,.ve-form-grid.vehicle,.ve-algorithm-grid { grid-template-columns:minmax(0,1fr); } .ve-form-grid .wide { grid-column:auto; } .ve-plate-lookup label>div { grid-template-columns:minmax(0,1fr); } .ve-value-grid,.ve-detail-cards,.ve-detail-fields,.ve-summary { grid-template-columns:minmax(0,1fr); } .ve-result-foot,.ve-form-actions,.ve-algorithm>footer { align-items:stretch; flex-direction:column; } .ve-admin-grid { grid-template-columns:minmax(0,1fr); } .ve-filters { grid-template-columns:minmax(0,1fr); } .ve-record { grid-template-columns:auto minmax(0,1fr); } .ve-record>b { grid-column:2; } .ve-adjustment { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
@media (max-width:900px) {
  .ve-general-card { grid-template-columns:minmax(0,1fr); }
  .ve-simulator { width:100%; }
  .ve-rule-grid,.ve-rule-editor .ve-rule-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ve-model-head { display:none; }
  .ve-model-row { grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; padding:14px 18px; }
  .ve-model-row>span:nth-child(2),.ve-model-row>span:nth-child(3) { grid-column:1; }
  .ve-model-row>span:last-child { grid-column:2; grid-row:1/4; }
}
@media (max-width:620px) {
  .ve-algorithm>header,.ve-brand-picker,.ve-brand-strip { align-items:stretch; flex-direction:column; }
  .ve-algo-head-actions,.ve-brand-strip>div:last-child { justify-content:flex-start; }
  .ve-brand-picker label { align-items:stretch; flex-direction:column; }
  .ve-brand-picker select { min-width:0; width:100%; }
  .ve-rule-grid,.ve-rule-editor .ve-rule-grid,.ve-sim-inputs { grid-template-columns:minmax(0,1fr); }
  .ve-model-row { grid-template-columns:minmax(0,1fr); }
  .ve-model-row>span:last-child { grid-column:1; grid-row:auto; justify-content:flex-start; }
  .ve-restore-link { margin-left:0; width:100%; text-align:left; }
}
.ve-notice { margin:14px 0; padding:12px 14px; border:1px solid #f59e0b66; border-radius:10px; background:#fffbeb; color:#92400e; font-size:13px; }
.ve-status.status-draft { background:#fff7ed; color:#c2410c; border-color:#fdba74; }

/* Nova avaliação interna - fluxo operacional por placa. */
.ve-create-standalone,.ve-create-standalone * { box-sizing:border-box; }
.ve-create-standalone { width:100%; min-width:0; }
.ve-create-standalone .ve-new { margin:0; min-height:100dvh; }
.ve-new { --new-page:#f7f9fb; --new-card:#fff; --new-line:#e4e9ee; --new-line-strong:#d3dae2; --new-navy:#152640; --new-muted:#5b6b7c; --new-dim:#8a97a4; --new-mint:#23bfac; --new-mint-soft:#e6f8f5; --new-blue:#2455b0; position:relative; margin:0 -24px -24px; min-height:calc(100dvh - 220px); padding-bottom:96px; overflow:clip; color:#0b0b0b; background:var(--new-page); font-family:Inter,sans-serif; }
.ve-new button,.ve-new input,.ve-new select,.ve-new textarea { font:inherit; letter-spacing:0; }
.ve-new-head { display:flex; align-items:center; gap:14px; padding:20px 22px; color:#fff; background:var(--new-navy); }
.ve-new-head>div { min-width:0; }
.ve-new-head h2 { margin:0; color:#fff; font-family:Saira,sans-serif; font-size:23px; font-weight:700; letter-spacing:0; }
.ve-new-head p { margin:3px 0 0; color:#93a6c2; font-size:13px; }
.ve-new-head>button { display:grid; place-items:center; width:38px; height:38px; margin-left:auto; padding:0; border:0; border-radius:50%; color:#fff; background:rgba(255,255,255,.12); }
.ve-new-head>button svg { width:18px; height:18px; }
.ve-new-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:18px; width:min(100%,1200px); margin:0 auto; padding:18px 22px; align-items:start; }
.ve-new-fields { min-width:0; }
.ve-new-card { margin-bottom:14px; padding:20px; border:1px solid var(--new-line); border-radius:14px; background:var(--new-card); box-shadow:none; }
.ve-new-card.compact { padding:0; }
.ve-new-card h3 { margin:0 0 14px; color:var(--new-dim); font-family:Saira,sans-serif; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.ve-new-card label { display:grid; gap:7px; margin:0 0 7px; color:var(--new-muted); font-family:Saira,sans-serif; font-size:12.5px; font-weight:600; }
.ve-new-card input,.ve-new-card select,.ve-new-card textarea { width:100%; min-width:0; padding:14px; border:1px solid var(--new-line); border-radius:11px; outline:0; color:#0b0b0b; background:#f8fafc; font-family:Inter,sans-serif; font-size:15px; }
.ve-new-card input:focus,.ve-new-card select:focus,.ve-new-card textarea:focus { border-color:var(--new-mint); box-shadow:0 0 0 2px rgba(35,191,172,.18); background:#fff; }
.ve-new-card input[readonly] { color:#26364b; background:#f8fafc; }
.ve-new-plate { display:grid; grid-template-columns:minmax(150px,1fr) auto; gap:10px; }
.ve-new-plate input { padding:16px 12px; border:2px solid var(--new-line-strong); text-align:center; text-transform:uppercase; font-family:Saira,sans-serif; font-size:24px; font-weight:700; letter-spacing:.16em; background:#fff; }
.ve-new-plate input:focus { border-color:var(--new-mint); }
.ve-new-plate button { display:flex; align-items:center; justify-content:center; gap:8px; min-width:92px; padding:16px 22px; border:0; border-radius:11px; color:#fff; background:var(--new-blue); font-family:Saira,sans-serif; font-size:15px; font-weight:600; }
.ve-new-plate button svg { display:none; width:18px; }
.ve-new-plate button:disabled { cursor:wait; opacity:.62; }
.ve-new-hint { margin:10px 0 0; color:var(--new-muted); font-size:13px; line-height:1.6; }
.ve-new-hint b { display:inline-flex; align-items:center; gap:4px; color:#0e6b57; font-family:Saira,sans-serif; }
.ve-new-hint b svg { width:15px; height:15px; }
.ve-new-hint button { padding:0; border:0; color:var(--new-blue); background:none; font-family:Saira,sans-serif; font-size:13px; font-weight:600; }
.ve-new-hint.error { color:#c4384e; }
.ve-new-hint.loading { color:#2455b0; }
.ve-new-vehicle-data { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.ve-new-vehicle-data label { margin:0; }
.ve-new-vehicle-data .wide { grid-column:1/-1; }
.ve-new-mileage { font-size:16px!important; }
.ve-new-accordion { display:flex; align-items:center; gap:10px; width:100%; padding:20px; border:0; text-align:left; background:transparent; }
.ve-new-accordion h3 { margin:0; }
.ve-new-accordion span { margin-left:auto; padding:3px 9px; border-radius:20px; color:#0e6b57; background:var(--new-mint-soft); font-family:Saira,sans-serif; font-size:11px; font-weight:600; }
.ve-new-accordion svg { width:16px; color:var(--new-dim); }
.ve-new-customer { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 20px 20px; }
.ve-new-customer label { margin:0; }
.ve-new-customer .wide { grid-column:1/-1; }
.ve-new-secondary { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:14px 18px; border:1px solid var(--new-line-strong); border-radius:11px; color:var(--new-muted); background:#fff; font-family:Saira,sans-serif; font-size:14px; font-weight:600; }
.ve-new-secondary:hover { border-color:var(--new-mint); color:#0b0b0b; }
.ve-new-secondary svg { width:17px; }
.ve-new-seller { display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--new-line); }
.ve-new-seller>div { flex:1; min-width:0; }
.ve-new-seller b { display:block; font-family:Saira,sans-serif; font-size:14.5px; }
.ve-new-seller small { display:block; color:var(--new-dim); font-size:12px; }
.ve-new-seller button { border:0; color:var(--new-blue); background:none; font-family:Saira,sans-serif; font-size:14px; font-weight:600; }
.ve-new-seller-select { margin-top:12px!important; }
.ve-new-observation { margin-top:14px!important; }
.ve-new-card textarea { min-height:90px; resize:vertical; }
.ve-new-result { position:sticky; top:18px; }
.ve-new-result>div { padding:22px; border-radius:16px; color:#fff; background:radial-gradient(420px 260px at 88% 0%,rgba(35,191,172,.18),transparent 66%),var(--new-navy); }
.ve-new-result h3 { margin:0; color:#fff; font-family:Saira,sans-serif; font-size:19px; font-weight:700; }
.ve-new-result>div>p { margin:3px 0 16px; color:#93a6c2; font-size:12.5px; }
.ve-new-empty { padding:26px 10px; color:#7a8dab; text-align:center; font-size:13.5px; line-height:1.7; }
.ve-new-empty.error { color:#ffb7c1; }
.ve-new-result-line { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.11); font-size:14px; }
.ve-new-result-line span { color:#a9bbd2; }
.ve-new-result-line b { text-align:right; font-family:Saira,sans-serif; font-weight:600; }
.ve-new-price { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; margin-top:10px; padding:15px 17px; border:1.5px solid transparent; border-radius:12px; color:#fff; text-align:left; background:rgba(255,255,255,.06); }
.ve-new-price>span b { display:block; font-family:Saira,sans-serif; font-size:15px; font-weight:600; }
.ve-new-price small { display:block; margin-top:1px; font-size:11.5px; opacity:.75; }
.ve-new-price strong { flex:none; font-family:Saira,sans-serif; font-size:20px; font-weight:700; }
.ve-new-price.active { border-color:var(--new-mint); color:#062a25; background:var(--new-mint); }
.ve-new-bar { position:fixed; z-index:44; right:0; bottom:0; left:250px; border-top:1px solid var(--new-line); background:#fff; box-shadow:0 -4px 18px rgba(21,38,64,.08); }
body.sidebar-collapsed .ve-new-bar { left:88px; }
.ve-new-actions { display:flex; gap:10px; padding:12px 14px; }
.ve-new-actions button { display:flex; flex:1; align-items:center; justify-content:center; gap:8px; min-height:56px; padding:14px 18px; border:0; border-radius:11px; color:#fff; font-family:Saira,sans-serif; font-size:15px; font-weight:600; }
.ve-new-actions button svg { width:18px; }
.ve-new-actions .whatsapp { background:#1fa855; }
.ve-new-actions .save { background:var(--new-blue); }
.ve-new-actions button:disabled { cursor:not-allowed; background:#c3cbd6; }
.ve-new-mobile-fipe,.ve-new-mobile-values { display:none; }

@media (max-width:900px) {
  .ve-create-standalone .ve-new { margin:0; }
  .ve-new { margin:0 -16px -16px; padding-bottom:176px; }
  .ve-new-layout { grid-template-columns:1fr; padding:14px; }
  .ve-new-result { display:none; }
  .ve-new-mobile-fipe { display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:10px 16px 4px; border-bottom:1px solid var(--new-line); }
  .ve-new-mobile-fipe>span { color:var(--new-dim); font-family:Saira,sans-serif; font-size:11px; font-weight:700; text-transform:uppercase; }
  .ve-new-mobile-fipe>span b { margin-left:7px; color:#0b0b0b; font-size:17px; }
  .ve-new-mobile-fipe>strong { color:#0e6b57; text-align:right; font-family:Saira,sans-serif; font-size:12.5px; }
  .ve-new-mobile-fipe small { display:block; color:var(--new-dim); font-size:11px; font-weight:500; }
  .ve-new-mobile-values { display:flex; gap:8px; padding:8px 14px 0; }
  .ve-new-mobile-values button { flex:1; min-width:0; padding:8px 4px; border:0; border-radius:10px; background:var(--new-page); }
  .ve-new-mobile-values button.active { outline:2px solid var(--new-mint); }
  .ve-new-mobile-values small { display:block; overflow:hidden; color:var(--new-dim); font-family:Saira,sans-serif; font-size:10px; font-weight:600; text-overflow:ellipsis; text-transform:uppercase; }
  .ve-new-mobile-values b { display:block; overflow:hidden; font-family:Saira,sans-serif; font-size:14px; text-overflow:ellipsis; }
  .ve-new-actions button { min-height:50px; }
}
@media (max-width:767px) {
  .ve-new-bar,body.sidebar-collapsed .ve-new-bar { left:0; }
  .ve-new-head { padding:17px 16px; }
}
@media (max-width:560px) {
  .ve-new-head p { max-width:300px; line-height:1.45; }
  .ve-new-plate { grid-template-columns:minmax(0,1fr) 54px; }
  .ve-new-plate button { min-width:54px; padding:0; }
  .ve-new-plate button span { display:none; }
  .ve-new-plate button svg { display:block; }
  .ve-new-vehicle-data,.ve-new-customer { grid-template-columns:1fr; }
  .ve-new-vehicle-data .wide,.ve-new-customer .wide { grid-column:auto; }
  .ve-new-actions button { padding:12px 8px; font-size:13px; }
}