/* OSIRIS /bots.html, pasul 7d (27 Oct 2026): stratul vizual al paginii boților în paleta E, la nivelul secțiunii #bots de pe prima pagină
   (bots-home.css). Prefix bp-. Se încarcă DUPĂ skyline.css și bots.css și suprascrie ce trebuie din ele; bots.js și skyline.js sunt neatinse
   (id-urile și clasele pe care le caută rămân). Doar tokenii fundației: culori, fonturi (--font-sans / --font-mono), mărimi (--t-*), raze (--r-*).
   Verde / roșu doar pentru creștere / scădere; un singur accent (albastrul); nimic auriu. Culorile din canvasul orașului vin din --sk-* (paleta „e”). */

.page-bots{background:var(--bg);color:var(--text)}
.page-bots .section--bots{padding-top:0;padding-bottom:clamp(3.5rem,7vw,6rem)}

/* ---------- capul paginii: eticheta, titlul, nota „Simulated results” ---------- */
.bp-hero{position:relative;padding:calc(var(--nav-h) + clamp(2.75rem,6vw,5rem)) 0 clamp(1.75rem,3.5vw,2.75rem);isolation:isolate}
.bp-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 55% at 12% 0%,var(--accent-soft),transparent 70%)}
.bp-hero__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem 3rem}
.bp-hero .h1{max-width:12em}
.bp-hero .lead{margin-top:var(--s4)}
.page-bots .simnote{margin-top:0;align-self:end;max-width:24rem;gap:.65rem;padding:.8rem 1rem;border-radius:14px;border:1px solid var(--line);background:var(--card);
  color:var(--muted);font-size:var(--t-small);line-height:1.5}
.page-bots .simnote .ico,.page-bots .simnote>i{color:var(--accent)}
.page-bots .simnote b{color:var(--text);font-weight:600}
.bp-facts{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:1.1rem;border-top:1px solid var(--line);
  font-family:var(--font-mono);font-size:var(--t-small);color:var(--muted)}
.bp-facts b{color:var(--text);font-weight:600}

/* ---------- starea + taburile boților ---------- */
.page-bots .bstate{padding:3rem 0;color:var(--muted);font-size:var(--t-small)}
.page-bots .btabs{gap:.75rem}
.page-bots .btab{min-height:4.75rem;padding:.9rem 1.1rem;border-radius:var(--r-card);border:1px solid var(--line);background:var(--card);color:var(--muted);
  transition:border-color var(--d-fast) var(--ease-std),background-color var(--d-fast) var(--ease-std),transform var(--d-fast) var(--ease)}
.page-bots .btab:hover{border-color:var(--line-hover);color:var(--text);background:var(--panel-top)}
.page-bots .btab[aria-selected="true"]{border-color:var(--accent-ring);background:linear-gradient(120deg,var(--accent-soft),transparent 55%),var(--card);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-ring)}
.page-bots .btab__ico{width:2.5rem;height:2.5rem;border-radius:12px;background:var(--fill-soft);color:var(--muted)}
.page-bots .btab[aria-selected="true"] .btab__ico{color:var(--accent);background:var(--accent-soft)}
.page-bots .btab__txt b{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;letter-spacing:-.005em;color:var(--text)}
.page-bots .btab__txt small{color:var(--muted)}
.page-bots .blive{border-color:var(--line);color:var(--muted);font-family:var(--font-sans);font-weight:600}
.page-bots .blive::before{background:var(--muted)}
.page-bots .blive--live{color:var(--up);border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}
.page-bots .blive--live::before{background:var(--up);box-shadow:0 0 0 .2rem rgba(34,197,94,.18)}
.page-bots .blive--paused{color:var(--muted);border-color:var(--line-strong);background:var(--fill-soft)}
.page-bots .blive--paused::before{background:var(--muted)}
@keyframes blivePulse{50%{box-shadow:0 0 0 .38rem rgba(34,197,94,0)}}

/* ---------- cadranele: trei instrumente pe un rând ---------- */
.page-bots .gauge{--gc:var(--accent);gap:.75rem;border:1px solid var(--line);background:var(--card);border-radius:var(--r-card)}
.page-bots .gauge__track{stroke:var(--fill)}
.page-bots .gauge__arc{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--gc) 40%,transparent))}
.page-bots .gauge__num b{font-family:var(--font-mono);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.page-bots .gauge__num small{color:var(--muted)}
.page-bots .gauge figcaption{font-family:var(--font-sans);font-weight:600;color:var(--text)}
.page-bots .gauge figcaption small{display:block;margin-top:.15rem;font-weight:400;color:var(--muted);font-size:var(--t-micro)}

/* ---------- pozițiile deschise ---------- */
.page-bots .pos{border:1px solid var(--line);background:var(--card);border-radius:var(--r-card)}
.page-bots .pos__h{color:var(--text);font-weight:600}
.page-bots .pos__n{background:var(--fill);color:var(--text)}
.page-bots .pos__none{color:var(--muted)}
.page-bots .posrow{--pc:var(--up);border-radius:12px}
.page-bots .posrow--short{--pc:var(--down)}
.page-bots .posrow__sym small,.page-bots .posrow__entry{color:var(--muted)}
.page-bots .posrow__entry b{color:var(--text)}

/* ---------- cele patru cifre ---------- */
.page-bots .bstats>div{border:1px solid var(--line);background:var(--card);border-radius:var(--r-card)}
.page-bots .bstats dt{color:var(--muted)}
.page-bots .bstats dd{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums lining-nums}
.page-bots .bstats small{color:var(--muted)}

/* ---------- panourile: curba contului, zilele ---------- */
.page-bots .bpanel{border:1px solid var(--line);background:var(--card);border-radius:var(--r-panel)}
.page-bots .bpanel__h{font-family:var(--font-sans);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}
.page-bots .bpanel__sub{color:var(--muted);font-weight:400}
.page-bots .bpanel__fine{color:var(--muted);line-height:1.55;max-width:72em}
.page-bots .bbadge{font-family:var(--font-mono);background:rgba(34,197,94,.1);color:var(--up)}
.page-bots .bbadge.is-down{background:rgba(239,68,68,.1);color:var(--down)}
.page-bots .bseg{background:var(--fill-soft);border:1px solid var(--line);padding:.2rem}
.page-bots .bseg__btn{min-height:2.25rem;color:var(--muted);font-weight:600}
.page-bots .bseg__btn:hover{color:var(--text)}
.page-bots .bseg__btn.is-on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-ring)}
.page-bots .eq__tip,.page-bots .btip{border:1px solid var(--line-strong);background:var(--panel-top);color:var(--text);box-shadow:0 14px 34px -14px var(--black);font-variant-numeric:tabular-nums}
.page-bots .eq__tip span,.page-bots .btip span{color:var(--muted)}

/* ---------- orașul (skyline.js, paleta „e”: canvasul citește --sk-*) ---------- */
.page-bots .sk{--sk-bg:transparent;--sk-fg:var(--text);--sk-mute:var(--muted);--sk-line:var(--line);
  --sk-up:var(--up);--sk-down:var(--down);--sk-base:var(--accent);--sk-label:var(--muted);--sk-accent:var(--accent);
  padding:0;border:0;border-radius:0;background:none;color:var(--text);font-family:var(--font-sans);font-size:var(--t-body)}
.page-bots .sk__title{font-size:var(--t-small);color:var(--muted)}
.page-bots .sk__title b{font-weight:600;color:var(--text)}
.page-bots .sk__ph{background:var(--fill)}
.page-bots .sk__tabs{display:none}                                   /* un singur bot pe pagină: tabul lui e deja ales sus */
.page-bots .sk__seg{padding:.2rem;border:1px solid var(--line);background:var(--fill-soft)}
.page-bots .sk__thumb{top:.2rem;bottom:.2rem;left:.2rem;width:2.25rem;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ring)}
.page-bots .sk__seg button{width:2.25rem;height:2.25rem;color:var(--muted)}
.page-bots .sk__seg button:hover{color:var(--text)}
.page-bots .sk__seg button[aria-pressed="true"]{color:var(--accent)}
.page-bots .sk__card{border:1px solid var(--line);border-radius:14px;background:var(--panel-bottom)}
.page-bots .sk__plot{border-radius:12px}
.page-bots .sk__plot.is-focus{outline:2px solid var(--accent)}
.page-bots .sk__tip{padding:.55rem .75rem;border-radius:10px;background:var(--panel-top);border:1px solid var(--line-strong);color:var(--text);
  box-shadow:0 14px 34px -14px var(--black);font-size:var(--t-micro);line-height:1.35;font-variant-numeric:tabular-nums}
.page-bots .sk__tip strong{font-size:var(--t-small);font-weight:600}
.page-bots .sk__tip .sk__tip-m,.page-bots .sk__tip .sk__tip-2{opacity:1;color:var(--muted)}
.page-bots .sk__tip .sk__up{color:var(--up)}
.page-bots .sk__tip .sk__dn{color:var(--down)}
.page-bots .sk__tip::after{border-top-color:var(--panel-top)}
.page-bots .sk__tip.is-below::after{top:auto;bottom:100%;border-top:0;border-bottom:5px solid var(--panel-top)}
.page-bots .sk__lab,.page-bots .sk__sub{color:var(--muted)}
.page-bots .sk__val{font-family:var(--font-mono);color:var(--text)}
.page-bots .sk__val.is-accent{color:var(--accent)}
.page-bots .sk__st--row .sk__val{font-size:var(--t-h3)}
.page-bots .sk__st--end .sk__val,.page-bots .sk__st--start .sk__val{font-size:var(--t-h2)}
/* cifrele din colțurile orașului (lat, opțiunea fixed): eticheta pe un rând, cifra + unitatea dedesubt, ca pe prima pagină */
.page-bots .sk__ov{width:min(40%,23rem);gap:clamp(.9rem,1.6vw,1.4rem)}
.page-bots .sk__ov--tr{top:.35rem;right:0;align-items:flex-end;text-align:right}
.page-bots .sk__ov--bl{bottom:.35rem;left:0;align-items:flex-start;text-align:left}
.page-bots .sk__st--end,.page-bots .sk__st--start{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.45rem;min-width:0;max-width:100%}
.page-bots .sk__st--end{justify-content:flex-end;text-align:right}
.page-bots .sk__st--start{justify-content:flex-start;text-align:left}
.page-bots .sk__ov .sk__lab,.page-bots .sk__ov .sk__sub{flex:0 0 100%}
.page-bots .sk__st--end>div:not([class]){display:none}
.page-bots .sk__side{display:contents}
.page-bots .sk__ov .sk__val{margin-top:.35rem;font-size:var(--t-h2);line-height:1}
.page-bots .sk__ov .sk__st:not(:first-of-type) .sk__val,.page-bots .sk__ov--bl .sk__val{font-size:var(--t-h3);margin-top:.25rem}
.page-bots .sk__unit{font-size:var(--t-small);color:var(--text);white-space:nowrap}
.page-bots .sk__unit:empty{display:none}
.page-bots .sk__foot{color:var(--muted)}
.page-bots .sk__sw{box-shadow:inset 0 0 0 1px var(--line)}
.page-bots .sk__skel-grid i{background:var(--fill)}
.page-bots .sk__msg b{font-weight:600}
.page-bots .sk__msg p{color:var(--muted)}
.page-bots .sk__msg--error .sk__msg-ico{background:rgba(239,68,68,.12);color:var(--down)}

/* ---------- luna și toate zilele ---------- */
.page-bots .mchip{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono)}
.page-bots .mchip:hover{border-color:var(--line-hover);color:var(--text)}
.page-bots .mchip[aria-selected="true"]{border-color:var(--accent-ring);background:var(--accent-soft);color:var(--accent)}
.page-bots .mstats{border:1px solid var(--line);background:var(--panel-bottom)}
.page-bots .mstats dt{color:var(--muted)}
.page-bots .mstats dd{font-family:var(--font-mono)}
.page-bots .day{--dc:var(--up);border-radius:12px}
.page-bots .day--down{--dc:var(--down)}
.page-bots .day--flat{--dc:var(--muted)}
.page-bots .day__d small,.page-bots .day__meta{color:var(--muted)}
.page-bots .day__pnl{font-family:var(--font-mono)}
.page-bots .day__bar{background:var(--fill)}
.page-bots .days__none{color:var(--muted)}
.page-bots .yr__h span{color:var(--muted)}
.page-bots .yr__c{background:var(--fill-soft)}
.page-bots .yr__c.has:hover,.page-bots .yr__c.is-tap{outline:1.5px solid var(--accent)}

/* ---------- nota de la final ---------- */
.bp-notice{display:grid;gap:.6rem;margin-top:.5rem;padding:clamp(1.1rem,2vw,1.5rem) clamp(1.1rem,2.2vw,1.75rem);border-radius:var(--r-card);border:1px solid var(--line);background:var(--card);
  font-size:var(--t-small);line-height:1.55;color:var(--muted);max-width:none}
.bp-notice b{color:var(--text);font-weight:600;font-size:var(--t-body)}
.bp-notice a{justify-self:start;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:500;padding:.35em 0}

/* ---------- atingere: ținte de 44 px (și pe orice ecran îngust: emulatoarele nu raportează mereu pointer:coarse) ---------- */
@media (max-width:760px),(pointer:coarse){
  .page-bots .bseg__btn,.page-bots .mchip{min-height:2.75rem}
  .page-bots .sk__seg button{width:2.75rem;height:2.75rem}
  .page-bots .sk__thumb{width:2.75rem}
  .page-bots .simnote a,.bp-notice a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0}
}

/* ---------- telefon ---------- */
@media (max-width:860px){
  .bp-hero__row{grid-template-columns:1fr}
  .page-bots .simnote{max-width:none;align-self:start}
}
@media (max-width:760px){
  .page-bots .gauge{border-radius:16px;padding:.8rem .35rem .9rem;gap:.5rem}
  .page-bots .gauge figcaption{min-height:0;font-size:var(--t-micro)}
  .page-bots .gauge figcaption small{display:none}          /* pe telefon rămâne doar numele cifrei; explicația e în textul paginii */
  .page-bots .bstats>div{padding:.9rem 1rem}
  .page-bots .bpanel{padding:1rem}
  .page-bots .bpanel__head{margin-bottom:.9rem}
  .page-bots .sk__card{border:0;background:none}
  .page-bots .sk__pad{padding:0}
  .page-bots .sk__stats{padding-inline:0}
  .page-bots .sk__foot{padding-inline:0}
  .bp-facts{gap:.4rem 1.25rem}
}