/* ======================================================================
   ChartFlow — wspólny system wyglądu (v1). Ładowany OSTATNI na każdej stronie
   (panel, podgląd, тренажер, konta, logowanie). Jedno źródło dla: paska menu,
   menu ☰ na telefonie, nagłówków stron, kart, KPI, tabel, chipów i szkieletów ładowania.
   `:not(#_a):not(#_b):not(#_c)` podnosi specyficzność ponad starsze reguły.
   ====================================================================== */
:root{
  --u-bg:#f3f1ec;--u-card:#fff;--u-line:rgba(28,25,23,.09);--u-line2:rgba(28,25,23,.14);
  --u-t:#1b1d21;--u-t2:#686c74;--u-t3:#9b9ea4;
  --u-acc:#1f63e6;--u-acc-soft:rgba(31,99,230,.1);--u-cyan:#12b0f5;--u-indigo:#3b2fe0;--u-mint:#22e3cf;
  --u-pos:#15803d;--u-pos-soft:rgba(21,128,61,.1);--u-neg:#dc2626;--u-neg-soft:rgba(220,38,38,.09);--u-warn:#b7791f;--u-warn-soft:rgba(183,121,31,.12);
  --u-r-card:18px;--u-r-in:12px;--u-r-pill:999px;
  --u-shadow:0 1px 2px rgba(28,25,23,.04),0 8px 24px -16px rgba(40,32,16,.18);
  --u-shadow-hover:0 14px 30px -14px rgba(40,32,16,.25);
  --u-gap:16px;--u-pad:20px;
  --u-fs-title:22px;--u-fs-card:14.5px;--u-fs-label:12px;--u-fs-kpi:26px;
}

/* ---------------- Szkielety ładowania ---------------- */
@keyframes cf-shimmer{0%{background-position:-420px 0}100%{background-position:420px 0}}
.cf-skel,.cf-skel-line,html body .cf-loading-text:not(#_a){
  background:linear-gradient(90deg,rgba(28,25,23,.055) 0,rgba(28,25,23,.1) 40%,rgba(28,25,23,.055) 80%)!important;background-size:840px 100%!important;
  animation:cf-shimmer 1.3s linear infinite;border-radius:10px;color:transparent!important;border-color:transparent!important;user-select:none}
.cf-skel-line{display:block;height:12px;margin:8px 0;border-radius:6px}
.cf-skel-line.w40{width:40%}.cf-skel-line.w60{width:60%}.cf-skel-line.w80{width:80%}.cf-skel-line.big{height:26px;width:45%;margin:12px 0}
.cf-skel-block{display:block;height:180px;margin:6px 0;border-radius:14px}
html body .cf-loading-text:not(#_a){display:block;min-height:46px}
html body .cf-loading-text:not(#_a) *{visibility:hidden}
.cf-skel-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--u-gap)}
.cf-skel-card{padding:18px 20px;border:1px solid var(--u-line);border-radius:var(--u-r-card);background:var(--u-card)}
@media(max-width:900px){.cf-skel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.cf-skel,.cf-skel-line,html body .cf-loading-text:not(#_a){animation:none}}

/* ---------------- Liczby: plus / minus wszędzie tak samo ---------------- */
.u-pos,html body :is(.positive,.pos,.win,.cf-pos,.profit):not(#_a):not(#_b):not(#_c){color:var(--u-pos)!important}
.u-neg,html body :is(.negative,.neg,.loss,.cf-neg):not(#_a):not(#_b):not(#_c){color:var(--u-neg)!important}
html body :is(td,.cf-kpi b,.journal-stat strong,.sim-kpi b,.num):not(#_a){font-variant-numeric:tabular-nums}

/* ---------------- Telefon: pasek + menu ☰ (panel administratora) ---------------- */
.cf-burger,.cf-mtitle,.cf-drawer-foot,.cf-menu-backdrop{display:none}
@media(max-width:900px){
  html.cf-topnav body:not(#_a):not(#_b):not(#_c){padding-top:66px!important}
  html.cf-topnav body .cf-side:not(#_a):not(#_b):not(#_c){position:fixed!important;inset:0 0 auto 0!important;height:56px!important;margin:0!important;padding:0 8px 0 12px!important;gap:8px!important;
    border-radius:0!important;border:0!important;border-bottom:1px solid var(--u-line)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 6px 20px -16px rgba(40,32,16,.4)!important}
  html.cf-topnav body .cf-side:not(#_a) .cf-word{display:inline!important}
  html.cf-topnav body .cf-side:not(#_a):not(#_b) :is(.cf-search,.cf-side-foot){display:none!important}
  html.cf-topnav body .cf-side:not(#_a) .cf-mtitle{display:block;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;margin-left:2px;border-left:1px solid var(--u-line2);color:var(--u-t2);font-size:14px;font-weight:600}
  html.cf-topnav body .cf-side:not(#_a) .cf-burger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;margin-left:auto;padding:0;border:1px solid var(--u-line);border-radius:12px;background:#fff;color:var(--u-t);cursor:pointer}
  .cf-burger .cf-ic{width:20px;height:20px}.cf-burger .i-close,.cf-open .cf-burger .i-open{display:none}.cf-open .cf-burger .i-close{display:block}
  /* lista zakładek zamieniona w wysuwane menu */
  html.cf-topnav body .cf-side .cf-tabs:not(#_a):not(#_b):not(#_c){display:none!important}
  html.cf-topnav body .cf-side.cf-open .cf-tabs:not(#_a):not(#_b):not(#_c){display:flex!important;position:fixed!important;top:56px;left:0;right:0;z-index:96;flex-direction:column!important;align-items:stretch!important;gap:2px!important;
    max-height:calc(100dvh - 56px);overflow-y:auto!important;overflow-x:hidden!important;padding:10px 12px 16px!important;background:#fbfaf7;border-bottom:1px solid var(--u-line);box-shadow:0 24px 40px -20px rgba(28,25,23,.35);animation:cf-drop .16s ease}
  html.cf-topnav body .cf-side .cf-tabs:not(#_a):not(#_b) button{width:100%!important;height:46px!important;justify-content:flex-start!important;padding:0 12px!important;font-size:15px!important;border-radius:12px!important}
  html.cf-topnav body .cf-side .cf-tabs:not(#_a):not(#_b) button span{display:inline!important}
  html.cf-topnav body .cf-side .cf-tabs:not(#_a):not(#_b) .cf-ic{width:18px;height:18px}
  html.cf-topnav body .cf-side:not(#_a):not(#_b) .cf-sec{display:block!important;width:auto!important;height:auto!important;flex:0 0 auto;margin:10px 12px 2px!important;padding:0!important;background:none!important;color:var(--u-t3)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;overflow:visible}
  html.cf-topnav body .cf-side:not(#_a) .cf-navmore{display:block}
  html.cf-topnav body .cf-side .cf-navmore-btn:not(#_a):not(#_b){pointer-events:none;height:auto!important;margin:10px 0 2px!important;padding:0 12px!important;background:none!important;box-shadow:none!important;color:var(--u-t3)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase}
  html.cf-topnav body .cf-side .cf-navmore-btn:not(#_a) .cf-ic{display:none}
  html.cf-topnav body .cf-side .cf-navmore-pop:not(#_a):not(#_b){display:grid!important;position:static!important;min-width:0;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}
  html.cf-topnav body .cf-side:not(#_a) .cf-drawer-foot{display:grid;gap:2px;margin-top:10px;padding-top:10px;border-top:1px solid var(--u-line)}
  html.cf-menu-open,html.cf-menu-open body{overflow:hidden!important}
  html.cf-menu-open .cf-menu-backdrop{display:block;position:fixed;inset:56px 0 0 0;z-index:94;background:rgba(28,25,23,.28);backdrop-filter:blur(2px)}
  /* nagłówek strony nie przykleja się i nie zasłania treści */
  html.cf-topnav body .panel-view>:is(.panel-heading,.journal-title):not(#_a):not(#_b):not(#_c){position:static!important;top:auto!important;padding:4px 0 8px!important;background:none!important;backdrop-filter:none!important;flex-wrap:wrap!important;gap:8px!important}
  html.cf-topnav body .panel-view>:is(.panel-heading,.journal-title):not(#_a) :is(h1,h2){font-size:20px!important}
}
@keyframes cf-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------------- Telefon: treść bez przewijania w bok ---------------- */
@media(max-width:900px){
  html body .cf-side .cf-navmore-btn:not(#_a):not(#_b) span{font-size:11px!important}
  html body .panel-view:not(#_a):not(#_b):not(#_c){padding-left:12px!important;padding-right:12px!important;margin:0!important;max-width:100vw!important}
  html body .panel-view :is(div,section,article,form,fieldset,label,details,aside,header,footer,nav,ul,li):not(#_a){min-width:0}
  html body .welcome-dashboard:not(#_a):not(#_b){grid-template-columns:minmax(0,1fr)!important}
  html body .panel-view :is(img,svg,canvas,video):not(.cf-ic):not(#_a){max-width:100%}
  html body .panel-view table:not(#_a){max-width:none}
}
@media(max-width:900px){
  html.cf-topnav body .panel-view>:is(.panel-heading,.journal-title):not(#_a):not(#_b):not(#_c){margin:0 0 6px!important;width:auto!important}
  html body :is(.cf-toolbar,.journal-title-actions,.panel-heading-actions,.module-actions):not(#_a):not(#_b):not(#_c){flex-wrap:wrap!important;max-width:100%!important;margin-left:0!important}
  html body :is(.cf-toolbar,.journal-title-actions) button:not(#_a):not(#_b){max-width:100%}
  html body :is(.notifications-table-wrap,.table-wrap,.sl-table-wrap,.journal-table-wrap,.macro-table-wrap):not(#_a):not(#_b){overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  html body :is(.sim-vbar-tip,.sim-sbar-tip):not(#_a){max-width:min(220px,80vw)}
}
@media(max-width:900px){
  html body .cf-pair-row:not(#_a)>span{flex:0 0 auto}
  html body .cf-li:not(#_a){flex-wrap:wrap;row-gap:4px}
  html body .cf-li:not(#_a) .cf-li-name{min-width:max-content}
  html body .environment-row:not(#_a):not(#_b){display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:2px 12px}
  html body .environment-row:not(#_a)>:last-child{margin-left:auto;text-align:right}
  html body .journal-stat-cards:not(#_a):not(#_b):not(#_c){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------------- Krzywa kapitału (jeden komponent: Огляд, Сигнали, Тренажер, podgląd) ---------------- */
.cf-eq-wrap{position:relative;height:220px;margin:6px 4px 4px 46px;cursor:crosshair}
.cf-eq-wrap.compact{height:150px}
.cf-eq-wrap svg{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;overflow:visible}
.cf-eq-ax{position:absolute;left:-48px;transform:translateY(-50%);width:42px;text-align:right;color:var(--u-t3);font:600 11px Onest,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.cf-eq-pt{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#94a3b8;border:1.5px solid #fff;pointer-events:none}
.cf-eq-pt.up{background:var(--u-pos)}.cf-eq-pt.down{background:#e11d48}
.cf-eq-vline{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(31,99,230,.45);opacity:0;pointer-events:none}
.cf-eq-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--u-acc);border:2.5px solid #fff;box-shadow:0 2px 8px rgba(31,99,230,.45);opacity:0;pointer-events:none}
.cf-eq-dot.up{background:var(--u-pos)}.cf-eq-dot.down{background:#e11d48}
.cf-eq-vline.on,.cf-eq-dot.on{opacity:1}
.cf-eq-tip{position:absolute;z-index:5;min-width:230px;max-width:min(300px,80vw);padding:10px 12px;border:1px solid var(--u-line);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 14px 30px -12px rgba(28,25,23,.35);opacity:0;pointer-events:none;transition:opacity .1s;text-align:left}
.cf-eq-tip.on{opacity:1}
.cf-eq-tip small{display:block;margin-bottom:6px;color:var(--u-t3);font-size:11.5px}
.cf-eq-tip-row{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:var(--u-t2)}
.cf-eq-tip-row b{font-size:14px;font-variant-numeric:tabular-nums}
.cf-eq-tip-row.total{margin-top:4px;padding-top:6px;border-top:1px solid var(--u-line);color:var(--u-t)}
.cf-eq-tip-row.total b{font-size:16px}
.cf-eq-tip-note{margin-top:6px;color:var(--u-t3);font-size:11.5px}
.cf-eq-tip .up{color:var(--u-pos)!important}.cf-eq-tip .down{color:#e11d48!important}
.cf-empty{padding:28px 16px;text-align:center;color:var(--u-t3)}

/* ---------------- Jeden pasek górny na wszystkich stronach (podgląd, тренажер, konta) ---------------- */
html body:is(.cf-viewer-page,[data-sim-standalone],.cf-accounts-page){padding-left:0!important;padding-top:78px!important;background:radial-gradient(900px 500px at 100% -10%,rgba(18,176,245,.10),transparent 60%),radial-gradient(700px 420px at 15% 110%,rgba(251,191,36,.10),transparent 60%),var(--u-bg)!important;background-attachment:fixed!important}
html body:is(.cf-viewer-page,[data-sim-standalone],.cf-accounts-page)>:is(aside.top,header.top){position:fixed!important;inset:10px 14px auto 14px!important;z-index:95!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;
  width:auto!important;height:58px!important;margin:0!important;padding:0 10px 0 14px!important;border:1px solid rgba(231,227,218,.95)!important;border-radius:18px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 30px -14px rgba(40,32,16,.22)!important}
/* logo identyczne jak w panelu */
.cf-viewer-page .top .bar{display:flex;align-items:center;gap:8px;height:auto!important;margin:0!important;padding:0!important;flex:0 0 auto}
.cf-viewer-page .top .bar .logo,.cf-accounts-page .top .brand::before,[data-sim-standalone] .top .brand::before{content:"";display:inline-block;width:30px!important;height:30px!important;background:url(/brand/chartflow-mark.png) center/contain no-repeat}
.cf-accounts-page .top .brand{display:inline-flex;align-items:center;gap:8px;font-size:15px}
:is(.cf-viewer-page,.cf-accounts-page,[data-sim-standalone]) .top .cf-word{font-size:15px;font-weight:750}
.cf-viewer-page .top .bar .avatar{display:none}
.cf-viewer-page .top .tabs-top{flex-direction:row!important;align-items:center;gap:2px!important;flex:1 1 auto;min-width:0;margin-left:10px;overflow-x:auto;scrollbar-width:none}
.cf-viewer-page .top .side-btn{width:auto!important;height:38px!important;padding:0 12px!important;border-radius:11px!important;gap:8px!important;font-size:13.5px!important;font-weight:600!important;color:#33363c}
.cf-viewer-page .top .side-btn:hover{background:rgba(28,25,23,.05)}
.cf-viewer-page .top .side-btn.active{background:linear-gradient(180deg,rgba(31,99,230,.13),rgba(31,99,230,.07))!important;color:#1f63e6!important;box-shadow:inset 0 0 0 1px rgba(31,99,230,.18)}
.cf-viewer-page .top .side-btn.active .ic{color:#1f63e6}
.cf-viewer-page .top .foot{display:flex!important;align-items:center;gap:6px;margin:0 0 0 auto!important;flex:0 0 auto}
.cf-viewer-page .top .foot .role{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;background:rgba(31,99,230,.08);color:#1f63e6;font-size:12px;font-weight:600;white-space:nowrap}
.cf-viewer-page .top .foot .ghost{width:auto;height:38px;padding:0 12px;border-radius:11px;font-weight:600}
.cf-viewer-page .page{margin:0 14px 14px!important;border-radius:var(--u-r-card)!important;min-height:calc((100vh - 92px) / var(--cf-zoom,1))!important}
.cf-viewer-page .page .head{top:72px!important;border-radius:var(--u-r-card) var(--u-r-card) 0 0!important}
/* przyciski w pasku: jak w panelu */
:is(.cf-accounts-page,[data-sim-standalone]) .top :is(.top-actions,.nav){display:flex;gap:6px;margin-left:auto}
:is(.cf-accounts-page,[data-sim-standalone]) .top :is(.top-actions,.nav)>:is(a,button){display:inline-flex;align-items:center;gap:6px;height:38px!important;padding:0 14px!important;border:1px solid var(--u-line2)!important;border-radius:11px!important;background:#fff!important;color:#33363c!important;font:600 13px Onest,system-ui,sans-serif!important;text-decoration:none;cursor:pointer}
:is(.cf-accounts-page,[data-sim-standalone]) .top :is(.top-actions,.nav)>:is(a,button):hover{background:#f8f6f1!important}
[data-sim-standalone] .top .brand small{margin-left:6px}
@media(max-width:900px){
  html body:is(.cf-viewer-page,[data-sim-standalone],.cf-accounts-page){padding-top:66px!important}
  html body:is(.cf-viewer-page,[data-sim-standalone],.cf-accounts-page)>:is(aside.top,header.top){inset:0 0 auto 0!important;height:56px!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--u-line)!important;padding:0 8px 0 12px!important;background:rgba(255,255,255,.94)!important}
  .cf-viewer-page .top .tabs-top{display:none!important}
  .cf-viewer-page .top.cf-open .tabs-top{display:flex!important;position:fixed;top:56px;left:0;right:0;z-index:96;flex-direction:column!important;align-items:stretch;gap:2px!important;margin:0;padding:10px 12px 16px;background:#fbfaf7;border-bottom:1px solid var(--u-line);box-shadow:0 24px 40px -20px rgba(28,25,23,.35);animation:cf-drop .16s ease}
  .cf-viewer-page .top.cf-open .side-btn{width:100%!important;height:46px!important;font-size:15px!important;justify-content:flex-start}
  .cf-viewer-page .top.cf-open .side-btn span{display:inline!important}
  .cf-viewer-page .top .foot .role{display:none}
  .cf-viewer-page .top .foot .ghost{width:42px;padding:0;justify-content:center}.cf-viewer-page .top .foot .ghost span{display:none}
  .cf-viewer-page .top .cf-mtitle{display:block;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;border-left:1px solid var(--u-line2);color:var(--u-t2);font-size:14px;font-weight:600}
  .cf-viewer-page .top .cf-burger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;padding:0;border:1px solid var(--u-line);border-radius:12px;background:#fff;color:var(--u-t);cursor:pointer}
  .cf-viewer-page .page{margin:0!important;border:0!important;border-radius:0!important}
  .cf-viewer-page .page .head{top:56px!important;border-radius:0!important}
  html.cf-menu-open .cf-menu-backdrop{display:block;position:fixed;inset:56px 0 0 0;z-index:94;background:rgba(28,25,23,.28)}
  .cf-accounts-page .top .back span,[data-sim-standalone] .top .brand small{display:none}
}

/* ---------------- Nagłówek strony + komunikat stanu: jednakowo na każdej zakładce ---------------- */
@media(min-width:901px){
  html.cf-topnav body .panel-view>:is(.panel-heading,.journal-title):not(#_a):not(#_b):not(#_c){position:sticky!important;top:72px!important;z-index:30}
}
html body .panel-view>:is(.panel-heading,.journal-title):not(#_a):not(#_b) :is(h1,h2){font-size:var(--u-fs-title)!important;font-weight:700!important;letter-spacing:-.025em!important}
html body .cf-results:not(#_a):not(#_b){margin:0 0 14px!important}
html body .cf-results:not(#_a):not(#_b) .module-action-result{display:flex;align-items:center;gap:10px;margin:0 0 6px!important;padding:9px 14px!important;border:1px solid var(--u-line)!important;border-left:3px solid var(--u-t3)!important;border-radius:12px!important;background:var(--u-card)!important;box-shadow:var(--u-shadow);font:550 12.5px/1.45 Onest,system-ui,sans-serif!important}
html body .cf-results:not(#_a):not(#_b) .module-action-result.ok{border-left-color:var(--u-pos)!important}
html body .cf-results:not(#_a):not(#_b) .module-action-result.bad{border-left-color:var(--u-neg)!important}
html body .cf-results:not(#_a):not(#_b) .module-action-result.warn{border-left-color:var(--u-warn)!important}

/* ---------------- Wybór motywu ---------------- */
.cf-theme-pick{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--u-line);border-radius:14px;background:rgba(28,25,23,.035)}
.cf-theme-pick button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--u-t2);font:600 13px Onest,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.cf-theme-pick button:hover{color:var(--u-t);background:rgba(28,25,23,.05)}
.cf-theme-pick button.on{background:#fff;color:var(--u-acc);box-shadow:0 1px 2px rgba(28,25,23,.08),0 0 0 1px rgba(31,99,230,.2)}
.cf-theme-pick .cf-ic{width:16px;height:16px}
.cf-theme-btn{position:relative;flex:0 0 auto}
.cf-theme-btn>button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--u-line2);border-radius:11px;background:#fff;color:#33363c;cursor:pointer}
.cf-theme-btn>button:hover{background:#f8f6f1}
.cf-theme-btn .cf-ic{width:17px;height:17px}
.cf-theme-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:130;display:none;padding:10px;border:1px solid var(--u-line);border-radius:14px;background:#fff;box-shadow:0 18px 40px -16px rgba(28,25,23,.35)}
.cf-theme-pop small{display:block;margin:0 2px 8px;color:var(--u-t3);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.cf-theme-btn.open .cf-theme-pop{display:block}
@media(max-width:600px){.cf-theme-pick button span{display:none}.cf-theme-pick button{padding:0 12px}.cf-theme-pop .cf-theme-pick button span{display:inline}.cf-theme-pop{right:-40px}
  .cfm .cf-theme-pick{width:100%;justify-content:space-between}.cfm .cf-theme-pick button span{display:inline}}
@media(max-width:900px){
  html body .sim-chip-row:not(#_a){flex-wrap:wrap!important;min-width:0;max-width:100%}
  html body .sim-chip-row:not(#_a)>*{white-space:normal!important;max-width:100%}
  html body .sim-top:not(#_a){min-width:0;max-width:100%}
}
@media(max-width:900px){
  .cf-viewer-page .page .head{flex-wrap:wrap!important;row-gap:8px}
  .cf-viewer-page .page .head .head-actions{flex-wrap:wrap;max-width:100%}
}
/* szkielety: KPI na „Огляд” do pierwszego załadowania, większe miejsca na wykresy */
.cf-kpis.cf-loading .cf-kpi :is(b,em),.cf-kpis.cf-loading .cf-kpi-row>span{color:transparent!important;border-radius:8px;background:linear-gradient(90deg,rgba(28,25,23,.055) 0,rgba(28,25,23,.1) 40%,rgba(28,25,23,.055) 80%)!important;background-size:840px 100%!important;animation:cf-shimmer 1.3s linear infinite}
.cf-kpis.cf-loading .cf-kpi b{display:block;width:110px;margin:4px 0 8px}
.cf-kpis.cf-loading .cf-kpi em{display:block;width:80px}
html body :is(#cfEquity,#journalEquityChart,#eqChart)>.cf-loading-text:not(#_a){min-height:200px}
html body :is(#cfModels,#cfMacro)>.cf-loading-text:not(#_a){min-height:110px;margin:12px}

/* ======================================================================
   Wspólne komponenty — ten sam wygląd na Огляд, Сигнали, Тренажер i w podglądzie
   ====================================================================== */
/* 1) Kafelek KPI */
html body :is(.cf-kpi,.journal-stat-card,.cf-viewer-page .stat):not(#_a):not(#_b):not(#_c){padding:16px 18px!important;border:1px solid var(--u-line)!important;border-radius:var(--u-r-card)!important;background:var(--u-card)!important;box-shadow:var(--u-shadow)!important;transition:transform .15s ease,box-shadow .15s ease}
html body :is(.cf-kpi,.journal-stat-card,.cf-viewer-page .stat):not(#_a):not(#_b):not(#_c):hover{transform:translateY(-2px);box-shadow:var(--u-shadow-hover)!important}
html body :is(.journal-stat-card,.cf-viewer-page .stat):not(#_a):not(#_b)>span{display:block;color:var(--u-t2)!important;font:550 var(--u-fs-label)/1.35 Onest,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body :is(.journal-stat-card,.cf-viewer-page .stat):not(#_a):not(#_b)>b{display:block;margin-top:6px;color:var(--u-t);font:700 22px/1.15 Onest,system-ui,sans-serif!important;letter-spacing:-.025em!important;font-variant-numeric:tabular-nums}
html body .cf-kpi:not(#_a):not(#_b):not(#_c) b{font-size:var(--u-fs-kpi)!important}
html body :is(.journal-stat-cards,.cf-viewer-page .stats):not(#_a):not(#_b):not(#_c){gap:12px!important}
html body :is(.journal-stat-card,.cf-viewer-page .stat):not(#_a) :is(.profit,.positive){color:var(--u-pos)!important}
html body :is(.journal-stat-card,.cf-viewer-page .stat):not(#_a) :is(.loss,.negative){color:var(--u-neg)!important}

/* 2) Karta z nagłówkiem */
html body :is(.cf-card,.journal-breakdowns>section,.journal-calendar-card,.journal-equity-card,.cf-viewer-page .breakdowns>section,.cf-viewer-page .dash-grid>.panel,.sim-card):not(#_a):not(#_b):not(#_c){border:1px solid var(--u-line)!important;border-radius:var(--u-r-card)!important;background:var(--u-card)!important;box-shadow:var(--u-shadow)!important}
html body :is(.journal-breakdowns>section,.cf-viewer-page .breakdowns>section):not(#_a):not(#_b):not(#_c){padding:14px 18px 10px!important}
html body :is(.journal-calendar-card,.journal-equity-card,.cf-viewer-page .dash-grid>.panel):not(#_a):not(#_b):not(#_c){padding:16px 18px!important}
html body :is(.cf-card-h b,.journal-breakdowns>section>h4,.cf-viewer-page .breakdowns h4,.journal-equity-head strong,.cf-viewer-page .eq-head strong,.sim-card-h b):not(#_a):not(#_b){color:var(--u-t)!important;font:650 var(--u-fs-card)/1.3 Onest,system-ui,sans-serif!important;letter-spacing:-.01em!important;text-transform:none!important}
html body :is(.journal-breakdowns>section>h4,.cf-viewer-page .breakdowns h4):not(#_a):not(#_b){margin:0 0 10px!important;padding-bottom:10px;border-bottom:1px solid var(--u-line)}
html body :is(.journal-equity-head,.cf-viewer-page .eq-head):not(#_a):not(#_b){display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 6px!important;padding-bottom:10px;border-bottom:1px solid var(--u-line)}
html body :is(.cf-card-h span,.journal-equity-head small,.cf-viewer-page .eq-head small,.sim-card-h>span):not(#_a):not(#_b){color:var(--u-t3)!important;font-size:12px!important}
html body :is(.journal-breakdown-head,.cf-viewer-page .breakdowns .bd-head):not(#_a)>span{color:var(--u-t3)!important;font-size:11px!important;font-weight:600!important}
html body :is(.journal-breakdown-row):not(#_a):not(#_b){padding:7px 0!important;border-top:1px solid var(--u-line)}
html body .journal-breakdown-row:not(#_a):first-of-type{border-top:0}

/* 3) Kalendarz wyników — ten sam w panelu i w podglądzie */
html body :is(.journal-cal-cell,.cf-viewer-page .cal-cell):not(.empty):not(#_a):not(#_b){border:1px solid var(--u-line)!important;border-radius:12px!important;background:rgba(28,25,23,.025)!important}
html body :is(.journal-cal-cell,.cf-viewer-page .cal-cell):is(.profit,.win,.positive,.green,.up):not(#_a):not(#_b){background:var(--u-pos-soft)!important;border-color:rgba(21,128,61,.28)!important}
html body :is(.journal-cal-cell,.cf-viewer-page .cal-cell):is(.loss,.negative,.red,.down):not(#_a):not(#_b){background:var(--u-neg-soft)!important;border-color:rgba(220,38,38,.28)!important}
html body :is(.journal-cal-nav,.cf-viewer-page .cal-nav):not(#_a):not(#_b){width:32px;height:32px;border:1px solid var(--u-line2)!important;border-radius:10px!important;background:#fff!important}

/* 4) Chipy wyboru (waluty, pary, pule) — jeden styl */
html body :is(.cf-pool-chip,.cf-chip,label.chip,#currencies label):not(#_a):not(#_b){display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px!important;border:1px solid var(--u-line2)!important;border-radius:11px!important;background:#fff!important;color:#33363c!important;font:600 13px Onest,system-ui,sans-serif!important;cursor:pointer;transition:border-color .12s,background .12s}
html body :is(.cf-pool-chip,.cf-chip,label.chip,#currencies label):not(#_a):not(#_b):has(input:checked){border-color:rgba(31,99,230,.45)!important;background:var(--u-acc-soft)!important;color:var(--u-acc)!important}

/* 5) Przełączniki zakładek (Дашборд / Таблиця, Стан / Моделі …) */
html body :is(.journal-view-tabs button,.cf-subtabs button,.cf-viewer-page .tabs>button):not(#_a):not(#_b){height:32px;padding:0 14px!important;border-radius:999px!important;font-weight:600!important}
html body #currencies:not(#_a):not(#_b):not(#_c){display:flex!important;flex-wrap:wrap;gap:8px!important;padding:0!important;background:none!important;border:0!important}
html body .cf-theme-pick:not(#_a) button:not(#_b):not(#_c){height:34px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--u-t2)!important;box-shadow:none!important;font:600 13px Onest,system-ui,sans-serif!important}
html body .cf-theme-pick:not(#_a) button:not(#_b):not(#_c):hover{background:rgba(28,25,23,.05)!important;color:var(--u-t)!important}
html body .cf-theme-pick:not(#_a) button.on:not(#_b):not(#_c){background:#fff!important;color:var(--u-acc)!important;box-shadow:0 1px 2px rgba(28,25,23,.08),0 0 0 1px rgba(31,99,230,.25)!important}
html[data-theme="dark"] body .cf-theme-pick:not(#_a) button.on:not(#_b):not(#_c){outline:1px solid rgba(31,99,230,.45)}

/* ======================================================================
   „Мозок бота” — trenażer i podgląd na żywo
   ====================================================================== */
.cf-bot{display:flex;flex-direction:column;gap:12px;min-width:0}
.cf-bot-hd{display:flex;align-items:center;gap:10px}
.cf-bot-av{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3b2fe0,#1f63e6 55%,#12b0f5);color:#fff;font-size:19px;box-shadow:0 6px 16px -8px rgba(31,99,230,.8)}
.cf-bot-hd b{display:block;font-size:14.5px;font-weight:700;color:var(--u-t)}
.cf-bot-hd small{display:block;color:var(--u-t3);font-size:12px}
.cf-bot-hd .cf-bot-chip{margin-left:auto}
.cf-bot-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--u-acc-soft);color:var(--u-acc);font-size:11.5px;font-weight:700;white-space:nowrap}
.cf-bot-chip.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:cf-pulse 1.6s infinite}
@keyframes cf-pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.cf-bot-now{position:relative;padding:12px 14px 12px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(59,47,224,.07),rgba(18,176,245,.07));border:1px solid rgba(31,99,230,.16);color:var(--u-t);font-weight:650;line-height:1.4}
.cf-bot-now small{display:block;margin-bottom:2px;color:var(--u-acc);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.cf-bot-pools{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.cf-bot-pool{position:relative;display:grid;gap:2px;padding:9px 11px;border:1px solid var(--u-line);border-radius:12px;background:#fff;overflow:hidden}
.cf-bot-pool b{font-size:13px}.cf-bot-pool span{font:600 12px "Geist Mono",ui-monospace,monospace;color:var(--u-t2)}
.cf-bot-pool em{font-style:normal;font-size:11px;font-weight:700;color:var(--u-t3)}
.cf-bot-pool.hot{border-color:rgba(234,88,12,.35);background:rgba(234,88,12,.06)}.cf-bot-pool.hot em{color:#c2410c}
.cf-bot-pool.go{border-color:rgba(21,128,61,.35);background:var(--u-pos-soft)}.cf-bot-pool.go em{color:var(--u-pos)}
.cf-bot-pool.bad{opacity:.75}.cf-bot-pool.bad em{color:var(--u-neg)}
.cf-bot-pool.skip em,.cf-bot-pool.mute em{color:var(--u-t3)}
.cf-bot-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(234,88,12,.12)}.cf-bot-prog em{display:block;height:100%;background:#ea580c}
.cf-bot-tl{position:relative;list-style:none;margin:0;padding:0 0 0 2px;display:grid;gap:2px;max-height:420px;overflow:auto}
.cf-bot-ev{position:relative;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:8px 6px;border-radius:12px}
.cf-bot-ev:not(:last-child)::before{content:"";position:absolute;left:20px;top:36px;bottom:-6px;width:2px;background:var(--u-line)}
.cf-bot-ev:first-child{background:rgba(31,99,230,.05)}
.cf-bot-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--u-line);font-size:14px;z-index:1}
.cf-bot-ev.go .cf-bot-ico{border-color:rgba(21,128,61,.45);background:var(--u-pos-soft)}
.cf-bot-ev.hot .cf-bot-ico{border-color:rgba(234,88,12,.45);background:rgba(234,88,12,.08)}
.cf-bot-ev.bad .cf-bot-ico{border-color:rgba(220,38,38,.35);background:var(--u-neg-soft)}
.cf-bot-ev.past{opacity:.6}
.cf-bot-ev-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.cf-bot-ev-h b{font-size:13px;color:var(--u-t)}.cf-bot-ev-h time{flex:0 0 auto;color:var(--u-t3);font:600 11.5px "Geist Mono",ui-monospace,monospace}
.cf-bot-ev p{margin:3px 0 0;color:var(--u-t2);font-size:12.5px;line-height:1.45}
.cf-bot-q{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:8px;font-size:11.5px;font-weight:700}
.cf-bot-q.ok{background:var(--u-pos-soft);color:var(--u-pos)}.cf-bot-q.no{background:var(--u-neg-soft);color:var(--u-neg)}
.cf-bot-empty{padding:16px;border:1px dashed var(--u-line2);border-radius:12px;color:var(--u-t3);text-align:center;font-size:12.5px}
.cf-bot-steps{margin:0;padding:0 0 0 18px;color:var(--u-t2);font-size:12.5px;line-height:1.55}
.cf-bot-note{padding:9px 12px;border-radius:12px;background:var(--u-warn-soft);color:#92400e;font-size:12.5px;font-weight:600}
.cf-bot-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--u-line);border-radius:14px;background:#fff}
.cf-bot-score div{display:grid;gap:2px}.cf-bot-score div:last-child{text-align:right}
.cf-bot-score small{color:var(--u-t3);font-size:11.5px;font-weight:650}.cf-bot-score b{font-size:20px;font-variant-numeric:tabular-nums}
.cf-bot-score i{color:var(--u-t3);font-style:normal;font-weight:800}
.cf-bot-pos{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(124,58,237,.3);background:rgba(124,58,237,.06);font-weight:650}
.cf-bot-pos b{font-variant-numeric:tabular-nums}
/* panel live (Аналіз ринку / podgląd) */
.cf-botlive{display:grid;gap:14px}
.cf-botlive-tabs{display:flex;flex-wrap:wrap;gap:6px}
.cf-botlive-tabs button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--u-line2);border-radius:11px;background:#fff;color:#33363c;font:650 13px Onest,system-ui,sans-serif;cursor:pointer}
.cf-botlive-tabs button.on{border-color:rgba(31,99,230,.45);background:var(--u-acc-soft);color:var(--u-acc)}
.cf-botlive-tabs button i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}
.cf-botlive-tabs button i.hot{background:#ea580c}.cf-botlive-tabs button i.go{background:#16a34a}
.cf-botlive-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.cf-botlive-forming{display:flex;flex-wrap:wrap;gap:8px}
.cf-botlive-forming span{padding:6px 10px;border-radius:10px;border:1px dashed var(--u-line2);color:var(--u-t2);font-size:12px}
.cf-botlive-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--u-t3);font-size:12px}
@media(max-width:900px){.cf-botlive-grid{grid-template-columns:1fr}.cf-bot-tl{max-height:none}}
html body .cf-botlive-card:not(#_a):not(#_b){padding:18px 20px!important;margin:0 0 16px!important}
.cf-viewer-page #botView .cf-botlive-host{padding:4px 0 8px}
html body .cf-botlive-tabs button:not(#_a):not(#_b):not(#_c){display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:34px!important;padding:0 12px!important;border:1px solid var(--u-line2)!important;border-radius:11px!important;background:#fff!important;color:#33363c!important;box-shadow:none!important;font:650 13px Onest,system-ui,sans-serif!important}
html body .cf-botlive-tabs button.on:not(#_a):not(#_b):not(#_c){border-color:rgba(31,99,230,.45)!important;background:var(--u-acc-soft)!important;color:var(--u-acc)!important}

/* tabela bota w rogu wykresu live */
.cf-botbox{position:absolute;top:10px;right:70px;z-index:30;pointer-events:none;max-width:min(370px,calc(100% - 130px))}
.cf-botbox table{border-collapse:collapse;width:100%;font:500 11px/1.35 Onest,system-ui,sans-serif;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border:1px solid rgba(28,25,23,.12);border-radius:8px;overflow:hidden;box-shadow:0 8px 22px -14px rgba(28,25,23,.45)}
.cf-botbox th{padding:4px 8px;background:#1f63e6;color:#fff;font-weight:700;text-align:center}.cf-botbox th:first-child{background:#2a20c9}
.cf-botbox td{padding:3px 8px;border-top:1px solid rgba(28,25,23,.06);color:#33363c;text-align:center}
.cf-botbox td:first-child{width:38%;color:#8a8d93;text-align:right;white-space:nowrap}
.cf-botbox tbody tr:nth-child(even) td{background:rgba(28,25,23,.025)}
.cf-botbox .up{color:#15803d}.cf-botbox .down{color:#e11d48}
@media(max-width:700px){.cf-botbox{right:56px;max-width:calc(100% - 100px)}.cf-botbox table{font-size:10px}}
html body :is(.cf-botbox,.sim-botbox) th:not(#_a):not(#_b):not(#_c){padding:4px 8px!important;background:#1f63e6!important;color:#fff!important;font:700 11px Onest,system-ui,sans-serif!important;text-align:center!important;text-transform:none!important;letter-spacing:0!important;border:0!important}
html body :is(.cf-botbox,.sim-botbox) th:first-child:not(#_a):not(#_b):not(#_c){background:#2a20c9!important}
html body :is(.cf-botbox,.sim-botbox) td:not(#_a):not(#_b){padding:3px 8px!important;font-size:11px!important}
/* wykres live w karcie „Мозок бота · наживо” */
.cf-botlive-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.cf-botlive-tf{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--u-line);border-radius:11px;background:rgba(28,25,23,.035)}
html body .cf-botlive-tf button:not(#_a):not(#_b):not(#_c){height:28px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--u-t2)!important;box-shadow:none!important;font:650 12.5px Onest,system-ui,sans-serif!important;cursor:pointer}
html body .cf-botlive-tf button.on:not(#_a):not(#_b):not(#_c){background:#fff!important;color:var(--u-acc)!important;box-shadow:0 1px 2px rgba(28,25,23,.1)!important}
.cf-botlive-chart{position:relative;height:calc(460px / var(--cf-zoom,1));zoom:calc(1 / var(--cf-zoom,1));border:1px solid var(--u-line);border-radius:14px;overflow:hidden;background:#fff}
.cf-botlive-canvas{position:absolute;inset:0}
.cf-botlive-chart-msg{display:grid;place-items:center;height:100%;color:var(--u-t3);font-size:13px}
.cf-botlive-chart .cf-botbox{right:72px}
@media(max-width:900px){.cf-botlive-chart{height:360px;zoom:1}.cf-botlive-chart .cf-botbox{display:none}}
html body :is(.cf-botbox,.sim-botbox) table:not(#_a){min-width:0!important;width:100%!important}
html body :is(.cf-botbox,.sim-botbox) :is(th,td):not(#_a){position:static!important;white-space:normal!important;vertical-align:top!important;border-bottom:0!important}
html body :is(.cf-botbox,.sim-botbox) td:first-child:not(#_a){white-space:nowrap!important}
html body .cf-botlive-chart .cf-botbox:not(#_a){max-width:320px}
html body :is(.cf-botbox,.sim-botbox) tbody tr:hover td:not(#_a){background:transparent}

/* ======================================================================
   Strony panelu — Аналіз ринку (karty par)
   ====================================================================== */
.cfp-grid{display:grid;gap:10px}
.cfp-card{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--u-line);border-radius:14px;background:#fff}
.cfp-card.ready{border-color:rgba(21,128,61,.4);background:linear-gradient(180deg,rgba(21,128,61,.05),#fff)}
.cfp-card.forming{border-color:rgba(234,88,12,.3)}
.cfp-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cfp-sym{font-size:15px;font-weight:750;letter-spacing:-.01em;color:var(--u-t)}
.cfp-dir{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.03em}
.cfp-dir.up{background:var(--u-pos-soft);color:var(--u-pos)}.cfp-dir.down{background:var(--u-neg-soft);color:var(--u-neg)}.cfp-dir.flat{background:rgba(28,25,23,.06);color:var(--u-t2)}
.cfp-tfs{display:inline-flex;gap:4px;margin-left:auto}
.cfp-tf{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:8px;border:1px solid var(--u-line);font-size:11.5px;font-weight:700}
.cfp-tf b{color:var(--u-t3);font-weight:700}
.cfp-tf.up{color:var(--u-pos)}.cfp-tf.down{color:var(--u-neg)}.cfp-tf.flat{color:var(--u-t3)}
.cfp-near{font-size:12.5px;color:var(--u-t2)}.cfp-near b{color:var(--u-t)}
.cfp-near .up,.cfp-lvl.up{color:var(--u-pos)}.cfp-near .down,.cfp-lvl.down{color:var(--u-neg)}
.cfp-lvls{display:flex;flex-wrap:wrap;gap:6px}
.cfp-lvl{padding:3px 8px;border-radius:8px;background:rgba(28,25,23,.035);font-size:11.5px;font-weight:600}
.cfp-lvl b{color:var(--u-t);font-family:"Geist Mono",ui-monospace,monospace;font-weight:600}
.cfp-stage{padding:3px 10px;border-radius:999px;background:var(--u-acc-soft);color:var(--u-acc);font-size:11.5px;font-weight:700}
.cfp-prog{margin-left:auto;color:var(--u-t3);font-size:12px}.cfp-prog b{color:var(--u-t);font-size:15px}
.cfp-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cfp-step{padding:5px 2px;border-radius:8px;background:rgba(28,25,23,.04);color:var(--u-t3);font-size:10.5px;font-weight:650;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfp-step.on{background:var(--u-pos-soft);color:var(--u-pos)}
.cfp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12px;color:var(--u-t2)}
.cfp-conf{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--u-t)}
.cfp-conf i{width:70px;height:6px;border-radius:3px;background:rgba(28,25,23,.08);overflow:hidden}.cfp-conf em{display:block;height:100%;background:var(--u-acc)}
.cfp-q{padding:2px 8px;border-radius:7px;font-weight:650;font-size:11.5px;cursor:help}
.cfp-q.ok{background:var(--u-pos-soft);color:var(--u-pos)}.cfp-q.warn{background:var(--u-warn-soft);color:#92400e}.cfp-q.bad{background:var(--u-neg-soft);color:var(--u-neg)}
.cfp-reason{margin:0;color:var(--u-t3);font-size:12px;line-height:1.45}
@media(max-width:600px){.cfp-tfs{margin-left:0}.cfp-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Розвиток бота: tabele wyników */
.cf-perf-wrap{overflow-x:auto;margin:4px 0 0}
html body table.cf-perf:not(#_a){width:100%;min-width:560px;border-collapse:collapse;font-size:12.5px}
html body table.cf-perf:not(#_a) th{padding:6px 8px!important;background:transparent!important;color:var(--u-t3)!important;font-size:11px!important;font-weight:650!important;text-align:left;border-bottom:1px solid var(--u-line)!important;white-space:nowrap}
html body table.cf-perf:not(#_a) td{padding:7px 8px!important;border-bottom:1px solid var(--u-line)!important;color:var(--u-t);white-space:nowrap}
html body table.cf-perf:not(#_a) td:first-child{font-weight:650}
html body table.cf-perf:not(#_a) .num{text-align:right;font-variant-numeric:tabular-nums}
html body table.cf-perf:not(#_a) tr:last-child td{border-bottom:0!important}
.cf-perf-wr,.cf-perf-r{display:inline-flex;align-items:center;gap:8px;min-width:130px}
.cf-perf-wr i,.cf-perf-r i{flex:0 0 70px;height:6px;border-radius:3px;background:rgba(28,25,23,.07);overflow:hidden}
.cf-perf-wr em{display:block;height:100%;background:var(--u-acc)}
.cf-perf-r.pos em{display:block;height:100%;background:var(--u-pos)}.cf-perf-r.neg em{display:block;height:100%;background:var(--u-neg)}
.cf-perf-r.pos b{color:var(--u-pos)}.cf-perf-r.neg b{color:var(--u-neg)}
.cf-perf-wr b,.cf-perf-r b{font-variant-numeric:tabular-nums}
html body .learning-diagnostics:not(#_a){padding:14px 16px!important;border:1px solid rgba(31,99,230,.18)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(59,47,224,.05),rgba(18,176,245,.05))!important}
/* Розвиток бота: statystyki na całą szerokość, tabele obok siebie */
html body .learning-module-grid>section:has(#learningOverview):not(#_a){grid-column:1/-1}
@media(min-width:1200px){
  html body #learningOverview:not(#_a){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}
  html body #learningOverview>:is(.environment-row,.learning-diagnostics,.learning-weak-models,details,.learning-breakdown:has(> small:only-of-type)):not(#_a){grid-column:1/-1}
  html body #learningOverview>.learning-breakdown:not(#_a){margin-top:6px}
}
/* Огляд: dolne karty (Найближча подія / Активний сигнал) w stylu kart z nagłówkiem */
html body .welcome-dashboard .dashboard-lower>section:not(#_a):not(#_b):not(#_c){padding:0!important;border:1px solid var(--u-line)!important;border-radius:var(--u-r-card)!important;background:var(--u-card)!important;box-shadow:var(--u-shadow)!important;overflow:hidden}
html body .welcome-dashboard .dashboard-lower>section>h3:not(#_a):not(#_b):not(#_c){margin:0!important;padding:14px 18px!important;border:0!important;border-bottom:1px solid var(--u-line)!important;font:650 var(--u-fs-card)/1.3 Onest,system-ui,sans-serif!important;color:var(--u-t)!important}
html body .welcome-dashboard .dashboard-lower>section>:not(h3):not(#_a){padding:12px 18px 16px!important;margin:0!important}
html body .welcome-dashboard .dashboard-lower:not(#_a):not(#_b){gap:16px!important}
/* puste stany: spokojna ikona nad tekstem */
.cf-empty::before,.cf-bot-empty::before{content:"";display:block;width:28px;height:28px;margin:0 auto 8px;border-radius:9px;background:rgba(28,25,23,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b9ea4' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 12h4l3 3h4l3-3h4'/%3E%3Cpath d='M5.5 5h13L21 12v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6z'/%3E%3C/svg%3E") center/16px no-repeat}
.cf-loading-text.cf-empty::before{display:none}
/* Розклад / Telegram / Макро: ustawienia w kartach, kompaktowe tabele */
html body #panelUpdates>div:not(.panel-heading):not(.cf-results):not(.cf-toolbar):not(#_a),
html body #panelTelegram>.telegram-connection-settings:not(#_a),
html body .cf-form-card:not(#_a):not(#_b){display:grid;gap:12px;margin:0 0 14px!important;padding:16px 18px!important;border:1px solid var(--u-line)!important;border-radius:var(--u-r-card)!important;background:var(--u-card)!important;box-shadow:var(--u-shadow)!important}
html body #panelUpdates>div:not(.panel-heading):not(.cf-results):not(.cf-toolbar):not(#_a){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
html body #panelUpdates>small:not(#_a){display:block;margin:0 4px 14px;color:var(--u-t3)}
html body #panelUpdates>br:not(#_a){display:none}
html body #panelTelegram>.telegram-connection-settings:not(#_a){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:20px;align-items:start}
.cf-form-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:-2px 0 2px;padding-bottom:10px;border-bottom:1px solid var(--u-line)}
.cf-form-h b{font:650 var(--u-fs-card)/1.3 Onest,system-ui,sans-serif;color:var(--u-t)}.cf-form-h span{color:var(--u-t3);font-size:12px}
html body .cf-form-card :is(label.cf-toggle-row,.module-toggle):not(#_a):not(#_b){margin:0!important}
html body :is(#panelUpdates,#panelTelegram,.cf-form-card) :is(input[type=time],input[type=text],input[type=password],select):not(#_a):not(#_b){max-width:420px}
html body .notifications-table:not(#_a) td:first-child{white-space:nowrap}
html body .notifications-table:not(#_a) :is(td,th){padding-top:9px!important;padding-bottom:9px!important}
@media(max-width:900px){
  html body #panelUpdates>div:not(.panel-heading):not(.cf-results):not(.cf-toolbar):not(#_a):not(#_b),html body #panelTelegram>.telegram-connection-settings:not(#_a):not(#_b){grid-template-columns:1fr!important}
}
html body .notifications-table:not(#_a) td:first-child,html body .notifications-table:not(#_a) th:first-child{min-width:150px}
html body #panelTelegram>.telegram-connection-settings:not(#_a)>div:first-child{display:grid;gap:6px}
html body .notifications-table:not(#_a):not(#_b){table-layout:auto!important}
html body .notifications-table:not(#_a):not(#_b) td:first-child{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;width:1%}
html body #panelTrading :is(input[type=number],input[type=text],select):not(#_a):not(#_b){max-width:280px}
/* Макро-фільтр сигналів: рядки з числом виглядають як рядок-перемикач над ними (текст ліворуч, поле праворуч, одна ширина) */
html body .trading-macro-settings>label:not(#_a):not(#_b){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:44px!important;margin:0 0 8px!important;padding:6px 6px 6px 12px!important;border:1px solid var(--u-line)!important;border-radius:var(--u-r-in)!important;background:#fff!important;color:var(--u-t)!important;font-weight:600!important}
html body .trading-macro-settings>label:last-child:not(#_a):not(#_b){margin-bottom:0!important}
html body .trading-macro-settings>label:not(#_a):not(#_b) input[type=number]{flex:none!important;width:110px!important;max-width:110px!important;height:32px!important;margin:0!important;padding:0 10px!important;text-align:right!important}
html body .trading-macro-settings>label:not(#_a):not(#_b) input[type=checkbox]{margin-right:6px!important}
/* ---------------- Chipy z przełącznikiem zamiast kwadratowego checkboxa (Сканер і моделі, Макро) ---------------- */
html body :is(.cf-pool-chip,.cf-chip,label.chip,#currencies label):not(#_a):not(#_b) input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;flex:none!important;width:26px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;cursor:pointer;
  background:radial-gradient(circle at 8px 50%,#fff 0 5.5px,transparent 6px),#d6d3cc!important;box-shadow:none!important;transition:background .15s}
html body :is(.cf-pool-chip,.cf-chip,label.chip,#currencies label):not(#_a):not(#_b) input[type=checkbox]:checked{background:radial-gradient(circle at 18px 50%,#fff 0 5.5px,transparent 6px),var(--u-acc)!important}
html body :is(.cf-pool-chip,.cf-chip,label.chip,#currencies label):not(#_a):not(#_b) input[type=checkbox]:focus-visible{outline:2px solid rgba(31,99,230,.45);outline-offset:2px}
.cf-pair-row{transition:opacity .15s}
.cf-pair-row.cf-model-off{opacity:.45}
.cf-pair-hint{display:inline-flex;align-items:center;height:22px;margin-left:8px;padding:0 8px;border-radius:999px;background:rgba(28,25,23,.06);color:var(--u-t2);font-size:11.5px;font-weight:600;white-space:nowrap}
.cf-pair-hint.all{background:var(--u-acc-soft);color:var(--u-acc)}
/* Розвиток бота → «Статистика навчання»: плитки KPI */
.cf-lkpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0 0 16px}
.cf-lkpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--u-line);border-radius:14px;background:var(--u-card);box-shadow:var(--u-shadow)}
.cf-lkpi small{color:var(--u-t2);font-size:12px;font-weight:600}
.cf-lkpi b{font:650 22px/1.15 Onest,system-ui,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--u-t)}
.cf-lkpi em{color:var(--u-t3);font-style:normal;font-size:11.5px;line-height:1.35}
.cf-lkpi.pos b{color:var(--u-pos)}.cf-lkpi.neg b{color:var(--u-neg)}.cf-lkpi.warn b{color:var(--u-warn)}
@media(max-width:760px){.cf-lkpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cf-lkpi{padding:12px}.cf-lkpi b{font-size:18px}}
/* Огляд: одна картка подій (KPI «Найближча подія» + «Макро · найближчі події»), стара дублююча картка прихована */
html body #panelWelcome .dashboard-lower>section:has(#welcomeNextMacro){display:none!important}
/* Телефон: KPI по два в ряд, без спарклайнів */
@media(max-width:760px){
  html body .cf-kpis:not(#_a):not(#_b){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
  html body .cf-kpis:not(#_a) .cf-kpi{padding:12px 13px!important}
  html body .cf-kpis:not(#_a) .cf-kpi b{font-size:20px!important}
  html body .cf-kpis:not(#_a) .cf-kpi em{font-size:11px!important}
  html body .cf-kpis:not(#_a) .cf-kpi-row>span{display:none!important}
  html body .cf-kpis:not(#_a) .cf-kpi small{font-size:11.5px!important}
}
/* Stan „dane niedostępne” zamiast wiecznego szkieletu */
.cf-load-stale{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:46px;padding:14px;border:1px dashed var(--u-line2);border-radius:12px;color:var(--u-t2)!important;font-size:12.5px;text-align:center}
.cf-load-stale .cf-retry{height:30px;padding:0 12px;border:1px solid var(--u-line2);border-radius:10px;background:#fff;color:#33363c;font:600 12.5px Onest,system-ui,sans-serif;cursor:pointer}
.cf-load-stale .cf-retry:hover{border-color:rgba(31,99,230,.45);color:var(--u-acc)}
html body #learningOverview>.cf-lkpis:not(#_a){grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.cf-lkpi b.txt{font-size:15px;line-height:1.3}
.cf-lkpi.zero b{color:var(--u-t)!important}
html body .cf-pair-row>span:first-child:not(#_a){display:flex;flex-direction:column;align-items:flex-start;gap:4px}
html body .cf-pair-hint:not(#_a){width:auto!important;margin:0!important;height:20px;font-size:11px}
/* Bot live: bez wykresu (błąd / brak danych) — kompaktowa karta zamiast pustego pola 460px */
html body .cf-botlive-chart:has(> .cf-botlive-chart-msg, > .cf-load-stale):not(#_a){height:auto!important;min-height:110px;zoom:1}
html body .cf-botlive-chart:has(> .cf-botlive-chart-msg, > .cf-load-stale):not(#_a)>*{min-height:110px;border:0}
/* ---------------- Ekran ładowania (od pierwszej klatki, zdejmowany przez ui-common.js) ---------------- */
@keyframes cf-boot-bar{0%{background-position:-180px 0}100%{background-position:180px 0}}
@keyframes cf-boot-pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
@keyframes cf-boot-auto{to{opacity:0;visibility:hidden}}
html:not(.cf-noboot)::before,html:not(.cf-noboot)::after{content:"";position:fixed;z-index:2147483646;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s;animation:cf-boot-auto .4s ease 9s forwards}
html:not(.cf-noboot)::before{inset:0;pointer-events:auto;
  background:url(/brand/chartflow-mark.png) center calc(50% - 22px)/64px 64px no-repeat,
    radial-gradient(520px 320px at 50% 45%,rgba(18,176,245,.12),transparent 70%),var(--u-bg)}
html:not(.cf-noboot)::after{left:50%;top:calc(50% + 34px);width:180px;height:4px;border-radius:4px;transform:translateX(-50%);
  background:linear-gradient(90deg,rgba(31,99,230,.12) 0,#12b0f5 35%,#1f63e6 55%,rgba(31,99,230,.12) 90%) rgba(31,99,230,.12);background-size:180px 100%;
  animation:cf-boot-bar 1.1s linear infinite,cf-boot-auto .4s ease 9s forwards}
html.cf-ready::before,html.cf-ready::after{opacity:0;visibility:hidden}
html:not(.cf-ready):not(.cf-noboot) body{overflow:hidden}
/* Cienki pasek u góry przy przełączaniu stron / odświeżaniu danych */
@keyframes cf-topbar{0%{left:-35%;width:35%}60%{left:45%;width:45%}100%{left:100%;width:20%}}
.cf-topbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:2147483640;pointer-events:none;opacity:0;transition:opacity .25s;overflow:hidden}
.cf-topbar::before{content:"";position:absolute;top:0;bottom:0;left:-35%;width:35%;border-radius:2px;background:linear-gradient(90deg,#12b0f5,#1f63e6,#3b2fe0);animation:cf-topbar 1.2s ease-in-out infinite}
html.cf-busy .cf-topbar{opacity:1}
@media (prefers-reduced-motion:reduce){html:not(.cf-noboot)::after,.cf-topbar::before{animation-duration:3s}}
/* Розвиток бота → mapa godzin */
html body #learningOverview>.cf-hour-wrap:not(#_a){grid-column:1/-1}
.cf-hour-heat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin-top:8px}
.cf-hh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:58px;border-radius:10px;border:1px solid var(--u-line);color:var(--u-t);cursor:default;font-variant-numeric:tabular-nums}
.cf-hh small{color:var(--u-t2);font-size:10.5px;font-weight:600}
.cf-hh b{font:650 13px/1.2 Onest,system-ui,sans-serif}
.cf-hh em{color:var(--u-t2);font-style:normal;font-size:10px}
.cf-hh.strong{color:#fff;border-color:transparent}.cf-hh.strong :is(small,em){color:rgba(255,255,255,.85)}
.cf-hh.empty{background:rgba(28,25,23,.03);color:var(--u-t3)}
.cf-hour-note{margin:10px 0 0;color:var(--u-t2);font-size:12px}
@media(max-width:760px){.cf-hour-heat{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* Pusta karta z działaniem */
.cf-empty-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;padding:16px;text-align:center;color:var(--u-t2);font-size:12.5px}
.cf-empty-cta button,.cf-day-filter{height:32px;padding:0 14px;border:1px solid rgba(31,99,230,.45);border-radius:10px;background:var(--u-acc-soft);color:var(--u-acc);font:600 12.5px Onest,system-ui,sans-serif;cursor:pointer}
.cf-empty-cta button:hover,.cf-day-filter:hover{background:rgba(31,99,230,.16)}
.cf-day-filter{width:100%;margin:0 0 12px}
.cf-day-chip{display:inline-flex;align-items:center;gap:8px;height:32px;margin:0 0 10px;padding:0 12px;border:1px solid rgba(31,99,230,.45);border-radius:999px;background:var(--u-acc-soft);color:var(--u-acc);font:600 12.5px Onest,system-ui,sans-serif;cursor:pointer}
.cf-day-chip b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(31,99,230,.15);font-size:10px}
.cf-day-chip:hover b{background:var(--u-acc);color:#fff}
.cf-day-chip[hidden]{display:none!important}
html body :is(.cf-day-chip,.cf-empty-cta button,.cf-day-filter):not(#_a):not(#_b):not(#_c){height:32px!important;padding:0 14px!important;border:1px solid rgba(31,99,230,.45)!important;background:var(--u-acc-soft)!important;color:var(--u-acc)!important;font:600 12.5px Onest,system-ui,sans-serif!important;box-shadow:none!important}
html body .cf-day-chip:not(#_a):not(#_b):not(#_c){border-radius:999px!important;display:inline-flex!important;align-items:center;gap:8px}
html body .cf-day-chip[hidden]:not(#_a):not(#_b):not(#_c){display:none!important}
html body :is(.cf-empty-cta button,.cf-day-filter):not(#_a):not(#_b):not(#_c){border-radius:10px!important}
/* Ekran ładowania v2: logo „rysuje się” od lewej do prawej, w pętli; bez paska */
@keyframes cf-logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:1}55%{clip-path:inset(0 0 0 0);opacity:1}82%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
html:not(.cf-noboot)::before{background:radial-gradient(520px 320px at 50% 50%,rgba(18,176,245,.12),transparent 70%),var(--u-bg)!important}
html:not(.cf-noboot)::after{left:50%!important;top:50%!important;width:72px!important;height:72px!important;border-radius:0!important;transform:translate(-50%,-50%)!important;
  background:url(/brand/chartflow-mark.png) center/contain no-repeat!important;
  animation:cf-logo-reveal 1.6s cubic-bezier(.55,.1,.35,1) infinite,cf-boot-auto .4s ease 9s forwards!important}
html.cf-ready::after{animation:none!important;opacity:0!important;visibility:hidden!important}
@media (prefers-reduced-motion:reduce){html:not(.cf-noboot)::after{animation:cf-logo-reveal 3s linear infinite,cf-boot-auto .4s ease 9s forwards!important}}
/* Okno ustawień: zwykły .cf-switch (jak w całym panelu) — reguła .cfm input nie może go nadpisać */
html body .cfm input.cf-switch:not(#_a):not(#_b):not(#_c){-webkit-appearance:none!important;appearance:none!important;position:relative!important;flex:0 0 auto!important;width:28px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:#d9d5cc!important;box-shadow:none!important;cursor:pointer}
html body .cfm input.cf-switch:not(#_a):not(#_b):not(#_c):checked{background:var(--u-acc)!important}
html body .cfm [data-slot="loader"]{justify-content:flex-end}
/* ---------------- Dzwonek: ustawienia powiadomień o sygnale (ten sam popover co motyw) ---------------- */
.cf-bell-pop{width:270px}
html body .cf-bell-pop:not(#_a){right:0}
.cf-bell-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px;border-top:1px solid var(--u-line);cursor:pointer}
.cf-bell-row span{display:grid;gap:1px}.cf-bell-row b{font-size:13px;font-weight:650;color:var(--u-t)}.cf-bell-row em{font-style:normal;font-size:11.5px;color:var(--u-t3)}
html body :is(.cf-bell-pop,.cfm) input.cf-switch:not(#_a):not(#_b):not(#_c){-webkit-appearance:none!important;appearance:none!important;position:relative!important;flex:0 0 auto!important;width:28px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;cursor:pointer;box-shadow:none!important;
  background:radial-gradient(circle at 8px 50%,#686c74 0 5.5px,transparent 6px),#d9d5cc!important}
html body :is(.cf-bell-pop,.cfm) input.cf-switch:not(#_a):not(#_b):not(#_c):checked{background:radial-gradient(circle at 20px 50%,#fff 0 5.5px,transparent 6px),var(--u-acc)!important}
html body :is(.cf-bell-pop,.cfm) input.cf-switch:not(#_a):not(#_b):not(#_c)::before{display:none!important}
html body .cf-bell-pop .cf-bell-test:not(#_a):not(#_b):not(#_c){display:flex!important;align-items:center;justify-content:center;width:100%!important;height:34px!important;margin:8px 0 0!important;padding:0 12px!important;border:1px solid rgba(31,99,230,.45)!important;border-radius:10px!important;background:var(--u-acc-soft)!important;color:var(--u-acc)!important;font:600 12.5px Onest,system-ui,sans-serif!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
/* Karta nowego sygnału */
.cf-sigtoast{position:fixed;right:20px;bottom:20px;z-index:2147483000;width:min(340px,calc(100vw - 32px));padding:14px 16px 16px;border:1px solid var(--u-line);border-radius:var(--u-r-card);background:#fff;box-shadow:0 24px 50px -18px rgba(28,25,23,.45);
  transform:translateY(16px);opacity:0;transition:transform .25s ease,opacity .25s ease;font-family:Onest,system-ui,sans-serif}
.cf-sigtoast.in{transform:none;opacity:1}.cf-sigtoast.out{transform:translateY(16px);opacity:0}
.cf-sigtoast-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cf-sigtoast-h b{flex:1;color:var(--u-t2);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.cf-sigtoast-dot{width:8px;height:8px;border-radius:50%;background:var(--u-pos);box-shadow:0 0 0 4px var(--u-pos-soft);animation:cf-pulse 1.4s ease-in-out infinite}
.cf-sigtoast-dot.down{background:var(--u-neg);box-shadow:0 0 0 4px var(--u-neg-soft)}
@keyframes cf-pulse{50%{opacity:.45}}
html body .cf-sigtoast-x:not(#_a){width:26px;height:26px;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--u-t3)!important;font-size:18px;line-height:1;cursor:pointer}
html body .cf-sigtoast-x:not(#_a):hover{background:rgba(28,25,23,.06)!important}
.cf-sigtoast-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cf-sigtoast-main>b{font:700 18px/1.2 Onest,system-ui,sans-serif;color:var(--u-t)}
.cf-sigtoast-dir{height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:22px}
.cf-sigtoast-dir.up{background:var(--u-pos-soft);color:var(--u-pos)}.cf-sigtoast-dir.down{background:var(--u-neg-soft);color:var(--u-neg)}
.cf-sigtoast-main em{font-style:normal;color:var(--u-t2);font-size:12.5px}
.cf-sigtoast-lv{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 12px;color:var(--u-t3);font-size:12px}
.cf-sigtoast-lv b{color:var(--u-t);font:500 12.5px "Geist Mono",ui-monospace,monospace}
html body .cf-sigtoast-open:not(#_a):not(#_b){width:100%;height:38px;border:1px solid var(--u-acc)!important;border-radius:11px!important;background:var(--u-acc)!important;color:#fff!important;font:600 13px Onest,system-ui,sans-serif!important;cursor:pointer}
html body .cf-sigtoast-open:not(#_a):not(#_b):hover{background:#1a4fc4!important}
@media(max-width:760px){.cf-sigtoast{right:16px;left:16px;bottom:16px;width:auto}}