/* OneDealer Ice Glass · Finance Flex six-step application
   Automotive light UI, restrained refraction and no external glow/halo.
   Scoped only to #panel-request; all functional fields keep a high-opacity surface.
*/
#panel-request{
 --od-glass-ink:#123752;
 --od-glass-stroke:rgba(176,196,211,.46);
 --od-glass-soft:rgba(231,240,247,.57);
 --od-glass-deep:rgba(13,56,89,.075);
 --od-glass-blur:20px;
 background:linear-gradient(145deg,rgba(249,252,254,.83) 0%,rgba(242,247,250,.64) 52%,rgba(249,251,253,.83) 100%);
}
#panel-request .ff-intro-note{
 border:1px solid rgba(189,213,229,.72);
 border-radius:14px;
 background:linear-gradient(125deg,rgba(236,245,251,.89),rgba(246,250,253,.75));
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 6px 16px rgba(19,50,75,.032);
}
#panel-request .ff-wizard-layout{gap:19px;align-items:start}
/* Level 1: expansive translucent Ice White sheet behind the six steps. */
#panel-request .ff-wizard-main{
 position:relative;isolation:isolate;min-width:0;
 border:1px solid rgba(255,255,255,.95);
 border-radius:19px;
 background:
   linear-gradient(135deg,rgba(255,255,255,.90) 0%,rgba(248,251,253,.79) 37%,rgba(238,245,249,.76) 100%);
 -webkit-backdrop-filter:blur(var(--od-glass-blur)) saturate(116%);
 backdrop-filter:blur(var(--od-glass-blur)) saturate(116%);
 box-shadow:0 16px 44px -37px rgba(19,52,79,.39),0 3px 19px rgba(20,58,87,.041),
            inset 0 1px 0 rgba(255,255,255,.99),inset 0 -1px 0 rgba(185,205,220,.24);
 padding:22px 23px 21px;
}
#panel-request .ff-wizard-main:before{
 content:"";position:absolute;inset:1px;border-radius:18px;
 z-index:-1;pointer-events:none;
 background:linear-gradient(117deg,rgba(255,255,255,.18) 2%,transparent 34%,
                            rgba(255,255,255,.16) 49%,transparent 66%,rgba(218,232,242,.10) 100%);
}
#panel-request .ff-wizard-steps{
 display:grid;gap:5px;
 margin:0 0 23px;padding:7px 7px 9px;
 border:1px solid rgba(225,236,243,.81);
 border-radius:13px;
 background:linear-gradient(105deg,rgba(250,252,254,.86),rgba(237,244,248,.64));
 box-shadow:inset 0 1px 0 #fff,0 4px 11px rgba(34,75,104,.023);
}
#panel-request .ff-wizard-step{
 border-bottom:2px solid rgba(188,208,222,.60);
 color:#8499a9;
 padding:7px 3px 10px;
 transition:border-color .18s ease,color .18s ease;
}
#panel-request .ff-wizard-step b{
 background:rgba(255,255,255,.79);
 border:1px solid #d4e2ec;
 box-shadow:inset 0 1px 0 #fff;
 color:#66839b;
 transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
#panel-request .ff-wizard-step.current{border-color:#1b78c6;color:#175e98}
#panel-request .ff-wizard-step.current b{
 transform:translateY(-1px);
 background:linear-gradient(140deg,#0f446f,#1775b9);
 border-color:#276fa8;color:#fff;
 box-shadow:0 2px 6px rgba(16,69,112,.14);
}
#panel-request .ff-wizard-step.done{color:#37766d;border-color:#92c5b7}
#panel-request .ff-wizard-step.done b{background:#f1faf5;color:#387d62;border-color:#c0ddce}
/* Content transitions: only opacity/movement, no elastic effects or flickering. */
@keyframes od-ice-wizard-enter{
 from{opacity:.42;transform:translateY(5px)}
 to{opacity:1;transform:translateY(0)}
}
#panel-request .ff-wizard-pane:not([hidden]){animation:od-ice-wizard-enter .23s ease-out both}
#panel-request .ff-wizard-pane>.section-head{margin-bottom:20px}
#panel-request .ff-wizard-pane>.section-head .eyebrow{color:#1b6ea9;font-size:10px;letter-spacing:.16em}
#panel-request .ff-wizard-pane>.section-head h2{font-weight:750;letter-spacing:-.026em;color:#13334e}
#panel-request .ff-wizard-pane>.section-head p{font-size:11px;color:#6f879a;line-height:1.6}
/* Level 3: light refractive wells, but readable, accessible opaque-ish inputs. */
#panel-request .ff-application-grid{gap:13px 15px}
#panel-request .ff-application-grid .field label{color:#31516e;font-size:11px;font-weight:690}
#panel-request .ff-application-grid :is(input,select){
 min-height:45px;
 color:#113853;
 background:rgba(255,255,255,.89);
 border:1px solid rgba(202,218,231,.88);
 border-radius:10px;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.94),0 2px 5px rgba(20,55,80,.025);
 transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
#panel-request .ff-application-grid :is(input,select):hover{border-color:#b7d0e0}
#panel-request .ff-application-grid :is(input,select):focus{
 outline:2px solid transparent;
 border-color:#6ca4d0;
 background:#fff;
 box-shadow:0 0 0 3px rgba(50,128,190,.14),inset 0 1px 0 #fff;
}
#panel-request .ff-application-grid :is(input,select):disabled{
 background:#eff4f7;color:#74899b;
}
/* Glass Level 2: side-panel clarity and understated dimensional separation. */
#panel-request .ff-wizard-side{gap:15px}
#panel-request .ff-wizard-side>.card{
 position:relative;isolation:isolate;
 background:linear-gradient(137deg,rgba(255,255,255,.84),rgba(241,248,252,.73));
 border:1px solid rgba(255,255,255,.93);
 border-radius:18px;
 padding:20px 20px 21px;
 -webkit-backdrop-filter:blur(17px) saturate(110%);
 backdrop-filter:blur(17px) saturate(110%);
 box-shadow:0 10px 32px -28px rgba(19,57,89,.26),0 3px 14px rgba(20,60,91,.035),
            inset 0 1px 0 #fff,inset 0 -1px 0 rgba(191,214,229,.31);
}
#panel-request .ff-wizard-side>.card:before{
 content:"";position:absolute;inset:1px;border-radius:17px;z-index:-1;
 pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.21),transparent 46%,rgba(232,242,247,.075));
}
#panel-request .ff-wizard-side .section-head .eyebrow{
 color:#17679f;font-weight:750;letter-spacing:.17em;font-size:10px
}
#panel-request .ff-wizard-side .section-head h2{color:#12334d;letter-spacing:-.03em}
#panel-request .ff-review-grid{gap:9px}
#panel-request .ff-review-grid>div{
 padding:12px 13px;
 background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,250,252,.86));
 border:1px solid rgba(212,227,236,.82);
 border-radius:11px;
 box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(21,57,84,.024);
}
#panel-request .ff-review-grid span{font-size:10px;color:#6b8397}
#panel-request .ff-review-grid strong{font-size:12px;color:#143c58}
#panel-request .ff-compact-summary,#panel-request .ff-application-main{
 border:1px solid rgba(218,231,240,.82);
 border-radius:11px;
 background:rgba(252,254,255,.82);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#panel-request .ff-confirm{
 border:1px solid rgba(207,224,236,.85);
 border-radius:10px;
 background:rgba(241,249,252,.80);
 padding:13px 14px;
}
#panel-request .ff-bank-choice{
 border:1px solid #d5e4ed;background:rgba(255,255,255,.8);
 border-radius:12px;
 transition:border-color .2s ease,background .2s ease;
}
#panel-request .ff-bank-choice:has(input:checked){
 border-color:#7cadcf;background:rgba(229,242,251,.85);
}
#panel-request .ff-bank-choice:focus-within{outline:2px solid #81b4d7;outline-offset:1px}
#panel-request .ff-wizard-nav{
 margin-top:22px;padding-top:17px;
 border-top:1px solid rgba(205,223,234,.67);
}
#panel-request .ff-wizard-nav button{
 border-radius:10px;min-height:41px;font-weight:700;
 transition:background .18s ease,border-color .18s ease;
}
#panel-request .ff-wizard-nav button.primary{
 color:#fff;background:linear-gradient(113deg,#0f4671,#1269a8);
 border:1px solid #1a679e;
 box-shadow:0 3px 9px rgba(23,83,128,.095);
}
#panel-request .ff-wizard-nav button.primary:hover{background:linear-gradient(113deg,#0c3b60,#115c94)}
#panel-request .ff-wizard-nav button.secondary{background:rgba(255,255,255,.78);color:#245272;border:1px solid #d4e2eb}
#panel-request :is(button,input,select,a):focus-visible{outline:2px solid #2f86c8;outline-offset:3px}
#panel-request .ff-safe-notice,#panel-request .ff-doc-note,#panel-request .ff-wizard-error{
 border-radius:10px;
 background:rgba(249,252,254,.87);
 border:1px solid rgba(212,227,237,.82);
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 #panel-request .ff-wizard-main,#panel-request .ff-wizard-side>.card{background:#f9fcfe}
}
@media(max-width:1040px){
 #panel-request .ff-wizard-layout{gap:13px}
 #panel-request .ff-wizard-main{padding:19px}
}
@media(max-width:680px){
 #panel-request .ff-wizard-main{padding:16px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
 #panel-request .ff-wizard-side>.card{background:rgba(250,253,255,.92);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
 #panel-request .ff-wizard-steps{padding:5px;row-gap:7px}
 #panel-request .ff-review-grid>div{padding:11px}
 #panel-request .ff-wizard-nav{gap:7px}
}
@media(prefers-reduced-motion:reduce){
 #panel-request .ff-wizard-pane:not([hidden]){animation:none}
 #panel-request .ff-wizard-step,#panel-request .ff-wizard-step b,
 #panel-request .ff-application-grid :is(input,select),#panel-request .ff-bank-choice,
 #panel-request .ff-wizard-nav button{transition:none}
}
@media(prefers-reduced-transparency:reduce){
 #panel-request .ff-wizard-main,#panel-request .ff-wizard-side>.card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}