/* Island Car Log — Car Value Tracker v1 */
.financial-tabs{display:flex;gap:8px;margin:18px 0 16px;padding:5px;background:rgba(226,236,245,.8);border:1px solid #d6e2ec;border-radius:14px}.financial-tabs button{margin:0;width:auto;flex:1;padding:11px 14px;background:transparent;color:#17324d;border:1px solid transparent;border-radius:10px}.financial-tabs button.active{background:#1677d2;color:#fff;box-shadow:0 6px 16px rgba(22,119,210,.2)}
#valueTrackerSection[hidden],#expenseDashboardSection[hidden]{display:none!important}.value-tracker-status{display:none;margin:0 0 14px;padding:11px 13px;border-radius:12px;background:#eef6ff;color:#174a75;border:1px solid #cfe2f5;font-size:13px;line-height:1.45}.value-tracker-status.error{background:#fff0f0;color:#922b2b;border-color:#f1caca}.value-tracker-status.success{background:#edf9f0;color:#23653a;border-color:#cbe8d2}
.value-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.value-stat{min-width:0;padding:13px;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#edf6ff);border:1px solid #d8e8f6;color:#10243d}.value-stat span,.value-stat small{display:block}.value-stat span{font-size:11px;font-weight:750;color:#52708d;margin-bottom:4px}.value-stat strong{display:block;font-size:18px;line-height:1.15;overflow-wrap:anywhere}.value-stat small{font-size:10px;color:#688096;margin-top:4px;line-height:1.35}.value-stat strong.positive{color:#19864a}.value-stat strong.negative{color:#b43a3a}
.value-chart-card,.valuation-form,.valuation-history-card{background:rgba(248,252,255,.95);border:1px solid #dbe6ee;border-radius:16px;padding:15px;color:#10243d}.value-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.value-card-head strong{display:block;font-size:15px}.value-card-head span{display:block;color:#667b8f;font-size:11px;margin-top:2px}.value-card-head button{width:auto;margin:0;padding:9px 12px;font-size:12px}.value-chart-wrap{height:300px;position:relative;min-width:0}.value-empty{text-align:center;padding:22px 12px;color:#607589;background:#f5f9fc;border:1px dashed #ccdae5;border-radius:12px}
.value-lower-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;margin-top:12px}.valuation-form h3,.valuation-history-card h3{margin:0 0 10px}.valuation-form label{display:block!important;margin:9px 0 5px!important;padding:0!important;background:none!important;color:#263b50!important;border:0!important;box-shadow:none!important;text-shadow:none!important}.valuation-form label span{font-weight:400;color:#708294}.valuation-form input{width:100%;box-sizing:border-box}.value-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.value-form-actions{display:flex;gap:8px}.value-form-actions button{margin-top:12px}.value-form-actions .secondary{background:#e9f0f5;color:#19324a}
.valuation-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #e3ebf1}.valuation-row:last-child{border-bottom:0}.valuation-row>div:first-child{min-width:0}.valuation-row strong,.valuation-row span,.valuation-row small{display:block}.valuation-row strong{font-size:15px}.valuation-row span{font-size:11px;color:#667b8f;margin-top:2px}.valuation-row small{font-size:10px;color:#7c8d9c;margin-top:3px;line-height:1.35}.valuation-row-actions{display:flex;gap:6px;align-items:flex-start;flex-shrink:0}.valuation-row-actions button{width:auto;margin:0;padding:7px 8px;font-size:10px}.valuation-row-actions .danger{background:#fff0f0;color:#9b3030;border:1px solid #efcaca}
.icl-custom-vehicle-input{margin-top:7px!important}
@media(max-width:720px){.value-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-lower-grid{grid-template-columns:1fr}.value-card-head{align-items:flex-start;flex-direction:column}.value-card-head button{width:100%}.value-chart-wrap{height:250px}.financial-tabs button{font-size:13px;padding:10px 8px}}
@media(max-width:420px){.value-summary-grid{grid-template-columns:1fr}.value-form-grid{grid-template-columns:1fr}.valuation-row{align-items:flex-start}.valuation-row-actions{flex-direction:column}.valuation-row-actions button{min-width:58px}}
#carModal .car-form-field select{
  width:100%;
  padding:13px;
  border:1px solid #ccd8dd;
  border-radius:12px;
  background:#fff;
  color:#10243d;
  font-size:16px;
  font-family:inherit;
  box-sizing:border-box;
}
#carModal .car-form-field select:disabled{opacity:.68;background:#eef3f7}