/*
 * SFR A02 live visual polish — 5.4.50.51
 * Pure presentation layer. No financial logic, engine calls, or DOM authority.
 */
.sfr-a01{
  --sfr-content-max:1380px;
  --sfr-sidebar-width:258px;
  background:
    radial-gradient(circle at 18% -12%,color-mix(in srgb,var(--sfr-brand-100) 46%,transparent),transparent 32%),
    var(--sfr-canvas);
}
.sfr-a01[data-sfr-a01-theme="dark"]{
  background:
    radial-gradient(circle at 20% -12%,rgba(37,99,235,.14),transparent 34%),
    var(--sfr-canvas);
}
.sfr-a01__sidebar{
  background:
    radial-gradient(circle at 18% 0,rgba(59,130,246,.18),transparent 30%),
    linear-gradient(180deg,#07152b 0%,#0a1c38 48%,#07162f 100%);
  box-shadow:-14px 0 42px rgba(2,6,23,.18);
}
.sfr-a01__brand{height:68px;padding-inline:14px;background:rgba(255,255,255,.018)}
.sfr-a01__brand-mark{flex-basis:40px;height:40px;border-radius:12px;box-shadow:0 10px 24px rgba(37,99,235,.25)}
.sfr-a01__search{height:42px;margin:12px 10px 8px;border-color:rgba(148,163,184,.24);background:rgba(255,255,255,.065)}
.sfr-a01__nav{padding:2px 9px 15px}
.sfr-a01__nav-label{margin-block:13px 6px;color:#9fb1ca;letter-spacing:.01em}
.sfr-a01__quick a,.sfr-a01__category-items a,.sfr-a01__category summary{min-height:40px;border:1px solid transparent;border-radius:10px}
.sfr-a01__quick a:hover,.sfr-a01__category-items a:hover{border-color:rgba(148,163,184,.11);background:rgba(255,255,255,.075)}
.sfr-a01__quick a.is-active,.sfr-a01__category-items a.is-active{
  border-color:rgba(96,165,250,.22);
  background:linear-gradient(90deg,rgba(37,99,235,.34),rgba(59,130,246,.09));
  box-shadow:inset -3px 0 #60a5fa,0 8px 18px rgba(2,6,23,.18);
}
.sfr-a01__sidebar-footer{min-height:56px;background:rgba(2,6,23,.13)}
.sfr-a01__topbar{
  height:64px;
  padding-inline:clamp(16px,2.2vw,30px);
  background:color-mix(in srgb,var(--sfr-surface) 94%,transparent);
  box-shadow:0 1px 0 var(--sfr-border),0 8px 22px rgba(15,23,42,.035);
}
.sfr-a01__integration-chip{min-height:32px;padding-inline:11px;border-radius:10px;font-size:12px}
.sfr-a01__main{padding-top:22px;padding-bottom:38px}
.sfr-a01__page-head{
  isolation:isolate;
  overflow:hidden;
  min-height:128px;
  margin-bottom:12px;
  padding:22px 24px;
  border-color:color-mix(in srgb,var(--sfr-brand-500) 18%,var(--sfr-border));
  border-radius:22px;
  background:
    linear-gradient(112deg,color-mix(in srgb,var(--sfr-surface) 97%,transparent),color-mix(in srgb,var(--sfr-surface-soft) 75%,var(--sfr-surface)));
  box-shadow:0 16px 38px rgba(15,23,42,.055);
}
.sfr-a01__page-head:before{inset-block:20px;width:4px;background:linear-gradient(180deg,var(--sfr-brand-500),var(--sfr-positive));box-shadow:0 0 18px color-mix(in srgb,var(--sfr-brand-500) 36%,transparent)}
.sfr-a01__page-head:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset-inline-end:-62px;
  inset-block-start:-84px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--sfr-brand-100) 68%,transparent),transparent 69%);
}
.sfr-a01__page-head h1{font-size:clamp(27px,2.2vw,35px);line-height:1.28;letter-spacing:-.035em}
.sfr-a01__page-head p{font-size:13.5px}
.sfr-a01__eyebrow{margin-bottom:4px;color:var(--sfr-brand-700);font-size:12px;letter-spacing:.01em}
.sfr-a01__page-actions{align-items:center}
.sfr-a01__page-actions .sfr-a01__button{min-height:42px;padding-inline:15px}
.sfr-a01__context-strip{
  margin-bottom:14px;
  border-radius:15px;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.sfr-a01__context-strip>div{position:relative;padding:11px 14px}
.sfr-a01__context-strip>div:before{content:"";position:absolute;inset-inline:13px;inset-block-start:0;height:2px;border-radius:99px;background:color-mix(in srgb,var(--sfr-brand-500) 34%,transparent)}
.sfr-a01__context-strip span{font-size:11.5px}
.sfr-a01__context-strip strong{font-size:13.5px}
.sfr-a01__context-engine{background:linear-gradient(180deg,var(--sfr-info-bg),var(--sfr-surface))!important}
.sfr-a01__workflow-wrap{top:64px;margin-bottom:18px;padding-block:9px;background:color-mix(in srgb,var(--sfr-canvas) 96%,transparent)}
.sfr-a01__workflow{gap:7px}
.sfr-a01__workflow-tab{min-height:46px;border-color:color-mix(in srgb,var(--sfr-border) 88%,transparent);background:color-mix(in srgb,var(--sfr-surface) 94%,transparent);box-shadow:0 4px 12px rgba(15,23,42,.025)}
.sfr-a01__workflow-tab[aria-selected="true"]{
  border-color:color-mix(in srgb,var(--sfr-brand-500) 42%,var(--sfr-border));
  background:linear-gradient(180deg,color-mix(in srgb,var(--sfr-brand-100) 42%,var(--sfr-surface)),var(--sfr-surface));
  box-shadow:inset 0 -3px var(--sfr-brand-500),0 8px 20px color-mix(in srgb,var(--sfr-brand-500) 12%,transparent);
}
.sfr-a01__step-number{border:1px solid color-mix(in srgb,var(--sfr-border) 88%,transparent)}
.sfr-a01__overview-grid{grid-template-columns:minmax(0,1.62fr) minmax(286px,.38fr);gap:15px}
.sfr-a01__decision-card{
  min-height:218px;
  padding:25px 27px;
  border:1px solid rgba(191,219,254,.16);
  background:
    radial-gradient(circle at 10% 112%,rgba(96,165,250,.33),transparent 40%),
    radial-gradient(circle at 92% -28%,rgba(16,185,129,.18),transparent 40%),
    linear-gradient(135deg,#0f255e 0%,#1e3a8a 52%,#1d4ed8 100%);
  box-shadow:0 24px 58px rgba(30,58,138,.22);
}
.sfr-a01__decision-card h2{font-size:clamp(24px,2vw,31px);line-height:1.5}
.sfr-a01__score{width:74px;height:74px;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.sfr-a01__action-card{
  border-color:color-mix(in srgb,var(--sfr-caution) 32%,var(--sfr-border));
  border-top:4px solid var(--sfr-caution);
  background:linear-gradient(180deg,var(--sfr-surface),color-mix(in srgb,var(--sfr-cau-bg) 34%,var(--sfr-surface)));
  box-shadow:0 16px 34px rgba(15,23,42,.055);
}
.sfr-a01__section{margin-top:20px}
.sfr-a01__section-heading{align-items:center;margin-bottom:11px;padding-inline:3px}
.sfr-a01__section-heading>div:first-child{position:relative;padding-inline-start:11px}
.sfr-a01__section-heading>div:first-child:before{content:"";position:absolute;inset-inline-start:0;inset-block:4px;width:3px;border-radius:99px;background:linear-gradient(var(--sfr-brand-500),var(--sfr-positive))}
.sfr-a01__section-heading h2{font-size:18px;letter-spacing:-.015em}
.sfr-a01__metrics{gap:12px}
.sfr-a01__metric{
  min-height:150px;
  border-color:color-mix(in srgb,var(--sfr-border) 92%,transparent);
  border-radius:15px;
  background:linear-gradient(180deg,var(--sfr-surface),color-mix(in srgb,var(--sfr-surface-subtle) 26%,var(--sfr-surface)));
  box-shadow:0 9px 24px rgba(15,23,42,.045);
  transition:transform var(--sfr-transition),box-shadow var(--sfr-transition),border-color var(--sfr-transition);
}
.sfr-a01__metric:before{width:4px}
.sfr-a01__metric-value strong{font-size:27px}
.sfr-a01__metric-context{min-height:49px}
.sfr-a01__dashboard-grid{gap:15px}
.sfr-a01__card{border-color:color-mix(in srgb,var(--sfr-border) 92%,transparent);border-radius:15px;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.sfr-a01__card-head{padding-block:17px 12px}
.sfr-a01__health-track{height:9px;box-shadow:inset 0 1px 2px rgba(15,23,42,.08)}
.sfr-a01__chart svg{height:220px}
.sfr-a01__notice{border-radius:13px}
.sfr-a01__mobile-action-dock{border-radius:17px;box-shadow:0 20px 48px rgba(15,23,42,.24)}
.sfr-a01[data-sfr-a01-theme="dark"] .sfr-a01__page-head{border-color:rgba(96,165,250,.22);background:linear-gradient(120deg,#0c1a2d,#10243d)}
.sfr-a01[data-sfr-a01-theme="dark"] .sfr-a01__metric,.sfr-a01[data-sfr-a01-theme="dark"] .sfr-a01__card{background:linear-gradient(180deg,var(--sfr-surface),color-mix(in srgb,var(--sfr-surface-raised) 42%,var(--sfr-surface)))}
@media(hover:hover) and (pointer:fine){
  .sfr-a01__metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sfr-brand-500) 28%,var(--sfr-border));box-shadow:0 15px 34px rgba(15,23,42,.075)}
}
@media(max-width:1180px){
  .sfr-a01{--sfr-sidebar-width:244px}
  .sfr-a01__overview-grid{grid-template-columns:1fr}
  .sfr-a01__action-card{border-top-width:3px}
}
@media(max-width:900px){
  .sfr-a01__page-head{min-height:0;padding:18px}
  .sfr-a01__page-head:after{width:190px;height:190px}
  .sfr-a01__overview-grid{gap:12px}
}
@media(max-width:600px){
  .sfr-a01__topbar{height:60px}
  .sfr-a01__page-head{padding:16px 15px;border-radius:16px}
  .sfr-a01__page-head h1{font-size:25px}
  .sfr-a01__page-head p{font-size:13px}
  .sfr-a01__context-strip>div{flex-basis:184px;padding:10px 12px}
  .sfr-a01__workflow-wrap{top:60px}
  .sfr-a01__workflow-tab{min-height:44px}
  .sfr-a01__decision-card{padding:20px;border-radius:17px;box-shadow:0 18px 40px rgba(30,58,138,.18)}
  .sfr-a01__decision-card h2{font-size:22px}
  .sfr-a01__metric{min-height:auto}
}