/* WartHive - overlay compattazione Flight Sheets (stile Hive OS) */
/* Non tocca il bundle React: agisce solo su classi Tailwind gia' presenti nel markup */

html.wh-fs-page [data-testid^="fs-card-"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 8px 24px !important;
  padding: 7px 14px !important;
}

/* colonna nome + coin/miner + pulsanti edit/delete */
html.wh-fs-page [data-testid^="fs-card-"] > div:first-child {
  margin-bottom: 0 !important;
  flex: 0 0 auto;
  width: 220px;
  max-width: 220px;
}

/* contenitore campi (Pool/Wallet/Worker/Args) -> riga orizzontale invece di stack verticale */
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 6px 22px !important;
  flex: 1 1 auto;
  min-width: 0;
}
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > * {
  margin-top: 0 !important;
}
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(1) { max-width: 190px; }
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(2) { max-width: 210px; }
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(3) { max-width: 140px; }
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(4) { max-width: 220px; }

/* nasconde le etichette ripetute (Pool/Wallet/Worker/Args su ogni riga) e le sostituisce con un prefisso statico piccolo */
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div > div:first-child {
  display: none;
}
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(1) > div:last-child::before { content: "pool "; opacity: .45; }
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(2) > div:last-child::before { content: "wallet "; opacity: .45; }
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(3) > div:last-child::before { content: "worker "; opacity: .45; }
html.wh-fs-page [data-testid^="fs-card-"] .space-y-1 > div:nth-child(4) > div:last-child::before { content: "args "; opacity: .45; }

/* griglia -> lista a colonna singola, piu' stretta tra le righe */
html.wh-fs-page .stagger-fade.grid {
  grid-template-columns: 1fr !important;
  gap: 4px !important;
}

/* card nascosta dal filtro coin (selettore piu' specifico per vincere sul display:flex sopra) */
html.wh-fs-page [data-testid^="fs-card-"][data-wh-hidden="1"] {
  display: none !important;
}

/* tab filtro per coin, iniettate da wh-compact.js */
.wh-fs-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.wh-fs-tabs button {
  font-family: monospace;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding: 5px 12px;
  border-radius: 3px;
  border: 1px solid #27272A;
  background: #18181B;
  color: #A1A1AA;
  cursor: pointer;
}
.wh-fs-tabs button:hover {
  color: #FAFAFA;
  border-color: #3F3F46;
}
.wh-fs-tabs button.active {
  background: #10B981;
  border-color: #10B981;
  color: #09090B;
  font-weight: 700;
}