/* ============================================================
   parquet-20260717.css — LA PEAU PARQUET (système dozka), étape ①.
   Maquette validée : tokens EXACTS de httpbratz/dozka-panel-kit
   (canvas #131313 · panel #090909 · elevated #0c0c0c · sunken
   #050505 · lines #1a1a1a/#262626 · fg/muted/faint · 2px partout ·
   sélection = BLANC INVERSÉ · UN bleu #0a84ff chirurgical).
   FLAT total : zéro dégradé, zéro glow, zéro verre, zéro pilule.
   S'applique aux OUTILS + coquille uniquement — le CHAT n'est pas
   touché. Remplace tools-glass-20260717.css (link swappé).
   Chargé en DERNIER dans index.html → gagne les égalités.
   ROLLBACK : /root/rollback-parquet.sh (restaure l'index d'avant).
   ============================================================ */

/* ── Bot : tokens dozka via les custom properties ─────────────── */
#botv2 {
  --bg: #131313;
  --bg-2: #050505;
  --card: #090909;
  --card-hi: #0c0c0c;
  --line: #1a1a1a;
  --line-2: #262626;
  --ink: #fafafa;
  --muted: #a3a3a3;
  --faint: #525252;
  --accent: #0a84ff;
  --accent-2: #0a84ff;
  --accent-sf: rgba(10,132,255,.14);
  background: #131313 !important;
}
/* carré 2px sur tout l'outil (règle de base du cockpit dozka) */
#botv2, #botv2 *, #botv2 *::before, #botv2 *::after,
#sos, #sos *, #sos *::before, #sos *::after { border-radius: 2px !important; }

/* les puits : PLUS SOMBRES que la page, définis par la bordure */
#botv2 .bv2-compose, #botv2 .bv2-preview, #botv2 .bv2-pop,
#botv2 .bcm-panel, #botv2 .bv2-banner, #botv2 .bv2-edit-banner {
  background: #090909;
  border: 1px solid #1a1a1a;
  box-shadow: none;
  backdrop-filter: none;
}
#botv2 .bv2-compose:focus-within { border-color: #1a1a1a; outline: 2px solid var(--accent); outline-offset: 2px; box-shadow: none; }
#botv2 .bv2-msg { background: transparent; }
#botv2 .bv2-bar { border-top: 1px solid #1a1a1a; }
#botv2 .bv2-pop { background: #0c0c0c; }
#botv2 .bv2-select, #botv2 .bcm-row input, #botv2 .bv2-dt { background: #050505; border: 1px solid #1a1a1a; }

/* header : pas de bande, pas de voile */
#botv2 .bv2-header { background: transparent !important; border-bottom: none !important; }
/* onglets : segmented dozka — actif = surface élevée + marqueur bleu bas */
#botv2 .bv2-tabs { border-bottom: 1px solid #1a1a1a !important; gap: 2px; }
#botv2 .bv2-tab {
  border-radius: 2px !important; border-bottom: none !important;
  padding: 8px 14px; margin-bottom: 0; color: #a3a3a3;
  font-size: 11.5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase;
  position: relative; background: transparent;
}
#botv2 .bv2-tab:hover { color: #fafafa; background: #0c0c0c; }
#botv2 .bv2-tab.is-active { background: #0c0c0c; color: #fafafa; }
#botv2 .bv2-tab.is-active::after {
  content: ''; position: absolute; left: 4px; right: 4px; bottom: 0;
  height: 2px; background: #0a84ff; border-radius: 1px !important;
}
#botv2 .bv2-tab .tb-count { background: #050505; border: 1px solid #1a1a1a; color: #a3a3a3; font-family: ui-monospace,Consolas,monospace; font-size: 10px; }

/* chips canaux : carrées, denses, SÉLECTION = BLANC INVERSÉ (dozka primary) */
#botv2 .bv2-chip {
  border-radius: 2px !important; padding: 5px 10px;
  background: #0c0c0c; border: 1px solid #1a1a1a;
  color: #a3a3a3; font-size: 11px; font-weight: 600;
}
#botv2 .bv2-chip:hover { border-color: #262626; color: #fafafa; }
#botv2 .bv2-chip:has(input:checked) { background: #fafafa; border-color: #fafafa; color: #131313; }
#botv2 .bv2-chip input { border-color: #525252; }
#botv2 .bv2-chip input:checked { background: #131313; border-color: #131313; }
#botv2 .bv2-chan-pick { border-radius: 2px !important; background: transparent; border: 1px solid #1a1a1a; color: #525252; font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; }
#botv2 .bv2-chan-pick:hover { border-color: #262626; color: #a3a3a3; }
#botv2 .bv2-chan-count { color: #525252; }

/* boutons : famille dozka */
#botv2 .bv2-add {
  border-radius: 2px !important; border: 1px solid #262626; background: #0c0c0c;
  color: #a3a3a3; font-size: 11px; font-weight: 600;
}
#botv2 .bv2-add:hover { color: #fafafa; border-color: #262626; background: #050505; }
#botv2 .bcm-add { border-radius: 2px !important; width: 34px; height: 34px; background: #0c0c0c; border: 1px solid #262626; color: #a3a3a3; }
#botv2 .bcm-add:hover, #botv2 .bcm-add.is-on { color: #fafafa; border-color: #262626; background: #050505; }
#botv2 .bv2-fmt { border-radius: 2px !important; background: transparent; color: #525252; }
#botv2 .bv2-fmt:hover { background: #0c0c0c; color: #a3a3a3; }
#botv2 .bv2-when { border-radius: 2px !important; background: #0c0c0c; border: 1px solid #1a1a1a; font-size: 11.5px; }
#botv2 .bv2-when:hover { border-color: #262626; }
/* LE bouton bleu du flow (un seul par écran) */
#botv2 .bv2-publish {
  border-radius: 2px !important; padding: 9px 18px;
  background: #0a84ff; border: 0; color: #fff;
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  box-shadow: none;
}
#botv2 .bv2-publish:hover { background: #2b95ff; filter: none; }
#botv2 .bcm-go { border-radius: 2px !important; background: #fafafa; border: 0; color: #131313; font-weight: 700; }
#botv2 .bcm-go:hover { background: #e5e5e5; filter: none; }
#botv2 .bcm-item button { border-radius: 2px !important; }

/* aperçu + file : rangées terminal */
#botv2 .bv2-preview { background: #050505; }
#botv2 .bv2-pv-bubble { background: #0c0c0c; border: 1px solid #1a1a1a; border-radius: 2px !important; }
#botv2 .bv2-pv-btn { background: #050505; border: 1px solid #262626; color: #a3a3a3; border-radius: 2px !important; }
#botv2 .bv2-queue-head { color: #525252; font-size: 10px; letter-spacing: .06em; }
#botv2 .bv2-queue-count { background: #050505; border: 1px solid #1a1a1a; color: #a3a3a3; border-radius: 2px !important; font-family: ui-monospace,Consolas,monospace; }
#botv2 .bv2-qcard { border-radius: 2px !important; background: transparent; border: none; border-top: 1px solid #1a1a1a; }
#botv2 .bv2-qtime, #botv2 .bv2-qday, #botv2 .bv2-qhour, #botv2 .bv2-count, #botv2 .bcm-item .id {
  font-family: ui-monospace,'Cascadia Code',Consolas,monospace; font-variant-numeric: tabular-nums;
}
#botv2 .bv2-qtag { border-radius: 2px !important; background: #0c0c0c; border: 1px solid #1a1a1a; color: #a3a3a3; }

/* ── autres outils : même canvas flat ─────────────────────────── */
#eqv2.is-open, #bizv2.is-open,
html.tr-on.sos-on #eqv2.is-open, html.tr-on.sos-on #bizv2.is-open,
html.tr-on.sos-on .tg-admin {
  background: #131313 !important;
}

/* ── coquille : le parquet ────────────────────────────────────── */
@media (min-width: 1024px) {
  #sos-side {
    background: #090909;
    backdrop-filter: none;
    border-right: 1px solid #1a1a1a;
  }
  #sos-top, #sos-stats {
    background: #131313;
    backdrop-filter: none;
    border-bottom: 1px solid #1a1a1a;
  }
  /* items : dozka — actif = texte blanc + barre bleue 2px, pas de fond bleu */
  #sos .sos-sec { color: #525252; font-size: 10px; }
  #sos .sos-item { border-radius: 2px !important; color: #a3a3a3; font-size: 12.5px; }
  #sos .sos-item:hover { background: #0c0c0c; color: #fafafa; }
  #sos .sos-item.act { background: #0c0c0c; color: #fafafa; }
  #sos .sos-item.act::before {
    content: ''; display: block; position: absolute; left: 0; top: 4px; bottom: 4px;
    width: 2px; background: #0a84ff; border-radius: 1px !important;
  }
  #sos .sos-item .ct { background: #050505; border: 1px solid #1a1a1a; color: #a3a3a3; font-family: ui-monospace,Consolas,monospace; }
  #sos .sos-item .ct.hot { color: #f79009; border-color: #1a1a1a; background: #050505; }
  .sos-brand .lg { background: #0a84ff; border-radius: 2px !important; box-shadow: none; }
  .sos-brand small { color: #525252; }
  .sos-foot .av.owner { background: #0c0c0c; border: 1px solid #262626; color: #f79009; }
  .sos-foot small.owner { color: #f79009; }

  /* top bar : créatrice = contrôle sombre carré ; ✕ ghost */
  .sos-crea { border-radius: 2px !important; background: #050505; border: 1px solid #1a1a1a; font-size: 12px; }
  .sos-crea:hover { border-color: #262626; }
  .sos-crea .av { border-radius: 2px !important; }
  .sos-crea-pop { border-radius: 2px !important; background: #0c0c0c; border: 1px solid #262626; backdrop-filter: none; box-shadow: none; }
  .sos-crea-opt { border-radius: 2px !important; color: #a3a3a3; }
  .sos-crea-opt:hover { background: #131313; color: #fafafa; }
  .sos-crea-opt .av { border-radius: 2px !important; }
  .sos-path { font-size: 12.5px; }
  .sos-live { font-family: ui-monospace,Consolas,monospace; font-size: 10.5px; letter-spacing: .04em; }
  #sos .sos-x { border-radius: 2px !important; background: transparent; border: 1px solid transparent; }
  #sos .sos-x:hover { background: #0c0c0c; border-color: #262626; }

  /* tuiles stats : des puits dozka, chiffres mono */
  #sos .sos-stat {
    background: #090909; border: 1px solid #1a1a1a; border-radius: 2px !important;
  }
  #sos .sos-stat small { color: #525252; font-size: 10px; letter-spacing: .06em; }
  #sos .sos-stat b {
    font-family: ui-monospace,'Cascadia Code',Consolas,monospace;
    font-variant-numeric: tabular-nums; font-weight: 600; font-size: 19px; letter-spacing: -.01em;
  }
  #sos .sos-stat b em { font-family: inherit; font-size: 10.5px; }
  #sos .sos-stat.sos-dim { opacity: .38; }
}


/* ============================================================
   v b — LISIBILITÉ + PURGE COULEURS (retours Marko 17/07) :
   « hyper sombre, je vois pas tout » -> bordures des puits en
   line-strong #262626, labels remontés de faint a muted, place-
   holders lisibles. « trop de couleurs » -> le jaune degage, les
   deltas verts passent gris, l'avatar orange devient neutre :
   il ne reste QUE le bleu + les pastilles de statut vertes.
   ============================================================ */

/* — les puits se voient : bordure line-strong — */
#botv2 .bv2-compose, #botv2 .bv2-preview, #botv2 .bv2-pop,
#botv2 .bcm-panel, #botv2 .bv2-banner, #botv2 .bv2-edit-banner { border-color: #262626; }
#botv2 .bv2-select, #botv2 .bcm-row input, #botv2 .bv2-dt { border-color: #262626; }
#botv2 .bv2-msg::placeholder, #botv2 textarea::placeholder, #botv2 input::placeholder { color: #737373; }
#botv2 .bv2-tabs { border-bottom-color: #262626 !important; }
#botv2 .bv2-pv-bubble { border-color: #262626; }
#botv2 .bv2-chip { border-color: #262626; color: #c9c9c9; }
#botv2 .bv2-add { color: #c9c9c9; }
#botv2 .bv2-chan-pick { color: #a3a3a3; border-color: #262626; }
#botv2 .bv2-chan-count { color: #a3a3a3; }
#botv2 .bv2-to-label { color: #a3a3a3; }
#botv2 .bv2-queue-head { color: #a3a3a3; }
#botv2 .bv2-rnote { color: #a3a3a3; }
#botv2 .bcm-hint { color: #8a8a8a; }
#botv2 .bcm-hint b { color: #c9c9c9; }
#botv2 .bcm-lab { color: #a3a3a3; }
#botv2 .bv2-qtext { color: #c9c9c9; }
#botv2 .bv2-qchan { color: #fafafa; }

/* — coquille : memes remontees — */
@media (min-width: 1024px) {
  #sos-side { border-right-color: #262626; }
  #sos-top, #sos-stats { border-bottom-color: #262626; }
  #sos .sos-stat { border-color: #262626; }
  #sos .sos-stat small { color: #a3a3a3; }
  #sos .sos-sec { color: #8a8a8a; }
  #sos .sos-item { color: #c9c9c9; }
  .sos-path { color: #a3a3a3; }
  .sos-path b { color: #fafafa; }
  .sos-crea { border-color: #262626; }

  /* — PURGE COULEURS — */
  /* le jaune degage (CA semaine, badge business) */
  #sos .sos-stat b em.hot { color: #a3a3a3; }
  #sos .sos-item .ct.hot { color: #a3a3a3; border-color: #1a1a1a; }
  /* les deltas verts passent gris : monochrome, seule la pastille vit */
  #sos .sos-stat b em.up { color: #a3a3a3; }
  /* @celiagamesbot : texte gris, la pastille verte reste le seul signal */
  .sos-live { color: #a3a3a3; }
  /* avatar creatrice : neutre dozka, plus d'orange */
  .sos-crea .av, .sos-crea-opt .av { background: #262626 !important; }
  .sos-foot .av { background: #262626 !important; color: #a3a3a3 !important; border: 1px solid #333 !important; }
  .sos-foot small.owner { color: #a3a3a3; }
}

/* — bouton CTA ✨ du composer : ghost, plus de bleu-soft — */
#botv2 .ctac-btn {
  background: transparent !important; border: 1px solid #262626 !important;
  color: #a3a3a3 !important; border-radius: 2px !important;
}
#botv2 .ctac-btn:hover { background: #0c0c0c !important; color: #fafafa !important; }

/* — compteurs / ems : gris, mono — */
#botv2 .bv2-count { color: #737373; }


/* ============================================================
   v c — retour Marko : « dégage les tuiles en haut (joueurs bot,
   en file, dernier post, CA du jour), c'est de la merde ».
   La bande stats disparaît ; le JS de la coquille mesure la
   hauteur réelle (measureTop) -> l'offset retombe tout seul à
   64px et le contenu remonte. Les badges de la sidebar (file sur
   Bot, +CA sur Business) restent.
   ============================================================ */
#sos-stats { display: none !important; }