/* ============================================
 * CITATŲ STUDIJA
 * Bendra studijos vizualinė kalba ateina iš studio-base.css, kurį puslapis
 * įsijungia atskiru <link> tagu (ne @import — tas pridėtų papildomą
 * round-trip ir nestilizuoto turinio blyksnį).
 * Čia — tik citatoms būdingi elementai: autoriaus patikimumas, naršymas,
 * citatų kortelės, redagavimo forma.
 * ============================================ */

/* ==================== Pranešimo juostelė ==================== */

.qs-notice {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	margin: 0;
	padding: 0.85rem 1rem;
	background: var(--qs-accent-soft);
	border: 1px solid var(--qs-accent-border);
	border-radius: var(--qs-radius-sm);
	color: var(--color-text-secondary, #adadc9);
	font-size: 0.88rem;
	line-height: 1.5;
}

.qs-notice i {
	margin-top: 0.15rem;
	color: var(--qs-accent);
}

/* ==================== Autoriaus patikimumas ==================== */

.qs-confidence {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.5rem;
	padding: 0.3rem 0.7rem;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 600;
}

.qs-confidence--exact {
	background: rgba(46, 204, 113, 0.15);
	border: 1px solid rgba(46, 204, 113, 0.4);
	color: #7ee2a8;
}

.qs-confidence--suggested {
	background: rgba(251, 191, 36, 0.15);
	border: 1px solid rgba(251, 191, 36, 0.4);
	color: #fcd34d;
}

/* ==================== Naršymas ==================== */

/* Naršymo perjungiklis gyvena kortelės viduje — be savo rėmelio ir fono */
.qs-seg--inline {
	background: var(--qs-surface-2);
	border: 0;
	margin-bottom: 1.1rem;
}

.qs-seg--inline .qs-seg__btn {
	flex-direction: row;
	gap: 0.5rem;
	padding: 0.6rem 0.75rem;
}

.qs-browse__refresh {
	width: 100%;
	margin-top: 0.9rem;
}

.qs-quotes {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

/* ==================== Citatos kortelė ==================== */

.qs-quote {
	padding: 1rem 1.1rem;
	background: var(--qs-surface-2);
	border: 1px solid var(--qs-border);
	border-left: 3px solid var(--qs-accent-border);
	border-radius: var(--qs-radius-sm);
	transition: border-left-color 0.2s ease;
}

.qs-quote:hover {
	border-left-color: var(--qs-accent);
}

.qs-quote__text {
	margin: 0 0 0.6rem;
	color: var(--color-text-primary, #f5f5fa);
	font-size: 0.98rem;
	line-height: 1.6;
}

.qs-quote__author {
	display: inline-block;
	color: var(--qs-accent);
	font-weight: 600;
	font-size: 0.9rem;
	text-decoration: none;
}

.qs-quote__author:hover {
	text-decoration: underline;
}

.qs-quote__meta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
	margin-top: 0.6rem;
	padding-top: 0.6rem;
	border-top: 1px solid var(--qs-border);
	font-size: 0.76rem;
	color: var(--qs-muted);
}

.qs-quote__meta i {
	opacity: 0.8;
}

.qs-quote__id {
	font-family: 'JetBrains Mono', ui-monospace, monospace;
	margin-left: auto;
}

/* Kompaktiškas variantas šoninei juostai */
.qs-quotes--compact .qs-quote {
	padding: 0.75rem 0.85rem;
}

.qs-quotes--compact .qs-quote__text {
	font-size: 0.86rem;
	line-height: 1.5;
}

/* ==================== Redagavimas (5 lygis) ==================== */

.qs-quote__edit-toggle {
	margin-top: 0.7rem;
	padding: 0.35rem 0.7rem;
	background: transparent;
	border: 1px solid var(--qs-border);
	border-radius: var(--qs-radius-sm);
	color: var(--qs-muted);
	font-family: inherit;
	font-size: 0.78rem;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.qs-quote__edit-toggle:hover {
	border-color: var(--qs-accent-border);
	color: var(--color-text-primary, #f5f5fa);
}

.qs-quote__edit {
	margin-top: 0.8rem;
	padding-top: 0.8rem;
	border-top: 1px dashed var(--qs-border);
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.qs-quote__edit-actions {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.qs-quote__edit-actions .qs-btn {
	padding: 0.55rem 1rem;
	font-size: 0.88rem;
}

/* ==================== Tuščios / klaidos būsenos ==================== */

.qs-empty {
	padding: 1.25rem 0;
	text-align: center;
	color: var(--qs-muted);
	font-size: 0.88rem;
}