/* BPZ Command — warstwa Cinematic dopasowana do prawdziwego portalu Flask.
   Nie zmienia struktury formularzy, tras ani logiki biznesowej. */

html[data-bpz-ui="cinematic"]{
  --amber:#FED22A;--amber2:#F9B51F;--amber3:#E8A90E;
  --amber-soft:rgba(254,210,42,.10);--amber-line:rgba(254,210,42,.38);
  --bg:#0B0A07;--panel:#14110C;--panel2:#191510;--field:#100E09;
  --border:#2B261B;--fg:#F7F4EC;--sub:#A39D8F;
  --ok:#7FC98B;--err:#E0655B;
}

html[data-bpz-ui="cinematic"] body{
  color:var(--fg);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(1200px 520px at 82% -12%,rgba(254,210,42,.065),transparent 62%),
    radial-gradient(900px 640px at -10% 108%,rgba(120,140,190,.05),transparent 60%),
    radial-gradient(150% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.42) 100%),
    var(--bg);
  background-attachment:fixed;-webkit-font-smoothing:antialiased;
}

html[data-bpz-ui="cinematic"] body::after{
  content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;
  opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Premium polish: amber selection, slim scrollbar, visible focus ring. */
html[data-bpz-ui="cinematic"] ::selection{background:rgba(254,210,42,.28);color:#fff}
html[data-bpz-ui="cinematic"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-bpz-ui="cinematic"] ::-webkit-scrollbar-thumb{background:#2C2719;border-radius:6px}
html[data-bpz-ui="cinematic"] ::-webkit-scrollbar-track{background:transparent}
html[data-bpz-ui="cinematic"] :focus-visible{outline:2px solid #FED22A;outline-offset:2px}

html[data-bpz-ui="cinematic"] .bgfx{
  inset:-64px;opacity:.5;background-image:
    linear-gradient(rgba(254,210,42,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(254,210,42,.035) 1px,transparent 1px);
  background-size:56px 56px;animation:none;transform:none;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,transparent 100%);
  mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,transparent 100%);
}
html[data-bpz-ui="cinematic"] .bgfx::before,
html[data-bpz-ui="cinematic"] .orb{display:none}
html[data-bpz-ui="cinematic"] .shell{align-items:stretch}
html[data-bpz-ui="cinematic"] .snav{
  position:fixed;inset:0 auto 0 0;z-index:90;width:248px;height:100vh;
  background:linear-gradient(180deg,#0D0B08,#0B0906);
  border-right:1px solid #1E1B14;box-shadow:18px 0 45px rgba(0,0,0,.22);
}
html[data-bpz-ui="cinematic"] .slogo{
  padding:18px;border-bottom:1px solid #1E1B14;background:rgba(0,0,0,.12)
}
html[data-bpz-ui="cinematic"] .slogo img{
  height:32px;margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(254,210,42,.3))
}
html[data-bpz-ui="cinematic"] .sbrand{
  color:var(--fg);font-size:12px;letter-spacing:.18em
}
html[data-bpz-ui="cinematic"] .sbrand span{
  color:var(--amber);font-size:8.5px;letter-spacing:.2em;margin-top:5px
}
html[data-bpz-ui="cinematic"] .snav nav{padding:10px 10px 18px}
html[data-bpz-ui="cinematic"] .snav-toggle{display:none}
html[data-bpz-ui="cinematic"] .sh{
  margin:17px 10px 6px;color:#6E695C;font-size:9.5px;letter-spacing:.25em
}
html[data-bpz-ui="cinematic"] .sitem{
  margin:1px 0;padding:9px 12px;border-radius:8px;border-left:2px solid transparent;
  color:#A39D8F;font-size:13px;font-weight:500;transition:all 180ms cubic-bezier(.22,1,.36,1)
}
html[data-bpz-ui="cinematic"] .sitem>svg{
  width:16px;height:16px;flex:0 0 16px;opacity:.82
}
html[data-bpz-ui="cinematic"] .sitem.on>svg,
html[data-bpz-ui="cinematic"] .sitem:hover>svg{opacity:1}
html[data-bpz-ui="cinematic"] .sitem:hover{
  color:var(--fg);background:rgba(254,210,42,.05);text-decoration:none
}
html[data-bpz-ui="cinematic"] .sitem.on{
  color:var(--amber);border-left-color:var(--amber);
  background:linear-gradient(90deg,rgba(254,210,42,.13),rgba(254,210,42,.02) 70%,transparent);
  box-shadow:inset 7px 0 18px rgba(254,210,42,.025)
}
html[data-bpz-ui="cinematic"] .sfoot{
  padding:14px 16px;border-top:1px solid #1E1B14;color:#6E695C;background:#0B0906
}
html[data-bpz-ui="cinematic"] .swrap{margin-left:248px;min-height:100vh}
html[data-bpz-ui="cinematic"] .swrap>main{
  max-width:1460px;margin:0 auto;padding:28px 30px 62px
}

html[data-bpz-ui="cinematic"] .ui-version-link{
  display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 3px;
  padding:7px 9px;border:1px solid rgba(254,210,42,.34);border-radius:8px;
  color:var(--amber);font-size:10.5px;font-weight:700;letter-spacing:.03em;
  background:rgba(254,210,42,.06);text-decoration:none
}
html[data-bpz-ui="cinematic"] .ui-version-link:hover{
  background:rgba(254,210,42,.12);border-color:var(--amber);text-decoration:none
}

/* Sterowanie jak w prototypie Kimiego: Pulse Chat jest pozycją w sidebarze,
   więc nie dublujemy go pływającą kulą. Dzwonek zostaje funkcjonalny, ale
   ma formę małego przycisku górnego paska zamiast bocznego bąbelka. */
html[data-bpz-ui="cinematic"] #bpzCzatBtn{
  display:none!important;animation:none!important;transform:none!important
}
html[data-bpz-ui="cinematic"] #bpzDzw{
  top:16px!important;right:18px!important;width:38px!important;height:38px!important;
  border:1px solid #322C1E!important;border-radius:9px!important;
  background:rgba(16,14,9,.92)!important;color:var(--sub)!important;
  font-size:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  transform:none!important;transition:border-color 160ms ease,background-color 160ms ease,color 160ms ease!important
}
html[data-bpz-ui="cinematic"] #bpzDzw:hover{
  border-color:var(--amber-line)!important;background:#17130D!important;color:var(--amber)!important
}
html[data-bpz-ui="cinematic"] #bpzDzwB{
  top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;
  padding:0 4px!important;border-radius:9px!important;font-size:10px!important
}

html[data-bpz-ui="cinematic"] .v2-hero{
  position:relative;min-height:270px;margin:0 0 24px;overflow:hidden;
  border:1px solid #26221A;border-radius:15px;background:#000;
  box-shadow:0 24px 60px rgba(0,0,0,.45)
}
@keyframes v2heroDrift{from{transform:scale(1.01) translate(0,0)}
  to{transform:scale(1.07) translate(-1.2%,-.9%)}}
html[data-bpz-ui="cinematic"] .v2-hero>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(.97) contrast(1.05) brightness(.93);
  object-position:center;animation:none;transform:none;
  backface-visibility:hidden
}
html[data-bpz-ui="cinematic"] .v2-hero::after{
  content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(6,7,10,.66),rgba(6,7,10,.3) 44%,rgba(6,7,10,.05) 72%),
    linear-gradient(180deg,rgba(0,0,0,.06),transparent 42%,rgba(3,4,7,.5)),
    radial-gradient(130% 100% at 50% 38%,transparent 58%,rgba(0,0,0,.3) 100%),
    linear-gradient(90deg,rgba(254,210,42,.06),transparent 34%)
}
html[data-bpz-ui="cinematic"] .v2-hero-content{
  position:relative;z-index:2;display:flex;min-height:270px;max-width:760px;
  flex-direction:column;justify-content:flex-end;padding:34px 38px
}
html[data-bpz-ui="cinematic"] .v2-kicker{
  color:var(--amber);font-size:10px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;
  text-shadow:0 1px 8px rgba(0,0,0,.6)
}
html[data-bpz-ui="cinematic"] .v2-hero h1{
  margin:9px 0 7px;color:#fff;font-size:34px;line-height:1.08;letter-spacing:-.025em;
  text-shadow:0 2px 22px rgba(0,0,0,.55),0 1px 6px rgba(0,0,0,.5)
}
html[data-bpz-ui="cinematic"] .v2-hero p{max-width:590px;margin:0;color:#CFCDC6;font-size:13.5px;text-shadow:0 1px 10px rgba(0,0,0,.6)}
html[data-bpz-ui="cinematic"] .v2-live{
  display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:17px;
  padding:6px 11px;border:1px solid rgba(127,201,139,.35);border-radius:999px;
  color:#9FE0AA;background:rgba(127,201,139,.08);font-size:10px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase
}
html[data-bpz-ui="cinematic"] .v2-live::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);
  box-shadow:0 0 9px rgba(127,201,139,.8)
}
html[data-bpz-ui="cinematic"] .v2-rdn{
  margin:22px 0 26px;padding:24px;border:1px solid #292319;border-radius:14px;
  background:linear-gradient(145deg,rgba(254,210,42,.04),transparent 36%),#100F0C;
  box-shadow:0 22px 56px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.018)
}
html[data-bpz-ui="cinematic"] .v2-rdn-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px
}
html[data-bpz-ui="cinematic"] .v2-rdn-kicker{
  color:var(--amber);font-size:9px;font-weight:800;letter-spacing:.28em
}
html[data-bpz-ui="cinematic"] .v2-rdn h2{
  margin:7px 0 4px;color:#F5F3EE;font-size:22px;letter-spacing:-.02em
}
html[data-bpz-ui="cinematic"] .v2-rdn-head p{margin:0;color:#858078;font-size:11.5px}
html[data-bpz-ui="cinematic"] .v2-rdn-head>a{
  flex:0 0 auto;padding:8px 12px;border:1px solid #3B321F;border-radius:8px;
  color:var(--amber);font-size:10.5px;font-weight:700;text-decoration:none
}
html[data-bpz-ui="cinematic"] .v2-rdn-status{
  display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:9px 12px;
  border:1px solid rgba(127,201,139,.22);border-radius:8px;background:rgba(127,201,139,.05);
  color:#9A978F;font-size:10.5px
}
html[data-bpz-ui="cinematic"] .v2-rdn-status span{
  padding:4px 8px;border-radius:999px;background:rgba(127,201,139,.12);color:#9FE0AA;
  font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
html[data-bpz-ui="cinematic"] .v2-rdn-status.is-stale{
  border-color:rgba(254,210,42,.25);background:rgba(254,210,42,.05)
}
html[data-bpz-ui="cinematic"] .v2-rdn-status.is-stale span{
  background:rgba(254,210,42,.1);color:var(--amber)
}
html[data-bpz-ui="cinematic"] .v2-rdn-status strong{color:#C9C5BC;font-weight:600}
html[data-bpz-ui="cinematic"] .v2-rdn-layout{
  display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:14px
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart,
html[data-bpz-ui="cinematic"] .v2-rdn-kpis article{
  border:1px solid #27231C;border-radius:11px;background:#15130F
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart{padding:17px 18px 11px;overflow:hidden}
html[data-bpz-ui="cinematic"] .v2-rdn-chart-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart-head span,
html[data-bpz-ui="cinematic"] .v2-rdn-kpis span{
  display:block;color:#77736B;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart-head strong{
  display:block;margin-top:5px;color:#F6F3EA;font-size:28px;font-variant-numeric:tabular-nums
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart-head small,
html[data-bpz-ui="cinematic"] .v2-rdn-kpis small{
  color:#77736B;font-size:9px;font-weight:600
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart-head>b{
  color:var(--amber);font:700 11px/1.4 'Consolas',monospace
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart svg{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}
html[data-bpz-ui="cinematic"] .v2-rdn-chart polyline{
  fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round;stroke-linejoin:round
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart circle{
  fill:var(--amber);stroke:#1B1710;stroke-width:3;filter:drop-shadow(0 0 7px rgba(254,210,42,.7))
}
html[data-bpz-ui="cinematic"] .v2-rdn-chart text{fill:#6F6B63;font:10px 'Consolas',monospace}
html[data-bpz-ui="cinematic"] .v2-rdn-grid{fill:none;stroke:#27231C;stroke-width:1;stroke-dasharray:3 8}
html[data-bpz-ui="cinematic"] .v2-rdn-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html[data-bpz-ui="cinematic"] .v2-rdn-kpis article{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:16px}
html[data-bpz-ui="cinematic"] .v2-rdn-kpis strong{
  margin:9px 0 1px;color:#F4F0E7;font-size:23px;font-variant-numeric:tabular-nums
}
html[data-bpz-ui="cinematic"] .v2-rdn-kpis article:nth-child(4) strong{color:var(--amber)}
html[data-bpz-ui="cinematic"] .v2-rdn footer{
  margin-top:12px;color:#666159;font-size:9.5px;line-height:1.5
}
html[data-bpz-ui="cinematic"] .v2-rdn-empty{
  padding:28px;border:1px dashed #3A3224;border-radius:10px;color:#8C877D;text-align:center
}
html[data-bpz-ui="cinematic"] .sec-h{
  color:var(--amber);border-color:#322C1E;font-size:10px;letter-spacing:.27em
}
html[data-bpz-ui="cinematic"] .tiles{gap:16px}
html[data-bpz-ui="cinematic"] .tile,
html[data-bpz-ui="cinematic"] fieldset,
html[data-bpz-ui="cinematic"] table{
  background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:#26221A
}
html[data-bpz-ui="cinematic"] .tile{
  min-height:170px;padding:20px;border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.018)
}
html[data-bpz-ui="cinematic"] a.tile:hover,
html[data-bpz-ui="cinematic"] div.tile.open:hover{
  border-color:var(--amber-line);box-shadow:0 18px 44px rgba(0,0,0,.46),0 0 24px rgba(254,210,42,.05)
}
html[data-bpz-ui="cinematic"] .tile .ic{filter:saturate(.85);font-size:29px}
html[data-bpz-ui="cinematic"] .tile b{font-size:15px}
html[data-bpz-ui="cinematic"] .tile p{color:#8F8A80}
html[data-bpz-ui="cinematic"] .btn{
  color:#171304;background:linear-gradient(135deg,var(--amber),var(--amber2));
  box-shadow:0 8px 24px rgba(249,181,31,.14)
}
html[data-bpz-ui="cinematic"] .btn2,
html[data-bpz-ui="cinematic"] input,
html[data-bpz-ui="cinematic"] select{
  border-color:#322C1E;background:#100E09
}
html[data-bpz-ui="cinematic"] th{background:#1F1A12;color:var(--amber);border-bottom:1px solid #322C1E}
html[data-bpz-ui="cinematic"] td{border-bottom-color:#26221A}
html[data-bpz-ui="cinematic"] .pfoot{background:#0B0906;border-color:#1E1B14}
html[data-bpz-ui="cinematic"] .fbar{background:#080705}

/* Logowanie: ten sam bezpieczny formularz, filmowa oprawa Kimi. */
html[data-bpz-ui="cinematic"] body.bpz-login .bg{
  background:
    linear-gradient(90deg,rgba(5,7,10,.26),rgba(5,7,10,.62) 54%,rgba(5,7,10,.94)),
    linear-gradient(180deg,rgba(2,3,5,.12),rgba(2,3,5,.62)),
    url("/ui-assets/assets/img/cine/login.jpg") center/cover no-repeat fixed
}
html[data-bpz-ui="cinematic"] body.bpz-login .bg::before{
  opacity:.65;mask-image:radial-gradient(75% 65% at 50% 45%,#000 25%,transparent 100%)
}
html[data-bpz-ui="cinematic"] body.bpz-login main{
  width:100%;max-width:none;display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(390px,.8fr);
  align-items:center;gap:8vw;margin:0;padding:56px 6vw
}
html[data-bpz-ui="cinematic"] body.bpz-login .brand{max-width:620px;align-self:end;padding-bottom:6vh}
html[data-bpz-ui="cinematic"] body.bpz-login .brand img{width:280px}
html[data-bpz-ui="cinematic"] body.bpz-login .brand .claim{
  font-size:40px;font-weight:900;line-height:1.08;letter-spacing:-.025em;text-shadow:0 8px 32px #000
}
html[data-bpz-ui="cinematic"] body.bpz-login .brand .sub{color:#BBB8B0;text-shadow:0 3px 16px #000}
html[data-bpz-ui="cinematic"] body.bpz-login .feat{
  max-width:480px;padding:8px 0;margin-bottom:7px;text-shadow:0 3px 16px #000
}
html[data-bpz-ui="cinematic"] body.bpz-login .feat .ic{background:rgba(9,11,14,.65);backdrop-filter:blur(8px)}
html[data-bpz-ui="cinematic"] body.bpz-login .card{
  justify-self:center;width:100%;max-width:420px;padding:38px 36px;border-radius:16px;
  background:rgba(12,12,11,.76);backdrop-filter:blur(18px);border:1px solid rgba(254,210,42,.26);
  box-shadow:0 30px 90px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.035),0 0 64px rgba(254,210,42,.055)
}
html[data-bpz-ui="cinematic"] body.bpz-login .field input{background:rgba(7,8,9,.78);border-color:#3B362C}
html[data-bpz-ui="cinematic"] body.bpz-login footer{
  background:rgba(5,6,8,.86);backdrop-filter:blur(8px);border-color:rgba(254,210,42,.12)
}

@media(max-width:1024px){
  html[data-bpz-ui="cinematic"] body.snav-open{overflow:hidden}
  html[data-bpz-ui="cinematic"] .shell{flex-direction:column}
  html[data-bpz-ui="cinematic"] .snav{
    position:sticky;inset:0 0 auto;top:0;width:100%;height:68px;max-height:100dvh;
    overflow:hidden;border-right:0;border-bottom:1px solid #2B261B;
    box-shadow:0 14px 34px rgba(0,0,0,.34);transition:height 180ms ease
  }
  html[data-bpz-ui="cinematic"] .snav.is-open{height:100vh;height:100dvh;overflow-y:auto}
  html[data-bpz-ui="cinematic"] .swrap{margin-left:0}
  html[data-bpz-ui="cinematic"] .slogo{
    display:flex;height:68px;align-items:center;gap:12px;padding:10px 146px 10px 16px;
    border-bottom:1px solid #1E1B14
  }
  html[data-bpz-ui="cinematic"] .slogo img{width:auto;height:28px;margin:0}
  html[data-bpz-ui="cinematic"] .sbrand{font-size:10.5px}
  html[data-bpz-ui="cinematic"] .sbrand span{font-size:7.5px;margin-top:3px}
  html[data-bpz-ui="cinematic"] .snav-toggle{
    position:absolute;top:13px;right:14px;display:flex;height:42px;align-items:center;gap:8px;
    border:1px solid #3A3224;border-radius:9px;padding:0 12px;background:#15120D;
    color:#E9E5DA;font:700 11px/1 Inter,"Segoe UI",sans-serif;letter-spacing:.04em;cursor:pointer
  }
  html[data-bpz-ui="cinematic"] #bpzDzw{top:15px!important;right:92px!important}
  html[data-bpz-ui="cinematic"] .snav-toggle-lines,
  html[data-bpz-ui="cinematic"] .snav-toggle-lines::before,
  html[data-bpz-ui="cinematic"] .snav-toggle-lines::after{
    display:block;width:16px;height:1.5px;border-radius:2px;background:var(--amber);content:""
  }
  html[data-bpz-ui="cinematic"] .snav-toggle-lines{position:relative}
  html[data-bpz-ui="cinematic"] .snav-toggle-lines::before{position:absolute;top:-5px;left:0}
  html[data-bpz-ui="cinematic"] .snav-toggle-lines::after{position:absolute;top:5px;left:0}
  html[data-bpz-ui="cinematic"] .snav.is-open .snav-toggle-lines{background:transparent}
  html[data-bpz-ui="cinematic"] .snav.is-open .snav-toggle-lines::before{top:0;transform:rotate(45deg)}
  html[data-bpz-ui="cinematic"] .snav.is-open .snav-toggle-lines::after{top:0;transform:rotate(-45deg)}
  html[data-bpz-ui="cinematic"] .snav:not(.is-open) nav,
  html[data-bpz-ui="cinematic"] .snav:not(.is-open) .squick,
  html[data-bpz-ui="cinematic"] .snav:not(.is-open) .sfoot{display:none!important}
  html[data-bpz-ui="cinematic"] .snav nav{display:block;padding:8px 10px 18px}
  html[data-bpz-ui="cinematic"] .sh{width:auto}
  html[data-bpz-ui="cinematic"] .sitem{border-left:2px solid transparent}
  html[data-bpz-ui="cinematic"] .sitem.on{box-shadow:inset 7px 0 18px rgba(254,210,42,.025)}
  html[data-bpz-ui="cinematic"] .v2-rdn-layout{grid-template-columns:1fr}
  html[data-bpz-ui="cinematic"] body.bpz-login main{grid-template-columns:1fr;display:flex}
}
@media(max-width:760px){
  html[data-bpz-ui="cinematic"] .swrap>main{padding:18px 14px 50px}
  html[data-bpz-ui="cinematic"] .v2-hero{min-height:225px}
  html[data-bpz-ui="cinematic"] .v2-hero-content{min-height:225px;padding:25px 22px}
  html[data-bpz-ui="cinematic"] .v2-hero h1{font-size:26px}
  html[data-bpz-ui="cinematic"] .v2-rdn{padding:18px 14px}
  html[data-bpz-ui="cinematic"] .v2-rdn-head{display:block}
  html[data-bpz-ui="cinematic"] .v2-rdn-head>a{display:inline-flex;margin-top:12px}
  html[data-bpz-ui="cinematic"] .v2-rdn-status{align-items:flex-start;flex-direction:column}
  html[data-bpz-ui="cinematic"] .v2-rdn-kpis{grid-template-columns:1fr 1fr}
  html[data-bpz-ui="cinematic"] .v2-rdn-kpis article{min-height:98px;padding:13px}
  html[data-bpz-ui="cinematic"] .v2-rdn-kpis strong{font-size:19px}
  html[data-bpz-ui="cinematic"] body.bpz-login .card{padding:30px 24px}
}
@media(prefers-reduced-motion:reduce){
  html[data-bpz-ui="cinematic"] *,html[data-bpz-ui="cinematic"] *::before,
  html[data-bpz-ui="cinematic"] *::after{animation-duration:.001s!important;transition-duration:.001s!important}
  html[data-bpz-ui="cinematic"] .v2-hero>img{animation:none}
}