/* FINNEX Enterprise UI Suite 2.0 — styles scoped to existing FINNEX surfaces */
:where(.fnxf615,.fnx113,.fnxf-dashboard27,.fnxf-bi-panel,[data-fnxf-bi-dashboard]){
  --eui-accent:var(--fnxf638-accent,var(--fnx-accent,#344257));
  --eui-ink:#1b2939;--eui-muted:#596879;--eui-line:#e3e7ec;--eui-surface:#fff;
  --eui-radius:16px;--eui-shadow:0 8px 28px rgba(20,32,48,.055);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  min-width:0;
}
:where(.fnxf615,.fnx113,.fnxf-dashboard27,.fnxf-bi-panel,[data-fnxf-bi-dashboard]) *,
:where(.fnxf615,.fnx113,.fnxf-dashboard27,.fnxf-bi-panel,[data-fnxf-bi-dashboard]) *::before,
:where(.fnxf615,.fnx113,.fnxf-dashboard27,.fnxf-bi-panel,[data-fnxf-bi-dashboard]) *::after{box-sizing:border-box}
.fnxf615 .fnxf615-main,.fnxf615 .fnxf615-layout,.fnxf615 .fnxf615-panel,.fnxf615 .fnxf615-grid,
.fnxf-bi-layout,.fnxf-bi-grid,.fnx113 .fnx113grid{min-width:0}
.fnxf615 .fnxf615-panel,.fnxf-bi-card,.fnxf-bi-chart,.fnx113 .fnx113card{
  background:var(--eui-surface,#fff);border:1px solid var(--eui-line,#e3e7ec);
  border-radius:var(--eui-radius,16px);box-shadow:var(--eui-shadow,0 8px 28px #1420300e);
  overflow-wrap:anywhere;
}
.fnxf-bi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fnxf-bi-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.fnxf-bi-card{padding:clamp(16px,2vw,24px)}
.fnxf-bi-card strong,.fnx113 .fnx113card strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fnxf-bi-card small,.fnxf-bi-card span,.fnxf-bi-chart p{color:var(--eui-muted,#596879)}
.fnxf-bi-tabs{display:flex;flex-wrap:wrap;gap:8px}
.fnxf-bi-tabs button,.fnxf-bi-refresh{
  min-height:44px;max-width:100%;border-radius:10px;cursor:pointer;
}
.fnxf-bi-tabs button[aria-pressed="true"]{
  background:var(--eui-accent,#344257);border-color:var(--eui-accent,#344257);color:#fff
}
.fnxf-bi-track{overflow:hidden;border-radius:999px}
.fnxf-bi-fill{max-width:100%}
.fnxf615 .fnxf615-nav a{min-height:44px}
.fnxf615 .fnxf615-main img,.fnx113 img{max-width:100%;height:auto}
.fnxf615 :is(a,button,input,select,textarea,summary):focus-visible,
.fnx113 :is(a,button,input,select,textarea):focus-visible,
.fnxf-dashboard27 :is(a,button):focus-visible,
.fnxf-bi-panel :is(a,button):focus-visible{
 outline:3px solid var(--eui-accent,#344257);outline-offset:3px
}
.fnxf615 :is(button,input,select,textarea),.fnx113 :is(button,input,select,textarea){max-width:100%}
.fnx113 .fnx113toolbar{gap:12px}
.fnx113 .fnx113card{border-top:3px solid var(--fnx-accent,#344257)}
.fnxf615 .fnxf639-context,.fnxf615 .fnxf639-hero{min-width:0;overflow-wrap:anywhere}
.fnxf615 .fnxf639-context a,.fnxf615 .fnxf639-primary{min-height:44px}
.fnxf-eui-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){
 .fnxf-bi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .fnxf-bi-layout{grid-template-columns:minmax(0,1fr)}
 .fnxf615 .fnxf615-nav{position:static}
}
@media(max-width:782px){
 .fnxf615 .fnxf615-layout{display:block}
 .fnxf615 .fnxf615-main{width:100%;max-width:100%}
 .fnxf615 .fnxf615-nav{width:100%;max-width:100%;margin-bottom:18px}
 .fnx113 .fnx113grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .fnxf-bi-grid,.fnx113 .fnx113grid{grid-template-columns:minmax(0,1fr)}
 .fnxf615 .fnxf639-hero{padding:20px!important}
 .fnxf615 .fnxf639-context{flex-direction:column;align-items:stretch}
 .fnxf615 .fnxf639-context a{white-space:normal}
 .fnx113 .fnx113toolbar{flex-direction:column;align-items:stretch}
 .fnx113 .fnx113toolbar select,.fnx113 .fnx113toolbar button{width:100%}
 .fnxf-bi-bar-label{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 .fnxf615 *, .fnx113 *, .fnxf-dashboard27 *, .fnxf-bi-panel *{
  animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important
 }
}
@media(prefers-contrast:more){
 .fnxf-bi-card,.fnxf-bi-chart,.fnx113 .fnx113card{border-width:2px}
}
