/* =========================================================================
   Stránka Klientská zóna – přihlášení do STARLIT Správce, Domy online a G5i
   ========================================================================= */
/* tři přihlašovací karty */
.kz-login{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.kz-c{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);scroll-margin-top:150px}
.kz-c:target{border-color:var(--green);box-shadow:0 0 0 4px rgba(50,187,0,.15),var(--shadow)}
.kz-h{display:flex;align-items:center;gap:14px}
.kz-logo{width:52px;height:52px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;font:700 15px Quicksand,sans-serif;color:#fff;background:var(--teal)}
.kz-logo.b{background:var(--brand-blue)}
.kz-logo.g{background:var(--green2)}
.kz-h small{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kz-h h3{font-size:22px;line-height:1.2}
.kz-c>p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}
.kz-for{display:flex;flex-wrap:wrap;gap:6px}
.kz-for i{font-style:normal;font-size:12.5px;font-weight:700;color:var(--brand-blue);background:var(--brand-light);padding:4px 10px;border-radius:999px}
html.night .kz-for i{background:rgba(0,136,202,.18);color:#7fd0f5}
.kz-btns{display:grid;gap:8px;margin-top:auto}
.kz-btns .btn{width:100%;justify-content:space-between}
.kz-btns small{font-size:12.5px;color:var(--muted);text-align:center}
.kz-demo{padding:14px 16px;border-radius:14px;background:var(--soft);border:1px dashed var(--line);font-size:13.5px;color:var(--text)}
.kz-demo b{display:block;color:var(--ink);margin-bottom:6px;font-size:13.5px}
.kz-demo table{border-collapse:collapse;width:100%}
.kz-demo td{padding:3px 0;vertical-align:top}
.kz-demo td+td{text-align:right}
.kz-demo code{font:600 13px ui-monospace,Consolas,monospace;background:var(--card);border:1px solid var(--line);padding:1px 6px;border-radius:6px;color:var(--ink)}
.kz-store{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kz-store a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;background:#0d2832;color:#fff;text-decoration:none;font-weight:700;font-size:13.5px;transition:transform .2s}
.kz-store a:hover{transform:translateY(-2px)}
.kz-store svg{width:18px;height:18px}
html.night .kz-store a{background:#1c3b47}

/* co klientská zóna umí */
.kz-fn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kz-f{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.kz-f .ic{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:var(--mint);color:var(--green2);display:grid;place-items:center}
.kz-f .ic svg{width:22px;height:22px}
html.night .kz-f .ic{background:rgba(50,187,0,.14);color:var(--green3)}
.kz-f b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.kz-f span{font-size:13.5px;color:var(--muted);line-height:1.5}

/* pro koho */
.kz-who{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.kz-who span{padding:10px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:600;color:var(--ink);font-size:14.5px}

/* G5i Mobile */
.kz-app{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start;padding:40px;border-radius:28px;background:var(--teal);color:#fff}
.kz-app .kick{color:var(--lime)}
.kz-app h2{color:#fff}
.kz-app .lead{color:rgba(255,255,255,.82)}
.kz-app .kz-store{margin-top:22px;max-width:360px}
.kz-app .kz-store a{background:#fff;color:var(--teal)}
html.night .kz-app .kz-store a{background:var(--green);color:#fff}   /* v noci je pás tmavý: zelená tlačítka s bílým písmem */
.kz-note{margin-top:16px;font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.55}
.kz-af{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kz-af li{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.kz-af b{display:block;margin-bottom:4px}
.kz-af span{font-size:13.5px;color:rgba(255,255,255,.78);line-height:1.5}
html.night .kz-app{background:var(--card);border:1px solid var(--line)}

/* pomoc s přihlášením */
.kz-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kz-hp{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:20px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s}
a.kz-hp:hover{border-color:var(--green);transform:translateY(-2px)}
.kz-hp small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green2)}
.kz-hp b{font-family:Quicksand,sans-serif;font-size:19px;color:var(--ink)}
.kz-hp span{font-size:14px;color:var(--muted);line-height:1.55}

@media (max-width:1100px){.kz-login{grid-template-columns:1fr;max-width:640px}.kz-fn{grid-template-columns:repeat(2,minmax(0,1fr))}.kz-help{grid-template-columns:1fr}}
@media (max-width:900px){.kz-app{grid-template-columns:1fr;padding:28px}}
@media (max-width:560px){.kz-fn,.kz-af{grid-template-columns:1fr}.kz-c{padding:22px}}