/* Účet, placená verze a vodoznak v aplikacích pro pedagogy.
   Přebráno z Trénování paměti a přebarveno na pedagogovu modrou. */
:root{
  --hlavni:#106882;
  --hlavni-svetla:#eef5f8;
  --hlavni-ramec:#c9dde6;
  --signal:#a8506a;
  --vip:#8a6a1f;
  --vip-svetla:#fdf6e3;
  --vip-ramec:#e8d9b0;
}

/* tlačítko účtu v liště */
.oh-ucet{display:inline-flex;align-items:center;gap:6px;font-family:'Open Sans',system-ui,sans-serif;
  font-size:13px;font-weight:700;color:var(--hlavni);background:#eef5f8;border:1px solid #c9dde6;
  border-radius:4px;padding:.4rem .7rem;cursor:pointer;line-height:1;}
.oh-ucet:hover{background:#dfeaf0;}
.oh-vip{background:var(--vip);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;}
@media(max-width:600px){.oh-ucet .oh-ucet-txt{display:none;} .oh-ucet{padding:.4rem .55rem;}}

.btn-zlata{background:#fff;color:var(--vip);border:2px solid var(--vip);border-radius:8px;
  padding:.7rem 1rem;font-weight:700;cursor:pointer;font-family:inherit;font-size:.95rem;}
.btn-zlata:hover{background:var(--vip-svetla);}

.ucet-prekryv{position:fixed;inset:0;background:rgba(21,34,41,.55);z-index:10000;
  display:flex;align-items:center;justify-content:center;padding:16px;}
.ucet-panel{background:#fff;border-radius:16px;max-width:460px;width:100%;
  box-shadow:0 18px 50px rgba(0,0,0,.25);position:relative;max-height:90vh;overflow:auto;}
.ucet-zavrit{position:absolute;top:8px;right:10px;background:none;border:none;
  font-size:2rem;line-height:1;color:#8a9aa2;cursor:pointer;padding:4px 10px;min-height:44px;}
.ucet-zavrit:hover{color:var(--text);}
.ucet-telo{padding:26px 26px 24px;}
.ucet-telo h3{font-family:'Playfair Display',Georgia,serif;color:var(--hlavni);
  font-size:1.4rem;margin:0 0 10px;}
.ucet-telo p{margin:0 0 12px;line-height:1.6;}
.ucet-telo label{margin-top:6px;}
.ucet-hlaska{color:var(--ne);font-weight:600;min-height:1.2em;margin:8px 0 0;}
.ucet-drobne{font-size:.88rem;color:#5f6f77;}
.ucet-drobne a{color:var(--hlavni);font-weight:600;}
.ucet-vip{color:var(--ano);font-weight:700;}

.vip-blok{border:1px solid var(--vip-ramec);background:var(--vip-svetla);border-radius:10px;margin:18px 0 0;overflow:hidden;}
.vip-blok summary{cursor:pointer;list-style:none;padding:.85rem 1rem;font-weight:700;color:var(--vip);
  display:flex;align-items:center;gap:9px;font-size:1rem;min-height:48px;}
.vip-blok summary::-webkit-details-marker{display:none;}
.vip-blok summary svg{width:18px;height:18px;flex-shrink:0;}
.vip-blok summary .sipka{margin-left:auto;transition:transform .2s;}
.vip-blok[open] summary .sipka{transform:rotate(180deg);}
.vip-telo{padding:0 1rem 1rem;}
.vip-telo label{margin-top:6px;}

/* proužek placené verze a stavy umělé inteligence */
.oh-vip-blok{margin:12px 0 14px;}
.oh-vip-blok .vip-telo label{display:block;font-weight:600;font-size:.9rem;margin:10px 0 4px;}
.oh-vip-blok .vip-telo input[type=text],.oh-vip-blok .vip-telo select{width:100%;padding:9px 10px;border:1px solid #c9dde6;border-radius:8px;font-family:inherit;font-size:.95rem;box-sizing:border-box;}
.oh-radek{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.oh-vip-blok .btn-zlata{width:100%;margin-top:12px;}
.ai-poznamka{font-size:.84rem;color:#5f6f77;margin:8px 0 0;line-height:1.45;}
.ai-cekani{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-size:.92rem;color:var(--hlavni);font-weight:600;}
.ai-tocitko{width:18px;height:18px;border:3px solid #c9dde6;border-top-color:var(--hlavni);border-radius:50%;animation:oh-toc .8s linear infinite;flex-shrink:0;}
@keyframes oh-toc{to{transform:rotate(360deg);}}
.ai-chyba{margin:10px 0 0;color:#a8506a;font-weight:600;font-size:.92rem;}
.ai-hotovo{margin:10px 0 0;color:#2f6b4f;font-weight:600;font-size:.92rem;}