/* OneDealer Finance Flex · QIC visual states 0.8.2
   Restrained automotive optical cues, no ambient glow outside the panels.
   States reflect indicative financial assessment, NEVER bank approval.
*/
#panel-smart .ff-qic-entry{
 padding:16px 17px 14px;margin:10px 0 18px;border-radius:13px;
 background:linear-gradient(155deg,#f7fafc,#edf4f8);
 border:1px solid #d8e5ed;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#panel-smart .ff-qic-entry-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#panel-smart .ff-qic-entry-title label{font:750 12px Inter,system-ui;color:#2b4c69}
#panel-smart .ff-qic-entry-title output{font:760 17px Montserrat,Inter,sans-serif;color:#126bb3}
#panel-smart #qic-down{display:block;width:100%;margin:7px 0;accent-color:#1677bf;cursor:pointer;min-height:20px}
#panel-smart .ff-qic-entry-limits{display:flex;justify-content:space-between;color:#718a9d;font:500 10px Inter}
#panel-smart .ff-qic-entry-amount{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,43%);column-gap:14px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #dce6ec}
#panel-smart .ff-qic-entry-amount label{font:650 11px Inter;color:#365a75}
#panel-smart #qic-down-money{width:100%;min-width:0;min-height:39px;background:#fff;border:1px solid #d4e1e9;border-radius:8px;padding:9px 11px;font:700 12px Inter;color:#153d5d}
#panel-smart #qic-down-money:disabled{opacity:.56;cursor:not-allowed}
#panel-smart .ff-qic-entry-amount small{grid-column:1/-1;color:#7c90a0;font:450 10px Inter;margin-top:7px}
#panel-smart #qic-entry-help{color:#647d90;font:450 10px/1.5 Inter;margin:11px 0 0}
#panel-smart .ff-qic-entry-error{color:#995324;font:600 11px Inter;padding:9px 10px;margin:9px 0 0;background:#fff2e7;border:1px solid #f0ceb1;border-radius:8px}
#panel-smart .ff-qic-entry-error[hidden]{display:none!important}
#panel-smart .ff-qic-context-actions{display:flex;flex-wrap:wrap;gap:9px}
#panel-smart .ff-qic-context-actions button[hidden]{display:none!important}
#panel-smart .ff-qic-context-actions>button{min-height:39px;border-radius:8px;padding:10px 12px;font:700 11px Inter}
#panel-smart #qic-entry-focus{border:1px solid #d6a9a0;background:#fff6f3;color:#9b4e3c}
#panel-smart #qic-continue-inline{border:1px solid #23785c;background:#175f49;color:white}

/* Explicit finite states; card stays white and navigation controls remain readable. */
#panel-smart .ff-smart-card{position:relative;isolation:isolate;overflow:hidden;transition:border-color .26s ease,box-shadow .26s ease}
#panel-smart .ff-smart-card>*{position:relative;z-index:1}
#panel-smart .ff-smart-card[data-qic-state="neutral"]{border:1px solid #dce6ec;box-shadow:0 6px 19px -14px rgba(20,53,78,.20)}
#panel-smart .ff-smart-card[data-qic-state="provisional"]{border:1px solid #a9c7d8;box-shadow:0 0 0 1px #e8f1f6 inset,0 5px 17px -13px rgba(30,86,122,.18)}
#panel-smart .ff-smart-card[data-qic-state="out"]{
 border:1px solid #bb6757;
 box-shadow:0 0 0 1px rgba(225,139,119,.19),0 0 12px -8px rgba(197,74,55,.45),inset 0 0 0 1px rgba(252,219,211,.46);
}
@property --od-qic-orbit{
 syntax:"<angle>";
 inherits:false;
 initial-value:0deg;
}
@keyframes od-qic-border-orbit{to{--od-qic-orbit:360deg}}
#panel-smart .ff-smart-card[data-qic-state="out"]::before{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;padding:2px;
 background:conic-gradient(from var(--od-qic-orbit),transparent 0deg,transparent 225deg,rgba(225,88,67,.12) 263deg,rgba(242,94,75,.82) 288deg,rgba(255,174,146,.58) 303deg,transparent 331deg,transparent 360deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 mask-composite:exclude;
 animation:od-qic-border-orbit 9s linear infinite;
}
#panel-smart .ff-smart-card[data-qic-state="eligible"]{
 border:1px solid #7bb89c;
 box-shadow:0 0 0 1px rgba(156,215,186,.24),0 5px 19px -14px rgba(32,105,76,.25),inset 0 0 0 1px rgba(210,243,225,.4);
}
#panel-smart .ff-smart-card[data-qic-state="eligible"]::after{
 content:"";position:absolute;z-index:0;pointer-events:none;right:0;top:0;width:83%;height:64%;
 background:linear-gradient(134deg,transparent 6%,rgba(225,249,235,.16) 34%,rgba(184,231,201,.24) 53%,rgba(240,252,245,.12) 66%,transparent 87%);
}
#panel-smart .ff-smart-card[data-qic-state="eligible"] #qic-status{background:#eaf8f0;border:1px solid #c7ead7;color:#176847}
#panel-smart .ff-smart-card[data-qic-state="out"] #qic-status{background:#fff0ec;border:1px solid #f3c9be;color:#933e2d}
#panel-smart .ff-smart-card[data-qic-state="provisional"] #qic-status{background:#edf5fb;border:1px solid #dae8f3;color:#2e627f}
#panel-smart .ff-smart-card[data-qic-state="neutral"] #qic-status{background:#f1f5f9;border:1px solid #e3eaf0;color:#517087}

/* Top vehicle identity strip uses restrained strokes, not a second emitting glow. */
#panel-smart .ff-qic-vehicle{
 border:1px solid #d4b789;
 background:#fffdfa;
 transition:background .25s ease,border-color .25s ease;
}
#panel-smart .ff-qic-vehicle[data-qic-state="neutral"]{background:#fbfcfd;border-color:#dce5eb}
#panel-smart .ff-qic-vehicle[data-qic-state="provisional"]{background:#f6fafd;border-color:#bad5e5}
#panel-smart .ff-qic-vehicle[data-qic-state="out"]{background:#fff9f6;border-color:#dfb5a9}
#panel-smart .ff-qic-vehicle[data-qic-state="eligible"]{background:#f7fcf9;border-color:#a8d7ba}
#panel-smart .ff-qic-vehicle-status{white-space:nowrap;text-align:center}
#panel-smart .ff-qic-vehicle[data-qic-state="neutral"] .ff-qic-vehicle-status{background:#f0f4f7;border:1px solid #d9e3ec;color:#587185}
#panel-smart .ff-qic-vehicle[data-qic-state="provisional"] .ff-qic-vehicle-status{background:#eaf3fb;border:1px solid #d0e4f2;color:#315f80}
#panel-smart .ff-qic-vehicle[data-qic-state="out"] .ff-qic-vehicle-status{background:#fff0eb;border:1px solid #efc9bc;color:#964636}
#panel-smart .ff-qic-vehicle[data-qic-state="eligible"] .ff-qic-vehicle-status{background:#e6f6ed;border:1px solid #bee5cf;color:#176849}
@media(max-width:720px){
 #panel-smart .ff-qic-entry-amount{grid-template-columns:1fr}
 #panel-smart #qic-down-money{margin-top:7px}
 #panel-smart .ff-qic-vehicle{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 #panel-smart .ff-smart-card[data-qic-state="out"]::before{animation:none}
 #panel-smart .ff-smart-card,#panel-smart .ff-qic-vehicle{transition:none}
}