/* Spodní lišta okna — vzhled. Chování je v `public/lista.js`.
   Barvy a rádiusy jen z `src/tokens.css` (manuál v2.0). Vlastní soubor,
   `style.css` je nad limitem baseline a `sprava.css` na něm.

   Výška 45 px (1 px linka + 44) musí sedět s `.rail-bot` v rail.css
   (6 + 32 + 6), aby Nastavení vlevo dole a lišta byly na jedné výšce
   a jejich horní linky navazovaly. Odsazení 14 px = padding pole pro dotaz
   (`.input-area` v style.css): text začíná na jeho hraně. */

.sp-lista {
  position: relative; /* kotva nabídky databází */
  flex: none;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 45px;
  padding: 0 14px;
  background: var(--surface-2);
  border-top: 1px solid var(--border);
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--text-2);
  user-select: none;
}
.sp-lista .sp-sp {
  flex: 1;
}
.sp-lista-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-lista svg {
  flex: none;
  color: var(--text-3);
}

/* Uživatel: text, nebo tlačítko (vlastní relace mimo Helios → sekce Účet).
   Stejné písmo jako databáze; záporný okraj drží text na hraně pole. */
.sp-lista-kdo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin-left: -6px;
  padding: 3px 6px;
  border: 0;
  border-radius: var(--r-sm);
  background: none;
  font: inherit;
  color: inherit;
  cursor: default;
}
.sp-lista-kdo[hidden],
.sp-lista-db[hidden],
.sp-lista-verze[hidden] {
  display: none;
}
/* Login a databáze stejným písmem i barvou (Jakub, 27. 9. 2026) — barva se
   liší jen po najetí, a to u obou stejně. */
.sp-lista-kdo.sp-lista-klik {
  cursor: pointer;
}
.sp-lista-kdo.sp-lista-klik:hover {
  background: var(--hover);
  color: var(--text-1);
}

.sp-lista-db {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 3px 6px;
  margin-left: -6px;
  border: 0;
  border-radius: var(--r-sm);
  background: none;
  font: inherit;
  color: inherit;
  cursor: default;
}
.sp-lista-db.sp-lista-klik {
  cursor: pointer;
}
.sp-lista-db.sp-lista-klik:hover {
  background: var(--hover);
  color: var(--text-1);
}

/* Nabídka databází nad lištou (agent 1.1.16). */
.sp-lista-menu {
  position: absolute;
  left: 14px;
  bottom: calc(100% + 6px);
  min-width: 220px;
  max-width: calc(100% - 28px);
  padding: 6px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-btn);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  z-index: 20;
  font-size: 13px;
}
.sp-lista-menu[hidden] {
  display: none;
}
.sp-lista-volba {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 10px;
  border: 0;
  border-radius: var(--r-sm);
  background: none;
  font: inherit;
  color: var(--text-1);
  text-align: left;
  cursor: pointer;
}
.sp-lista-volba:hover {
  background: var(--hover);
}
.sp-lista-volba[aria-current='true'] {
  color: var(--brand);
  font-weight: 600;
  cursor: default;
}
/* Databáze bez přístupu: vidět je, vybrat nejde (agent 1.1.17). */
.sp-lista-volba[disabled]:not([aria-current='true']) {
  color: var(--text-3);
  cursor: default;
}
.sp-lista-volba[disabled]:hover {
  background: none;
}
.sp-lista-ted {
  color: var(--text-3);
  font-weight: 400;
  font-size: 12px;
}
.sp-lista-menu-txt {
  padding: 7px 10px;
  color: var(--text-2);
  font-size: 12.5px;
}

.sp-lista-verze {
  flex: none;
  font-size: 11.5px;
  color: var(--text-3);
  white-space: nowrap;
}