/* ===== layout ===== */
.overlay[data-v-43de3611]{
  position: fixed; inset: 0;
  display: grid; place-items: center;
  background: rgba(0,0,0,.25);
  overscroll-behavior: contain;
  z-index: 1010;
}

/* desktop panel */
.panel[data-v-43de3611]{
  width: min(var(--w), 85vw);
  max-height: 88vh;
  overflow: hidden;                 /* samotný panel nescrolluje, scrolluje panel-content */
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 30px 60px rgba(0,0,0,.2);
  padding: 16px;
  display: flex; flex-direction: column; gap: 12px;
  will-change: transform;
  box-sizing: border-box;
  touch-action: pan-y;
  overscroll-behavior: contain;
}
.panel-content[data-v-43de3611]{
  flex: 1 1 auto;
  min-height: 0;     
  max-height: 100vh;               /* umožní zabrat zbytek výšky */
  overflow: auto;                   /* teď se dá scrollovat obsahem panelu */
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 4px;              /* malý buffer, ať nic nekoliduje s patou */
}
.drag-handle[data-v-43de3611]{ display:none;
}
.grabber[data-v-43de3611]{
  width:46px; height:4px; border-radius:999px; background:#d1d5db; display:block;
  margin: 6px auto 8px auto;
}
.head[data-v-43de3611]{ display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.title[data-v-43de3611]{ margin:0; font-size:18px;
}
.close-inline[data-v-43de3611]{ 
  color: #6b7280;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
}
.close-inline[data-v-43de3611]:active, .close-inline[data-v-43de3611]:hover{  background: #f3f4f6;
}
.foot[data-v-43de3611]{ display:flex; align-items:center; gap:8px; margin-top:4px
}

/* mobile fullscreen */
@media (max-width: 767px){
.overlay[data-v-43de3611]{ display:block;
}
.panel[data-v-43de3611]{
    position: fixed;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100dvw !important;
    height: 100dvh !important;
    max-height: none !important;
    border-radius: 12px 12px 0 0;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 14px
             calc(14px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 20px 50px rgba(0,0,0,.35);
}
.drag-handle[data-v-43de3611]{ display:flex; align-items:center; justify-content:center;
}
.title[data-v-43de3611]{ font-size:20px;
}
}

/* přechody overlay + panel */
.sheet-enter-active[data-v-43de3611], .sheet-leave-active[data-v-43de3611]{ transition: opacity .24s ease;
}
.sheet-enter-from[data-v-43de3611], .sheet-leave-to[data-v-43de3611]{ opacity: 0;
}

/* desktop – jemné vyjetí */
@media (min-width: 768px){
.sheet-enter-active .panel[data-v-43de3611], .sheet-leave-active .panel[data-v-43de3611]{ transition: transform .26s ease;
}
.sheet-enter-from .panel[data-v-43de3611]{ transform: translateY(10px);
}
.sheet-enter-to   .panel[data-v-43de3611]{ transform: translateY(0);
}
.sheet-leave-from .panel[data-v-43de3611]{ transform: translateY(0);
}
.sheet-leave-to   .panel[data-v-43de3611]{ transform: translateY(10px);
}
}

/* mobile – vyjetí ze spodu / zajetí dolů */
@media (max-width: 767px){
.sheet-enter-active .panel[data-v-43de3611], .sheet-leave-active .panel[data-v-43de3611]{ transition: transform .28s ease;
}
.sheet-enter-from .panel[data-v-43de3611]{ transform: translateY(100%);
}
.sheet-enter-to   .panel[data-v-43de3611]{ transform: translateY(0%);
}
.sheet-leave-from .panel[data-v-43de3611]{ transform: translateY(0%);
}
.sheet-leave-to   .panel[data-v-43de3611]{ transform: translateY(100%);
}
}

.wrap[data-v-ee4742a8]{
  display:flex; flex-direction:column;
  height:100%; max-height:100%; min-height:0;
  overflow:hidden; gap:10px;
}

/* sticky meta header */
.meta[data-v-ee4742a8]{
  position:sticky; top:0; z-index:2;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:#fff; padding:6px 2px 8px 2px;
  border-bottom:1px solid #eef2f7;
  color:#334155; font-size:13px;
}
.meta .left[data-v-ee4742a8], .meta .right[data-v-ee4742a8]{ display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.meta .sep[data-v-ee4742a8]{ color:#94a3b8;
}
.link[data-v-ee4742a8]{ color:#0b63f6; text-decoration:none;
}
.link[data-v-ee4742a8]:hover{ text-decoration:underline;
}

/* scrollable doc */
.doc-scroll[data-v-ee4742a8]{
  flex:1 1 auto; min-height:0;
  overflow:auto; overscroll-behavior:contain;
  padding:10px 2px 14px 2px;
}

/* callout */
.callout[data-v-ee4742a8]{
  display:block; border:1px solid #e8f0ff; background:#f6faff;
  border-radius:12px; padding:12px; color:#0f172a; margin-bottom:10px;
}
.co-title[data-v-ee4742a8]{ display:flex; align-items:center; gap:8px; font-weight:800; color:#1e3a8a; margin-bottom:6px;
}
.co-title svg[data-v-ee4742a8]{ width:18px; height:18px;
}
.callout ul[data-v-ee4742a8]{ margin:0; padding-left:18px;
}

/* toc */
.toc[data-v-ee4742a8]{
  display:flex; flex-wrap:wrap; gap:8px 12px; margin:10px 0 14px 0;
}
.toc a[data-v-ee4742a8]{
  font-size:13px; color:#0b63f6; text-decoration:none;
  padding:4px 6px; border-radius:8px;
  background:#eef4ff; border:1px solid #cfe0ff;
}
.toc a[data-v-ee4742a8]:hover{ text-decoration:underline;
}

/* document typography */
h2[data-v-ee4742a8]{ font-size:18px; margin:14px 0 6px 0; color:#0f172a;
}
p[data-v-ee4742a8]{ margin:8px 0; color:#334155;
}
ul[data-v-ee4742a8]{ margin:8px 0 8px 18px; color:#334155;
}
.bullets li + li[data-v-ee4742a8]{ margin-top:4px;
}
.legal-note[data-v-ee4742a8]{ margin-top:18px; color:#64748b;
}

/* smaller on very small screens */
@media (max-width: 380px){
h2[data-v-ee4742a8]{ font-size:17px;
}
}

.guest-hint[data-v-e4f41d46]{
  position: relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #e8f6ff;
  color:#111827;
}
.guest-hint.v-banner[data-v-e4f41d46]{
  flex-direction:row;
  align-items:center;
  gap:12px;
  padding:10px 12px;
}
.head[data-v-e4f41d46]{ display:flex; flex-direction:column; gap:4px;
}
.title[data-v-e4f41d46]{ margin:0; font-weight: 800; color:#0f172a; font-size:16px;
}
.desc[data-v-e4f41d46]{ margin:0; color:#374151; font-size:13px;
}
.benefit-list[data-v-e4f41d46]{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px;
}
.benefit-list.grid[data-v-e4f41d46]{ display:grid; grid-template-columns:1fr; gap:10px;
}
@media (min-width:560px){
.benefit-list.grid[data-v-e4f41d46]{ grid-template-columns:1fr 1fr;
}
}
.benefit[data-v-e4f41d46]{ display:flex; align-items:flex-start; gap:10px;
}
.btext[data-v-e4f41d46]{ display:flex; flex-direction:column; gap:2px;
}
.btitle[data-v-e4f41d46]{ font-weight: 700; color:#111827; line-height:1.2
}
.bdesc[data-v-e4f41d46]{ color:#6b7280; font-size:13px;
}
.bico[data-v-e4f41d46]{
  width:34px; height:34px; border-radius:10px;
  display:grid; place-items:center;
  color:#fff; flex:0 0 auto;
}
.bico svg[data-v-e4f41d46]{ width:18px; height:18px;
}
.consent[data-v-e4f41d46]{
  margin: 8px 4px 0;
  color:#6b7280; font-size:12px; line-height:1.3;
}
.linklike[data-v-e4f41d46]{
  background:transparent; border:none; padding:0;
  color:#0b63f6; cursor:pointer; text-decoration:underline;
}
.linklike[data-v-e4f41d46]:hover{ opacity:.9;
}
.bico-follow[data-v-e4f41d46]{ background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.bico-save[data-v-e4f41d46]  { background: linear-gradient(135deg, #ec4899, #f43f5e);
}
.bico-magic[data-v-e4f41d46] { background: linear-gradient(135deg, #8b5cf6, #6366f1);
}
.bico-sync[data-v-e4f41d46]  { background: linear-gradient(135deg, #10b981, #22c55e);
}
.bico-rate[data-v-e4f41d46]  { background: linear-gradient(135deg, #0ea5e9, #3b82f6);
}
.bico-spam[data-v-e4f41d46]  { background: linear-gradient(135deg, #64748b, #94a3b8);
}
.bico-free[data-v-e4f41d46]  { background: linear-gradient(135deg, #16a34a, #22c55e);
}
.cta-card[data-v-e4f41d46]{
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(2,8,23,.06);
  border: 1px solid #e5e7eb;
  margin-bottom: 10px;
}
.google-cta[data-v-e4f41d46]{
  width: 100%;
  height: 46px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  border: 1px solid #dadce0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-weight: 700; color:#111827;
}
.google-cta[data-v-e4f41d46]:hover{ background:#f8fafc;
}
.glogo-wrap[data-v-e4f41d46]{ width:20px; height:20px; display:grid; place-items:center;
}
.glogo-wrap svg[data-v-e4f41d46]{ width:18px; height:18px;
}
.close[data-v-e4f41d46]{
  position:absolute; top:8px; right:8px;
  width:26px; height:26px; line-height:24px; text-align:center;
  border:none; background:transparent; color:#6b7280; cursor:pointer;
  border-radius:8px; font-size:18px;
}
.close[data-v-e4f41d46]:hover{ background:#f3f4f6
}
@media (prefers-color-scheme: dark){
.guest-hint[data-v-e4f41d46]{ background:#0b1220; border-color:#223049; color:#e2e8f0;
}
.title[data-v-e4f41d46]{ color:#e6edf7
}
.desc[data-v-e4f41d46]{ color:#b8c3d6
}
.btitle[data-v-e4f41d46]{ color:#e6edf7
}
.bdesc[data-v-e4f41d46]{ color:#a8b3c7
}
.google-cta[data-v-e4f41d46]{ background:#0b1220; color:#e6edf7; border-color:#2a3958;
}
.google-cta[data-v-e4f41d46]:hover{ background:#0d1628;
}
.close[data-v-e4f41d46]{ color:#9fb1d3;
}
.close[data-v-e4f41d46]:hover{ background:#19253b;
}
}

/* Reuse stejných stylů, jen jiný gradient ikonky */
.chip-toggle[data-v-053afe4b]{
  --on: #0b63f6;
  --ico-bg: linear-gradient(135deg, #f59e0b, #fbbf24); /* FOLLOWED */
  display:flex; align-items:center; gap:10px;
  width:100%;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#fff;
  cursor:pointer;
  text-align:left;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.chip-toggle[data-v-053afe4b]:hover{ background:#f8fafc;
}
.chip-toggle.on[data-v-053afe4b]{
  border-color: var(--on);
  box-shadow: 0 0 0 3px rgba(11,99,246,.08) inset;
  background: #eef5ff;
}
.chip-toggle.disabled[data-v-053afe4b]{ opacity:.55; cursor:default;
}
.ico[data-v-053afe4b]{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:grid; place-items:center; color:#fff;
  background: var(--ico-bg);
}
.ico svg[data-v-053afe4b]{ width:18px; height:18px;
}
.txt[data-v-053afe4b]{ display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-width:0;
}
.txt strong[data-v-053afe4b]{ color:#111827; line-height:1.1;
}
.sub[data-v-053afe4b]{ color:#6b7280; font-size:12px;
}
.knob[data-v-053afe4b]{
  width:36px; height:22px; border-radius:999px; position:relative; flex:0 0 auto;
  background:#e5e7eb;
  transition: background .15s ease;
}
.chip-toggle.on .knob[data-v-053afe4b]{ background: var(--on);
}
.knob[data-v-053afe4b]::after{
  content:''; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%;
  background:#fff; transition: transform .15s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.chip-toggle.on .knob[data-v-053afe4b]::after{ transform: translateX(14px);
}

.content-wrap[data-v-5bcf1e38]{
  display:flex;
  flex-direction:column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow: hidden;
  gap: 10px;
}

/* QUICK area (stejné jako v SavedDialog.vue) */
.quick[data-v-5bcf1e38]{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.note[data-v-5bcf1e38]{ color:#6b7280;
}

/* ---------- Témata ---------- */
.tipics-sec[data-v-5bcf1e38] {    
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
}
.topics-head[data-v-5bcf1e38]{ display:flex; align-items:center; gap:10px; justify-content:space-between;
}
.topics-head h3[data-v-5bcf1e38]{ margin:0;
}
.topics-summary[data-v-5bcf1e38]{ color:#374151; font-size:13px;
}
.topics-actions[data-v-5bcf1e38]{ display:flex; align-items:center; gap:12px;
}
.link[data-v-5bcf1e38]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:2px 0;
}
.link[data-v-5bcf1e38]:hover{ text-decoration:underline;
}
.topics-body[data-v-5bcf1e38]{ display:flex; flex-direction:column; gap:8px;
}
.topic-search-wrap[data-v-5bcf1e38]{ position:sticky; top:0; background:#fff; padding-top:2px;
}
.topic-search[data-v-5bcf1e38]{ width:100%; padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}
.chips-scroll[data-v-5bcf1e38]{ max-height: 160px; overflow:auto; overscroll-behavior:contain; padding-right:2px;
}
.topics[data-v-5bcf1e38]{ display:flex; flex-wrap:wrap; gap:8px;
}
.topic-chip[data-v-5bcf1e38]{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap;
}
.topic-chip[data-v-5bcf1e38]:hover{ background:#f8fafc;
}
.topic-chip.active[data-v-5bcf1e38]{ border-color:#0b63f6; background:#eef4ff; color:#1e40af;
}
.topic-chip.more[data-v-5bcf1e38]{ border-style:dashed; color:#374151;
}
.no-topics[data-v-5bcf1e38]{ color:#6b7280; font-size:13px; padding:4px 2px;
}

/* ---------- SEARCH ---------- */
.search[data-v-5bcf1e38]{
  position:relative;
  display:flex; align-items:center; gap:8px;
  border:1px solid #e5e7eb; border-radius:12px;
  padding:6px 10px; background:#fff;
}
.search .ic[data-v-5bcf1e38]{ width:18px; height:18px; color:#6b7280; flex:0 0 auto;
}
.search input[data-v-5bcf1e38]{
  flex:1 1 auto; min-width:0; border:none; outline:none; background:transparent;
  font-size:14px; color:#111827;
}
.search .clear[data-v-5bcf1e38]{
  border:none; background:transparent; cursor:pointer; font-size:18px; line-height:1; color:#6b7280;
  padding:2px 6px; border-radius:8px;
}
.search .clear[data-v-5bcf1e38]:hover{ background:#f3f4f6
}

/* ---------- Zdroje ---------- */
.sources-sec[data-v-5bcf1e38]{
  flex:1 1 auto;
  height: 100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-sizing:border-box;
}
.src-grid[data-v-5bcf1e38]{
  list-style:none; padding:0; margin:0;
  display:grid; grid-template-columns:1fr; gap:8px;
  width:100%; max-width:100%; box-sizing:border-box;
}
@media (min-width:560px){
.src-grid[data-v-5bcf1e38]{ grid-template-columns:1fr 1fr;
}
}
.src-row[data-v-5bcf1e38]{
  border:1px solid #e5e7eb; border-radius:12px; background:#fff;
  min-width:0; max-width:100%; overflow:hidden; box-sizing:border-box;
}
.src-label[data-v-5bcf1e38]{
  display:flex; align-items:center; gap:10px; padding:8px 10px; width:100%;
  min-width:0; max-width:calc(100% - 20px);
}
.src-icon[data-v-5bcf1e38]{
  width:22px; height:22px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.src-title[data-v-5bcf1e38]{
  flex:1 1 auto; min-width:0; max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Akční tlačítko */
.src-action[data-v-5bcf1e38]{
  flex:0 0 auto;
  width:28px; height:28px; line-height:26px; text-align:center;
  border:1px solid #0b63f6; color:#0b63f6; background:#fff;
  border-radius:999px; font-weight:800; cursor:pointer; padding:0;
}
.src-action[data-v-5bcf1e38]:hover{ background:#eef5ff
}
.src-action.danger[data-v-5bcf1e38]{ border-color:#ef4444; color:#ef4444
}
.src-action.danger[data-v-5bcf1e38]:hover{ background:#fff1f1
}

/* Empty + konec */
.empty[data-v-5bcf1e38]{
  grid-column:1 / -1;
  color:#6b7280; font-size:14px; padding:8px 2px;
}
.end[data-v-5bcf1e38]{
  grid-column:1 / -1;
  color:#9aa3b2; font-size:12px; text-align:center; padding:6px 0;
}

/* přechod */
.fade-enter-active[data-v-5bcf1e38], .fade-leave-active[data-v-5bcf1e38] { transition: opacity .15s ease;
}
.fade-enter-from[data-v-5bcf1e38], .fade-leave-to[data-v-5bcf1e38] { opacity: 0;
}

.search-form[data-v-3a34a752]{ display:flex; flex-direction:column; gap:12px;
}

/* ====== Sekce: Hledání ====== */
.search-sec[data-v-3a34a752]{
  display:flex; flex-direction:column; gap:10px;
  padding:10px 12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
}
.search-head[data-v-3a34a752]{ display:flex; align-items:center; justify-content:space-between;
}
.search-title[data-v-3a34a752]{ display:flex; align-items:center; gap:8px; margin:0; font-size:15px;
}
.icon.magnifier[data-v-3a34a752]{ width:18px; height:18px; color:#0b63f6;
}
.search-input[data-v-3a34a752]{
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid #dbe7ff; background:#fff; color:#111827; font-size:16px;
}
.search-input[data-v-3a34a752]:focus{ outline:none
}
.filter-warning[data-v-3a34a752]{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:10px 12px; border:1px solid #f59e0b66; border-radius:10px;
  background:#fff7ed; color:#7c2d12;
}
.filter-warning mark[data-v-3a34a752]{
  background:#fde68a; color:#7c2d12; padding:2px 6px; border-radius:6px;
}
.ic-warn[data-v-3a34a752]{ width:18px; height:18px;
}
.fw-text[data-v-3a34a752]{ display:flex; align-items:center; gap:6px;
}
.search-actions[data-v-3a34a752]{ display:flex; gap:8px; justify-content:flex-end; align-items:center; flex-wrap:wrap;
}

/* slide-in */
.slidein-enter-active[data-v-3a34a752], .slidein-leave-active[data-v-3a34a752]{ transition: transform .18s ease, opacity .18s ease;
}
.slidein-enter-from[data-v-3a34a752]{ transform: translateX(-10px); opacity: 0;
}
.slidein-enter-to[data-v-3a34a752]{ transform: translateX(0); opacity: 1;
}
.slidein-leave-from[data-v-3a34a752]{ transform: translateX(0); opacity: 1;
}
.slidein-leave-to[data-v-3a34a752]{ transform: translateX(-10px); opacity: 0;
}
.btn[data-v-3a34a752]{ height:38px; padding:0 14px; border-radius:999px; border:none; cursor:pointer; font-weight:700; display:inline-flex; align-items:center; gap:8px;
}
.btn .icon[data-v-3a34a752]{ width:18px; height:18px;
}
.btn.primary[data-v-3a34a752]{ background:#0b63f6; color:#fff;
}
.btn.ghost[data-v-3a34a752]{ background:#eef4ff; color:#0b63f6;
}
.btn.tiny[data-v-3a34a752]{ height:28px; padding:0 10px; font-size:12px;
}
.btn.tiny.danger[data-v-3a34a752]{ background:#fef3f2; color:#b42318; border:1px solid #fecaca;
}
.btn.accent[data-v-3a34a752]{ background:#f59e0b; color:#fff; box-shadow:0 6px 14px rgba(245,158,11,.25);
}
.btn.accent.dimmed[data-v-3a34a752]{ opacity:.5; cursor:not-allowed;
}
.limit-msg[data-v-3a34a752]{ color:#ef4444; font-size:12px; margin: -4px 2px 0 auto; text-align:right;
}
.hint[data-v-3a34a752]{ margin:0; color:#6b7280; font-size:12px;
}
.visually-hidden[data-v-3a34a752]{ position:absolute!important; clip:rect(1px,1px,1px,1px); padding:0;border:0;height:1px;width:1px;overflow:hidden;
}

/* ===== Topics ===== */
.topics-sec[data-v-3a34a752]{
  display:flex; flex-direction:column; gap:8px;
  padding:10px 12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
}
.topics-head[data-v-3a34a752]{ display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.topics-right[data-v-3a34a752]{ display:flex; align-items:center; gap:10px;
}
.topics-title[data-v-3a34a752]{ display:flex; align-items:center; gap:8px; margin:0; font-size:15px;
}
.topics-title .folder[data-v-3a34a752]{ width:18px; height:18px; color:#0b63f6;
}
.topics-count[data-v-3a34a752]{ color:#6b7280; font-size:12px;
}
.topics-loading[data-v-3a34a752], .topics-empty[data-v-3a34a752]{ color:#6b7280; font-size:13px;
}
.topics-grid[data-v-3a34a752]{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:8px;
}
@media (min-width:560px){
.topics-grid[data-v-3a34a752]{ grid-template-columns:1fr 1fr;
}
}
.topic-item[data-v-3a34a752]{ display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid #e5e7eb; border-radius:12px; padding:6px 8px; background:#fafafa;
}
.topic-chip[data-v-3a34a752]{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
.topic-chip[data-v-3a34a752]:hover{ background:#f8fafc;
}
.topic-name[data-v-3a34a752]{ max-width: 220px; overflow:hidden; text-overflow:ellipsis;
}
.topic-badge[data-v-3a34a752]{
  display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 6px;
  background:#0b63f6; color:#fff; border-radius:999px; font-size:12px; font-weight:800;
}
.topic-ops[data-v-3a34a752]{ display:flex; gap:10px; flex:0 0 auto;
}
.dog[data-v-3a34a752]{ margin-left:6px; font-size:14px;
}

/* ===== Quick Searches ===== */
.qs-sec[data-v-3a34a752]{
  display:flex; flex-direction:column; gap:8px;
  padding:10px 12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
}
.qs-head[data-v-3a34a752]{ display:flex; align-items:center; justify-content:space-between;
}
.qs-title[data-v-3a34a752]{ display:flex; align-items:center; gap:8px; margin:0; font-size:15px;
}
.qs-title .bolt[data-v-3a34a752]{ width:18px; height:18px; color:#f59e0b;
}
.qs-count[data-v-3a34a752]{ color:#6b7280; font-size:12px;
}
.qs-login-hint[data-v-3a34a752], .qs-loading[data-v-3a34a752], .qs-empty[data-v-3a34a752]{ color:#6b7280; font-size:13px;
}
.qs-scroll[data-v-3a34a752]{
  max-height: 420px;
  overflow: auto;
  padding-right: 2px;
  overscroll-behavior: contain;
}
.qs-grid[data-v-3a34a752]{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:8px;
}
@media (min-width:560px){
.qs-grid[data-v-3a34a752]{ grid-template-columns:1fr 1fr;
}
}
.qs-item[data-v-3a34a752]{ display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid #e5e7eb; border-radius:12px; padding:6px 8px; background:#fafafa;
}
.qs-chip[data-v-3a34a752]{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
.qs-chip[data-v-3a34a752]:hover{ background:#f8fafc;
}
.qs-ops[data-v-3a34a752]{ display:flex; gap:10px; flex:0 0 auto;
}
.link[data-v-3a34a752]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:0; font-size:12px;
}
.link[data-v-3a34a752]:hover{ text-decoration:underline;
}
.link.danger[data-v-3a34a752]{ color:#ef4444;
}

/* ===== Modal ===== */
.modal-backdrop[data-v-3a34a752]{
  position: fixed; inset: 0;
  background: rgba(17,24,39,.45);
  display: flex; align-items: center; justify-content: center;
  z-index: 99999;
}
.modal[data-v-3a34a752]{
  width: min(560px, calc(100vw - 24px));
  background:#fff; color:#111827; border-radius:16px; border:1px solid #e5e7eb;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  padding:16px 16px 14px; display:flex; flex-direction:column; gap:10px;
}
.modal h4[data-v-3a34a752]{ margin:0; font-size:18px;
}
.modal-desc[data-v-3a34a752]{ margin:0; color:#6b7280; font-size:13px;
}
.modal-label[data-v-3a34a752]{ font-weight:600; font-size:13px;
}
.modal-input[data-v-3a34a752]{
  padding:11px 12px; border-radius:10px; border:1px solid #dbe7ff;
  background:#fff; color:#111827; font-size:15px;
}
.terms-area[data-v-3a34a752]{ min-height: 140px; resize: vertical;
}
.modal-error[data-v-3a34a752]{ color:#ef4444; font-size:12px; margin:0;
}
.modal-actions[data-v-3a34a752]{ display:flex; justify-content:flex-end; gap:8px; margin-top:4px;
}
.limit-warn[data-v-3a34a752]{ color:#b91c1c; font-size:12px; margin-left:auto;
}
.terms-info[data-v-3a34a752]{ display:flex; gap:8px; align-items:center; justify-content:flex-end; color:#6b7280; font-size:12px;
}

/* 🐶 checkbox */
.watchdog[data-v-3a34a752]{
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:10px; border:1px solid #e5e7eb; background:#fafafa;
  width:max-content; margin-top:2px;
}
.watchdog input[data-v-3a34a752]{ transform: translateY(1px);
}
.watchdog .dog[data-v-3a34a752]{ font-size:16px;
}

.chip-toggle[data-v-725d9c55]{
  --on: #0b63f6;
  display:flex; align-items:center; gap:10px;
  width:100%;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#fff;
  cursor:pointer;
  text-align:left;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.chip-toggle[data-v-725d9c55]:hover{ background:#f8fafc;
}
.chip-toggle.on[data-v-725d9c55]{
  border-color: var(--on);
  box-shadow: 0 0 0 3px rgba(11,99,246,.08) inset;
  background: #eef5ff;
}
.chip-toggle.disabled[data-v-725d9c55]{ opacity:.55; cursor:default;
}
.ico[data-v-725d9c55]{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:grid; place-items:center; color:#fff;
  background: linear-gradient(135deg, #ec4899, #f43f5e);
}
.ico svg[data-v-725d9c55]{ width:18px; height:18px;
}
.txt[data-v-725d9c55]{ display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-width:0;
}
.txt strong[data-v-725d9c55]{ color:#111827; line-height:1.1;
}
.sub[data-v-725d9c55]{ color:#6b7280; font-size:12px;
}
.knob[data-v-725d9c55]{
  width:36px; height:22px; border-radius:999px; position:relative; flex:0 0 auto;
  background:#e5e7eb;
  transition: background .15s ease;
}
.chip-toggle.on .knob[data-v-725d9c55]{ background: var(--on);
}
.knob[data-v-725d9c55]::after{
  content:''; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%;
  background:#fff; transition: transform .15s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.chip-toggle.on .knob[data-v-725d9c55]::after{ transform: translateX(14px);
}

.content-wrap[data-v-fd0d4fba]{
  display:flex;
  flex-direction:column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow: hidden;
  gap: 10px;
}
.quick[data-v-fd0d4fba]{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.note[data-v-fd0d4fba]{ color:#6b7280;
}
.saved-sec[data-v-fd0d4fba]{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
}
@media (min-width: 768px){
.saved-sec[data-v-fd0d4fba]{
    min-height: 220px;
    max-height: min(60vh, 520px);
}
}
.head[data-v-fd0d4fba]{ display:flex; align-items:center; gap:10px; justify-content:space-between; margin-bottom:6px;
}
.h[data-v-fd0d4fba]{ margin:0; font-size:16px;
}
.search[data-v-fd0d4fba]{
  flex: 0 0 280px;
  max-width: 60%;
  padding:8px 10px;
  border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}
.saved-list[data-v-fd0d4fba]{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:8px;
  width:100%; max-width:100%;
  box-sizing:border-box;
}
.row[data-v-fd0d4fba]{
  display:flex; align-items:center; gap:10px;
  border:1px solid #e5e7eb; border-radius:12px; background:#fff;
  padding:8px 10px; cursor:pointer;
  width:100%; max-width:100%; box-sizing:border-box;
  min-width:0;
}
.row[data-v-fd0d4fba]:hover{ background:#f8fafc;
}
.src-ic[data-v-fd0d4fba]{
  width:24px; height:24px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.row-main[data-v-fd0d4fba]{ min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:2px;
}
.src[data-v-fd0d4fba]{
  color:#6b7280; font-size:12px; line-height:1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.title[data-v-fd0d4fba]{
  color:#111827; font-weight:600; line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.chev[data-v-fd0d4fba]{ width:18px; height:18px; color:#94a3b8; flex:0 0 auto;
}
.loading[data-v-fd0d4fba]{ display:grid; place-items:center; padding:12px;
}
.loading.small[data-v-fd0d4fba]{ padding:6px;
}
.spinner[data-v-fd0d4fba]{ width: 24px; height: 24px; border-radius: 50%; border: 3px solid #e5e7eb; border-top-color: #0b63f6; animation: spin-fd0d4fba .8s linear infinite;
}
@keyframes spin-fd0d4fba {
to { transform: rotate(360deg);
}
}
.error[data-v-fd0d4fba]{ color:#b91c1c; padding:10px;
}
.empty[data-v-fd0d4fba]{ color:#6b7280; font-size:14px; padding:10px; text-align:center;
}
.end[data-v-fd0d4fba]{ color:#9aa3b2; font-size:12px; text-align:center; padding:6px 0;
}
.sentinel[data-v-fd0d4fba]{ list-style:none;
}

/* ===== layout / sheet ===== */
.overlay[data-v-0b3356ea]{ position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.25); overscroll-behavior:contain; z-index:1010;
}
.panel[data-v-0b3356ea]{ width:min(var(--w),95vw); overflow:hidden; background:#fff; border-radius:16px; box-shadow:0 30px 60px rgba(0,0,0,.2); padding:16px; display:flex; flex-direction:column; gap:12px; will-change:transform; box-sizing:border-box; touch-action:pan-y;
}
.panel-content[data-v-0b3356ea]{ flex:1 1 auto; min-height:0; overflow:auto; display:flex; flex-direction:column; gap:12px; padding-bottom:4px;
}
.drag-handle[data-v-0b3356ea]{ display:none;
}
.grabber[data-v-0b3356ea]{ width:46px; height:4px; border-radius:999px; background:#d1d5db; display:block; margin:6px auto 8px;
}
.head[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.title[data-v-0b3356ea]{ margin:0; font-size:18px;
}
.x[data-v-0b3356ea]{ width:32px; height:32px; border-radius:8px; border:none; background:#fff; cursor:pointer;
}

/* přechody */
.sheet-enter-active[data-v-0b3356ea], .sheet-leave-active[data-v-0b3356ea]{ transition: opacity .24s ease;
}
.sheet-enter-from[data-v-0b3356ea], .sheet-leave-to[data-v-0b3356ea]{ opacity: 0;
}
@media (min-width: 768px){
.sheet-enter-active .panel[data-v-0b3356ea], .sheet-leave-active .panel[data-v-0b3356ea]{ transition: transform .26s ease;
}
.sheet-enter-from .panel[data-v-0b3356ea]{ transform: translateY(10px);
}
.sheet-enter-to   .panel[data-v-0b3356ea]{ transform: translateY(0);
}
.sheet-leave-from .panel[data-v-0b3356ea]{ transform: translateY(0);
}
.sheet-leave-to   .panel[data-v-0b3356ea]{ transform: translateY(10px);
}
}
@media (max-width: 767px){
.overlay[data-v-0b3356ea]{ display:block;
}
.panel[data-v-0b3356ea]{ position:fixed; inset:0; width:100dvw!important; height:100dvh!important; border-radius:12px 12px 0 0; padding:calc(8px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px)); box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.drag-handle[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:center;
}
.title[data-v-0b3356ea]{ font-size:20px;
}
}

/* ===== karty / sekce ===== */
.card[data-v-0b3356ea]{ border:1px solid #e5e7eb; border-radius:14px; background:#fff;
}
.card-head[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid #eef2f7;
}
.card-head h3[data-v-0b3356ea]{ margin:0; font-size:16px;
}
.card-body[data-v-0b3356ea]{ padding:10px 12px;
}
.linklike[data-v-0b3356ea]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; text-decoration:underline;
}

/* segmented switch */
.seg-wrap[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px;
}
.seg[data-v-0b3356ea]{ display:inline-flex; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:999px; padding:4px;
}
.seg-btn[data-v-0b3356ea]{ border:none; background:transparent; padding:6px 12px; border-radius:999px; cursor:pointer; font-weight:600; color:#374151;
}
.seg-btn.active[data-v-0b3356ea]{ background:#111827; color:#fff;
}

/* vyhledávání */
.search[data-v-0b3356ea]{ position:relative; display:flex; align-items:center; gap:8px; border:1px solid #e5e7eb; border-radius:12px; padding:6px 10px; background:#fff;
}
.search .ic[data-v-0b3356ea]{ width:18px; height:18px; color:#6b7280; flex:0 0 auto;
}
.search input[data-v-0b3356ea]{ flex:1 1 auto; border:none; outline:none; background:transparent; font-size:14px; color:#111827;
}
.search .clear[data-v-0b3356ea]{ border:none; background:transparent; cursor:pointer; font-size:18px; line-height:1; color:#6b7280; padding:2px 6px; border-radius:8px;
}
.search .clear[data-v-0b3356ea]:hover{ background:#f3f4f6
}

/* toolbar + grid */
.toolbar[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px; margin-top:8px;
}
.sel-info[data-v-0b3356ea]{ color:#374151; font-size:13px;
}
.link[data-v-0b3356ea]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:2px 0;
}
.src-grid[data-v-0b3356ea]{ list-style:none; padding:0; margin:8px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:8px;
}
@media (max-width:640px){
.src-grid[data-v-0b3356ea]{ grid-template-columns:1fr;
}
}
.src-row[data-v-0b3356ea]{ border:1px solid #e5e7eb; border-radius:12px; background:#fff; overflow: auto;}
.src-label[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px; padding:8px 10px;
}
.src-label input[type="checkbox"][data-v-0b3356ea]{ accent-color:#0b63f6;
}
.src-icon[data-v-0b3356ea]{ width:22px; height:22px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9;
}
.src-title[data-v-0b3356ea]{ flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.src-key[data-v-0b3356ea]{ color:#6b7280; font-size:12px;
}
.empty[data-v-0b3356ea]{ grid-column:1/-1; color:#6b7280; font-size:14px; padding:8px 2px; text-align:center;
}

/* seznam blokovaných */
.blocked-list[data-v-0b3356ea]{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;
}
.blocked-item[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; padding:8px 10px;
}
.bi-main[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px; min-width:0;
}
.bi-title[data-v-0b3356ea]{ max-width:44vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.bi-key[data-v-0b3356ea]{ color:#6b7280; font-size:12px; max-width:32vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mini[data-v-0b3356ea]{ padding:6px 10px; border-radius:10px; border:1px solid #0b63f6; background:#fff; color:#0b63f6; cursor:pointer;
}
.mini.danger[data-v-0b3356ea]{ border-color:#ef4444; color:#ef4444;
}
.mini[data-v-0b3356ea]:disabled{ opacity:.6; cursor:not-allowed;
}

/* patička */
.foot[data-v-0b3356ea]{ display:flex; align-items:center; gap:8px; margin-top:4px
}
.btn[data-v-0b3356ea]{ height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.btn.primary[data-v-0b3356ea]{     
    background: #0b63f6;
    color: #fff;
}
.btn.ghost[data-v-0b3356ea]{ 
    background: #eef4ff;
    color: #0b63f6;
}

/* zprávy */
.err[data-v-0b3356ea]{ color:#c0392b; margin:0;
}
.ok[data-v-0b3356ea]{ color:#0f766e; margin:0;
}

/* confirm dialog */
.confirm-overlay[data-v-0b3356ea]{ position:fixed; inset:0; background:rgba(0,0,0,.35); display:grid; place-items:center; z-index:1020;
}
.confirm[data-v-0b3356ea]{ width:min(520px, 92vw); background:#fff; border-radius:14px; padding:14px; box-shadow:0 20px 60px rgba(0,0,0,.28); display:flex; flex-direction:column; gap:12px;
}
.confirm-title[data-v-0b3356ea]{ margin:0; font-size:18px;
}
.confirm-body[data-v-0b3356ea]{ display:flex; flex-direction:column; gap:8px;
}
.select[data-v-0b3356ea]{ height:36px; border:1px solid #e5e7eb; border-radius:10px; padding:0 10px;
}
.other[data-v-0b3356ea]{ height:36px; border:1px solid #e5e7eb; border-radius:10px; padding:0 10px;
}
.confirm-foot[data-v-0b3356ea]{ display:flex; justify-content:flex-end; gap:8px;
}
.card-head.sticky[data-v-0b3356ea]{
  position: sticky;
  top: 0;                     /* sedí pod horním headrem panelu */
  z-index: 5;
  background: #fff;
  border-radius: 14px 14px 0 0;
}
.search.sticky[data-v-0b3356ea]{
  position: sticky;
  top: 42px;                  /* aby držela hned pod sticky .card-head */
  z-index: 4;
  background:#fff;
  margin-top: 8px;
  /* volitelně drobný stín, ať je jasné, že je „na vrchu“ */
  box-shadow: 0 1px 0 #eef2f7;
}
.warn[data-v-0b3356ea]{
  display:flex; gap:10px; align-items:flex-start;
  background: #fff7ed;                 /* orange-50 */
  border: 1px solid #fed7aa;            /* orange-200 */
  color:#7c2d12;                        /* orange-900 */
  padding:10px 12px; border-radius:12px; line-height:1.35;
}
.warn-ic[data-v-0b3356ea]{
  width:20px; height:20px; flex:0 0 auto; margin-top:1px;
  fill:#fbbf24;                          /* amber-400 trojúhelník */
  stroke:#7c2d12;                        /* outline */
  stroke-width:.6;
}
.warn strong[data-v-0b3356ea]{ color:#7c2d12;
}
.warn u[data-v-0b3356ea]{ text-underline-offset: 2px;
}



.wrap[data-v-6664d867]{
  display:flex; flex-direction:column; gap:10px;
  min-height: 180px;
}

/* Toolbar */
.toolbar[data-v-6664d867]{
  display:flex; gap:8px; align-items:center;
  padding: 0 2px;
}
.search[data-v-6664d867]{
  flex:1 1 auto; max-width:100%;
  padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}

/* Loading */
.loading[data-v-6664d867]{ display:grid; place-items:center; padding:18px;
}
.spinner[data-v-6664d867]{
  width: 26px; height: 26px; border-radius: 50%;
  border: 3px solid #e5e7eb; border-top-color: #0b63f6;
  animation: spin-6664d867 .8s linear infinite;
}
@keyframes spin-6664d867 {
to { transform: rotate(360deg);
}
}

/* States */
.error[data-v-6664d867]{ color:#b91c1c; padding:10px;
}
.empty[data-v-6664d867]{ color:#6b7280; font-size:14px; padding:10px; text-align:center;
}

/* Groups */
.groups[data-v-6664d867]{ display:flex; flex-direction:column; gap:10px;
}
.group[data-v-6664d867]{
  border:1px solid #e5e7eb; border-radius:12px; background:#fff;
  overflow:hidden;
}
.ghead[data-v-6664d867]{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; cursor:pointer; background:#f8fafc;
}
.gh-left[data-v-6664d867]{ display:flex; align-items:center; gap:8px;
}
.gh-right[data-v-6664d867]{ display:flex; align-items:center; gap:8px;
}
.chev[data-v-6664d867]{ width:18px; height:18px; color:#94a3b8; transition: transform .15s ease;
}
.chev.open[data-v-6664d867]{ transform: rotate(90deg);
}
.gtitle[data-v-6664d867]{ margin:0; font-size:15px; font-weight:700; color:#111827;
}
.count[data-v-6664d867]{
  margin-left:6px;
  background:#ef4444; color:#fff; font-weight:800; font-size:12px;
  height:20px; padding:0 8px; border-radius:999px; display:inline-grid; place-items:center;
}

/* nenápadný link button v headeru skupiny */
.linklike[data-v-6664d867]{
  border:none; background:transparent; padding:0; margin:0;
  color:#0b63f6; font-weight:700; text-decoration:underline; cursor:pointer;
}
.linklike[data-v-6664d867]:hover{ opacity:.9;
}

/* List */
.list[data-v-6664d867]{
  list-style:none; margin:0; padding:8px 8px 10px;
  display:flex; flex-direction:column; gap:8px;
}
.row[data-v-6664d867]{
  display:flex; align-items:center; gap:10px;
  border:1px solid #e5e7eb; border-radius:10px; background:#fff;
  padding:8px 10px;
}
.src-ic[data-v-6664d867]{
  width:24px; height:24px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.main[data-v-6664d867]{ min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:2px; cursor:pointer;
}
.src[data-v-6664d867]{ color:#6b7280; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.title[data-v-6664d867]{ color:#111827; font-weight:600; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mini[data-v-6664d867]{
  flex:0 0 auto;
  height:28px; padding:0 10px;
  border-radius:999px; border:1px solid #e5e7eb; background:#f8fafc; cursor:pointer; font-weight:800;
}
.mini[data-v-6664d867]:hover{ background:#eef4ff; color:#0b63f6;
}

/* Empty group text */
.gempty[data-v-6664d867]{
  padding:10px 12px;
  color:#6b7280;
  font-size:14px;
  background:#fff;
  border-top:1px solid #eef2f7;
}

.auth[data-v-e883e345]{
  width: 56px;
  display:flex; align-items:center; justify-content: center;
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* avatar tlačítko */
.avatarbtn[data-v-e883e345]{
  position: relative;
  display:flex;
  align-items: center;
  border:none; background:transparent; cursor:pointer;
  color:#fff;
}
.avatar[data-v-e883e345]{ width:28px; height:28px; border-radius:50%; display:block; object-fit:cover;
}
.avatar.initials[data-v-e883e345]{ display:grid; place-items:center; background:#e5edff; color:#0b63f6; font-weight:800;
}
.avatar.big[data-v-e883e345]{ width:42px; height:42px;
}
.chev[data-v-e883e345]{ width:16px; height:16px; margin-left:6px;
}

/* 🔴 Badge vpravo nahoře */
.badge[data-v-e883e345]{
  position:absolute; top:-10px; right:10px;
  min-width:18px; height:18px; padding:0 4px;
  background:#ef4444; color:#fff; border-radius:999px;
  font-size:11px; font-weight:900; display:inline-grid; place-items:center;
}

/* čisté ikonové tlačítko (login) */
.login-icbtn[data-v-e883e345]{
  border: none; background: transparent; padding: 6px;
  cursor: pointer; color: #fff; display: inline-grid; place-items: center;
}
.login-icbtn .ic[data-v-e883e345]{ width:22px; height:22px; margin:0;
}
.login-icbtn[data-v-e883e345]:focus-visible{ outline: 2px solid #0b63f6; outline-offset: 2px; border-radius: 8px;
}
.login-icbtn[data-v-e883e345]:hover{ color:#0b63f6;
}

/* CTA karta */
.cta-card[data-v-e883e345]{
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(2,8,23,.06);
  border: 1px solid #e5e7eb;
}
.google-cta[data-v-e883e345]{
  width: 100%;
  height: 46px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  border: 1px solid #dadce0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-weight: 700; color:#111827;
}
.google-cta[data-v-e883e345]:hover{ background:#f8fafc;
}
.glogo-wrap[data-v-e883e345]{ width:20px; height:20px; display:grid; place-items:center;
}
.glogo-wrap svg[data-v-e883e345]{ width:18px; height:18px;
}
.consent[data-v-e883e345]{
  margin: 8px 4px 0;
  color:#6b7280; font-size:12px; line-height:1.3;
}
.linklike[data-v-e883e345]{
  background:transparent; border:none; padding:0;
  color:#0b63f6; cursor:pointer; text-decoration:underline;
}
.linklike[data-v-e883e345]:hover{ opacity:.9;
}

/* Info karta */
.info-card[data-v-e883e345]{
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #ededed;
  padding: 12px;
  margin-top: 12px;
}

/* Seznam akcí v účtu */
.who[data-v-e883e345]{
  display:flex; gap:10px; padding:2px 0 10px 0;
  border-bottom:1px solid #eef2f7; margin-bottom:8px;
}
.meta[data-v-e883e345]{ display:flex; flex-direction:column; justify-content:center
}
.name[data-v-e883e345]{ font-weight:700; color:#111827
}
.email[data-v-e883e345]{ font-size:12px; color:#6b7280
}
.admin-badge[data-v-e883e345]{
  display:inline-block;
  margin-left:8px;
  padding:2px 6px;
  border-radius:6px;
  background:#f59e0b;
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.sheet-list[data-v-e883e345]{ display:flex; flex-direction:column; gap:6px;
}
.row[data-v-e883e345]{
  display:flex; align-items:center; gap:10px;
  width:100%; padding:10px 12px; border-radius:12px;
  border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  text-align:left; color:#111827;
}
.row[data-v-e883e345]:hover{ background:#f8fafc;
}
.row svg[data-v-e883e345]{ width:18px; height:18px; color:#6b7280;
}
.pill[data-v-e883e345]{
  margin-left:auto;
  background:#ef4444; color:#fff;
  padding:0 8px; height:20px; border-radius:999px; font-size:12px; display:inline-grid; place-items:center; font-weight:800;
}
.row.danger[data-v-e883e345]{ border-color:#fecaca; color:#b91c1c;
}
.row.danger[data-v-e883e345]:hover{ background:#fff1f1;
}

.nf-logo[data-v-fea6e315] {
        max-width: 100%;
        max-height: 100%;
}

/* ---------- TOP ---------- */
.toolbar.top[data-v-0b6d42f6]{
  position: fixed; z-index: 30;
  height: 65px;
  width: 100vw;
  background: rgb(11,99,246);
  border-bottom:1px solid #e5e7eb;
  transform: translateY(0); transition: transform .22s ease, opacity .22s ease;
  color: #fff;
}
.toolbar.top.hidden[data-v-0b6d42f6]{ transform: translateY(-100%); opacity:.98;
}
.top-inner[data-v-0b6d42f6]{
  height:calc(100% - 12px); margin:0 auto; padding:6px 12px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  max-width: 1280px;
}
.brand-wrap[data-v-0b6d42f6]{ display:flex; flex-direction:row; align-items:center; gap:.5rem;
}
.brand[data-v-0b6d42f6]{
  max-width: 120px; display:flex; align-items:center; gap:2px;
  font-weight:900; letter-spacing:.2px; user-select:none; height: 100%;
  border: none; background: transparent; cursor: pointer; padding: 0;
}
.right-side[data-v-0b6d42f6]{ display:flex;
}
.mode-wrap[data-v-0b6d42f6]{ position: relative; z-index: 40;
}

/* ----- „válec“ pill ----- */
.mode-pill[data-v-0b6d42f6]{
  gap:.6rem;
  padding:8px 12px;
  border: none; background:transparent; cursor:pointer;
  color:#fff; font-weight:800; font-size:15px; line-height:1;
  will-change: transform; touch-action: none;
}
.mode-pill[data-v-0b6d42f6]:focus-visible{ outline: 2px solid #cfe0ff; outline-offset: 2px;
}
.mode-pill .chev-ic[data-v-0b6d42f6]{ width:14px; height:14px; opacity:.85;
}
.mode-roller[data-v-0b6d42f6]{ position: relative; display: inline-block; height: 18px; overflow: hidden;
}
.mode-cur[data-v-0b6d42f6], .mode-next[data-v-0b6d42f6]{ display:block; height:18px; line-height:18px; transition: transform .22s ease, opacity .22s ease; will-change: transform, opacity;
}
.mode-next[data-v-0b6d42f6]{ position: absolute; left:0; right:0; top: 100%; opacity: 0.0;
}
.mode-pill.rolling.rollDown .mode-cur[data-v-0b6d42f6]{ transform: translateY(-100%); opacity: .1;
}
.mode-pill.rolling.rollDown .mode-next[data-v-0b6d42f6]{ transform: translateY(-100%); opacity: 1;
}
.mode-pill.rolling.rollUp .mode-cur[data-v-0b6d42f6]{ transform: translateY(100%); opacity: .1;
}
.mode-pill.rolling.rollUp .mode-next[data-v-0b6d42f6]{ transform: translateY(0%); opacity: 1;
}

/* menu */
.mode-menu[data-v-0b6d42f6]{
  position:absolute; right:0; top: calc(100% + 8px);
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
  border:1px solid #e5e7eb; border-radius:14px; box-shadow:0 12px 28px rgba(2,8,23,.12);
  min-width: 230px; padding:8px; color:#0f172a;
}
.menu-head[data-v-0b6d42f6]{ font-size:12px; font-weight:800; letter-spacing:.02em; color:#64748b; padding:4px 8px 8px;
}
.mode-item[data-v-0b6d42f6]{
  width:100%; display:flex; align-items:center; gap:10px;
  text-align:left; padding:10px; border-radius:10px; border:none; background:#fff; cursor:pointer; font-weight:600;
}
.mode-item + .mode-item[data-v-0b6d42f6]{ margin-top:6px;
}
.mode-item[data-v-0b6d42f6]:hover{ background:#f8fafc;
}
.mode-item.active[data-v-0b6d42f6]{ background:#eef4ff; color:#0b63f6;
}
.micon[data-v-0b6d42f6]{ width:22px; height:22px; display:grid; place-items:center; color: currentColor; opacity:.9
}
.micon svg[data-v-0b6d42f6]{ width:18px; height:18px;
}
.mtxt[data-v-0b6d42f6]{ display:flex; flex-direction:column; line-height:1.15
}
.mtxt small[data-v-0b6d42f6]{ font-weight:600; color:#64748b
}

/* icon buttons */
.iconpill[data-v-0b6d42f6]{
  width:42px; height:42px;
  display:inline-flex; align-items:center; justify-content:center;
  border:none; background: transparent; color:#fff; cursor:pointer;
  border-radius: 10px;
}
.iconpill[data-v-0b6d42f6]:hover{ background: #f8fafc36;
}
.ic[data-v-0b6d42f6]{ display:block
}
.actions-top[data-v-0b6d42f6]{ display:flex; align-items:center; gap:4px; margin-right: 4px;
}

/* Aktivní stav v top baru */
.iconpill.active[data-v-0b6d42f6],
.iconpill.filter-pill.active[data-v-0b6d42f6]{
  background:#eef4ff;
  color:#0b63f6;
}

/* auth mini */
.auth-mini[data-v-0b6d42f6]{ margin-left: 4px; width: 56px; color: #fff; display: flex; align-items: center; justify-content: center;
}
.avatarbtn[data-v-0b6d42f6] { color: #fff !important;
}

/* ---------- BOTTOM BAR ---------- */
.bottom-toolbar[data-v-0b6d42f6]{
  position: fixed; inset: auto 0 0 0; z-index: 30;
  display:flex; align-items:flex-end; justify-content:space-around; gap:.6rem;
  padding:.4rem .6rem calc(.4rem + env(safe-area-inset-bottom));
  background:#fff; border-top:1px solid #e5e7eb;
}

/* NOVÝ LIQUID FILL */
.navbtn[data-v-0b6d42f6]{
  --accent: #0b63f6;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px;
  background:transparent; border:none; cursor:pointer; color:#111827;
  min-width: 58px; padding:4px 6px;
  /* transition: color .25s ease; */
}
.icwrap[data-v-0b6d42f6]{ width:28px; height:28px; display:grid; place-items:center; position:relative;
}
.label[data-v-0b6d42f6]{ font-size: 12px; line-height: 1;
}

/* základní SVG */
.navbtn[data-v-0b6d42f6] svg{ width:22px; height:22px;
}

/* vybarvení obrysu při aktivaci */
.navbtn.active[data-v-0b6d42f6]{ color: var(--accent);
}
.navbtn.active .label[data-v-0b6d42f6]{ color: var(--accent);
}

/* výchozí (neaktivní) stav plnění */
.liquid-ic .liquid[data-v-0b6d42f6]{
  --fill-start: 0;
  --fill-dur: 2s;
  --fill-delay: 0s;
  --fill-ease: cubic-bezier(0.02, 0.41, 0.36, 0.74);

  fill: var(--accent);
  transform-box: fill-box;
  transform-origin: 50% 100%;
  transform: scaleY(var(--fill-start));
}

/* aktivace spustí animaci */
.navbtn.active[data-v-0b6d42f6] .liquid-ic .liquid{
  animation: liquid-fill-0b6d42f6 var(--fill-dur) var(--fill-ease) var(--fill-delay) forwards;
}
@keyframes liquid-fill-0b6d42f6{
to { transform: scaleY(1);
}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
.liquid-ic .liquid[data-v-0b6d42f6]{ transition: none;
}
}

/* ---------- Viditelnost ---------- */
.only-desktop[data-v-0b6d42f6]{ display: none;
}
.only-mobile[data-v-0b6d42f6]{ display: flex;
}
@media (min-width: 1024px) and (pointer: fine){
.only-desktop[data-v-0b6d42f6]{ display: flex;
}
.only-mobile[data-v-0b6d42f6]{ display: none;
}
}
@supports selector(:has(*)) {
.top-inner[data-v-0b6d42f6]:has(.actions-top.only-desktop){ padding-right: 12px;
}
}

[data-v-179fd8c8] .panel-sheet__header{
  position: sticky;
  top: 0;
  z-index: 5;
  background:#fff;
}

/* celý obsah může scrollovat (footer je mimo) */
.content-wrap[data-v-179fd8c8]{
  display:flex;
  flex-direction:column;
  height: 100%;
  max-height: 100%;
  overflow: auto;          /* ✅ hlavní scroll */
  gap: 10px;
  padding-bottom: 12px;    /* malý offset nad footer */
}

/* ---------- INFO o režimu ---------- */
.mode-info[data-v-179fd8c8]{
  position: relative;
  display:flex; flex-direction:column; gap:4px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background:#ededed;
  color:#111827;
}
.mode-info .sub[data-v-179fd8c8]{ color:#374151; font-size:13px;
}
.mode-info .close[data-v-179fd8c8]{
  position:absolute; top:6px; right:6px;
  width:24px; height:24px; line-height:22px; text-align:center;
  border:none; background:transparent; color:#6b7280; cursor:pointer; border-radius:8px; font-size:18px;
}
.mode-info .close[data-v-179fd8c8]:hover{ background:#e5e7eb;
}

/* ---------- AKTIVNÍ FILTRY ---------- */
.active-filters[data-v-179fd8c8]{
  padding: 10px 12px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.af-head[data-v-179fd8c8]{ display:flex; align-items:center; justify-content:space-between;
}
.af-actions[data-v-179fd8c8]{ display:flex; align-items:center; gap:12px;
}
.af-summary[data-v-179fd8c8]{ color:#374151; font-size:13px;
}
.af-body[data-v-179fd8c8]{ display:flex; flex-direction:column;
}
.active-filters .chips-scroll[data-v-179fd8c8]{
  max-height: 160px;
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}
.chips[data-v-179fd8c8]{ display:flex; flex-wrap:wrap; gap:8px;
}
.chip[data-v-179fd8c8]{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  font-size:13px; color:#111827;
  cursor:pointer;
}
.chip[data-v-179fd8c8]:hover{ background:#f8fafc;
}
.chip.on[data-v-179fd8c8]{ border-color:#cfe0ff; background:#eef5ff; color:#0b63f6;
}
.chip .x[data-v-179fd8c8]{ font-weight:700; margin-left:2px;
}
.chip-ico[data-v-179fd8c8]{ width:16px; height:16px; border-radius:50%; object-fit:cover;
}
.dot[data-v-179fd8c8]{ width:8px; height:8px; border-radius:999px; background:#94a3b8; display:inline-block;
}
.dot-blue[data-v-179fd8c8]{ background:#3b82f6;
}
.dot-amber[data-v-179fd8c8]{ background:#f59e0b;
}
.link[data-v-179fd8c8]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:2px 0;
}
.link[data-v-179fd8c8]:hover{ text-decoration:underline;
}
.link.danger[data-v-179fd8c8]{ color:#ef4444;
}

/* ---------- TÉMATA ---------- */
.topics-sec[data-v-179fd8c8]{
  display:flex; flex-direction:column; gap:8px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background:#fff;
}
.topics-head[data-v-179fd8c8]{
  position: sticky; top: 0; z-index: 2;
  background:#fff;
  display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;
}
.topics-actions[data-v-179fd8c8]{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.topics-scroll[data-v-179fd8c8]{
  max-height: clamp(220px, 40vh, 420px);
  overflow:auto;
  overscroll-behavior: contain;
  padding-right:2px;
}

/* grid okruhů */
.main-grid[data-v-179fd8c8]{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-bottom:6px;
}
@media (min-width: 500px){
.main-grid[data-v-179fd8c8]{ grid-template-columns:1fr 1fr 1fr;
}
}
@media (min-width: 760px){
.main-grid[data-v-179fd8c8]{ grid-template-columns:1fr 1fr 1fr 1fr;
}
}
.main-card[data-v-179fd8c8]{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:12px;
  padding:8px 10px;
  cursor:pointer;
}
.main-card[data-v-179fd8c8]:hover{ background:#f8fafc;
}
.main-card.active[data-v-179fd8c8]{
  border-color:#0b63f6;
  box-shadow:0 0 0 3px rgba(11,99,246,.08) inset;
  background:#eef4ff;
}
.main-ico[data-v-179fd8c8]{ font-size:18px; line-height:1;
}
.main-name[data-v-179fd8c8]{ font-size:14px; font-weight:600; color:#111827;
}
.main-count[data-v-179fd8c8]{
  font-size:12px; color:#374151;
  padding:2px 6px; border-radius:999px; background:#f1f5f9;
}
.no-main[data-v-179fd8c8]{ color:#6b7280; font-size:13px; padding:4px 2px;
}

/* Podrobněji */
.subtopics-sec[data-v-179fd8c8]{ display:flex; flex-direction:column; gap:8px; margin-top:4px;
}
.subtopics-head[data-v-179fd8c8]{ display:flex; align-items:center; justify-content:space-between;
}
.subtopics-head h4[data-v-179fd8c8]{ margin:0; font-size:15px;
}
.subtopics-body[data-v-179fd8c8]{
  display:flex; flex-direction:column; gap:8px;
  border:1px solid #e5e7eb; border-radius:12px; padding:8px 10px; background:#fff;
}
.topic-search-wrap[data-v-179fd8c8]{ position:sticky; top:0; background:#fff; padding:2px 0 6px; z-index:2;
}
.topic-search[data-v-179fd8c8]{ width:100%; padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}
.chips-scroll[data-v-179fd8c8]{
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}
.topics-scroll-limit[data-v-179fd8c8]{ max-height: clamp(160px, 40vh, 360px);
}
.topics[data-v-179fd8c8]{ display:flex; flex-wrap:wrap; gap:8px; padding-top:6px;
}
.topic-chip[data-v-179fd8c8]{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap;
}
.topic-chip[data-v-179fd8c8]:hover{ background:#f8fafc;
}
.topic-chip.active[data-v-179fd8c8]{ border-color:#0b63f6; background:#eef4ff; color:#1e40af;
}
.topic-chip.more[data-v-179fd8c8]{ border-style:dashed; color:#374151;
}
.no-topics[data-v-179fd8c8]{ color:#6b7280; font-size:13px; padding:4px 2px;
}

/* ---------- ZDROJE ---------- */
.sources-sec[data-v-179fd8c8]{
  display:flex; flex-direction:column; gap:8px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background:#fff;
}
.src-head[data-v-179fd8c8]{
  position: sticky; top: 0; z-index: 2;
  background:#fff;
  display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;
}
.src-actions[data-v-179fd8c8]{ display:flex; gap:12px;
}
.src-search-wrap[data-v-179fd8c8]{ position:sticky; top:34px; background:#fff; padding:2px 0 6px; z-index:2;
}
.src-search[data-v-179fd8c8]{ width:100%; padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:16px;
}
.src-scroll[data-v-179fd8c8]{
  overflow: auto;
  max-height: clamp(280px, 42vh, 520px);
  overscroll-behavior: contain;
  padding-right: 2px;
}
.src-grid[data-v-179fd8c8]{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:8px; width:100%; max-width:100%; box-sizing:border-box;
}
@media (min-width:560px){
.src-grid[data-v-179fd8c8]{ grid-template-columns:1fr 1fr;
}
}
.src-row[data-v-179fd8c8]{ border:1px solid #e5e7eb; border-radius:12px; overflow:hidden;
}
.src-label[data-v-179fd8c8]{ display:flex; align-items:center; gap:10px; padding:8px 10px; cursor:pointer; width:100%;
}
.src-label input[data-v-179fd8c8]{ width:16px; height:16px; flex:0 0 auto;
}
.src-icon[data-v-179fd8c8]{ width:22px; height:22px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.src-title[data-v-179fd8c8]{ flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.src-empty[data-v-179fd8c8]{ color:#6b7280; font-size:13px; padding:6px 2px;
}

/* ---------- sticky footer (vždy viditelný) ---------- */
.sticky-footer[data-v-179fd8c8]{
  position: sticky;
  bottom: 0;
  background:#fff;
  border-top:1px solid #e5e7eb;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  display:flex; align-items:center; gap:10px;
  z-index: 10;
}
.sticky-footer .spacer[data-v-179fd8c8]{ flex:1;
}
.btn[data-v-179fd8c8]{ padding:8px 12px; border-radius:12px; border:1px solid #0b63f6; background:#0b63f6; color:#fff; cursor:pointer
}
.btn.outline[data-v-179fd8c8]{ background:#fff; color:#0b63f6; border-color:#0b63f6
}
.btn[data-v-179fd8c8]:disabled{ opacity:.55; cursor:default
}
.fade-enter-active[data-v-179fd8c8], .fade-leave-active[data-v-179fd8c8] { transition: opacity .15s ease;
}
.fade-enter-from[data-v-179fd8c8], .fade-leave-to[data-v-179fd8c8] { opacity: 0;
}

.toast[data-v-6ab101e8]{
  position: fixed;
  left: 50%;
  bottom: calc(12px + var(--chrome-bottom, 0px));
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 12px;
  color: #fff;
  background: #111827;               /* info */
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 8px 20px rgba(2,8,23,.18);
  z-index: 2002;
}
.toast.success[data-v-6ab101e8]{ background:#059669;
}
.toast.error[data-v-6ab101e8]  { background:#dc2626;
}
.toast-fade-enter-active[data-v-6ab101e8],
.toast-fade-leave-active[data-v-6ab101e8]{ transition: opacity .18s ease, transform .18s ease;
}
.toast-fade-enter-from[data-v-6ab101e8],
.toast-fade-leave-to[data-v-6ab101e8]{ opacity:0; transform: translateX(-50%) translateY(10px);
}

.mi[data-v-90f156f0] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #111827;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.mi svg[data-v-90f156f0]{
  display:inline-flex; align-items:center; justify-content:center;
}
.mi svg[data-v-90f156f0]:hover{ background:#f8fafc;
}
.mi svg[data-v-90f156f0]:focus-visible{ outline:2px solid #0b63f6; outline-offset:2px;
}
.mi.active[data-v-90f156f0]{ color:#ef4444;
}
.mi-desc[data-v-90f156f0] { color: #111827;
}

.mi[data-v-642db450]{
  width:100%; display:flex; align-items:center; gap:10px;
  border:none; background:transparent; text-decoration:none; color:#111827;
  padding:8px 10px; border-radius:8px; cursor:pointer;
}
.mi[data-v-642db450]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-642db450]{
  stroke:#111827; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

.mi[data-v-2ab93777]{
  width:100%; display:flex; align-items:center; gap:10px;
  border:none; background:transparent; color:#111827;
  padding:8px 10px; border-radius:8px; cursor:pointer; text-decoration:none;
}
.mi[data-v-2ab93777]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-2ab93777]{
  stroke:#111827; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

.mi[data-v-bd7674c2]{
  width:100%; display:flex; align-items:center; gap:10px;
  border:none; background:transparent; color:#111827;
  padding:8px 10px; border-radius:8px; cursor:pointer; text-decoration:none;
}
.mi[data-v-bd7674c2]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-bd7674c2]{
  stroke:#111827; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

.story-btn[data-v-b034407e]{
  --size: 58px;
  --ring: 3px;     /* tloušťka barevného prstence */
  --pad : 8px;     /* vnitřní padding ikony */
  display:flex; flex-direction:column; align-items:center; gap:6px;
  min-width:72px; background:transparent; border:0; cursor:pointer;
  scroll-snap-align:start;
}
.story-btn.mini[data-v-b034407e]{
  --size: 26px;
  --ring: 2px;
  --pad : 4px;
  min-width:auto;
}
.muted .ring[data-v-b034407e] {
    background: conic-gradient(#9ca3af, #e5e7eb, #9ca3af);
}
.ring[data-v-b034407e]{
  width:var(--size); height:var(--size);
  padding:var(--ring);
  border-radius:999px;
  background: conic-gradient(#5fe3c0, #0b63f6, #5fe3c0);
  display:inline-flex; align-items:center; justify-content:center;
}
.story-btn.no-ring .ring[data-v-b034407e]{ background: transparent; padding:0;
}
.ring img[data-v-b034407e]{
  width:100%; height:100%;
  border-radius:999px;
  background:#fff;
  padding:var(--pad);
  box-sizing:border-box;
  object-fit:cover;
}
.label[data-v-b034407e]{
  font-size:11px; color:#374151; max-width:68px;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

.mi[data-v-2e9f4dfe]{
  width:100%; display:flex; align-items:center; gap:10px;
  border:none; background:transparent; color:#111827;
  padding:8px 10px; border-radius:8px; cursor:pointer; text-decoration:none;
}
.mi[data-v-2e9f4dfe]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-2e9f4dfe]{
  stroke:#111827; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

.wrap[data-v-92043476]{ display:flex; flex-direction:column; gap:12px;
}
.txt[data-v-92043476]{ color:#111827; margin:0
}

/* Kontejner drží pevnou výšku řádku => žádné „poskakování“ */
.reactions[data-v-20f3ece9]{
  --row-h: 37px;
  position: relative;
  display: flex;
  justify-content: end;
  width: 100%;
  min-height: var(--row-h);
}

/* Hlavní chip – uložen v normálním flow, překryje ho inline-row */
.chip.main[data-v-20f3ece9]{
  --fg: #0b63f6;
  height: var(--row-h);
  display:inline-flex; align-items:center; gap:8px;
  padding: 0 10px;
  border: 0; background: transparent; color: var(--fg);
  cursor: pointer; border-radius: 999px;
  transition: opacity .22s ease, background .18s ease, transform .06s ease;
}
.chip.main[data-v-20f3ece9]:hover{ background: rgba(15,23,42,.06);
}
.reactions.expanded[data-v-20f3ece9] { width: 100%;
}
.reactions.expanded .chip.main[data-v-20f3ece9]{ opacity: .04;
}
.like-text[data-v-20f3ece9]{ font-weight: 700; font-size: 12px; color:#0f172a;
}
.emoji[data-v-20f3ece9]{ font-size: 16px; line-height: 1; display:inline-block; transform-origin: center;
}

/* Stack uvnitř čipu */
.stack[data-v-20f3ece9]{ display:inline-flex; align-items:center;
}
.stack-emoji[data-v-20f3ece9]{
  display:inline-flex; align-items:center; justify-content:center;
  width: 18px; height: 18px; border-radius: 999px;
  font-size: 13px; line-height: 1;
}
.count[data-v-20f3ece9]{ font-weight: 700; font-size: 12px; color: #0f172a; min-width: 1ch; text-align: right;
}

/* ---------- INLINE ROW OVERLAY ---------- */
.inline-row[data-v-20f3ece9]{
  position: absolute;
  inset: 0;
  height: var(--row-h);
  display: flex;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transform: translateX(24px);
  transition: transform .28s cubic-bezier(.22,1,.36,1), opacity .24s ease;
  will-change: transform, opacity;
}
.inline-row.open[data-v-20f3ece9]{
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* Maska okrajů + decentní rámeček */
.row-mask[data-v-20f3ece9]{
  --fade: 24px;
  height: var(--row-h);
  border: none;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.row-mask[data-v-20f3ece9]::before,
.row-mask[data-v-20f3ece9]::after{
  content:"";
  position:absolute; top:0; bottom:0; width: var(--fade); pointer-events:none;
}
.row-mask[data-v-20f3ece9]::before{
  left:0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}
.row-mask[data-v-20f3ece9]::after{
  right:0; background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
}

/* Horizontální scroller – VŽDY v jedné výšce */
.scroll-row[data-v-20f3ece9]{
  height: var(--row-h);
  display:flex; align-items:center; gap:6px;
  overflow-x:auto; overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  padding: 0 8px;

  /* ⭐ dovol horizontální pan; nepropouštěj „swipe“ výš */
  touch-action: pan-x;
  overscroll-behavior: contain;

  /* viditelný scrollbar na desktopu */
  scrollbar-width: thin;                 
  scrollbar-color: #cbd5e1 transparent;
}
.scroll-row[data-v-20f3ece9]::-webkit-scrollbar{ height: 8px;
}
.scroll-row[data-v-20f3ece9]::-webkit-scrollbar-track{ background: transparent;
}

/* Pilulky */
.pill[data-v-20f3ece9]{
  scroll-snap-align: center;
  display:inline-flex; align-items:center; gap:6px;
  height: 28px; padding: 0 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .14s cubic-bezier(.22,1,.36,1), background .14s ease, border-color .14s ease, box-shadow .14s ease;
  color:#0f172a;
  white-space: nowrap;
}
.pill[data-v-20f3ece9]:hover{ background:#f8fafc; transform: translateY(-1px);
}
.pill[data-v-20f3ece9]:active{ transform: translateY(0) scale(.98);
}
.pill[data-v-20f3ece9]:focus-visible{ outline: 2px solid #cfe0ff; outline-offset: 2px;
}
.pill.active[data-v-20f3ece9]{
  background: #eef4ff;
  border-color: #cfe0ff;
  box-shadow: inset 0 0 0 1px #cfe0ff;
}
.pill-emoji[data-v-20f3ece9]{ font-size: 18px; line-height:1;
}
.pill-count[data-v-20f3ece9]{ font-size: 12px; font-weight: 700; color:#475569;
}
.pill-label[data-v-20f3ece9]{ font-size: 12px; font-weight: 700; color:#0f172a;
}
.pill-like[data-v-20f3ece9]{ padding: 0 14px;
}

/* Mikroanimace */
@keyframes bounceIn-20f3ece9 {
0%{ transform: scale(.6)
}
60%{ transform: scale(1.15)
}
100%{ transform: scale(1)
}
}
.bounce[data-v-20f3ece9]{ animation: bounceIn-20f3ece9 .18s ease-out;
}

/* Compact varianta */
.reactions.compact[data-v-20f3ece9]{ --row-h: 32px;
}
.reactions.compact .chip.main[data-v-20f3ece9]{ gap: 6px;
}
.reactions.compact .emoji[data-v-20f3ece9]{ font-size: 14px;
}
.reactions.compact .count[data-v-20f3ece9]{ font-size: 11px;
}
.reactions.compact .like-text[data-v-20f3ece9]{ font-size: 11px;
}

.empty-state[data-v-3b8cb485]{ display:flex; align-items:center; gap:12px; padding:14px; margin:10px 12px 0; border:1px solid #e5e7eb; border-radius:12px; background:#fff; flex-direction: column;}
.empty-wrap[data-v-3b8cb485]{ display:flex; gap:12px; padding:14px; justify-content:center; align-items:center;
}
.empty-ic[data-v-3b8cb485]{ width:26px; height:26px; color:#94a3b8; flex:0 0 auto;
}
.empty-text[data-v-3b8cb485]{ display:flex; flex-direction:column; line-height:1.25; text-align:center;
}
.empty-text strong[data-v-3b8cb485]{ color:#111827;
}
.empty-text span[data-v-3b8cb485]{ color:#6b7280; font-size:14px;
}
.btn.clear[data-v-3b8cb485]{ padding:8px 12px; border-radius:12px; border:1px solid #0b63f6; background:#0b63f6; color:#fff;
}

.card.card--ad[data-v-f8d68930]{
  position:relative; flex:0 0 100%; width:100%; height:100%;
  box-sizing:border-box; overflow:hidden; background:#fff;
  display:flex; flex-direction:column; gap:12px;
  box-shadow:0 10px 24px rgba(2,8,23,.06);
  padding: 0;
}
.card-inner[data-v-f8d68930]{ height: 100%;
}
.ad-box[data-v-f8d68930]{
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border: 1px solid #eef2f7;
  overflow: hidden;
  display: grid; place-items: center;
}
@media (min-width: 1024px){
.ad-box[data-v-f8d68930]{ height: 48vh; max-height: 420px;
}
}
.ad-tag[data-v-f8d68930]{
  position:absolute; top:10px; left: 12px;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#6b7280;
}
.ad-placeholder[data-v-f8d68930]{ width:min(100%,1240px); height:100%; position:relative; overflow:hidden;
}
.wm-icon[data-v-f8d68930]{ position:absolute; inset:0; display:grid; place-items:center; color:#0b63f6; opacity:.1; pointer-events:none;
}
.wm-icon svg[data-v-f8d68930]{ width:clamp(72px,18vw,140px); height:auto;
}
.ad-link[data-v-f8d68930]{ position:absolute; inset:0; display:block;
}

/* ✅ HOLD CHIP – vpravo nahoře, nad obsahem a vždy viditelný */
.hold-chip[data-v-f8d68930]{
  position:absolute; top:8px; right:8px; z-index: 9;
  display:flex; align-items:center; gap:8px;
  pointer-events:none; /* neblokuje klik na reklamu */
}
.hold-label[data-v-f8d68930]{
  display:inline-block; white-space:nowrap;
  background: rgba(255,255,255,.97);
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px; font-weight: 700; color:#374151;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(2,8,23,.08);
}
.hold-circle[data-v-f8d68930]{
  position: relative; width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,.97);
  border: 1px solid #e5e7eb;
  display:grid; place-items:center;
  box-shadow: 0 4px 12px rgba(2,8,23,.08);
}
.ring[data-v-f8d68930]{ display:block; position:absolute; inset:0; transform: rotate(-90deg);
}
.ring-bg[data-v-f8d68930]{ stroke: #e5e7eb; stroke-width: 3.5;
}
.ring-fg[data-v-f8d68930]{ stroke: #0b63f6; stroke-width: 3.5; transition: stroke-dashoffset .12s linear;
}
.hold-secs[data-v-f8d68930]{
  position:relative; z-index:1;
  font-size: 12px; font-weight: 800; color:#0b63f6; line-height:1;
}
@media (prefers-color-scheme: dark){
.hold-label[data-v-f8d68930]{ background: rgba(17,24,39,.92); color:#e5e7eb; border-color: rgba(255,255,255,.12);
}
.hold-circle[data-v-f8d68930]{ background: rgba(17,24,39,.92); border-color: rgba(255,255,255,.12);
}
.ring-bg[data-v-f8d68930]{ stroke: rgba(255,255,255,.18);
}
.ring-fg[data-v-f8d68930]{ stroke: #8ab4ff;
}
}

/* Základ: netlačí žádnou barvu, dědí (nebo využije tón) */
.live-viewers[data-v-1bc07ec0] {
  display: inline-flex;
  align-items: center;
  gap: .35em;
  font-weight: 600;
  line-height: 1;
  color: inherit;
}
.live-viewers.compact[data-v-1bc07ec0] { font-size: 12px;
}
.ic-eye[data-v-1bc07ec0] { width: 1.15em; height: 1.15em; opacity: .9;
}
.pulse .ic-eye[data-v-1bc07ec0] { animation: lv-pulse-1bc07ec0 1.8s ease-in-out infinite;
}
@keyframes lv-pulse-1bc07ec0 {
0%,100%{ opacity:.9
}
50%{ opacity:.45
}
}

/* schování nuly bez display:none, ať funguje IO */
.is-hidden-zero[data-v-1bc07ec0] { visibility: hidden; pointer-events: none;
}

/* ===== Varianty ===== */
/* inline: čistý text+ikona */
.var-inline[data-v-1bc07ec0] { padding: 0; border: 0;
}

/* chip: decentní pilulka */
.var-chip[data-v-1bc07ec0] {
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.04);
}

/* overlay: badge do rohu obrázku */
.var-overlay[data-v-1bc07ec0] {
  padding: 4px 6px;
  border-radius: 10px;
  background: rgba(17,24,39,.72);     /* slate-900 @ 72% */
  color: #fff;
  backdrop-filter: saturate(1.2) blur(2px);
}

/* ===== Tóny (pro inline/chip) ===== */
.tone-muted[data-v-1bc07ec0] { color: #475569;
}     /* slate-600 */
.tone-muted.var-chip[data-v-1bc07ec0] {
  background: #f1f5f9;              /* slate-100 */
  border-color: #e2e8f0;            /* slate-200 */
}
.tone-accent[data-v-1bc07ec0] { color: #334155;
}    /* slate-700 */
.tone-accent.var-chip[data-v-1bc07ec0] {
  background: #e5e7eb;              /* gray-200 */
  border-color: #d1d5db;            /* gray-300 */
}

/* overlay tón je implicitní: bílé písmo na tmavém pozadí */

/* číslo malinko zvýrazněné vůči ikoně */
.num[data-v-1bc07ec0] { opacity: .95;
}

/* dark mode ladění pro chipy */
@media (prefers-color-scheme: dark){
.tone-muted.var-chip[data-v-1bc07ec0] {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #e5e7eb;
}
.tone-accent.var-chip[data-v-1bc07ec0] {
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.18);
    color: #f1f5f9;
}
}

.when[data-v-9f8dc2da]{ color:#0b63f6; font-weight:700; display:inline-flex; align-items:center; gap:4px;
}
.when.hot .ic-hot--dot[data-v-9f8dc2da] { width: 1.2em; height: 1.2em; color: #ef4444;
}
@keyframes pulseOpacity-9f8dc2da {
0%   { stroke-opacity: .25;
}
50%  { stroke-opacity: .85;
}
100% { stroke-opacity: .25;
}
}
.when.hot .ic-hot--dot .pulseRing[data-v-9f8dc2da] { animation: pulseOpacity-9f8dc2da 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.when.hot .ic-hot--dot .pulseRing[data-v-9f8dc2da] { animation: none;
}
}

.reactions-wrap[data-v-0ff8a4ee]{ position: relative; z-index: 1003;
}
.empty-overlay[data-v-0ff8a4ee]{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  z-index: 1004;
  background:#fff;
}
.viewport.fullscreen[data-v-0ff8a4ee]{
  position:fixed; inset:0; width:100vw; height:100dvh; max-height:100dvh;
  z-index:1000; background:transparent;
  touch-action:none; overscroll-behavior:contain;
}
.viewport[data-v-0ff8a4ee]{
  position:relative; width:100%;
  height: calc(100dvh - var(--chrome-top,0px) - var(--chrome-bottom,0px));
  max-height: calc(100dvh - var(--chrome-top,0px) - var(--chrome-bottom,0px));
  overflow:hidden; touch-action: pan-y; overscroll-behavior-x: contain;
  --cover-ratio: 4/3;
}
.sheet[data-v-0ff8a4ee]{
  position:absolute; inset:0;
  background:#fff;
  transition: transform .22s ease, border-radius .22s ease, box-shadow .22s ease;
  will-change: transform;
}
.sheet.dragging[data-v-0ff8a4ee]{ transition: none;
}
.segments[data-v-0ff8a4ee]{ position:absolute; left:10px; right:10px; top:25px; display:flex; gap:6px; z-index:1001; pointer-events:none;
}
.seg[data-v-0ff8a4ee]{ flex:1 1 0; height:3.5px; background:#e5e7eb; border-radius:999px; overflow:hidden;
}
.seg-bar[data-v-0ff8a4ee]{ height:100%; width:0%; background:var(--brand,#0b63f6); transition: width .25s linear;
}
.track[data-v-0ff8a4ee]{ height:100%; display:flex; transition: transform .28s ease;
}
.track.dragging[data-v-0ff8a4ee]{ transition:none;
}
.drag-y .card.active[data-v-0ff8a4ee]{ transition:none !important
}
.card[data-v-0ff8a4ee]{
  position:relative;
  flex:0 0 100%;
  width:100%;
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
  padding:35px 10px calc(14px + var(--top-safe-area));
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:0 10px 24px rgba(2,8,23,.06);
  min-height:0;
}
.card-inner[data-v-0ff8a4ee]{
  width:100%;
  max-width:500px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:0;
  height:100%;
}
.ad-inner[data-v-0ff8a4ee] { height:100%;
}
.card.ad-card[data-v-0ff8a4ee]{ padding: 35px 10px;
}

/* ✅ drag handle */
.drag-handle[data-v-0ff8a4ee]{
  height: 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  user-select:none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.grabber[data-v-0ff8a4ee]{
  width:46px;
  height:4px;
  border-radius:999px;
  background:#d1d5db;
  display:block;
}

/* ✅ scroll uvnitř karty */
.card-scroll[data-v-0ff8a4ee]{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  max-width:100%;
  padding-bottom:12px;
  -webkit-overflow-scrolling: touch;
  z-index: 11;
}
.src[data-v-0ff8a4ee]{ display:flex; align-items:center; justify-content:space-between; gap:8px; color:#6b7280; max-width:100%; z-index: 1003; font-size: 13px;}
.src-left[data-v-0ff8a4ee]{ display:flex; align-items:center; gap:8px; padding: 5px 0;
}
.src-right[data-v-0ff8a4ee]{ display:flex; align-items:center; gap:6px; padding: 5px 0;
}
.follow[data-v-0ff8a4ee]{ padding:6px 10px; font-weight:700; border-radius:999px; border:1px solid #dbe7ff; background:#f3f7ff; color:#0b63f6; cursor:pointer; white-space:nowrap;
}
.close-inline[data-v-0ff8a4ee]{ color: #6b7280; width:32px; height:32px; border-radius: 8px; padding: 0; border:none; background:transparent; font-size:32px; line-height:1; display:grid; place-items:center; cursor:pointer; flex:0 0 auto;
}
.close-inline[data-v-0ff8a4ee]:active, .close-inline[data-v-0ff8a4ee]:hover{  background: #f3f4f6;
}
.cover-box[data-v-0ff8a4ee]{ width:100%; max-width: 500px; max-height: 500px; aspect-ratio: var(--cover-ratio); border-radius:14px; overflow:hidden; flex: 0 0 auto; margin: 0 auto; position:relative;
}
.cover-img[data-v-0ff8a4ee]{ width:100%; height:100%; object-fit:cover; display:block;
}
.cover-ph[data-v-0ff8a4ee]{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#6b7280; background: linear-gradient(90deg, #f1f5f9 0%, #e9edf5 50%, #f1f5f9 100%); background-size:200% 100%; animation: shimmer-0ff8a4ee 1.1s linear infinite;
}
.cover-ph--title[data-v-0ff8a4ee]{ background: rgb(11, 99, 246); color:#fff; display:flex; align-items:center; justify-content:center; text-align:center;
}
.ph-logo[data-v-0ff8a4ee]{ width:44px; height:44px; opacity:.9; margin-bottom:10px;
}
.title[data-v-0ff8a4ee]{ margin:2px 0 0; font-size:22px; line-height:1.25
}
.meta[data-v-0ff8a4ee]{ color:#6b7280; font-size:12px
}
.when[data-v-0ff8a4ee]{ color:#0b63f6; font-weight:700; display:inline-flex; align-items:center; gap:4px;
}
.summary[data-v-0ff8a4ee]{
  color:#374151;
  margin:0;
  line-height: 1.5;
  display:block;
  max-height:none;
  overflow:visible;
  position: relative;
  word-break: break-word;
}
.actions-toolbar[data-v-0ff8a4ee]{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: var(--top-safe-area);
  background:#fff;
  display:flex;
  justify-content:space-around;
  align-items:center;
  gap:8px;
  z-index: 6;
  border-top: 1px solid #e5e7eb;
}
.toolbar-item[data-v-0ff8a4ee]{ display:flex; flex-direction:column; align-items:center; gap:6px; min-width:64px; width: calc(100% / 5); max-height: 100%;}
.toolbar-item[data-v-0ff8a4ee] button, .toolbar-item[data-v-0ff8a4ee] a{ background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-direction: column;
}
.toolbar-item[data-v-0ff8a4ee] button:hover, .toolbar-item[data-v-0ff8a4ee] a:hover{ background:#f3f7ff;
}
.toolbar-item[data-v-0ff8a4ee] svg{ width:20px; height:20px;
}
.label[data-v-0ff8a4ee]{ font-size:11px; color:#6b7280; font-weight:600; line-height:1;
}
.dot[data-v-0ff8a4ee]{ color:#cbd5e1; margin:0 2px;
}
.exclusive-badge[data-v-0ff8a4ee]{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; color:#0b63f6;
}
.media-badges[data-v-0ff8a4ee]{
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 6px;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}
.nav-arrow[data-v-0ff8a4ee]{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(15, 23, 42, .12);
  border-radius:10px;
  background: rgba(255,255,255,.75);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index:1002;
  color:#0b63f6;
  transition: background .18s ease, border-color .18s ease, transform .1s ease;
}
.nav-arrow svg[data-v-0ff8a4ee]{ width:22px; height:22px;
}
.nav-arrow[data-v-0ff8a4ee]:hover{ background:#fff; border-color: rgba(15, 23, 42, .2);
}
.nav-arrow[data-v-0ff8a4ee]:active{ transform: translateY(-50%) scale(0.98);
}
.nav-arrow.left[data-v-0ff8a4ee]{  left:12px;
}
.nav-arrow.right[data-v-0ff8a4ee]{ right:12px;
}
.tapzones[data-v-0ff8a4ee]{ position:absolute; inset:0; pointer-events:none; z-index: 0;
}
.tapzones .tap[data-v-0ff8a4ee]{ position:absolute; top:0; bottom:0; width:15%; pointer-events:auto; background: transparent; cursor: pointer;
}
.tapzones .tap.left[data-v-0ff8a4ee] { left:0;
}
.tapzones .tap.right[data-v-0ff8a4ee]{ right:0;
}
.tapzones[data-v-0ff8a4ee], .tapzones .tap[data-v-0ff8a4ee] { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; user-select: none; outline: none;
}
.content-row[data-v-0ff8a4ee] { display: block; position: relative;}
.content-row.landscape.has-cover[data-v-0ff8a4ee] {
  display: grid;
  grid-template-columns: minmax(140px, 40%) 1fr;
  grid-auto-rows: min-content;
  gap: 12px;
  align-items: start;
}
.content-row.landscape[data-v-0ff8a4ee]:not(.has-cover) { display: block;
}
.card-inner.landscape[data-v-0ff8a4ee]{ max-width: inherit;
}
.content-row.landscape.has-cover .cover-box[data-v-0ff8a4ee]{ margin: 0; max-width: 100%; align-self: start;
}
.text-col[data-v-0ff8a4ee]{ display:flex; flex-direction:column; gap:12px;
}

/* ========= Skeleton ========= */
.skeleton-card[data-v-0ff8a4ee]{
  width:100%;
  max-width:500px;
  padding:35px 10px calc(14px + var(--top-safe-area));
  box-sizing:border-box;
}
.sk-row[data-v-0ff8a4ee], .sk-cover[data-v-0ff8a4ee], .sk-title[data-v-0ff8a4ee], .sk-meta[data-v-0ff8a4ee], .sk-line[data-v-0ff8a4ee], .sk-action[data-v-0ff8a4ee]{
  background: linear-gradient(90deg, #f1f5f9 0%, #e9edf5 50%, #f1f5f9 100%);
  background-size:200% 100%;
  animation: shimmer-0ff8a4ee 1.1s linear infinite;
  border-radius:10px;
}
.sk-src[data-v-0ff8a4ee]{ height:28px; width:65%; margin:0 auto 12px auto;
}
.sk-cover[data-v-0ff8a4ee]{ width:100%; aspect-ratio: 4/3; margin:0 auto 14px auto; border-radius:14px;
}
.sk-title[data-v-0ff8a4ee]{ height:24px; width:90%; margin: 8px auto;
}
.sk-meta[data-v-0ff8a4ee]{ height:14px; width:50%; margin: 6px auto 14px auto; border-radius:8px;
}
.sk-lines[data-v-0ff8a4ee]{ display:flex; flex-direction:column; gap:8px; width:100%; max-width:500px; margin:0 auto 18px auto;
}
.sk-line[data-v-0ff8a4ee]{ height:16px; width:100%;
}
.sk-line.short[data-v-0ff8a4ee]{ width:70%;
}
.sk-actions[data-v-0ff8a4ee]{ display:flex; justify-content:space-around; gap:8px; margin-top:6px;
}
.sk-action[data-v-0ff8a4ee]{ height:44px; width:18%; border-radius:12px;
}
@keyframes shimmer-0ff8a4ee {
0%{ background-position: 0% 0;
}
100%{ background-position: 200% 0;
}
}

[data-v-cc9ee627]:root{ --stories-h:112px;
}
.stories-wrap[data-v-cc9ee627]{ position:relative;
}
.stories-wrap[data-v-cc9ee627]::before,
.stories-wrap[data-v-cc9ee627]::after{
  content:""; position:absolute; top:0; bottom:0; width:28px; z-index:1;
  pointer-events:none; opacity:0; transition:opacity .18s ease;
}
.stories-wrap.can-left[data-v-cc9ee627]::before{ left:0;  background: linear-gradient(to right, #fff, rgba(255,255,255,0)); opacity:1;
}
.stories-wrap.can-right[data-v-cc9ee627]::after{ right:0; background: linear-gradient(to left,  #fff, rgba(255,255,255,0)); opacity:1;
}
.stories[data-v-cc9ee627]{
  height: var(--stories-h);
  box-sizing: border-box;
  display:flex; align-items:flex-start; gap:14px;
  padding:8px 8px 12px;
  overflow-x:auto; scroll-snap-type:x proximity; scroll-padding-left:8px;
  -ms-overflow-style:none; scrollbar-width:none;
  border-bottom:1px solid #eef2f7; background:#fff;
  overflow-anchor: none;
  contain: layout paint;
}
.stories.no-snap[data-v-cc9ee627]{ scroll-snap-type: none !important;
}
.stories[data-v-cc9ee627]::-webkit-scrollbar{ display:none
}
.chev[data-v-cc9ee627]{
  position:absolute; top:50%; transform:translateY(-50%);
  width:32px; height:32px; display:flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827;
  box-shadow:0 6px 14px rgba(15,23,42,.12); z-index:2; cursor:pointer;
}
.chev.left[data-v-cc9ee627]{  left:6px;
}
.chev.right[data-v-cc9ee627]{ right:6px;
}
.chev[data-v-cc9ee627]:active{ transform:translateY(-50%) scale(.98)
}
.story[data-v-cc9ee627]{ width:72px; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:6px;
}
.bubble[data-v-cc9ee627]{ width:61px; height:61px; border-radius:999px; overflow:hidden; display:grid; place-items:center;
}
.bubble--sk[data-v-cc9ee627]{
  background: linear-gradient(90deg, #f3f4f6 0%, #eaeef5 50%, #f3f4f6 100%);
  background-size:200% 100%;
  animation: sk-shimmer-cc9ee627 1.1s linear infinite;
}
.bubble--cta[data-v-cc9ee627]{ background:#f3f7ff; color:#0b63f6; border:1px dashed #cfe0ff;
}
.label[data-v-cc9ee627]{ width:58px; height:10px; border-radius:6px;
}
.label--sk[data-v-cc9ee627]{
  background: linear-gradient(90deg, #f3f4f6 0%, #eaeef5 50%, #f3f4f6 100%);
  background-size:200% 100%;
  animation: sk-shimmer-cc9ee627 1.1s linear infinite;
}
.label--cta[data-v-cc9ee627]{ height:auto; width:auto; color:#0b63f6; font-weight:700; font-size:11px;
}
@keyframes sk-shimmer-cc9ee627{
0%{ background-position:0% 0
}
100%{ background-position:200% 0
}
}

/* Sticky „bez CLS“ – slot se přirozeně zastaví, jakmile je celý nad spodní lištou */
.ad-box[data-v-0c43344f]{
  --ad-h: 480px;
  position: sticky;
  top: calc(100vh - var(--top-safe-area,72px) - var(--ad-h));
  width: 100%;
  height: var(--ad-h); max-height: var(--ad-h);
  background: linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border-top: 1px solid #eef2f7;
  border-bottom: 1px solid #eef2f7;
  display: grid; place-items: center; overflow: hidden;
}
@media (min-width:1024px){
.ad-box[data-v-0c43344f]{ --ad-h: 250px; height: 250px; max-height: 250px;
}
}

/* label + watermark */
.ad-tag[data-v-0c43344f]{
  position:absolute; top:10px;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#6b7280;
}
.ad-placeholder[data-v-0c43344f]{ width:min(100%,1240px); height:100%; position:relative; overflow:hidden;
}
.wm-icon[data-v-0c43344f]{ position:absolute; inset:0; display:grid; place-items:center; color:#0b63f6; opacity:.10; pointer-events:none;
}
.wm-icon svg[data-v-0c43344f]{ width:clamp(72px,18vw,140px); height:auto;
}

.list[data-v-e5618f1a]{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;
}
.list-skel[data-v-e5618f1a]{
}
.sk[data-v-e5618f1a]{
  background:linear-gradient(90deg,#f1f5f9 0%,#e9edf5 50%,#f1f5f9 100%);
  background-size:200% 100%; animation: shimmer-e5618f1a 1.1s linear infinite;
  border-radius:8px;
}
@keyframes shimmer-e5618f1a{
0%{ background-position:0 0
}
100%{ background-position:200% 0
}
}
.sk-thumb[data-v-e5618f1a]{ width:100%; aspect-ratio: 16 / 10; border-radius:12px;
}
.sk-avatar[data-v-e5618f1a]{ width:22px; height:22px; border-radius:50%; flex:0 0 auto;
}
.sk-src[data-v-e5618f1a]{ width:min(38vw, 180px); max-width:260px; height:14px; border-radius:6px;
}
.sk-btn[data-v-e5618f1a]{ width:84px; height:26px; border-radius:999px;
}
.sk-title[data-v-e5618f1a]{ width:90%; max-width:720px; height:20px; border-radius:8px;
}
.list-skel .title .sk-title[data-v-e5618f1a]::after{
  content:''; display:block; width:72%; height:16px; margin-top:8px;
  border-radius:8px; background:inherit; animation: inherit;
}
.sk-meta[data-v-e5618f1a]{ width:220px; max-width:60%; height:12px; border-radius:6px;
}
.sk-reactions[data-v-e5618f1a]{ width:140px; height:28px; border-radius:999px;
}
.story-btn[data-v-e5618f1a] {
  padding: 0;
}
.row[data-v-e5618f1a]{
  display:flex; flex-direction: column; gap:12px; align-items:flex-start;
  padding:12px; background:#fff; cursor:pointer;
  content-visibility:auto; contain-intrinsic-size:320px 640px;
}
.article[data-v-e5618f1a]{ display:flex; flex-direction:column; gap:12px; width:100%;
}
.article-main[data-v-e5618f1a]{ display:flex; flex-direction:column-reverse; gap:12px;
}
.media[data-v-e5618f1a]{ flex:0 0 auto;
}
.thumb-box[data-v-e5618f1a]{
  width:100%;
  position: relative;
  border-radius:12px; overflow:hidden; cursor:pointer;
  max-width: 560px; max-height: 420px;
}
.thumb-sizer[data-v-e5618f1a]{ width:100%; aspect-ratio: 16 / 10;
}
.thumb-img[data-v-e5618f1a]{
  position:absolute; inset:0;
  width:100%; height:100%;
  display:block; object-fit:cover;
}
.media-badges[data-v-e5618f1a]{
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 6px;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}
.body[data-v-e5618f1a]{ display:flex; flex-direction:column; gap:6px; flex:1 1 auto; min-width:0;
}
.title[data-v-e5618f1a]{ margin: 2px 0;
}
.title-link[data-v-e5618f1a]{ all: unset; color:#111827; font-weight:600; font-size:18px; line-height:1.25; cursor:pointer;
}

/* 🆕 jednořádkové summary */
.summary[data-v-e5618f1a]{
  color:#374151;
  font-size:14px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top: -2px;
}
.meta[data-v-e5618f1a] { color:#6b7280; font-size:12px; margin:6px 0; display:flex; align-items:center; gap:4px; flex-wrap:wrap
}
.src-name[data-v-e5618f1a]{ color:#6b7280
}
.when[data-v-e5618f1a]{ color:#0b63f6; font-weight:700; display:inline-flex; align-items:center; gap:4px;
}
.when.hot .ic-hot--dot[data-v-e5618f1a] { width: 1.2em; height: 1.2em; color: #ef4444;
}
@keyframes pulseOpacity-e5618f1a {
0%{stroke-opacity:.25}
50%{stroke-opacity:.85}
100%{stroke-opacity:.25}
}
.when.hot .ic-hot--dot .pulseRing[data-v-e5618f1a] { animation: pulseOpacity-e5618f1a 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.when.hot .ic-hot--dot .pulseRing[data-v-e5618f1a] { animation: none;
}
}
.src[data-v-e5618f1a] { display:flex; align-items:center; justify-content: space-between; gap:8px; color:#6b7280; padding: 5px 0; min-height: 30px; font-size: 13px;}
.src-left[data-v-e5618f1a]{ display:flex; align-items:center; gap:8px; padding: 5px 0;
}
.src-actions[data-v-e5618f1a]{ display:flex; align-items:center; gap:10px; height: 30px;}
.src-actions button[data-v-e5618f1a]{ height: 100%;}
.exclusive-badge[data-v-e5618f1a]{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; color:#0b63f6;
}
.follow[data-v-e5618f1a]{ padding:6px 10px; font-weight:700; border-radius:999px; border:1px solid #dbe7ff; background:#f3f7ff; color:#0b63f6; cursor:pointer; white-space:nowrap;
}
.reactions-row[data-v-e5618f1a]{
  align-self: stretch; width:100%; display:flex; justify-content:flex-end;
  min-height: 30px;
}
.sentinel[data-v-e5618f1a]{ height: 1px;
}
.ad-row[data-v-e5618f1a]{ padding: 0; background: transparent;
}
.ad-bleed[data-v-e5618f1a]{ width: 100%;}
.ad-floater[data-v-e5618f1a]{
  position: fixed; left: 0; right: 0; z-index: 10000;
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding: 10px 12px; background:#ffffff; color:#6b7280;
  border-top: 1px solid #eef2f7; box-shadow: 0 - 6px 14px rgba(2,8,23,.06);
  pointer-events: none;
}
.ad-floater-spinner[data-v-e5618f1a]{
  width: 20px; height: 20px; border-radius: 50%;
  border: 3px solid #e5e7eb; border-top-color: #0b63f6; animation: spin-e5618f1a .8s linear infinite;
}
@keyframes spin-e5618f1a {
to { transform: rotate(360deg);
}
}
@media (min-width: 1024px), (orientation: landscape) and (min-width: 640px){
.article-main[data-v-e5618f1a]{
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}
.media[data-v-e5618f1a]{
    order: 1;
    flex: 0 0 clamp(220px, 28vw, 340px);
}
.media .thumb-box[data-v-e5618f1a]{
    width: 100%;
    max-width: none;
    max-height: none;
}
.body[data-v-e5618f1a]{
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
}
.title-link[data-v-e5618f1a]{ font-size:20px;
}
.summary[data-v-e5618f1a]{ font-size:15px;
}
}
@media (min-width: 1360px){
.media[data-v-e5618f1a]{ flex-basis: clamp(260px, 28vw, 380px);
}
.thumb-box[data-v-e5618f1a]{ border-radius:14px;
}
}

:root{
  --bottom-safe-area: 0px;
  --top-safe-area: 72px;
  --actions-h: 72px;
  scrollbar-gutter: stable both-edges;
}
:focus-visible { outline:none;
}
@media (max-width: 1023px){
:root{
    --bottom-safe-area: calc(68px + env(safe-area-inset-bottom, 0px));
    --top-safe-area: 72px;
    --actions-h: 72px;
}
}
html,body,#app{
  height:100%;
  background:#f6f7fb;
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif
}
.more{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid #d1d5db;
  background:#fff;
  cursor:pointer
}
.more:disabled{ opacity:.6; cursor:default
}
.content{
  padding-top: 65px;
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  min-height: calc(100vh - 0px);
}
.content-wrap{
  will-change: transform;
  margin: auto;
  max-width: 1280px;
  width: 100%;
}
* { -webkit-tap-highlight-color: transparent;
}
html, body { -webkit-user-select: text; user-select: text;
}
.tapzones, .tapzones .tap, .nav-arrow, header.toolbar, .bottom-toolbar, button, a, [role="button"] {
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
}
input, textarea, select, [contenteditable], .article, .summary, .content, .allow-select {
  -webkit-user-select: text !important; user-select: text !important;
}
.tapzones .tap:active, .nav-arrow:active { background: transparent !important;
}
.empty-state{
  display:flex; align-items:center; gap:12px; padding:14px; margin:10px 12px 0;
  border:1px solid #e5e7eb; border-radius:12px; background:#fff; flex-direction: column;
}
.empty-wrap { display: flex; gap: 12px; padding: 14px; justify-content: center; align-items: center;
}
.empty-ic{ width:26px; height:26px; color:#94a3b8; flex:0 0 auto;
}
.empty-text{ display:flex; flex-direction:column; line-height:1.25;
}
.empty-text strong{ color:#111827;
}
.empty-text span{ color:#6b7280; font-size:14px;
}
.empty-state button {
  padding: 8px 12px; border-radius: 12px; border: 1px solid #0b63f6; background: #0b63f6; color: #fff;
}

/* LOGIN GATE styles */
.login-gate{
  min-height: 100vh; display: grid; place-items: center;
  padding: 24px; background: #f6f7fb;
}
.gate-card{
  width: 100%; max-width: 420px; padding: 18px 16px 16px;
  border-radius: 14px; background: #fff; border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(2,8,23,.06); text-align: center;
}
.gate-card h1{ margin: 6px 0 6px; font-size: 20px;
}
.gate-card p{ margin: 0 0 12px; color:#6b7280;
}
.google-cta{
  width: 100%; height: 46px; display:flex; align-items:center; justify-content:center; gap:10px;
  border: 1px solid #dadce0; border-radius: 10px; background: #fff; cursor: pointer;
  font-weight: 700; color:#111827;
}
.google-cta:hover{ background:#f8fafc;
}
.glogo-wrap{ width:20px; height:20px; display:grid; place-items:center;
}
.glogo-wrap svg{ width:18px; height:18px;
}