.ferman { font-size: 13px; }

.ferman__header { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.ferman__title  { margin: 0; font-size: 20px; }
.ferman__nav    { font-size: 22px; text-decoration: none; padding: 0 8px; color: inherit; opacity: .6; }
.ferman__nav:hover { opacity: 1; }

.ferman__legend { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.badge { padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 500; }
.badge--zkouska     { background: #dbeafe; color: #1e40af; }
.badge--predstaveni { background: #dcfce7; color: #166534; }
.badge--pronajem    { background: #fef9c3; color: #854d0e; }
.badge--ostatni     { background: #f3f4f6; color: #374151; }

.ferman__table-wrap { overflow-x: auto; }

.ferman__table {
	width: 100%;
	border-collapse: collapse;
	min-width: 900px;
	table-layout: fixed;
}

.ferman__th,
.ferman__td {
	border: 1px solid #e5e7eb;
	padding: 0 5px;
	vertical-align: middle;
}
.ferman__th {
	background: #f8fafc;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #64748b;
	text-align: center;
}

.ferman__th--day         { width: 50px; }
.ferman__th--venue       { width: auto; }
.ferman__th--predstaveni { width: 155px; }
.ferman__th--note        { width: 145px; }

.ferman__hours-row .ferman__th { padding: 0; font-weight: 400; }

.ferman__timeline-labels { display: flex; }
.ferman__hour-label {
	flex: 1;
	font-size: 10px;
	color: #94a3b8;
	text-align: center;
	padding: 1px 0 1px 2px;
	border-left: 1px solid #e5e7eb;
}

.ferman__td--day { text-align: center; white-space: nowrap; }
.ferman__day { font-weight: 600; font-size: 14px; display: block; line-height: 1; }
.ferman__dow { font-size: 11px; color: #94a3b8; display: block; }
.ferman__add { font-size: 15px; text-decoration: none; color: #94a3b8; opacity: 0; transition: opacity .15s; display: block; }
.ferman__td--day:hover .ferman__add { opacity: 1; }

.ferman__row--weekend .ferman__td { background: #fafafa; }

/* Časová osa */
.ferman__td--timeline { padding: 0; }

.ferman__timeline {
	position: relative;
	height: 22px;
	overflow: visible;
}

.ferman__grid-lines {
	position: absolute;
	inset: 0;
	display: flex;
	pointer-events: none;
	z-index: 0;
}
.ferman__grid-line          { flex: 1; border-left: 2px solid #cbd5e1; }
.ferman__grid-line--even    { background: #f1f5f9; border-left-color: #cbd5e1; }

/* Událost */
.ferman__event {
	position: absolute;
	top: 2px;
	height: calc(100% - 4px);
	border-radius: 3px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 3px;
	font-size: 10px;
	box-sizing: border-box;
	z-index: 2;
	cursor: default;
	border-width: 1px;
	border-style: solid;
}

.ferman__event--zkouska     { background: #bfdbfe; color: #1e3a8a; border-color: #93c5fd; }
.ferman__event--predstaveni { background: #bbf7d0; color: #14532d; border-color: #86efac; }
.ferman__event--pronajem    { background: #fef08a; color: #713f12; border-color: #fde047; }
.ferman__event--ostatni     { background: #e5e7eb; color: #1f2937; border-color: #d1d5db; }

.ferman__event-inner {
	display: flex;
	gap: 3px;
	align-items: baseline;
	overflow: hidden;
	min-width: 0;
	flex: 1;
}
.ferman__event-time { font-weight: 600; white-space: nowrap; flex-shrink: 0; }
.ferman__event-desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ferman__event-actions { display: none; gap: 2px; flex-shrink: 0; margin-left: 2px; }
.ferman__event-actions a { text-decoration: none; opacity: .6; font-size: 10px; }
.ferman__event-actions a:hover { opacity: 1; }
.ferman__event:hover { z-index: 10; overflow: visible; }
.ferman__event:hover .ferman__event-actions { display: flex; }

.ferman__td--predstaveni,
.ferman__td--note { font-size: 12px; }
.ferman__td--clickable { cursor: crosshair; }
.ferman__td--clickable:hover { background: rgba(0, 0, 0, 0.02); }

.ferman__predstaveni { line-height: 1.3; margin-bottom: 2px; }
.ferman__person { display: block; font-style: italic; font-size: 11px; color: #6b7280; }

.ferman__note { font-size: 11px; padding: 1px 4px; border-left: 3px solid #e5e7eb; color: #6b7280; margin-bottom: 2px; }
.ferman__note--pronajem    { border-color: #facc15; color: #713f12; font-weight: 500; }
.ferman__note--predstaveni { border-color: #4ade80; }

.flash { padding: 10px 16px; border-radius: 6px; margin-bottom: 12px; font-size: 14px; }
.flash--success { background: #dcfce7; color: #166534; }
.flash--danger  { background: #fee2e2; color: #991b1b; }