/* ========== LOKÁLNÍ STYLY PRO DAILY REPORTING ========== */

/* Rozvržení tří karet (Varianty reportu) */
.report-cards { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap: 20px; 
}

@media (max-width: 900px) { 
  .report-cards { grid-template-columns: 1fr; } 
}

/* Základní karta reportu */
.site-wrap .r-card { 
  background: var(--bg-card); 
  border: 1px solid var(--border); 
  border-radius: var(--radius-lg); 
  padding: var(--space-8); 
  transition: border-color var(--transition), transform var(--transition); 
}
.site-wrap .r-card:hover { border-color: var(--border-hover); }

/* Střední zvýrazněná karta (Custom Portfolio) */
.site-wrap .r-card-mid { 
  transform: scale(1.04); 
  border-color: rgba(0,176,240,0.4); 
  box-shadow: var(--shadow-blue); 
}
@media (max-width: 900px) { 
  .site-wrap .r-card-mid { transform: none; } 
}

/* Štítky nad nadpisem v kartách */
.r-badge { 
  display: inline-block; 
  font-size: var(--text-xs); 
  font-weight: 700; 
  letter-spacing: 1px; 
  text-transform: uppercase; 
  padding: 4px 12px; 
  border-radius: 20px; 
  margin-bottom: var(--space-4); 
}
.r-badge-blue { background: rgba(0,176,240,0.12); color: var(--blue); }
.r-badge-white { background: rgba(255,255,255,0.08); color: var(--text-main); }
.r-badge-gold { background: rgba(212,168,67,0.12); color: var(--gold); }

.site-wrap .r-card h3 { 
  font-family: var(--font-display); 
  font-size: var(--text-xl); 
  font-weight: 800; 
  margin-bottom: var(--space-4); 
}

/* Omezovací štítek (limit 50 instrumentů) */
.limit-badge { 
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
  background: rgba(212,168,67,0.08); 
  border: 1px solid rgba(212,168,67,0.2); 
  border-radius: var(--radius-md); 
  padding: var(--space-4) var(--space-6); 
  font-size: var(--text-sm); 
  color: var(--gold); 
  font-weight: 600; 
  margin-top: var(--space-4); 
}

/* Časová osa (Timeline) v sekci "Co se děje" */
.timeline-step { 
  display: flex; 
  gap: var(--space-6); 
  align-items: flex-start; 
  padding: var(--space-6) 0; 
  border-bottom: 1px solid var(--border); 
}
.timeline-step:last-child { border-bottom: none; }

.timeline-time { 
  font-family: var(--font-display); 
  font-size: var(--text-base); 
  font-weight: 700; 
  color: var(--blue); 
  min-width: 70px; 
  padding-top: 2px; 
}

.timeline-content h4 { 
  font-family: var(--font-display); 
  font-size: var(--text-base); 
  font-weight: 700; 
  color: var(--text-main); 
  margin-bottom: var(--space-2); 
}
.timeline-content p { 
  font-size: var(--text-sm); 
  color: var(--text-muted); 
  line-height: 1.6; 
}
/* Modrý gradient pro zvýrazněná slova v hlavním nadpisu */
.site-wrap .page-hero h1 .accent-blue {
  background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  background-clip: text;
  color: transparent;
}