/* 🔐 Přihlášení rodiče přes Google (hlavní stránka index.html, odkaz na rodice.html), 👶 přidání dítěte kódem
   (pridat-dite.js – rozcestník i stránka pro rodiče), 🛠️ správa: 🔐 Přístupy (admin-pristupy.js) */
.google-login { display: inline-block; margin: 8px 0 0 8px; text-decoration: none; }
/* na kartě s kódem pod „Přihlásit e-mailem a heslem“ – stejně jako to tlačítko (uprostřed, podtržené) */
.login-card .link.google-login { display: table; margin: 8px auto 0; text-decoration: underline; color: var(--primary); }
.small-print { margin-top: 14px; font-size: 0.85em; }
.google-remember { display: table; margin: 4px auto 0; font-size: 0.9em; color: var(--muted); cursor: pointer; }
.google-remember input { margin-right: 4px; vertical-align: middle; }
.google-contact { margin: 12px 0; overflow-wrap: anywhere; }
.google-account { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.google-account .muted { flex-basis: 100%; margin: 0; }
/* 👶 rodič bez dětí: upozornění a ➕ Přidat dítě (v řádku dětí – přes celou šířku) */
.add-child { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 12px; border: 2px dashed var(--border); border-radius: 12px; }
.add-child p { flex-basis: 100%; margin: 0; }
/* 👶 žádosti dalších rodičů o moje dítě (Schválit / Zamítnout) */
.child-approvals { border-style: solid; margin-bottom: 8px; }
.child-approval { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; flex-basis: 100%; }
/* ⏳ moje žádosti o dítě (žadatel) */
.my-child-requests { flex-basis: 100%; display: flex; flex-direction: column; gap: 4px; }
.my-child-requests .child-approval p { margin: 0; }
/* 🛠️ správa: 🔐 Přístupy rodičů a 👶 žádosti o dítě */
.access-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.access-row { border: 2px solid var(--border); border-radius: 12px; padding: 10px 12px; }
.access-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.access-actions select { max-width: 100%; }
.access-events { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
/* 👧 přihlášení dítěte loginem a heslem (hlavní stránka) a 🔑 aktivační kód rodiče pod rozbalením */
.login-subtitle { margin: 16px 0 6px; font-size: 1.05em; text-align: center; }
/* 👧 / 👪 výběr, kdo se přihlašuje, pak jen jeho formulář (practice.js showLoginRole) */
.login-role .profile-grid { max-width: 420px; margin: 8px auto 0; }
.login-role > .muted { text-align: center; }
.login-hint { margin: 0 0 4px; text-align: center; font-size: 0.9em; }
.login-wide { display: block; width: 100%; max-width: 320px; margin: 0 auto; }
.login-role-back { display: table; margin: 14px auto 0; }
.child-login-form { display: flex; flex-direction: column; gap: 8px; align-items: stretch; max-width: 320px; margin: 0 auto; }
.login-input { font: inherit; padding: 10px 12px; border: 2px solid var(--border); border-radius: 10px; background: var(--card, #fff); color: inherit; }
/* 👁️ očičko u hesla (common.js addPasswordEye): tlačítko vpravo uvnitř políčka */
.pw-wrap { position: relative; display: block; }
.pw-wrap > input { width: 100%; box-sizing: border-box; padding-right: 46px; }
.pw-eye { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 36px; height: 36px; padding: 0; border: 0; border-radius: 8px; background: none; font-size: 1.15rem; line-height: 1; cursor: pointer; }
.pw-eye:hover, .pw-eye:focus-visible { background: var(--primary-soft); }
.pw-eye:focus-visible { outline: 2px solid var(--primary); }
/* 🔐 pravidla nového hesla (common.js passwordChecklist) – splněné zeleně s ✓ */
.pw-rules { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: -2px 0 6px; padding: 0; list-style: none; font-size: .82rem; color: var(--muted); }
.pw-rules li::before { content: '○ '; }
.pw-rules li.ok { color: #2e9b55; font-weight: 700; }
.pw-rules li.ok::before { content: '✓ '; }
/* 🎲 vymyslet heslo (common.js formBox f.generate) – malé tlačítko pod pravidly */
.pw-generate { align-self: flex-start; margin: 0 0 10px; padding: 6px 14px; border-radius: 999px; font-size: .88rem; }
/* 🔑 aktivační kód: stejná šířka a skladba jako formulář nahoře (pole přes celou šířku, tlačítko pod ním) */
.parent-code-box { margin: 14px auto 0; max-width: 320px; padding-top: 12px; border-top: 1px solid var(--border); }
.parent-code-box .inline-form { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 8px; }
.parent-code-box .inline-form input { flex: none; width: 100%; box-sizing: border-box; text-align: center; font-size: 1.05rem; }
.parent-first-time { display: table; margin: 12px auto 0; }
/* 👧 rodič: samostatné přihlášení dítěte a kód pro přiřazení (rodice.js) */
.child-login-box { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 6px; }
.child-login-box p { flex-basis: 100%; margin: 0; }
.child-code-note { overflow-wrap: anywhere; }