/* Môj účet — SKÚŠOBNÁ správa licencie. Patrí len k ucet.html,
   dá sa zmazať spolu s ňou. Stavia na premenných zo styles.css. */


/* prihlásenie */
.u-login{max-width:460px;margin-inline:auto;display:grid;gap:16px}
.u-login h3{margin:0}
.u-login .fine{margin:0}
.u-pole{display:grid;gap:6px}
.u-pole span{color:var(--mut);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.u-pole input{font:inherit;padding:.7em .9em;border:1px solid var(--line-2);border-radius:11px;background:var(--bg);color:var(--ink);width:100%}
.u-pole input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.u-pole input[name=licencia]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}

/* lišta s prihláseným */
.u-lista{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);font-size:.94rem;color:var(--ink-2)}

/* čísla navrchu */
.u-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:40px}
.u-stat div{background:var(--bg);padding:20px 22px}
.u-stat b{display:block;font-size:1.7rem;letter-spacing:-.03em;line-height:1.1}
.u-stat span{color:var(--mut);font-size:.84rem}

.u-h2{font-size:1.3rem;margin:0 0 16px}

/* karty licencií v mriežke */
.u-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-bottom:44px}
.u-lic{display:grid;gap:14px;align-content:start;border:1px solid var(--line);border-radius:var(--r-l);padding:22px 24px;background:var(--bg)}
.u-lic__hlava{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.u-lic__kod{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:600;font-size:1.02rem;letter-spacing:.03em;color:var(--ink);word-break:break-all}
.u-lic__dielna{display:block;color:var(--mut);font-size:.88rem}
.u-lic .specs div{padding:9px 0}
.u-lic__akcie{display:flex;gap:8px;flex-wrap:wrap}

.u-stav{flex:none;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:620;background:var(--bg-3);color:var(--ink-2)}
.u-stav--ok{background:var(--ok-soft);color:var(--ok)}
.u-stav--warn{background:var(--warn-bg);color:var(--warn-ink)}

/* aktivované počítače */
.u-pc{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.u-pc li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.u-pc b{display:block;font-size:.92rem}
.u-pc code{display:block;font-size:.82rem;color:var(--ink-2);word-break:break-all}
.u-pc small{display:block;color:var(--mut);font-size:.8rem}
.u-pc__nic{color:var(--mut);font-size:.9rem;margin:0}

/* platby */
.u-tab-wrap{margin-bottom:44px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.u-tab{font-size:.92rem;min-width:560px}
.u-tab th,.u-tab td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.u-tab th{background:var(--bg-2);color:var(--mut);font-size:.78rem;font-weight:620;letter-spacing:.06em;text-transform:uppercase}
.u-tab tr:last-child td{border-bottom:none}
.u-tab td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
.u-tab .u-prazdne{text-align:center;color:var(--mut);white-space:normal}

@media (max-width:720px){
  .u-stat{grid-template-columns:1fr}
  .u-grid{grid-template-columns:1fr}
  .u-lic{padding:20px}
}

/* prihlásenie — Google / Apple / kód */
.u-soc{display:grid;gap:10px}
.u-soc__btn svg{width:1.2em;height:1.2em}
.u-deli{display:flex;align-items:center;gap:12px;margin:6px 0 0;color:var(--mut);font-size:.84rem}
.u-deli::before,.u-deli::after{content:"";flex:1;height:1px;background:var(--line)}
.u-krok{display:grid;gap:16px}
.u-info{margin:0;font-size:.95rem}
.u-otp{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:1.7rem!important;letter-spacing:.5em;text-align:center;padding-left:1.2em!important}
.u-cas{margin:0}
.u-link{font:inherit;padding:0;border:0;background:none;color:var(--acc);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.u-link:disabled{color:var(--mut);cursor:default;text-decoration:none}

/* sekcia Účet */
.u-lic h3{margin:0}
.u-zmazat{color:#b42318;border-color:#f1c4bf}
.u-zmazat:hover{background:#fdf1f0;border-color:#b42318}

/* odstúpenie od zmluvy */
.u-pole textarea{font:inherit;padding:.7em .9em;border:1px solid var(--line-2);border-radius:11px;background:var(--bg);color:var(--ink);width:100%;resize:vertical}
.u-pole textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.u-skryte{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#odst-kontrola .specs dd{word-break:break-word}

/* väčšie prihlásenie v pulzujúcej mriežke */
.u-login-obal{max-width:540px;margin:36px auto}
.u-login--velke{max-width:none;padding:38px 40px;gap:18px;box-shadow:var(--sh)}
.u-login__nadpis{margin:0;font-size:1.6rem}
.u-login--velke .u-pole input{padding:.85em 1em;font-size:1.05rem}
@media (max-width:520px){.u-login--velke{padding:28px 22px}}