/* BU KANCELÁŘ — živý pás, skupiny bran a efekty.
   Přidává se K office.css, nic z něj nepřepisuje. DESIGN_LOCK: zlatá #C5A059, Druk Wide. */

/* ── ŽIVÝ PÁS „PRÁVĚ TEĎ" ─────────────────────────────────── */
.ted{position:relative;margin-bottom:26px;padding:20px 24px;border-radius:16px;overflow:hidden;
  /* dva podklady: neprůhledné sklo dole, zlatý nádech nahoře — jinak se text ztratí v pozadí */
  background:linear-gradient(135deg,rgba(197,160,89,.13),transparent 60%),rgba(7,7,11,.93);
  backdrop-filter:blur(14px);
  border:1px solid rgba(197,160,89,.4);
  box-shadow:0 18px 50px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,243,200,.09)}
/* odlesk, který pomalu přejíždí — drží pás „živý" bez tikajícího skriptu */
.ted::after{content:'';position:absolute;top:0;bottom:0;width:60%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,243,200,.09) 45%,transparent);
  animation:tedlesk 7s ease-in-out infinite}
@keyframes tedlesk{0%{left:-70%}55%{left:110%}100%{left:110%}}

.ted-h{display:flex;align-items:baseline;gap:12px;margin-bottom:15px}
.ted-t{font:700 10px Inter,sans-serif;letter-spacing:.3em;color:var(--gold,#C5A059)}
.ted-s{font-size:12.5px;color:#9A958C}

.ted-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin-bottom:16px}
.tc{display:block;padding:13px 10px;border-radius:11px;text-align:center;text-decoration:none;
  background:rgba(255,255,255,.03);border:1px solid rgba(197,160,89,.16);transition:.24s}
.tc:hover{transform:translateY(-3px);border-color:rgba(197,160,89,.55);background:rgba(197,160,89,.09)}
.tc b{display:block;font:700 27px/1 'Druk Wide',Impact,sans-serif;
  background:linear-gradient(180deg,#F4E4BD,#C5A059 62%,#8A6C34);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tc span{display:block;margin-top:5px;font-size:11px;color:#9A958C;letter-spacing:.04em}
.tc.hori b{background:linear-gradient(180deg,#B8FFD0,#7EE6A0 60%,#3f8d5c);
  -webkit-background-clip:text;background-clip:text}
.tc.hori{border-color:rgba(126,230,160,.4);background:rgba(126,230,160,.07)}
/* nula nemá křičet — zlatá nula vypadá jako prázdný prsten a plete oko */
.tc.nula b{background:none;-webkit-text-fill-color:#4a463f;color:#4a463f;font-size:21px}
.tc.nula span{color:#5c574e}
.tc.nula{opacity:.75}

.ted-akce{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ted-a{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:30px;
  text-decoration:none;font:700 13px Inter,sans-serif;letter-spacing:.06em;
  background:linear-gradient(135deg,#C5A059,#a9863f);color:#12100A;
  box-shadow:0 10px 28px rgba(197,160,89,.3);transition:.24s}
.ted-a:hover{box-shadow:0 16px 42px rgba(197,160,89,.5)}
.ted-a2{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:30px;
  text-decoration:none;font:700 12.5px Inter,sans-serif;letter-spacing:.05em;
  border:1px solid rgba(197,160,89,.5);color:#F4E4BD;background:rgba(197,160,89,.08);transition:.24s}
.ted-a2:hover{background:rgba(197,160,89,.2);border-color:#C5A059;transform:translateY(-2px)}

/* ── LÁKADLO: kdo shání lidi ──────────────────────────────── */
.hled{margin-bottom:26px;padding:16px 18px;border-radius:14px;
  background:rgba(7,7,11,.9);backdrop-filter:blur(12px);
  border:1px solid rgba(197,160,89,.24)}
.hled-h{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.hled-t{font:700 10px Inter,sans-serif;letter-spacing:.28em;color:#C5A059}
.hled-v{margin-left:auto;font-size:11.5px;color:#9A958C;text-decoration:none}
.hled-v:hover{color:#C5A059}
.hled-g{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}
.hl-k{display:block;padding:11px 13px;border-radius:10px;text-decoration:none;transition:.22s;
  background:rgba(255,255,255,.03);border:1px solid rgba(197,160,89,.14)}
.hl-k:hover{transform:translateY(-3px);border-color:rgba(197,160,89,.55);background:rgba(197,160,89,.08)}
.hl-k.hori{border-color:rgba(126,230,160,.5);background:rgba(126,230,160,.07)}
.hl-k .m{font:700 15px 'Druk Wide',Impact,sans-serif;color:#F4E4BD}
.hl-k .c{margin-top:4px;font-size:11.5px;color:#9A958C}
.hl-k.hori .c{color:#B8FFD0}
.hled-prazdno{padding:16px;text-align:center;font-size:13px;color:#9A958C;
  border:1px dashed rgba(197,160,89,.22);border-radius:10px}
.hled-prazdno b{display:block;color:#F4E4BD;margin-bottom:4px;font-size:14px}

/* ── SKUPINY BRAN ─────────────────────────────────────────── */
.skup{margin-bottom:30px}
/* nadpis skupiny musí být čitelný i přes světlé místo v pozadí → vlastní tmavý pruh */
.skup-h{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;padding:9px 15px;
  border-radius:10px;background:rgba(7,7,11,.86);backdrop-filter:blur(10px);
  border:1px solid rgba(197,160,89,.2);border-left:3px solid rgba(197,160,89,.7)}
.skup-n{font:700 13px 'Druk Wide',Impact,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  background:linear-gradient(180deg,#F4E4BD,#C5A059 60%,#8A6C34);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.skup-p{font-size:12px;color:#A9A296}
/* popisky bran taky — v office.css nemají podklad a na světlém pozadí se ztrácejí */
.skup .lb{background:rgba(7,7,11,.72);border-radius:9px;padding:8px 6px 9px;
  backdrop-filter:blur(6px);margin-top:9px}
.skup .gates{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}

/* ── vlnka z místa kliknutí ───────────────────────────────── */
.vln{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(255,243,200,.4),transparent 68%);
  animation:vln .62s ease-out forwards;z-index:99}
@keyframes vln{from{width:0;height:0;opacity:.9}to{width:340px;height:340px;opacity:0}}

@media(max-width:760px){
  .ted{padding:16px 15px}
  .tc b{font-size:22px}
  .ted-c{grid-template-columns:repeat(2,1fr)}
}