/*
 * OneDealer Finance Flex — SMOKED ICE GLASS V0.8.5
 * The V3 Ficha reference is cinematic ON PHOTOGRAPHY. On the light Finance Flex
 * canvas that darkness should be used ONLY as an accent, not every panel.
 * Hybrid premium: 82–90% Ice White glass + slate blue summary + compact smoked V3 specs.
 * Constrained internal reflection, thin rims, no neon/bloom outside the surface.
 */
#panel-sim,#panel-smart,#panel-request,#panel-mine{
 --od-ice-ink:#153752;
 --od-ice-title:#132f49;
 --od-ice-muted:#5d7a91;
 --od-ice-hair:rgba(190,210,225,.67);
 --od-ice-stroke:rgba(205,221,233,.87);
 --od-ice-glass:
  radial-gradient(ellipse at 91% 3%,rgba(209,197,171,.095),transparent 36%),
  linear-gradient(132deg,rgba(252,254,255,.92) 0%,rgba(231,240,247,.80) 58%,rgba(247,251,254,.88) 100%);
 --od-ice-shadow:0 13px 28px -23px rgba(18,44,64,.32),
                 0 3px 15px rgba(31,64,85,.035),
                 inset 0 1px 0 rgba(255,255,255,.97);
}
/* Breathe: subtle layered canvas and restrained stages instead of dark row of pills. */
.shell>.tabs{
 border:1px solid rgba(213,227,239,.86);
 background:linear-gradient(124deg,rgba(250,252,254,.87),rgba(232,241,248,.77));
 -webkit-backdrop-filter:blur(16px) saturate(108%);
 backdrop-filter:blur(16px) saturate(108%);
 border-radius:12px;
 box-shadow:0 8px 18px -17px rgba(26,52,72,.27),inset 0 1px 0 #fff;
}
.shell>.tabs button{color:#57748a}
.shell>.tabs button.selected{
 background:linear-gradient(113deg,#124c77,#105f98);
 color:#fff;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
/* Full-sheet materials are the dominant surfaces, never graphite slabs. */
#panel-sim .card.ff-builder,
#panel-sim .card.ff-discover,
#panel-smart .cols>.card,
#panel-request .ff-wizard-main,
#panel-request .ff-wizard-side>.card,
#panel-mine>.card{
 position:relative;
 color:var(--od-ice-ink);
 background:var(--od-ice-glass);
 border:1px solid var(--od-ice-stroke);
 border-radius:19px;
 -webkit-backdrop-filter:blur(19px) saturate(112%);
 backdrop-filter:blur(19px) saturate(112%);
 box-shadow:var(--od-ice-shadow);
}
#panel-sim .ff-builder>.section-head h2,
#panel-sim .ff-discover>.section-head h2,
#panel-smart .cols>.card>.section-head h2,
#panel-request .ff-wizard-main .section-head h2,
#panel-request .ff-wizard-side>.card .section-head h2,
#panel-mine>.card>.section-head h2{
 color:var(--od-ice-title);
 text-shadow:none;
 letter-spacing:-.024em;
}
#panel-sim :is(.ff-builder,.ff-discover)>.section-head .eyebrow,
#panel-smart .cols>.card>.section-head .eyebrow,
#panel-request :is(.ff-wizard-main,.ff-wizard-side) .eyebrow,
#panel-mine>.card>.section-head .eyebrow{
 color:#286d9d;
}
#panel-sim :is(.ff-builder,.ff-discover)>.section-head p,
#panel-smart .cols>.card>.section-head p,
#panel-request .ff-wizard-pane>.section-head p,
#panel-mine>.card>.section-head p{
 color:#698398;
}
/* Discover: barely tinted simulator; dark value text, precise matte rails. */
#panel-sim .card.ff-builder{padding:20px 19px 20px}
#panel-sim .ff-builder>.section-head h2{color:#153650}
#panel-sim .ff-builder .ff-pills:has(>button){
 background:rgba(229,238,245,.72);
 border:1px solid rgba(207,223,235,.85);
 box-shadow:inset 0 1px 0 #fff;
}
#panel-sim .ff-builder .ff-pills>button{color:#456983}
#panel-sim .ff-builder .ff-pills>button.on{
 background:linear-gradient(112deg,#143f62,#155f96);
 color:#fff;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
#panel-sim .ff-builder :is(.ff-big-field,.ff-slider-box){
 background:linear-gradient(135deg,rgba(244,249,252,.90),rgba(224,235,244,.56));
 border:1px solid rgba(203,222,236,.76);
 border-radius:12px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
#panel-sim .ff-builder .ff-big-field{padding:15px 14px}
#panel-sim .ff-builder .ff-slider-box{padding:13px 14px}
#panel-sim .ff-builder :is(.ff-big-field>label,.ff-range-head label,.ff-slider-box>label,.field>label,.ff-toggle){
 color:#34556d;
}
#panel-sim .ff-builder :is(.ff-slider-value strong,.ff-range-head b){color:#164872}
#panel-sim .ff-builder .ff-slider-ends,
#panel-sim .ff-builder :is(.ff-big-field small,.ff-slider-box small){color:#6c8497}
#panel-sim .ff-builder input[type=range]{accent-color:#176db6}
#panel-sim .ff-builder :is(.ff-advanced,.ff-advanced.ff-bank-details){
 background:rgba(249,252,254,.67);
 border:1px solid rgba(206,224,237,.85);
 border-radius:11px;
}
#panel-sim .ff-builder .ff-advanced>summary{color:#365776}
#panel-sim .ff-builder .ff-advanced>summary small{color:#7890a2}
#panel-sim .ff-builder .ff-advanced .ff-car-choice{
 background:rgba(255,255,255,.77);
 border:1px solid rgba(217,231,242,.74);
 border-radius:10px;color:#264663
}
#panel-sim .ff-builder .ff-advanced .ff-pills>label{
 color:#365672;background:rgba(246,250,253,.92);border-color:#dae7ef
}
#panel-sim .ff-builder :is(input:not([type=range]):not([type=radio]):not([type=checkbox]),select){
 color:#153c5a;background:rgba(255,255,255,.96);
 border:1px solid #d2e0ea;border-radius:9px;
 box-shadow:inset 0 1px 0 #fff;
}
#panel-sim .ff-builder :is(#price-origin,#product-info,#vehicle-selected){color:#738b9f}
#panel-sim .ff-builder button.primary{
 background:linear-gradient(120deg,#135b92,#0d436e);
 border:1px solid rgba(42,112,162,.46);
 color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
/* Dark only for the concise financial dashboard, not all of the surrounding page. */
#panel-sim .card.ff-results{
 color:#f6faff;
 border:1px solid rgba(157,189,212,.36);
 border-radius:18px;
 background:
 radial-gradient(ellipse at 88% -10%,rgba(160,184,193,.12),transparent 55%),
 linear-gradient(117deg,#263f54 0%,#2e4a62 55%,#274158 100%);
 box-shadow:0 11px 23px -21px rgba(8,32,50,.39),inset 0 1px 0 rgba(255,255,255,.14);
 padding:19px 20px;
}
#panel-sim .ff-results>.section-head h2{color:#fff}
#panel-sim .ff-results .ff-metric{border-color:rgba(244,251,255,.18)}
#panel-sim .ff-results .ff-metric strong{color:#fff}
#panel-sim .ff-results .ff-metric :is(span,small){color:#d0e0ed}
#panel-sim .ff-results .ff-metric-icon{
 background:rgba(10,29,47,.22);
 border-color:rgba(236,247,255,.30);
}
/* Financial breakdown and guidance are lighter, separate, legible surfaces. */
#panel-sim .ff-finance-flow .ff-finance-details{
 color:#1b4260;
 background:linear-gradient(130deg,rgba(252,254,255,.89),rgba(230,239,246,.76));
 border:1px solid rgba(204,223,238,.89);
 border-radius:12px;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 box-shadow:inset 0 1px 0 #fff,0 4px 12px -11px rgba(22,63,93,.15);
}
#panel-sim .ff-finance-flow .ff-finance-details summary,
#panel-sim .ff-finance-flow .ff-finance-details summary strong{color:#173b58}
#panel-sim .ff-finance-flow .ff-finance-details summary small{color:#6b8396}
#panel-sim .ff-finance-flow .ff-finance-details .stats{border-color:#dce6ed}
#panel-sim .ff-finance-flow .ff-finance-details .stats span{color:#648096}
#panel-sim .ff-finance-flow .ff-finance-details .stats b{color:#153956}
#panel-sim .ff-finance-flow .ff-finance-guidance{
 background:rgba(237,245,249,.78);
 border:1px solid rgba(208,225,237,.89);
 border-radius:11px;
}
#panel-sim .ff-finance-flow #budget-fit{color:#496a82}
#panel-sim .ff-finance-flow .ff-guidance-icon{
 background:#dcebf4;color:#426a87;
}
#panel-sim .ff-finance-flow .ff-selected-vehicle{
 color:#193c57;
 background:linear-gradient(131deg,rgba(254,253,250,.93),rgba(245,240,230,.79));
 border:1px solid rgba(206,179,125,.77);
 box-shadow:inset 0 1px 0 #fff,0 5px 15px -14px rgba(129,91,38,.30);
}
#panel-sim .ff-selected-vehicle .ff-selected-copy strong{color:#193d58}
#panel-sim .ff-selected-vehicle .ff-selected-copy small{color:#6a8497}
#panel-sim .ff-finance-flow .footnote{color:#708598}
#panel-sim .ff-finance-flow .footnote strong{color:#496981}
/* Curadoria stays light with V3-inspired suspended rim, not a large grey panel. */
#panel-sim .card.ff-discover{padding:19px 20px 21px}
#panel-sim .ff-discover .section-head h2{color:#12324c}
#panel-sim .ff-discover .section-head .ff-match-count{color:#386c94}
#panel-sim .ff-discover .section-head p{color:#70869a}
#panel-sim .ff-catalog-tools{
 padding-bottom:12px;border-bottom:1px solid rgba(203,220,233,.83);
}
#panel-sim .ff-cat{
 background:rgba(250,252,254,.79);
 color:#305473;border:1px solid #d3e1ec;border-radius:999px;
}
#panel-sim .ff-cat.active{
 color:#fff;background:#144d76;
 border-color:#144d76;
}
#panel-sim .ff-catalog-sort label{color:#678197}
#panel-sim .ff-catalog-sort select{
 color:#214b6c;background:rgba(255,255,255,.93);
 border:1px solid #d4e2eb;
}
#panel-sim .ff-view-toggles{
 background:rgba(233,242,249,.75);
 border:1px solid #d4e3ed;
}
#panel-sim .ff-view-toggles button{color:#5c7890}
#panel-sim .ff-view-toggles button[aria-pressed=true]{
 color:#fff;background:#195b8a;
}
#panel-sim #discover-feedback{
 color:#41667e;
 background:rgba(233,243,249,.82);
 border:1px solid rgba(206,225,240,.88);
 border-radius:9px;
}
#panel-sim .ff-discover .ff-empty{
 color:#254963;
 background:rgba(255,255,255,.77);
 border:1px solid rgba(210,226,238,.92);
 border-radius:11px;
}
#panel-sim .ff-discover .ff-empty strong{color:#224762}
#panel-sim .ff-discover .ff-empty p{color:#687f91}
#panel-sim .ff-auto-card{
 color:#15364f;background:rgba(255,255,255,.97);
 border:1px solid rgba(216,228,236,.86);
 box-shadow:0 4px 12px -9px rgba(13,46,72,.24);
}
#panel-sim .ff-auto-card.ff-is-selected{
 border-color:#cda566;
 box-shadow:0 0 0 1px rgba(227,195,134,.51),0 0 12px rgba(168,126,62,.18);
}
/* Ficha V3 cameo: only the small specification summary retains smoked graphite. */
#panel-sim .ff-spec-glass{
 color:#f7fbff;
 background:
 radial-gradient(ellipse at 91% -10%,rgba(185,167,139,.20),transparent 46%),
 linear-gradient(132deg,rgba(66,83,96,.91),rgba(45,64,82,.90));
 border:1px solid rgba(236,247,254,.42);
 border-radius:17px;
 box-shadow:0 10px 25px -18px rgba(13,35,56,.27),inset 0 1px 0 rgba(255,255,255,.23);
 -webkit-backdrop-filter:blur(18px) saturate(112%);
 backdrop-filter:blur(18px) saturate(112%);
}
#panel-sim .ff-spec-glass-head :is(span,h3){color:#f5faff}
#panel-sim .ff-spec-glass-selected{
 background:rgba(15,32,48,.16);
 border:1px solid rgba(224,242,253,.23);
}
#panel-sim .ff-spec-glass-selected strong{color:#fff}
#panel-sim .ff-spec-glass-selected small{color:#d0dfea}
#panel-sim .ff-glass-spec-row{border-color:rgba(239,250,255,.18)}
#panel-sim .ff-glass-spec-row span{color:#e4f0f8}
#panel-sim .ff-glass-spec-row strong{color:#fff}
#panel-sim .ff-spec-glass-placeholder{
 color:#e8f3fc;background:rgba(18,40,57,.19);
 border-color:rgba(234,248,255,.25)
}
#panel-sim .ff-spec-glass-placeholder :is(span,p),
#panel-sim .ff-spec-glass-foot{color:#d4e5ef}
#panel-sim .ff-spec-glass-link{color:#a2ddff}
/* QIC main form: light smoked glass; no full-screen dark mass. */
#panel-smart .cols>.card{padding:23px 24px}
#panel-smart .cols>.card>.section-head h2{color:#133753}
#panel-smart .cols>.card>.section-head .eyebrow{color:#246b9d}
#panel-smart .cols>.card:first-child>.field>label,
#panel-smart .cols>.card:first-child>.ff-toggle,
#panel-smart .cols>.card:first-child>.footnote{color:#476780}
#panel-smart .cols>.card:first-child :is(.ff-qic-entry,.ff-qic-term-field,.ff-qic-block,details.ff-qic-optional){
 color:#264b67;
 background:linear-gradient(137deg,rgba(249,252,255,.83),rgba(225,237,246,.70));
 border:1px solid #d5e4ef;
 border-radius:12px;
 box-shadow:inset 0 1px 0 #fff;
}
#panel-smart .ff-qic-block legend{color:#285e84}
#panel-smart .cols>.card:first-child :is(.ff-qic-block,.ff-qic-entry,.ff-qic-term-field,details.ff-qic-optional) :is(label,.ff-qic-term-head label,.ff-qic-entry-title label,summary){
 color:#31556f;
}
#panel-smart .cols>.card:first-child :is(.ff-qic-entry-title output,.ff-qic-term-head output){color:#155f96}
#panel-smart .cols>.card:first-child :is(.ff-qic-info,.ff-qic-entry-limits,#qic-entry-help,#qic-term-help,.ff-qic-term-ends,.ff-qic-entry-amount small,details.ff-qic-optional>summary small){
 color:#748c9e;
}
#panel-smart .cols>.card:first-child :is(input:not([type=range]):not([type=checkbox]),select){
 color:#173c59;background:rgba(255,255,255,.96);
 border:1px solid #d5e3ed;
}
#panel-smart .cols>.card:first-child .ff-spouse-approval{color:#52758d}
#panel-smart .cols>.card:first-child .ff-qic-next-caption{color:#6c8497}
#panel-smart .cols>.card:first-child .ff-qic-next button{
 background:linear-gradient(120deg,#176cab,#124b7a);
 border-color:#236eaa;color:#fff;
}
#panel-smart .ff-smart-card .stats span{color:#69849a}
#panel-smart .ff-smart-card .stats b{color:#183c57}
#panel-smart .ff-smart-card .footnote{color:#71889b}
#panel-smart .ff-smart-card .ff-insight{
 color:#244860;
 background:rgba(255,255,255,.80);
 border:1px solid rgba(215,231,243,.89);
 border-radius:11px;
 box-shadow:inset 0 1px 0 #fff;
}
#panel-smart .ff-smart-card .ff-insight :is(strong,p){color:#244963}
#panel-smart .ff-smart-card .ff-qic-budget-note{
 background:rgba(237,246,250,.85);color:#3d637b;
 border:1px solid rgba(211,229,239,.91)
}
#panel-smart .ff-smart-card .ff-qic-assumptions{
 color:#617f95;background:rgba(251,253,255,.72);
 border:1px solid #dae6ee;
}
#panel-smart .ff-smart-card .ff-qic-profile-prompt{
 color:#315976;background:rgba(251,253,255,.80);border-color:#d8e6ef
}
#panel-smart .ff-smart-card .ff-actions button.secondary,
#panel-smart .ff-smart-card .ff-actions a.secondary{
 color:#215b85;background:rgba(255,255,255,.74);
 border:1px solid #cddfec;
}
#panel-smart .ff-smart-card .ff-actions button.primary{
 background:#175b90;color:white;border-color:#175b90;
}
/* Financial status colors are the only expressive outer rims; preserve animation. */
#panel-smart .ff-smart-card[data-qic-state="out"]{
 border-color:#cf907f;
 box-shadow:0 0 0 1px rgba(223,147,129,.18),
             0 10px 23px -19px rgba(127,54,37,.17);
}
#panel-smart .ff-smart-card[data-qic-state="eligible"]{
 border-color:#86bfa3;
 box-shadow:0 0 0 1px rgba(151,218,183,.24),
             0 10px 24px -19px rgba(49,125,84,.21);
}
#panel-smart .ff-smart-card[data-qic-state="provisional"]{
 border-color:#bbd6e6;box-shadow:var(--od-ice-shadow);
}
#panel-smart .ff-qic-vehicle{
 color:#19415d;
 background:linear-gradient(134deg,rgba(255,254,251,.91),rgba(236,243,246,.81));
 border:1px solid #d9c8ab;
 border-radius:14px;
 box-shadow:inset 0 1px 0 #fff,0 6px 16px -16px rgba(33,56,67,.28);
 -webkit-backdrop-filter:blur(16px);
 backdrop-filter:blur(16px);
}
#panel-smart .ff-qic-vehicle>div>span{color:#987348}
#panel-smart .ff-qic-vehicle strong{color:#173d5b}
#panel-smart .ff-qic-vehicle small{color:#698499}
#panel-smart .ff-qic-vehicle[data-qic-state="neutral"]{
 background:linear-gradient(130deg,rgba(253,254,255,.91),rgba(239,245,248,.82))
}
#panel-smart .ff-qic-vehicle[data-qic-state="provisional"]{
 background:linear-gradient(130deg,rgba(250,254,255,.93),rgba(232,245,251,.79))
}
#panel-smart .ff-qic-vehicle[data-qic-state="out"]{
 background:linear-gradient(133deg,rgba(255,251,249,.91),rgba(251,239,236,.81));
 border-color:#dbb7ab;
}
#panel-smart .ff-qic-vehicle[data-qic-state="eligible"]{
 background:linear-gradient(132deg,rgba(249,255,251,.90),rgba(233,247,240,.82));
 border-color:#acd9bf;
}
/* Six-step client wizard: use the approved Ice Glass basis, with greater depth. */
#panel-request .ff-intro-note{
 background:linear-gradient(121deg,rgba(246,252,255,.85),rgba(226,238,247,.78));
 color:#214b68;border:1px solid #cfe1ee;
 -webkit-backdrop-filter:blur(14px);
 backdrop-filter:blur(14px);
}
#panel-request .ff-intro-note strong{color:#194a6e}
#panel-request .ff-intro-note p{color:#647e91}
#panel-request .ff-wizard-layout{
 grid-template-columns:minmax(0,1.62fr) minmax(290px,.9fr);
 gap:21px;align-items:start;
}
#panel-request .ff-wizard-main,
#panel-request .ff-wizard-side>.card{
 color:#173e5b;
 background:var(--od-ice-glass);
 border:1px solid var(--od-ice-stroke);
 box-shadow:var(--od-ice-shadow);
 border-radius:19px;
 -webkit-backdrop-filter:blur(18px) saturate(112%);
 backdrop-filter:blur(18px) saturate(112%);
}
#panel-request .ff-wizard-main:before,
#panel-request .ff-wizard-side>.card:before{
 background:linear-gradient(118deg,rgba(255,255,255,.13),transparent 39%,rgba(255,255,255,.065) 68%,transparent)
}
#panel-request .ff-wizard-steps{
 background:linear-gradient(120deg,rgba(254,255,255,.80),rgba(229,240,247,.73));
 border:1px solid #d9e6ef;
 box-shadow:inset 0 1px 0 #fff;
}
#panel-request .ff-wizard-step{
 color:#728b9f;border-color:#d0e1eb;
}
#panel-request .ff-wizard-step b{
 color:#66849a;background:rgba(253,255,255,.87);border-color:#d5e4ec;
}
#panel-request .ff-wizard-step.current{color:#1368a6;border-color:#378ac2}
#panel-request .ff-wizard-step.current b{
 color:white;background:#15699f;border-color:#15699f;
}
#panel-request .ff-wizard-step.done{color:#3d8068;border-color:#8fc5a9}
#panel-request .ff-wizard-step.done b{
 background:#eaf7ef;color:#448168;border-color:#b9ddcb
}
#panel-request .ff-wizard-pane>.section-head .eyebrow,
#panel-request .ff-wizard-side>.card .section-head .eyebrow{color:#276e9d}
#panel-request .ff-wizard-pane>.section-head h2,
#panel-request .ff-wizard-side>.card .section-head h2{color:#193b55}
#panel-request .ff-wizard-pane>.section-head p{color:#71879b}
#panel-request .ff-application-grid .field label{color:#385a76}
#panel-request .ff-application-grid :is(input,select){
 color:#153b57;background:rgba(255,255,255,.96);
 border:1px solid #d6e4ed;
}
#panel-request .ff-review-grid>div,
#panel-request .ff-compact-summary{
 color:#1e4662;
 background:rgba(255,255,255,.83);
 border:1px solid #d9e6ee;
 box-shadow:inset 0 1px 0 #fff;
}
#panel-request .ff-review-grid span{color:#6b879b}
#panel-request .ff-review-grid strong{color:#163b56}
#panel-request .ff-confirm{
 color:#315a79;background:rgba(238,247,251,.81);
 border:1px solid #d3e4ed
}
#panel-request .ff-bank-choice{
 background:rgba(255,255,255,.83);
 border:1px solid #d7e6ee;
 color:#315675;
}
#panel-request .ff-bank-choice :is(b,strong){color:#204a69}
#panel-request .ff-bank-choice small{color:#7391a4}
#panel-request .ff-bank-choice:has(input:checked){
 background:rgba(225,242,251,.88);
 border-color:#89b9d6;
}
#panel-request .ff-safe-notice,
#panel-request .ff-doc-note{
 color:#54748a;background:rgba(251,254,255,.82);
 border:1px solid #d9e8ef;
}
#panel-request .ff-wizard-nav{border-color:#dbe6ee}
#panel-request .ff-wizard-nav>span{color:#6e879c}
#panel-request .ff-wizard-nav button.primary{
 color:#fff;background:linear-gradient(120deg,#146da6,#0d4d7d);
 border:1px solid #156da6;
}
#panel-request .ff-wizard-nav button.secondary{
 color:#275b80;background:rgba(252,254,255,.83);
 border:1px solid #cfe0ec;
}
#panel-request .ff-wizard-side .footnote,
#panel-request #private-help{color:#607b91}
#panel-request .ff-wizard-side :is(#private-email,#save-message){color:#3d617d}
#panel-request .ff-wizard-side .ff-toggle{color:#456b86}
#panel-mine>.card button.secondary{
 color:#275d84;background:rgba(255,255,255,.83);
 border:1px solid #cee1ed;
}
/* Small screens retain translucent depth but stronger opacity and legibility. */
@media(max-width:1160px){
 #panel-request .ff-wizard-layout{grid-template-columns:1fr}
}
@media(max-width:950px){
 #panel-smart .cols{grid-template-columns:1fr}
 #panel-sim .card.ff-builder,#panel-smart .cols>.card{padding:19px}
}
@media(max-width:680px){
 #panel-sim .card.ff-builder,#panel-sim .card.ff-discover,
 #panel-smart .cols>.card,#panel-request .ff-wizard-main,
 #panel-request .ff-wizard-side>.card{
  background:linear-gradient(140deg,rgba(252,254,255,.96),rgba(230,240,247,.93));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 }
 #panel-sim .card.ff-results{background:linear-gradient(116deg,#2b485f,#2d4a63)}
 #panel-sim .ff-spec-glass{background:linear-gradient(128deg,rgba(62,82,100,.98),rgba(40,60,78,.97))}
 #panel-request .ff-wizard-steps{gap:4px}
}
@media(prefers-reduced-motion:reduce){
 #panel-request .ff-wizard-pane:not([hidden]){animation:none}
}
@media(prefers-reduced-transparency:reduce){
 #panel-sim .card.ff-builder,#panel-sim .card.ff-discover,
 #panel-smart .cols>.card,#panel-request .ff-wizard-main,
 #panel-request .ff-wizard-side>.card,#panel-mine>.card{
  background:#f0f6fa;
  -webkit-backdrop-filter:none;backdrop-filter:none
 }
}


/* ===== OneSmart QIC | Premium state signalling, V0.8.6 =====
   Yellow is ONLY for financially in-range but incomplete qualification.
   Full green is ONLY for the completed indicative QIC assessment.
   No aura/bloom escapes an individual glass surface.
 */
@keyframes od-qic-soft-diagonal{
  0%,13%{transform:translateX(-170%) skewX(-23deg);opacity:0}
  20%{opacity:.43}
  49%{opacity:.44}
  58%,100%{transform:translateX(350%) skewX(-23deg);opacity:0}
}
#panel-smart .ff-smart-card[data-qic-state="provisional"]{
  border-color:#d8c18f;
  box-shadow:0 0 0 1px rgba(221,191,122,.15),
             0 12px 25px -21px rgba(111,80,28,.22),
             inset 0 1px 0 rgba(255,255,255,.92);
}
/* Provisional status: pale champagne, no success-green. */
#panel-smart .ff-smart-card[data-qic-state="provisional"] #qic-status{
  background:linear-gradient(111deg,#fff4d9 0%,#ffefd0 61%,#fff7e8 100%);
  border:1px solid #e9cd95;
  color:#855a18;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
#panel-smart .ff-smart-card[data-qic-state="provisional"] .ff-insight.ff-insight-pending{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid #e6c789;
  border-radius:12px;
  color:#79521b;
  background:linear-gradient(119deg,rgba(255,249,233,.99),rgba(255,239,200,.84) 70%,rgba(255,248,231,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),
             0 6px 14px -12px rgba(137,98,37,.25);
}
#panel-smart .ff-smart-card[data-qic-state="provisional"] .ff-insight.ff-insight-pending :is(strong,p){
  color:#79521b;
  position:relative;
  z-index:1;
}
#panel-smart .ff-smart-card[data-qic-state="provisional"] .ff-insight.ff-insight-pending p{color:#876b40}
#panel-smart .ff-smart-card[data-qic-state="provisional"] .ff-insight.ff-insight-pending::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:-30%;bottom:-30%;left:0;
  width:35%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.21) 35%,rgba(255,255,255,.73) 50%,rgba(255,255,255,.12) 77%,transparent);
  animation:od-qic-soft-diagonal 8.5s ease-in-out infinite;
}
/* Eligible: forest green, vivid enough to distinguish success but never fluorescent. */
#panel-smart .ff-smart-card[data-qic-state="eligible"] #qic-status{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(115deg,#0b664c 0%,#0e805b 61%,#15956d 100%);
  border:1px solid #18805f;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 10px -10px rgba(12,103,73,.22);
  text-shadow:0 1px 1px rgba(9,61,47,.14);
}
#panel-smart .ff-smart-card[data-qic-state="eligible"] #qic-status::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:1;
  top:-55%;bottom:-55%;left:0;
  width:30%;
  background:linear-gradient(90deg,transparent,rgba(228,255,240,.045) 26%,rgba(236,255,244,.30) 52%,rgba(227,253,237,.045) 80%,transparent);
  animation:od-qic-soft-diagonal 9.2s ease-in-out infinite;
}
/* Keep the rest of the completed financial card Ice Glass and readable. */
#panel-smart .ff-smart-card[data-qic-state="eligible"] .ff-insight{
  border-color:#cee4da;
}
@media(prefers-reduced-motion:reduce){
  #panel-smart .ff-smart-card[data-qic-state="eligible"] #qic-status::after,
  #panel-smart .ff-smart-card[data-qic-state="provisional"] .ff-insight.ff-insight-pending::before{
    animation:none;opacity:0;
  }
}