/* ==========================================================================
   Thumbsday — identita: Můj účet a veřejné stránky hesla a e-mailu (T14, `web/ucet.js`)
   Jen to, co je specifické pro tyhle stránky; sdílené třídy nastavení jsou ve `styl.css` (T27b).
   Tokeny z DESIGN.md → Colors, radius 4 / 6 / 8 / 999.
   ========================================================================== */

.c-radek-akci { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.c-radek-akci .c-popis { margin: 0; flex: 1; min-width: 240px; }
.c-radek-akci .c-pruh { margin-top: 4px; }

/* Pruh „Odhlásit všude“: zaškrtávátko pod důsledkem */
.c-pruh .u-volba { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; }
.c-pruh .u-volba .potvrzeni { margin-bottom: 0; color: var(--text); font-size: 13px; }
.c-pruh .u-volba .napoveda-pole { margin-left: 24px; }

/* ---------- veřejné stránky: heslo, e-mail ---------- */
.u-fakta { list-style: none; margin: 0; padding: 16px 0 0; border-top: 1px solid var(--linka); display: flex; flex-direction: column; gap: 8px; }
.u-fakta li { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.c-kontext-telo .c-vlastnosti { grid-template-columns: 110px minmax(0, 1fr); }
.u-pozn { font-size: 13px; color: var(--tlum); }
.u-pozn a { color: inherit; }

/* přihlášení: odkaz „Zapomenuté heslo“ */
.ld-form .u-zapomenute { align-self: stretch; justify-content: center; }

/* Připojené aplikace při pozastaveném MCP (TM-ORG-85, DMV1) */
#mcp-pauza { margin-bottom: 16px; max-width: 64ch; }
#mcp-pauza a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--linka-silna); }

/* ---------- MCP klíče (#14, `ucet-mcp-klice.html`) ---------- */
.k-prefix { font: 12px/1.4 var(--mono); padding: 1px 4px; border-radius: 4px; background: var(--linka-2); color: var(--text); }
#k-novy { max-width: 640px; }
#k-vypnuto { max-width: 64ch; }
#k-vypnuto a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.k-hotovo { display: flex; flex-direction: column; gap: 12px; }
.k-hotovo p { margin: 0; }
.k-klic-radek { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
/* Hodnota klíče je nejdůležitější text stránky: plná barva textu (ne šedá jako vypnuté pole), dvě řádky, zalamuje se uprostřed znaků */
.k-klic-radek textarea.k-klic { flex: 1; min-width: 240px; min-height: 0; resize: none; color: var(--text); word-break: break-all; font: 600 14px/1.4 var(--mono); }
.k-hotovo .c-pruh-misto:empty { display: none; }
.k-podnadpis { margin: 4px 0 0; }
.k-kroky { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.k-prikaz-radek { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.k-prikaz { flex: 1; min-width: 240px; font: 12px/1.5 var(--mono); padding: 8px 10px; border-radius: 6px; background: var(--plocha-2); color: var(--text); word-break: break-all; }
.k-vse { margin-top: 12px; }
/* Platnost klíče má čtyři volby (výjimka z DESIGN.md › Segment): na telefonu se vejdou dvě řady po dvou, jinak by „Bez expirace“ přetékalo */
@media (max-width: 480px) {
  .segment.k-segment { display: grid; grid-template-columns: 1fr 1fr; }
}