/**
 * biuzmanbul — ön yüz stilleri.
 *
 * Tasarım ilkesi: sağlık ve hukuk gibi kaygı yüklü konularda kullanıcı
 * sakinleştirici, düşük kontrastlı ve gürültüsüz bir arayüz görmeli.
 * Renk yalnızca anlam taşıdığında kullanılır (alan rengi, risk uyarısı,
 * uyum göstergesi).
 */

:root {
	--uz-bg: #ffffff;
	--uz-surface: #f8fafc;
	--uz-border: #e2e8f0;
	--uz-text: #0f172a;
	--uz-muted: #64748b;
	--uz-primary: #1d4ed8;
	--uz-primary-dark: #1e40af;
	--uz-ok: #047857;
	--uz-warn: #b45309;
	--uz-danger: #b91c1c;
	--uz-radius: 12px;
	--uz-radius-sm: 8px;
	--uz-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 12px rgba(15, 23, 42, .04);
	--uz-space: 1rem;
}

@media (prefers-color-scheme: dark) {
	:root {
		--uz-bg: #0f172a;
		--uz-surface: #1e293b;
		--uz-border: #334155;
		--uz-text: #f1f5f9;
		--uz-muted: #94a3b8;
		--uz-primary: #60a5fa;
		--uz-shadow: none;
	}
}

/* ---------------------------------------------------------------- */
/* Temel                                                             */
/* ---------------------------------------------------------------- */

.uz-app { max-width: 900px; margin: 0 auto; color: var(--uz-text); }
.uz-app *, .uz-app *::before, .uz-app *::after { box-sizing: border-box; }
.uz-muted { color: var(--uz-muted); }
.uz-warn { color: var(--uz-warn); }
.uz-small { font-size: .875rem; }
.uz-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.uz-hint { font-size: .875rem; color: var(--uz-muted); line-height: 1.6; }
.uz-num { text-align: right; font-variant-numeric: tabular-nums; }
.uz-plus { color: var(--uz-ok); }
.uz-minus { color: var(--uz-muted); }

.uz-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	padding: .7rem 1.25rem; border: 1px solid transparent; border-radius: var(--uz-radius-sm);
	background: var(--uz-primary); color: #fff; font-weight: 600; font-size: .95rem;
	text-decoration: none; cursor: pointer; transition: background .15s ease, transform .05s ease;
}
.uz-btn:hover { background: var(--uz-primary-dark); color: #fff; }
.uz-btn:active { transform: translateY(1px); }
.uz-btn:disabled { opacity: .5; cursor: not-allowed; }
.uz-btn-ghost { background: transparent; color: var(--uz-primary); border-color: var(--uz-border); }
.uz-btn-ghost:hover { background: var(--uz-surface); color: var(--uz-primary); }
.uz-btn-danger { background: var(--uz-danger); }
.uz-btn-sm { padding: .4rem .8rem; font-size: .85rem; }
.uz-link { color: var(--uz-primary); text-decoration: underline; text-underline-offset: 2px; }

.uz-notice {
	padding: 1rem 1.25rem; border: 1px solid var(--uz-border); border-left-width: 4px;
	border-radius: var(--uz-radius-sm); background: var(--uz-surface); margin: 1rem 0;
}
.uz-notice-ok { border-left-color: var(--uz-ok); }
.uz-notice-warn { border-left-color: var(--uz-warn); }
.uz-notice-info { border-left-color: var(--uz-primary); }
.uz-notice p:last-child { margin-bottom: 0; }

.uz-flash {
	position: fixed; left: 50%; bottom: 1.5rem; transform: translateX(-50%); z-index: 9999;
	padding: .8rem 1.25rem; border-radius: var(--uz-radius-sm); box-shadow: var(--uz-shadow);
	background: var(--uz-text); color: var(--uz-bg); font-size: .9rem; max-width: 90vw;
}
.uz-flash-error { background: var(--uz-danger); color: #fff; }
.uz-flash-ok { background: var(--uz-ok); color: #fff; }

/* ---------------------------------------------------------------- */
/* Formlar                                                           */
/* ---------------------------------------------------------------- */

.uz-form { display: grid; gap: 1rem; max-width: 640px; }
.uz-form label { display: grid; gap: .35rem; font-size: .9rem; }
.uz-form label > span:first-child { font-weight: 600; }
.uz-form input[type="text"], .uz-form input[type="email"], .uz-form input[type="tel"],
.uz-form input[type="url"], .uz-form input[type="password"], .uz-form input[type="number"],
.uz-form input[type="date"], .uz-form input[type="search"], .uz-form select, .uz-form textarea {
	width: 100%; padding: .65rem .8rem; border: 1px solid var(--uz-border);
	border-radius: var(--uz-radius-sm); background: var(--uz-bg); color: var(--uz-text);
	font: inherit; font-size: .95rem;
}
.uz-form textarea { resize: vertical; min-height: 90px; }
.uz-form input:focus, .uz-form select:focus, .uz-form textarea:focus {
	outline: 2px solid var(--uz-primary); outline-offset: 1px; border-color: transparent;
}
.uz-form small { color: var(--uz-muted); font-size: .8rem; }
.uz-grid-2 { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.uz-col-2 { grid-column: 1 / -1; }
.uz-check { display: flex; align-items: flex-start; gap: .6rem; font-size: .9rem; line-height: 1.5; cursor: pointer; }
.uz-check input { margin-top: .2rem; flex-shrink: 0; }
.uz-form fieldset { border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm); padding: 1rem; display: grid; gap: .5rem; }
.uz-form legend { font-weight: 600; font-size: .9rem; padding: 0 .4rem; }
.uz-inline-form { display: inline-block; margin-right: .5rem; }

/* ---------------------------------------------------------------- */
/* Alan seçimi                                                       */
/* ---------------------------------------------------------------- */

.uz-field-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1.5rem 0; }
@media (max-width: 860px) { .uz-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .uz-field-grid { grid-template-columns: 1fr; } }
.uz-field-card {
	display: flex; flex-direction: column; gap: .6rem; align-items: flex-start; text-align: left;
	padding: 1.5rem; border: 1px solid var(--uz-border); border-top: 4px solid var(--uz-field, var(--uz-primary));
	border-radius: var(--uz-radius); background: var(--uz-bg); box-shadow: var(--uz-shadow);
	cursor: pointer; text-decoration: none; color: inherit; transition: box-shadow .15s ease, transform .15s ease;
}
.uz-field-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15, 23, 42, .08); }
.uz-field-card:disabled { opacity: .6; }
.uz-field-name { font-size: 1.15rem; font-weight: 700; }
.uz-field-note, .uz-field-count { font-size: .82rem; color: var(--uz-muted); line-height: 1.55; }

/* ---------------------------------------------------------------- */
/* Sohbet                                                            */
/* ---------------------------------------------------------------- */

.uz-chat {
	display: flex; flex-direction: column; gap: .75rem; max-height: 55vh; overflow-y: auto;
	padding: 1rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius);
	background: var(--uz-surface); margin-bottom: 1rem; scroll-behavior: smooth;
}
.uz-chat-static { max-height: 400px; }
.uz-msg { display: flex; max-width: 85%; }
.uz-msg-body { padding: .75rem 1rem; border-radius: var(--uz-radius); line-height: 1.6; font-size: .95rem; }
.uz-msg-ai { align-self: flex-start; }
.uz-msg-ai .uz-msg-body { background: var(--uz-bg); border: 1px solid var(--uz-border); border-bottom-left-radius: 4px; }
.uz-msg-user { align-self: flex-end; }
.uz-msg-user .uz-msg-body { background: var(--uz-primary); color: #fff; border-bottom-right-radius: 4px; }
.uz-msg-system { align-self: stretch; max-width: 100%; }
.uz-msg-system .uz-msg-body {
	background: #fef3c7; color: #78350f; border: 1px solid #fde68a; font-size: .9rem;
}

.uz-chat-form { display: grid; gap: .6rem; }
.uz-chat-form textarea {
	width: 100%; padding: .8rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm);
	font: inherit; resize: vertical; background: var(--uz-bg); color: var(--uz-text);
}
.uz-chat-actions { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.uz-upload { cursor: pointer; font-size: .875rem; color: var(--uz-primary); }
.uz-upload input { display: none; }
.uz-chat-status { min-height: 1.5rem; font-size: .85rem; color: var(--uz-muted); }

.uz-typing { display: inline-flex; gap: 4px; align-items: center; }
.uz-typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--uz-muted); animation: uz-bounce 1.2s infinite; }
.uz-typing i:nth-child(2) { animation-delay: .15s; }
.uz-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes uz-bounce { 0%, 60%, 100% { opacity: .3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-4px); } }

/* ---------------------------------------------------------------- */
/* Rapor                                                             */
/* ---------------------------------------------------------------- */

.uz-report {
	padding: 1.5rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius);
	background: var(--uz-surface); line-height: 1.7;
}
.uz-report h3 { font-size: .9rem; text-transform: uppercase; letter-spacing: .05em; color: var(--uz-muted); margin: 1.25rem 0 .5rem; }
.uz-report h3:first-child { margin-top: 0; }
.uz-report ul, .uz-report ol { padding-left: 1.25rem; }
.uz-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.25rem; }

/* ---------------------------------------------------------------- */
/* Uzman kartları ve uyum göstergesi                                 */
/* ---------------------------------------------------------------- */

.uz-format-picker { margin: 1.5rem 0; }
.uz-label { display: block; font-weight: 600; margin-bottom: .5rem; font-size: .9rem; }
.uz-format-options { display: flex; gap: .75rem; flex-wrap: wrap; }
.uz-format-option {
	display: flex; flex-direction: column; gap: .2rem; padding: .75rem 1rem; cursor: pointer;
	border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm); background: var(--uz-bg);
}
.uz-format-option:has(input:checked) { border-color: var(--uz-primary); box-shadow: inset 0 0 0 1px var(--uz-primary); }
.uz-format-option input { position: absolute; opacity: 0; }
.uz-format-name { font-weight: 600; font-size: .9rem; }
.uz-format-price { font-size: .8rem; color: var(--uz-muted); }
.uz-urgency { margin-top: .75rem; }

.uz-expert-grid { display: grid; gap: 1rem; }

/* Aday kartı — dikey düzen.
   Eski kart yatay üç sütunluydu (kutu | fotoğraf | gövde) ve üç sütunlu
   ızgaraya konunca metinler kartın dışına taşıyordu. Kart artık kendi
   genişliğine göre dizilir; uzun metinler satır sınırıyla kesilir. */
.uz-candidate {
	position: relative; display: flex; flex-direction: column; gap: .5rem;
	padding: 1.1rem 1.15rem 1.15rem; border: 1px solid var(--uz-border);
	border-radius: 14px; background: var(--uz-bg); box-shadow: var(--uz-shadow);
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
	min-width: 0; overflow: hidden;
}
.uz-candidate:hover { border-color: #cbd5e1; transform: translateY(-2px); }
.uz-candidate.is-picked {
	border-color: var(--uz-primary); box-shadow: 0 0 0 2px var(--uz-primary), var(--uz-shadow);
}

/* Seçim kutusu: kartın sağ üst köşesinde, büyük tıklama alanı. */
.uz-ec-pick { position: absolute; top: .7rem; right: .7rem; cursor: pointer; }
.uz-ec-pick input { position: absolute; opacity: 0; width: 0; height: 0; }
.uz-ec-box {
	display: block; width: 24px; height: 24px; border-radius: 7px;
	border: 2px solid var(--uz-border); background: var(--uz-bg); transition: all .15s ease;
}
.uz-ec-pick:hover .uz-ec-box { border-color: var(--uz-primary); }
.uz-ec-pick input:focus-visible + .uz-ec-box { outline: 2px solid var(--uz-primary); outline-offset: 2px; }
.uz-ec-pick input:checked + .uz-ec-box {
	background: var(--uz-primary); border-color: var(--uz-primary);
}
.uz-ec-pick input:checked + .uz-ec-box::after {
	content: '✓'; display: block; margin-top: -3px; color: #fff;
	font-size: .95rem; font-weight: 700; text-align: center;
}

.uz-ec-top { display: flex; align-items: center; gap: .75rem; min-width: 0; padding-right: 2rem; }
.uz-ec-photo {
	width: 56px; height: 56px; border-radius: 50%; object-fit: cover;
	background: var(--uz-surface); flex: 0 0 auto;
}
.uz-ec-photo-empty {
	display: grid; place-items: center; font-size: 1.3rem; font-weight: 700;
	color: var(--uz-muted); background: var(--uz-surface);
}
.uz-ec-id { min-width: 0; }
.uz-candidate h3 {
	margin: 0 0 .1rem; font-size: .98rem; line-height: 1.3;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.uz-ec-headline {
	margin: 0; font-size: .82rem; line-height: 1.4; color: var(--uz-muted);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.uz-ec-rating { display: flex; align-items: center; gap: .4rem; font-size: .8rem; }
.uz-rationale {
	margin: .25rem 0 0; font-size: .84rem; line-height: 1.55; color: var(--uz-text);
	display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.uz-ec-profile { margin-top: auto; align-self: flex-start; }
.uz-grid-full { grid-column: 1 / -1; }

/* Uzman dizini kartlarıyla ortak eski adlar korunur. */
.uz-expert-photo { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; background: var(--uz-surface); }
.uz-expert-photo-empty {
	display: grid; place-items: center; font-size: 1.75rem; font-weight: 700;
	color: var(--uz-muted); background: var(--uz-surface);
}
.uz-expert-headline { font-size: .9rem; color: var(--uz-muted); margin: 0 0 .5rem; }

.uz-badges { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .5rem; }
.uz-badge-sm {
	display: inline-block; padding: .15rem .5rem; border-radius: 999px; font-size: .75rem;
	background: var(--uz-surface); border: 1px solid var(--uz-border); color: var(--uz-muted);
}
.uz-badge-sm.uz-urgent { background: #fef3c7; border-color: #fde68a; color: #92400e; }
.uz-verified { color: var(--uz-ok); font-weight: 700; }

/* 10 kademeli uyum göstergesi */
.uz-meter { display: flex; align-items: center; gap: 3px; margin: .5rem 0; }
.uz-meter i {
	width: 14px; height: 8px; border-radius: 2px; background: var(--uz-border); display: block;
}
.uz-meter i.is-on { background: #94a3b8; }
.uz-meter i.is-on.lv1, .uz-meter i.is-on.lv2, .uz-meter i.is-on.lv3 { background: #f59e0b; }
.uz-meter i.is-on.lv4, .uz-meter i.is-on.lv5, .uz-meter i.is-on.lv6 { background: #84cc16; }
.uz-meter i.is-on.lv7, .uz-meter i.is-on.lv8 { background: #22c55e; }
.uz-meter i.is-on.lv9, .uz-meter i.is-on.lv10 { background: #059669; }
.uz-meter-label { margin-left: .5rem; font-size: .8rem; color: var(--uz-muted); font-weight: 600; }

.uz-stars { color: #d1d5db; font-size: 1rem; letter-spacing: 1px; }
.uz-stars .is-on { color: #f59e0b; }
.uz-rating { font-size: .85rem; color: var(--uz-muted); }

.uz-sticky-bar {
	position: sticky; bottom: 0; display: flex; justify-content: space-between; align-items: center;
	gap: 1rem; flex-wrap: wrap; padding: 1rem; margin-top: 1.5rem;
	border: 1px solid var(--uz-border); border-radius: var(--uz-radius);
	background: var(--uz-bg); box-shadow: 0 -4px 16px rgba(15, 23, 42, .08);
}
.uz-cost { font-size: .95rem; }

/* ---------------------------------------------------------------- */
/* Paneller                                                          */
/* ---------------------------------------------------------------- */

.uz-panel-head {
	display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem;
	flex-wrap: wrap; padding-bottom: 1.25rem; border-bottom: 1px solid var(--uz-border); margin-bottom: 1.25rem;
}
.uz-panel-head h1 { margin: 0 0 .25rem; font-size: 1.5rem; }

.uz-credit-box {
	display: grid; gap: .2rem; justify-items: flex-end; padding: 1rem 1.25rem;
	border: 1px solid var(--uz-border); border-radius: var(--uz-radius); background: var(--uz-surface);
}
.uz-credit-value { font-size: 1.75rem; font-weight: 700; line-height: 1; }
.uz-credit-label { font-size: .8rem; color: var(--uz-muted); }
.uz-credit-reserved { font-size: .78rem; color: var(--uz-warn); }

.uz-tabs { display: flex; gap: .25rem; overflow-x: auto; border-bottom: 1px solid var(--uz-border); margin-bottom: 1.5rem; }
.uz-tab {
	padding: .7rem 1rem; border: none; border-bottom: 2px solid transparent; background: none;
	color: var(--uz-muted); font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; white-space: nowrap;
}
.uz-tab.is-active { color: var(--uz-primary); border-bottom-color: var(--uz-primary); }

.uz-toolbar { margin-bottom: 1rem; }
.uz-case-list { display: grid; gap: .75rem; }
.uz-case-row {
	display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
	padding: 1rem 1.25rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius);
	background: var(--uz-bg); cursor: pointer; transition: border-color .15s ease;
}
.uz-case-row:hover { border-color: var(--uz-primary); }
.uz-case-row h3 { margin: 0 0 .2rem; font-size: 1rem; }
.uz-case-meta { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; font-size: .8rem; }
.uz-case-meta code { font-size: .75rem; color: var(--uz-muted); }
.uz-status {
	display: inline-block; padding: .2rem .6rem; border-radius: 999px; font-size: .75rem; font-weight: 600;
	background: var(--uz-surface); border: 1px solid var(--uz-border);
}
.uz-status-answered { background: #d1fae5; border-color: #6ee7b7; color: #065f46; }
.uz-status-dispatched { background: #dbeafe; border-color: #93c5fd; color: #1e40af; }
.uz-status-matching { background: #fef3c7; border-color: #fde68a; color: #92400e; }
.uz-risk { color: var(--uz-warn); font-size: .8rem; font-weight: 600; }

.uz-case-detail { padding-top: .5rem; }
.uz-answer {
	padding: 1.5rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius);
	background: var(--uz-bg); margin: 1rem 0; box-shadow: var(--uz-shadow);
}
.uz-answer-head { display: flex; align-items: center; gap: .75rem; padding-bottom: 1rem; border-bottom: 1px solid var(--uz-border); margin-bottom: 1rem; }
.uz-answer-head img { border-radius: 50%; object-fit: cover; }
.uz-answer-body { line-height: 1.75; }
.uz-answer video, .uz-answer audio { width: 100%; margin: 1rem 0; border-radius: var(--uz-radius-sm); }
.uz-doc-link { color: var(--uz-primary); }

.uz-followups { display: grid; gap: .5rem; margin: 1rem 0; }
.uz-fu { padding: .6rem .9rem; border-radius: var(--uz-radius-sm); font-size: .9rem; line-height: 1.6; }
.uz-fu-user { background: var(--uz-surface); }
.uz-fu-expert { background: #eff6ff; border-left: 3px solid var(--uz-primary); }

.uz-followup-form, .uz-rate-form { display: grid; gap: .5rem; margin-top: 1rem; }
.uz-followup-form textarea, .uz-rate-form textarea {
	width: 100%; padding: .6rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm);
	font: inherit; background: var(--uz-bg); color: var(--uz-text);
}
/* Yıldız seçici.
   Eski kural "işaretli olan ve ONDAN SONRAKİLER" diyordu; 2 yıldıza
   tıklandığında 2-3-4-5 yanıyor, puan sağdan sola veriliyormuş gibi
   görünüyordu. Doğrusu: seçilen yıldız ve ONDAN ÖNCEKİLER yanar. */
.uz-star-input { display: flex; gap: .25rem; font-size: 1.6rem; }
.uz-star-input input { position: absolute; opacity: 0; width: 0; height: 0; }
.uz-star-input label { cursor: pointer; color: #d1d5db; transition: color .12s ease, transform .12s ease; }
.uz-star-input label:hover { transform: scale(1.12); }

.uz-star-input:has(input[value="1"]:checked) label:nth-child(-n+1),
.uz-star-input:has(input[value="2"]:checked) label:nth-child(-n+2),
.uz-star-input:has(input[value="3"]:checked) label:nth-child(-n+3),
.uz-star-input:has(input[value="4"]:checked) label:nth-child(-n+4),
.uz-star-input:has(input[value="5"]:checked) label:nth-child(-n+5) { color: #f59e0b; }

/* Klavye erişimi: odaklanan yıldız görünür olsun. */
.uz-star-input input:focus-visible + span { outline: 2px solid var(--uz-primary); outline-offset: 2px; border-radius: 4px; }

/* Beyan kutusu — onay kutusuyla metin aynı çerçevede durur.
   Metin kutunun dışına taşmış gibi görünüyordu. */
.uz-ack {
	align-items: flex-start; gap: .7rem; margin: 1rem 0;
	padding: .85rem 1rem; border: 1px solid var(--uz-border);
	border-left: 4px solid var(--uz-warn); border-radius: var(--uz-radius-sm);
	background: var(--uz-bg); font-size: .85rem; line-height: 1.6;
}
.uz-ack input { width: 20px; height: 20px; margin-top: .1rem; flex: 0 0 auto; cursor: pointer; }
.uz-ack span { flex: 1; min-width: 0; }
.uz-ack:has(input:checked) { border-left-color: var(--uz-ok); background: rgba(4, 120, 87, .05); }

/* Ek soru bloğu */
.uz-fu-wrap { margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid var(--uz-border); }
.uz-fu-title { margin: 0 0 .6rem; font-size: .9rem; }
.uz-followups { display: grid; gap: .5rem; margin-bottom: .75rem; }
.uz-fu {
	padding: .6rem .8rem; border-radius: var(--uz-radius-sm);
	background: var(--uz-surface); border: 1px solid var(--uz-border); font-size: .88rem;
}
.uz-fu-expert { border-left: 3px solid var(--uz-primary); }
.uz-fu-user { border-left: 3px solid #7c3aed; }
.uz-fu-who {
	display: block; margin-bottom: .2rem; font-size: .7rem; font-weight: 700;
	letter-spacing: .04em; text-transform: uppercase; color: var(--uz-muted);
}
.uz-fu-body { line-height: 1.6; }

.uz-details { margin: 1rem 0; border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm); }
.uz-details summary { padding: .75rem 1rem; cursor: pointer; font-weight: 600; font-size: .9rem; }
.uz-details[open] summary { border-bottom: 1px solid var(--uz-border); }
.uz-details > *:not(summary) { padding: 1rem; }

.uz-questions { line-height: 1.7; }
.uz-doclist { list-style: none; padding: 0; display: grid; gap: .5rem; }
.uz-doclist li { padding: .75rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm); }

.uz-payout-note {
	padding: .9rem 1.1rem; border-radius: var(--uz-radius-sm); background: #ecfdf5;
	border: 1px solid #a7f3d0; color: #065f46; font-size: .9rem; margin: 1.25rem 0;
}
.uz-answer-editor { display: grid; gap: 1rem; margin-top: 1rem; }
.uz-answer-editor textarea, .uz-answer-editor select, .uz-answer-editor input {
	width: 100%; padding: .7rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm);
	font: inherit; background: var(--uz-bg); color: var(--uz-text);
}

/* ---------------------------------------------------------------- */
/* Tablolar, paketler, kartlar                                       */
/* ---------------------------------------------------------------- */

.uz-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.uz-table th, .uz-table td { padding: .7rem .5rem; border-bottom: 1px solid var(--uz-border); text-align: left; }
.uz-table th { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--uz-muted); }
.uz-table td code { font-size: .8rem; }

.uz-cards { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); margin-bottom: 1.5rem; }
.uz-card { padding: 1.1rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius); background: var(--uz-surface); }
.uz-card-label { display: block; font-size: .78rem; color: var(--uz-muted); margin-bottom: .3rem; }
.uz-card strong { font-size: 1.35rem; }

.uz-packages { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.uz-package {
	position: relative; padding: 1.75rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius);
	background: var(--uz-bg); box-shadow: var(--uz-shadow); display: flex; flex-direction: column; gap: .6rem;
}
.uz-package.is-featured { border-color: var(--uz-primary); border-width: 2px; }
.uz-badge {
	position: absolute; top: -.7rem; left: 1.5rem; padding: .2rem .7rem; border-radius: 999px;
	background: var(--uz-primary); color: #fff; font-size: .72rem; font-weight: 600;
}
.uz-price strong { font-size: 1.6rem; }
.uz-price s { color: var(--uz-muted); font-size: .95rem; margin-right: .4rem; }
.uz-credits { font-weight: 600; color: var(--uz-primary); }
.uz-features { list-style: none; padding: 0; display: grid; gap: .35rem; font-size: .88rem; flex: 1; }
.uz-features li::before { content: "✓ "; color: var(--uz-ok); font-weight: 700; }

.uz-chips { list-style: none; padding: 0; display: flex; gap: .4rem; flex-wrap: wrap; }
.uz-chips li {
	padding: .25rem .7rem; border-radius: 999px; background: var(--uz-surface);
	border: 1px solid var(--uz-border); font-size: .82rem;
}
.uz-works { display: grid; gap: .5rem; padding-left: 1.1rem; font-size: .9rem; line-height: 1.6; }

.uz-expert-card {
	display: grid; grid-template-columns: 96px 1fr; gap: 1.25rem;
	padding: 1.25rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius); background: var(--uz-bg);
}
.uz-expert-card.is-detail { grid-template-columns: 1fr; max-width: 720px; }
.uz-expert-card h3 { margin: 0 0 .3rem; }
.uz-directory-filter { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.uz-directory-filter input, .uz-directory-filter select {
	padding: .6rem .8rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm);
	background: var(--uz-bg); color: var(--uz-text); font: inherit;
}
.uz-directory-filter input { flex: 1; min-width: 200px; }

.uz-legal { max-width: 780px; margin: 0 auto; line-height: 1.8; }
.uz-legal h2 { margin-top: 2rem; font-size: 1.2rem; }
.uz-legal h3 { margin-top: 1.5rem; font-size: 1.02rem; }
.uz-legal table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .9rem; }
.uz-legal th, .uz-legal td { border: 1px solid var(--uz-border); padding: .6rem; text-align: left; }
.uz-legal-meta { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--uz-border); font-size: .85rem; color: var(--uz-muted); }
.uz-legal-index { list-style: none; padding: 0; display: grid; gap: .5rem; max-width: 560px; }
.uz-legal-index li {
	display: flex; justify-content: space-between; align-items: center; gap: 1rem;
	padding: .8rem 1rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm);
}

.uz-progress { height: 8px; border-radius: 999px; background: var(--uz-border); overflow: hidden; margin: 1rem 0 .5rem; }
.uz-progress-bar { height: 100%; background: var(--uz-primary); transition: width .3s ease; }

.uz-expertise-editor { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--uz-border); }
.uz-expertise-row {
	display: grid; grid-template-columns: minmax(180px, 1fr) 120px 2rem auto; gap: .75rem;
	align-items: center; padding: .6rem; border-bottom: 1px solid var(--uz-border);
}
.uz-expertise-row.is-on { background: var(--uz-surface); }
.uz-expertise-row input[type="range"] { width: 100%; }
.uz-x-val { font-variant-numeric: tabular-nums; font-weight: 600; text-align: center; }

.uz-consent {
	position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9998; max-width: 640px;
	margin: 0 auto; padding: 1.1rem 1.35rem; border: 1px solid var(--uz-border);
	border-radius: var(--uz-radius); background: var(--uz-bg); box-shadow: 0 8px 32px rgba(15, 23, 42, .16);
	font-size: .88rem; line-height: 1.6;
}
.uz-consent p { margin: 0 0 .8rem; }
.uz-consent-actions { display: flex; gap: .6rem; justify-content: flex-end; flex-wrap: wrap; }

.uz-lang { display: flex; gap: .5rem; font-size: .85rem; }
.uz-lang a { color: var(--uz-muted); text-decoration: none; }
.uz-lang a.is-active { color: var(--uz-primary); font-weight: 600; }

.uz-auth { max-width: 420px; margin: 0 auto; }
.uz-auth-links { display: flex; gap: 1rem; justify-content: space-between; font-size: .85rem; margin-top: 1rem; }

/* ---------------------------------------------------------------- */
/* Duyarlı                                                           */
/* ---------------------------------------------------------------- */

@media (max-width: 640px) {
	.uz-candidate { grid-template-columns: auto 1fr; }
	.uz-candidate .uz-expert-photo { grid-row: 1; width: 56px; height: 56px; }
	.uz-candidate-body { grid-column: 1 / -1; }
	.uz-expert-card { grid-template-columns: 1fr; }
	.uz-panel-head { flex-direction: column; }
	.uz-credit-box { width: 100%; justify-items: flex-start; }
	.uz-expertise-row { grid-template-columns: 1fr; }
	.uz-msg { max-width: 95%; }
}

@media (prefers-reduced-motion: reduce) {
	* { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* RTL */
[dir="rtl"] .uz-msg-user { align-self: flex-start; }
[dir="rtl"] .uz-msg-ai { align-self: flex-end; }
[dir="rtl"] .uz-field-card, [dir="rtl"] .uz-form label { text-align: right; }
[dir="rtl"] .uz-notice { border-left-width: 1px; border-right-width: 4px; }

/* ---------------------------------------------------------------- */
/* Bedel onayı adımı                                                 */
/* ---------------------------------------------------------------- */

.uz-effort {
	padding: 1.25rem 1.4rem; border-radius: var(--uz-radius); margin-bottom: 1.5rem;
	background: var(--uz-surface); border: 1px solid var(--uz-border);
}
.uz-effort-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: .6rem; }
.uz-effort-head strong { font-size: 1.1rem; }
.uz-effort-scale { display: flex; gap: 5px; }
.uz-effort-scale i { flex: 1; height: 9px; border-radius: 3px; background: var(--uz-border); display: block; }
.uz-effort-scale i.is-on.lv1, .uz-effort-scale i.is-on.lv2 { background: #22c55e; }
.uz-effort-scale i.is-on.lv3 { background: #84cc16; }
.uz-effort-scale i.is-on.lv4 { background: #f59e0b; }
.uz-effort-scale i.is-on.lv5 { background: #ef4444; }
.uz-effort .uz-hint { margin-top: .7rem; margin-bottom: 0; }

.uz-quote-box {
	padding: 1.4rem 1.5rem; border-radius: var(--uz-radius); margin: 1.5rem 0;
	background: var(--uz-bg); border: 2px solid var(--uz-primary);
}
.uz-quote-total { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.uz-quote-total span { font-size: .95rem; color: var(--uz-muted); }
.uz-quote-total strong { font-size: 1.9rem; font-variant-numeric: tabular-nums; }
.uz-quote-box .uz-hint { margin: .5rem 0 0; }
.uz-quote-box .uz-warn a { color: inherit; text-decoration: underline; }

.uz-approved-note { margin-bottom: 1.25rem; }
.uz-approved-note .uz-notice { margin: 0; }

.uz-payout-note { display: grid; gap: .3rem; }
.uz-payout-main { font-size: 1.02rem; }
.uz-payout-effort { font-size: .88rem; margin-top: .35rem; padding-top: .5rem; border-top: 1px solid rgba(4, 120, 87, .2); }

/* Değerlendirme formundaki yayımlama onayı */
.uz-rate-form .uz-check { font-size: .85rem; margin-top: .2rem; }

/* ================================================================= */
/* Uzman dizini — arama, kartlar, profil                             */
/* ================================================================= */

.uz-dir { display: flex; flex-direction: column; gap: 2.5rem; }

.uz-dir-hero {
	position: relative; overflow: hidden;
	padding: 2.75rem 1.75rem 2.25rem;
	border-radius: 20px;
	background: linear-gradient(135deg, #eef2ff 0%, #f0f9ff 45%, #ecfeff 100%);
	border: 1px solid var(--uz-border);
	text-align: center;
}
.uz-dir-hero-glow {
	position: absolute; inset: -40% -10% auto -10%; height: 320px;
	background: radial-gradient(closest-side, rgba(29, 78, 216, .18), transparent 70%);
	filter: blur(10px); pointer-events: none;
	animation: uz-glow 14s ease-in-out infinite alternate;
}
@keyframes uz-glow { from { transform: translate3d(-6%, 0, 0) scale(1); } to { transform: translate3d(6%, 4%, 0) scale(1.12); } }

.uz-dir-title { position: relative; margin: 0 0 .5rem; font-size: clamp(1.6rem, 3.4vw, 2.4rem); letter-spacing: -.02em; }
.uz-dir-sub { position: relative; margin: 0 auto 1.5rem; max-width: 46ch; color: var(--uz-muted); }

.uz-dir-search {
	position: relative; display: grid; gap: .5rem;
	grid-template-columns: 1fr auto auto; align-items: center;
	max-width: 760px; margin: 0 auto;
	background: var(--uz-bg); border: 1px solid var(--uz-border);
	border-radius: 999px; padding: .4rem .4rem .4rem 2.6rem;
	box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
}
.uz-dir-search-icon { position: absolute; left: 1.1rem; font-size: 1.25rem; color: var(--uz-muted); }
.uz-dir-search input[type="search"] { border: 0; background: transparent; padding: .65rem .25rem; font-size: 1rem; min-width: 0; }
.uz-dir-search input[type="search"]:focus { outline: none; }
.uz-dir-search select { border: 0; background: transparent; color: var(--uz-muted); padding: .5rem; max-width: 11rem; }
.uz-dir-search .uz-btn { border-radius: 999px; padding: .6rem 1.4rem; }

@media (max-width: 640px) {
	.uz-dir-search { grid-template-columns: 1fr; border-radius: 18px; padding: .75rem; }
	.uz-dir-search-icon { display: none; }
	.uz-dir-search select { border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm); }
}

.uz-dir-h2 { font-size: 1.05rem; letter-spacing: .04em; text-transform: uppercase; color: var(--uz-muted); margin: 0 0 .9rem; }
.uz-dir-intro { display: flex; flex-direction: column; gap: 1rem; }

.uz-dir-fields { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1.5rem; }
@media (max-width: 860px) { .uz-dir-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .uz-dir-fields { grid-template-columns: 1fr; } }

.uz-dir-field {
	position: relative; display: grid; gap: .3rem; text-decoration: none; color: inherit;
	padding: 1.35rem 1.25rem; border-radius: 16px; background: var(--uz-bg);
	border: 1px solid var(--uz-border); border-top: 4px solid var(--uz-field);
	transition: transform .18s ease, box-shadow .18s ease;
}
.uz-dir-field:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(15, 23, 42, .1); }
.uz-dir-field-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--uz-field); }
.uz-dir-field-name { font-weight: 700; font-size: 1.1rem; }
.uz-dir-field-count { color: var(--uz-muted); font-size: .85rem; }
.uz-dir-field-go { position: absolute; right: 1.1rem; bottom: 1.1rem; color: var(--uz-field); transition: transform .18s ease; }
.uz-dir-field:hover .uz-dir-field-go { transform: translateX(4px); }

.uz-dir-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.uz-dir-chip {
	text-decoration: none; font-size: .9rem; padding: .4rem .85rem; border-radius: 999px;
	border: 1px solid var(--uz-border); color: var(--uz-field); background: var(--uz-bg);
	transition: background .16s ease, transform .16s ease;
}
.uz-dir-chip:hover { background: color-mix(in srgb, var(--uz-field) 10%, transparent); transform: translateY(-1px); }
.uz-dir-hint { color: var(--uz-muted); font-size: .92rem; }

.uz-dir-resulthead { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.uz-dir-count { font-weight: 600; margin: 0; }

.uz-dir-empty { text-align: center; padding: 3rem 1rem; border: 1px dashed var(--uz-border); border-radius: 16px; }
.uz-dir-empty-icon { font-size: 2.5rem; color: var(--uz-muted); margin: 0 0 .5rem; }

/* Kart ------------------------------------------------------------ */
.uz-expert-grid { display: grid; gap: 1.1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) { .uz-expert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .uz-expert-grid { grid-template-columns: 1fr; } }

.uz-ecard {
	display: flex; flex-direction: column; gap: .85rem; text-decoration: none; color: inherit;
	padding: 1.25rem; border-radius: 16px; background: var(--uz-bg);
	border: 1px solid var(--uz-border); position: relative; overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.uz-ecard::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--uz-field); }
.uz-ecard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15, 23, 42, .12); border-color: var(--uz-field); }
.uz-ecard:focus-visible { outline: 3px solid var(--uz-field); outline-offset: 2px; }

.uz-ecard-top { display: flex; gap: .9rem; align-items: flex-start; }
.uz-ecard-photo { width: 72px; height: 72px; border-radius: 16px; object-fit: cover; flex: 0 0 auto; }
.uz-ecard-photo-empty {
	display: flex; align-items: center; justify-content: center;
	font-size: 1.6rem; font-weight: 700; color: #fff;
	background: linear-gradient(135deg, var(--uz-field), color-mix(in srgb, var(--uz-field) 55%, #0f172a));
}
.uz-ecard-id { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.uz-ecard-name { font-weight: 700; font-size: 1.02rem; line-height: 1.3; }
.uz-ecard-headline { color: var(--uz-muted); font-size: .88rem; line-height: 1.45; }
.uz-ecard-rating { display: flex; align-items: center; gap: .35rem; margin-top: .2rem; }
.uz-ecard-new { font-size: .8rem; color: var(--uz-muted); border: 1px dashed var(--uz-border); border-radius: 999px; padding: .1rem .5rem; }

.uz-ecard-chips { display: flex; flex-wrap: wrap; gap: .35rem; }
.uz-ecard-chip {
	font-size: .78rem; padding: .2rem .6rem; border-radius: 999px;
	background: color-mix(in srgb, var(--uz-field) 10%, transparent); color: var(--uz-field);
}
.uz-ecard-chip.is-more { background: var(--uz-surface); color: var(--uz-muted); }

.uz-ecard-meta { display: flex; flex-wrap: wrap; gap: .35rem; font-size: .82rem; color: var(--uz-muted); margin-top: auto; }
.uz-ecard-field { font-weight: 600; color: var(--uz-field); }
.uz-ecard-video { color: var(--uz-field); }
.uz-ecard-cta { font-size: .88rem; font-weight: 600; color: var(--uz-field); }
.uz-ecard:hover .uz-ecard-cta span { display: inline-block; transform: translateX(3px); }

/* Yıldız ---------------------------------------------------------- */
.uz-starbar { position: relative; display: inline-block; line-height: 1; font-size: .95rem; letter-spacing: .06em; }
.uz-starbar-bg { color: #cbd5e1; }
.uz-starbar-fill { position: absolute; inset: 0; overflow: hidden; white-space: nowrap; color: #f59e0b; }
.uz-starbar-num { font-weight: 600; font-size: .85rem; }
.uz-starbar-count { font-size: .8rem; color: var(--uz-muted); }

/* Profil ---------------------------------------------------------- */
.uz-eprofile { display: flex; flex-direction: column; gap: 1.75rem; }
.uz-eprofile-back { margin: 0; }
.uz-eprofile-head {
	display: grid; grid-template-columns: minmax(0, 500px) 1fr; gap: 2rem; align-items: start;
	padding: 1.75rem; border-radius: 20px; border: 1px solid var(--uz-border);
	background: linear-gradient(135deg, color-mix(in srgb, var(--uz-field) 8%, var(--uz-bg)), var(--uz-bg));
}
@media (max-width: 1000px) { .uz-eprofile-head { grid-template-columns: minmax(0, 320px) 1fr; } }
@media (max-width: 700px) { .uz-eprofile-head { grid-template-columns: 1fr; text-align: center; justify-items: center; } }
.uz-eprofile-photo {
	width: 100%; max-width: 500px; aspect-ratio: 1 / 1; height: auto;
	border-radius: 24px; object-fit: cover; box-shadow: var(--uz-shadow); background: var(--uz-surface);
}
.uz-eprofile-id { display: flex; flex-direction: column; gap: .5rem; align-items: flex-start; }
@media (max-width: 700px) { .uz-eprofile-id { align-items: center; } }
.uz-eprofile-field { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; color: var(--uz-field); }
.uz-eprofile-id h1 { margin: 0; font-size: clamp(1.4rem, 3vw, 2rem); }
.uz-eprofile-headline { margin: 0; color: var(--uz-muted); }
.uz-eprofile-stats { display: flex; flex-wrap: wrap; gap: 1rem; margin: .35rem 0 .6rem; font-size: .9rem; color: var(--uz-muted); }
.uz-eprofile-stat { display: inline-flex; align-items: center; gap: .3rem; }

.uz-eprofile-block { border-top: 1px solid var(--uz-border); padding-top: 1.25rem; }
.uz-eprofile-block h2 { font-size: 1.05rem; margin: 0 0 .75rem; }

.uz-video { position: relative; padding-top: 56.25%; border-radius: 16px; overflow: hidden; background: #0f172a; }
.uz-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

@media (prefers-reduced-motion: reduce) {
	.uz-dir-hero-glow { animation: none; }
	.uz-ecard, .uz-dir-field, .uz-dir-chip { transition: none; }
}

/* ================================================================= */
/* Sözleşme onayı — ayrı pencere, iki kutu                           */
/* ================================================================= */

.uz-consents {
	border: 1px solid var(--uz-border); border-radius: 14px;
	padding: 1.1rem 1.15rem; background: var(--uz-surface); margin: 1.25rem 0;
}
.uz-consents.is-complete { border-color: var(--uz-ok); background: color-mix(in srgb, var(--uz-ok) 6%, var(--uz-surface)); }
.uz-consents-title { margin: 0 0 .25rem; font-size: 1rem; }

.uz-consent-item {
	display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
	padding: .7rem 0; border-top: 1px solid var(--uz-border);
}
.uz-consent-item:first-of-type { border-top: 0; }
.uz-consent-state { width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--uz-bg); border: 1px solid var(--uz-border); font-size: .8rem; }
.uz-consent-item.is-accepted .uz-consent-state { background: var(--uz-ok); border-color: var(--uz-ok); color: #fff; }
.uz-consent-name { font-weight: 600; flex: 1; min-width: 12rem; }
.uz-consent-status { font-size: .82rem; color: var(--uz-muted); }
.uz-consent-item.is-accepted .uz-consent-status { color: var(--uz-ok); font-weight: 600; }
.uz-consent-print { font-size: .82rem; }
.uz-consent-warning { color: var(--uz-danger); font-size: .88rem; margin: .6rem 0 0; }

.uz-legal-modal {
	border: 0; padding: 0; border-radius: 18px; width: min(760px, 94vw);
	max-height: 90vh; background: var(--uz-bg); color: var(--uz-text);
	box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
}
.uz-legal-modal::backdrop { background: rgba(15, 23, 42, .55); backdrop-filter: blur(2px); }
.uz-legal-modal-inner { display: flex; flex-direction: column; max-height: 90vh; }
.uz-legal-modal-head { position: relative; padding: 1.25rem 3rem 1rem 1.5rem; border-bottom: 1px solid var(--uz-border); }
.uz-legal-modal-head h2 { margin: 0; font-size: 1.15rem; }
.uz-legal-modal-version { margin: .15rem 0 0; font-size: .8rem; }
.uz-legal-modal-x { position: absolute; top: .9rem; right: 1rem; border: 0; background: transparent; font-size: 1.6rem; line-height: 1; cursor: pointer; color: var(--uz-muted); }

.uz-legal-modal-body { overflow-y: auto; padding: 1.25rem 1.5rem; line-height: 1.7; flex: 1; }
.uz-legal-modal-body h2, .uz-legal-modal-body h3 { font-size: 1rem; margin: 1.25rem 0 .4rem; }
.uz-legal-modal-body p { margin: 0 0 .8rem; }

.uz-legal-modal-progress { height: 3px; background: var(--uz-border); }
.uz-legal-modal-progress span { display: block; height: 100%; width: 0; background: var(--uz-primary); transition: width .15s linear; }

.uz-legal-modal-foot { padding: 1rem 1.5rem 1.25rem; border-top: 1px solid var(--uz-border); background: var(--uz-surface); }
.uz-legal-modal-scrollhint { margin: 0 0 .6rem; font-size: .85rem; color: var(--uz-warn); }
.uz-legal-modal-foot .uz-check { display: flex; gap: .5rem; align-items: flex-start; margin: .35rem 0; }
.uz-legal-modal-foot .uz-check input:disabled + span { opacity: .5; }
.uz-legal-modal-actions { display: flex; gap: .6rem; justify-content: flex-end; margin-top: .9rem; }
.uz-btn-ghost { background: transparent; border: 1px solid var(--uz-border); color: var(--uz-text); }
.uz-btn-sm { padding: .35rem .8rem; font-size: .85rem; }

/* Uzman profil formu — medya alanı */
.uz-media-row { display: grid; grid-template-columns: 140px 1fr; gap: 1.25rem; align-items: start; }
@media (max-width: 640px) { .uz-media-row { grid-template-columns: 1fr; } }
.uz-media-preview img { width: 120px; height: 120px; border-radius: 16px; object-fit: cover; border: 1px solid var(--uz-border); }
.uz-media-empty {
	display: flex; align-items: center; justify-content: center; width: 120px; height: 120px;
	border-radius: 16px; border: 1px dashed var(--uz-border); color: var(--uz-muted); font-size: .8rem; text-align: center;
}
.uz-video-sm { max-width: 480px; margin-top: 1rem; }

/* Başvuru sihirbazı */
.uz-ob-head { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.uz-ob-eyebrow { margin: 0; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--uz-primary); font-weight: 700; }
.uz-ob-head h1 { margin: .2rem 0 .4rem; }
.uz-ob-ring {
	position: relative; width: 104px; height: 104px; border-radius: 50%; flex: 0 0 auto;
	display: grid; place-items: center;
	background: conic-gradient(var(--uz-primary) calc(var(--uz-pct) * 1%), var(--uz-border) 0);
}
.uz-ob-ring::after { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: var(--uz-bg); }
.uz-ob-ring-num { position: relative; font-size: 1.5rem; font-weight: 700; }
.uz-ob-ring-num small { font-size: .8rem; font-weight: 600; }

.uz-ob-checks { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .45rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .uz-ob-checks { grid-template-columns: 1fr; } }
.uz-ob-checks li { display: flex; gap: .55rem; align-items: center; padding: .55rem .75rem; border: 1px solid var(--uz-border); border-radius: 10px; font-size: .9rem; }
.uz-ob-checks li.is-ok { border-color: var(--uz-ok); color: var(--uz-ok); }
.uz-ob-check-icon { font-weight: 700; }

.uz-subform { border-top: 1px solid var(--uz-border); margin-top: 1.75rem; padding-top: 1.25rem; }
.uz-doclist { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .5rem; }
.uz-doclist li { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; padding: .6rem .75rem; background: var(--uz-surface); border-radius: 10px; font-size: .9rem; }
.uz-doclist-type { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--uz-muted); }
.uz-doclist-title { font-weight: 600; }

/* ================================================================= */
/* Giriş ekranı — iki panel                                          */
/* ================================================================= */

.uz-auth2 {
	display: grid; grid-template-columns: 1.05fr 1fr; gap: 0;
	border: 1px solid var(--uz-border); border-radius: 22px; overflow: hidden;
	box-shadow: 0 24px 60px rgba(15, 23, 42, .1); background: var(--uz-bg);
	margin: 1.5rem auto; max-width: 980px;
}
@media (max-width: 820px) { .uz-auth2 { grid-template-columns: 1fr; } }

.uz-auth2-side {
	position: relative; overflow: hidden; padding: 2.5rem 2rem;
	color: #f8fafc;
	background: linear-gradient(150deg, #1e3a8a 0%, #1d4ed8 55%, #0e9aa7 100%);
}
.uz-auth2.is-expert .uz-auth2-side { background: linear-gradient(150deg, #0f172a 0%, #1e3a8a 55%, #7c3aed 100%); }
.uz-auth2-side-glow {
	position: absolute; width: 320px; height: 320px; top: -90px; right: -90px; border-radius: 50%;
	background: radial-gradient(closest-side, rgba(255, 255, 255, .28), transparent 70%);
	animation: uz-glow 12s ease-in-out infinite alternate;
}
.uz-auth2-eyebrow { position: relative; margin: 0; font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.uz-auth2-claim { position: relative; margin: .5rem 0 1.5rem; font-size: 1.5rem; line-height: 1.3; letter-spacing: -.01em; }

.uz-auth2-points { position: relative; list-style: none; margin: 0 0 1.75rem; padding: 0; display: grid; gap: .95rem; }
.uz-auth2-points li { display: flex; gap: .75rem; align-items: flex-start; }
.uz-auth2-points strong { display: block; font-size: .95rem; }
.uz-auth2-points em { display: block; font-style: normal; font-size: .85rem; opacity: .82; line-height: 1.5; }
.uz-auth2-ico {
	flex: 0 0 auto; width: 2rem; height: 2rem; border-radius: 10px;
	display: grid; place-items: center; background: rgba(255, 255, 255, .16); font-size: 1rem;
}
.uz-auth2-switch { position: relative; margin: 0; font-size: .88rem; opacity: .9; }
.uz-auth2-switch a { color: #fff; text-decoration: underline; }

.uz-auth2-form { padding: 2.5rem 2rem; display: flex; flex-direction: column; gap: .3rem; }
.uz-auth2-form h1 { margin: 0; font-size: 1.5rem; }
.uz-auth2-form > .uz-muted { margin: .25rem 0 1.25rem; }
.uz-auth2-form .login-username label,
.uz-auth2-form .login-password label { display: block; font-size: .88rem; font-weight: 600; margin-bottom: .3rem; }
.uz-auth2-form input[type="text"],
.uz-auth2-form input[type="password"] {
	width: 100%; padding: .75rem .9rem; border: 1px solid var(--uz-border);
	border-radius: 10px; background: var(--uz-bg); color: var(--uz-text); font-size: 1rem;
}
.uz-auth2-form input[type="text"]:focus,
.uz-auth2-form input[type="password"]:focus { outline: 2px solid var(--uz-primary); outline-offset: 1px; border-color: var(--uz-primary); }
.uz-auth2-form .login-username, .uz-auth2-form .login-password { margin-bottom: .9rem; }
.uz-auth2-form .login-remember { font-size: .88rem; color: var(--uz-muted); margin-bottom: 1rem; }
.uz-auth2-form .login-submit input[type="submit"] {
	width: 100%; padding: .8rem 1rem; border: 0; border-radius: 10px; cursor: pointer;
	background: var(--uz-primary); color: #fff; font-size: 1rem; font-weight: 600;
	transition: background .16s ease, transform .16s ease;
}
.uz-auth2-form .login-submit input[type="submit"]:hover { background: var(--uz-primary-dark); transform: translateY(-1px); }
.uz-auth2-links { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; margin-top: 1rem; font-size: .9rem; }
.uz-auth2-legal { margin-top: 1.25rem; font-size: .8rem; color: var(--uz-muted); line-height: 1.6; }

@media (prefers-reduced-motion: reduce) { .uz-auth2-side-glow { animation: none; } }

/* ================================================================= */
/* Medya moderasyonu, kırpma hizası, sosyal medya, çoğaltılabilir satır */
/* ================================================================= */

.uz-photo-frame {
	width: 160px; aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden;
	border: 1px solid var(--uz-border); background: var(--uz-surface);
}
.uz-photo-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }

.uz-media-status { margin: .5rem 0 0; font-size: .82rem; font-weight: 600; }
.uz-status-pending  { color: var(--uz-warn); }
.uz-status-approved { color: var(--uz-ok); }
.uz-status-rejected { color: var(--uz-danger); }

.uz-focus-picker { border: 1px solid var(--uz-border); border-radius: 10px; padding: .75rem .9rem; }
.uz-focus-picker legend { font-size: .85rem; font-weight: 600; padding: 0 .35rem; }
.uz-focus-grid { display: grid; grid-template-columns: repeat(3, 34px); gap: 4px; margin-top: .5rem; }
.uz-focus-cell { position: relative; display: block; width: 34px; height: 34px; cursor: pointer; }
.uz-focus-cell input { position: absolute; opacity: 0; inset: 0; }
.uz-focus-cell span[aria-hidden] {
	display: block; width: 100%; height: 100%; border-radius: 6px;
	border: 1px solid var(--uz-border); background: var(--uz-surface); transition: all .15s ease;
}
.uz-focus-cell input:checked + span[aria-hidden] { background: var(--uz-primary); border-color: var(--uz-primary); }
.uz-focus-cell input:focus-visible + span[aria-hidden] { outline: 2px solid var(--uz-primary); outline-offset: 2px; }

.uz-social { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.uz-social a {
	display: inline-block; padding: .35rem .8rem; border-radius: 999px;
	border: 1px solid var(--uz-border); text-decoration: none; font-size: .88rem;
}
.uz-social a:hover { border-color: var(--uz-field, var(--uz-primary)); }

.uz-eprofile-video { padding-top: 1.25rem; }

.uz-repeater-row {
	border: 1px solid var(--uz-border); border-radius: 12px;
	padding: .9rem 1rem 1rem; margin-bottom: .85rem; background: var(--uz-bg);
}
.uz-repeater-row legend { font-size: .8rem; font-weight: 700; color: var(--uz-muted); padding: 0 .4rem; text-transform: uppercase; letter-spacing: .05em; }
.uz-repeater-actions { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; margin: .5rem 0; }
.uz-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem 1rem; }
@media (max-width: 780px) { .uz-grid-3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .uz-grid-3 { grid-template-columns: 1fr; } }
.uz-col-2 { grid-column: span 2; }
.uz-col-3 { grid-column: 1 / -1; }
@media (max-width: 520px) { .uz-col-2, .uz-col-3 { grid-column: auto; } }

.uz-doclist li { position: relative; padding-right: 2.25rem; }
.uz-doclist-del { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); margin: 0; }
.uz-linkbtn { border: 0; background: transparent; cursor: pointer; font-size: 1.2rem; line-height: 1; color: var(--uz-muted); padding: .2rem .4rem; }
.uz-linkbtn:hover { color: var(--uz-danger); }

/* Cevap süresi seçimi */
.uz-day-picker { margin: 1.25rem 0; }
.uz-day-options { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0; }
.uz-day-option { position: relative; }
.uz-day-option input { position: absolute; opacity: 0; }
.uz-day-option span {
	display: inline-block; padding: .5rem 1rem; border-radius: 999px; cursor: pointer;
	border: 1px solid var(--uz-border); background: var(--uz-bg); font-size: .92rem;
	transition: border-color .15s ease, background .15s ease;
}
.uz-day-option input:checked + span { border-color: var(--uz-primary); background: color-mix(in srgb, var(--uz-primary) 10%, transparent); font-weight: 600; }
.uz-day-option input:focus-visible + span { outline: 2px solid var(--uz-primary); outline-offset: 2px; }

/* ===================================================================
   PROFİL BÖLÜMLERİ — sekmeli düzen ve alan grupları (1.4)
   Uzun tek form otuz alanı üst üste diziyordu; bölümler ayrıldı,
   her grup hafif bir renk ve çerçeveyle kendi kutusuna alındı.
   =================================================================== */

.uz-sechead { margin-bottom: 1rem; }
.uz-sechead h2 { margin: 0 0 .25rem; font-size: 1.25rem; }

/* İlerleme şeridi ------------------------------------------------- */
.uz-secbar { display: flex; align-items: center; gap: .9rem; margin-bottom: .9rem; }
.uz-secbar-text { margin: 0; font-size: .8rem; font-weight: 600; color: var(--uz-muted); white-space: nowrap; }
.uz-secbar-track {
	flex: 1; height: 6px; border-radius: 999px; background: var(--uz-border); overflow: hidden;
}
.uz-secbar-track span {
	display: block; height: 100%; border-radius: 999px;
	background: linear-gradient(90deg, var(--uz-primary), var(--uz-ok));
	transition: width .3s ease;
}

/* Bölüm sekmeleri -------------------------------------------------- */
.uz-tabs-sec {
	gap: .35rem; padding-bottom: .35rem; border-bottom: 1px solid var(--uz-border);
	margin-bottom: 1.25rem; scrollbar-width: thin;
}
.uz-tab-sec {
	display: inline-flex; align-items: center; gap: .5rem;
	padding: .55rem .85rem; border: 1px solid var(--uz-border); border-bottom-width: 1px;
	border-radius: 999px; background: var(--uz-surface); color: var(--uz-muted);
	font-size: .82rem; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.uz-tab-sec:hover { border-color: var(--uz-primary); color: var(--uz-text); }
.uz-tab-sec.is-active {
	background: var(--uz-primary); border-color: var(--uz-primary); color: #fff;
}
.uz-tab-sec .uz-tab-num {
	display: inline-flex; align-items: center; justify-content: center;
	width: 1.35rem; height: 1.35rem; border-radius: 50%;
	background: var(--uz-border); color: var(--uz-text);
	font-size: .72rem; font-weight: 700; flex: 0 0 auto;
}
.uz-tab-sec.is-done .uz-tab-num { background: var(--uz-ok); color: #fff; }
.uz-tab-sec.is-active .uz-tab-num { background: rgba(255, 255, 255, .28); color: #fff; }

/* Alan grupları ---------------------------------------------------- */
.uz-fieldcard {
	position: relative; margin: 0 0 1.1rem; padding: 1.1rem 1.25rem 1.25rem;
	border: 1px solid var(--uz-border); border-left: 4px solid var(--uz-primary);
	border-radius: var(--uz-radius); background: var(--uz-surface);
}
.uz-fieldcard > legend {
	padding: 0 .5rem; margin-left: -.25rem;
	font-size: .82rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
	color: var(--uz-primary);
}
.uz-fieldcard > .uz-hint { margin-top: -.2rem; }
.uz-fieldcard label > span { font-weight: 600; }

/* Her grubun kendi rengi: göz, bölümü aramadan bulur. */
.uz-fc-identity  { border-left-color: #2563eb; } .uz-fc-identity  > legend { color: #2563eb; }
.uz-fc-intro     { border-left-color: #7c3aed; } .uz-fc-intro     > legend { color: #7c3aed; }
.uz-fc-photo     { border-left-color: #0891b2; } .uz-fc-photo     > legend { color: #0891b2; }
.uz-fc-video     { border-left-color: #db2777; } .uz-fc-video     > legend { color: #db2777; }
.uz-fc-social    { border-left-color: #0369a1; } .uz-fc-social    > legend { color: #0369a1; }
.uz-fc-social2   { border-left-color: #c026d3; } .uz-fc-social2   > legend { color: #c026d3; }
.uz-fc-license   { border-left-color: #b45309; } .uz-fc-license   > legend { color: #b45309; }
.uz-fc-web       { border-left-color: #0d9488; } .uz-fc-web       > legend { color: #0d9488; }
.uz-fc-formats   { border-left-color: #4f46e5; } .uz-fc-formats   > legend { color: #4f46e5; }
.uz-fc-langs     { border-left-color: #059669; } .uz-fc-langs     > legend { color: #059669; }
.uz-fc-load      { border-left-color: #ea580c; } .uz-fc-load      > legend { color: #ea580c; }
.uz-fc-expertise { border-left-color: #1d4ed8; }

@media (prefers-color-scheme: dark) {
	.uz-fieldcard { background: rgba(148, 163, 184, .07); }
	.uz-fc-identity > legend { color: #93c5fd; }
	.uz-fc-intro    > legend { color: #c4b5fd; }
	.uz-fc-photo    > legend { color: #67e8f9; }
	.uz-fc-video    > legend { color: #f9a8d4; }
	.uz-fc-social   > legend { color: #7dd3fc; }
	.uz-fc-social2  > legend { color: #f0abfc; }
	.uz-fc-license  > legend { color: #fcd34d; }
	.uz-fc-web      > legend { color: #5eead4; }
	.uz-fc-formats  > legend { color: #a5b4fc; }
	.uz-fc-langs    > legend { color: #6ee7b7; }
	.uz-fc-load     > legend { color: #fdba74; }
}

/* Onay kutularını satıra yay: dokuz dil alt alta dizilmesin. */
.uz-checkwrap { display: flex; flex-wrap: wrap; gap: .4rem .9rem; }
.uz-checkwrap .uz-check {
	flex: 0 1 auto; padding: .4rem .7rem; border: 1px solid var(--uz-border);
	border-radius: 999px; background: var(--uz-bg);
}
.uz-checkwrap .uz-check:has(input:checked) { border-color: var(--uz-primary); color: var(--uz-primary); }

/* Kaydet çubuğu ---------------------------------------------------- */
.uz-secactions {
	display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
	margin-top: 1.25rem; padding-top: 1rem; border-top: 1px dashed var(--uz-border);
}
.uz-secform .uz-fieldcard:last-of-type { margin-bottom: 0; }
.uz-secpanel .uz-subform { margin-top: 0; }

@media (max-width: 640px) {
	.uz-tab-sec .uz-tab-txt { display: none; }
	.uz-tab-sec { padding: .5rem; }
	.uz-fieldcard { padding: .9rem 1rem 1rem; }
}

/* Eşleşme kademeleri ve öne çıkma (1.5) ----------------------------- */
.uz-tier-head {
	grid-column: 1 / -1; margin: 1.25rem 0 .25rem; padding-bottom: .35rem;
	border-bottom: 1px solid var(--uz-border);
	font-size: .82rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	color: var(--uz-muted);
}
.uz-tier-head:first-child { margin-top: 0; }
.uz-badge-featured {
	background: linear-gradient(90deg, #f59e0b, #f97316); border-color: transparent; color: #fff;
}
.uz-candidate.uz-tier-featured { border-color: #f59e0b; }
.uz-candidate.uz-tier-featured::before {
	content: ''; position: absolute; inset: 0 auto 0 0; width: 4px;
	background: linear-gradient(180deg, #f59e0b, #f97316);
}
.uz-badge-ok { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }

/* ===================================================================
   UZMAN SEÇİM EKRANI — sabit özet paneli ve kademeli liste (1.6)
   Liste uzadıkça bakiye ve tutar ekrandan çıkıyordu; özet artık sağda
   sabit durur ve seçim yaparken hep görünür.
   =================================================================== */

.uz-pick-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 1.5rem; align-items: start; }
.uz-pick-main { min-width: 0; }
.uz-pick-side { position: sticky; top: 1.5rem; }
.uz-pick-card {
	padding: 1.1rem 1.15rem; border: 1px solid var(--uz-border); border-radius: 14px;
	background: var(--uz-bg); box-shadow: 0 4px 20px rgba(15, 23, 42, .07);
}
.uz-pick-card h3 { margin: 0 0 .75rem; font-size: .95rem; }
.uz-cost-row {
	display: flex; justify-content: space-between; align-items: baseline; gap: .75rem;
	padding: .35rem 0; font-size: .85rem; color: var(--uz-muted);
}
.uz-cost-row strong { color: var(--uz-text); font-size: .95rem; }
.uz-cost-total { margin-top: .25rem; padding-top: .5rem; border-top: 1px solid var(--uz-border); }
.uz-cost-total strong { font-size: 1.15rem; color: var(--uz-primary); }
.uz-cost-bal { padding-bottom: .6rem; }
.uz-cost-note { margin: .4rem 0 .75rem; font-size: .78rem; line-height: 1.5; color: var(--uz-muted); }
.uz-btn-block { display: block; width: 100%; text-align: center; }
.uz-more { margin-top: 1.25rem; text-align: center; }

@media (max-width: 900px) {
	.uz-pick-layout { grid-template-columns: 1fr; }
	/* Dar ekranda panel alta yapışır: sağ sütun yok. */
	.uz-pick-side {
		position: sticky; top: auto; bottom: 0; z-index: 20;
		margin: 0 -1rem; padding: 0 1rem .75rem;
		background: linear-gradient(180deg, transparent, var(--uz-bg) 25%);
	}
	.uz-pick-card { box-shadow: 0 -6px 20px rgba(15, 23, 42, .12); }
	.uz-pick-card h3, .uz-cost-note { display: none; }
	.uz-cost { display: flex; gap: 1rem; flex-wrap: wrap; }
	.uz-cost-row { padding: 0; }
	.uz-cost-bal { display: none; }
}
.uz-plan-card {
	padding: 1rem 1.1rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius);
	background: var(--uz-bg); text-align: center;
}
.uz-plan-card h4 { margin: 0 0 .35rem; font-size: 1rem; }
.uz-plan-price { margin: 0 0 .35rem; font-size: 1.35rem; color: var(--uz-primary); }

/* Rapor: soru-cevap dökümü ve ön değerlendirme (1.5) ---------------- */
.uz-chat-report { max-height: 420px; overflow-y: auto; padding: .75rem; border: 1px solid var(--uz-border); border-radius: var(--uz-radius); background: var(--uz-surface); }
.uz-msg-who { font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; opacity: .65; margin-bottom: .15rem; }
.uz-assess {
	margin: 1.25rem 0; padding: 1rem 1.15rem;
	border: 1px solid var(--uz-border); border-left: 4px solid #7c3aed;
	border-radius: var(--uz-radius); background: var(--uz-surface);
}
.uz-assess h3 { margin-top: 0; }
.uz-assess h4 { margin: .85rem 0 .25rem; font-size: .9rem; }
.uz-assess-tag {
	margin-left: .5rem; padding: .12rem .5rem; border-radius: 999px;
	background: #7c3aed; color: #fff; font-size: .68rem; font-weight: 700;
	letter-spacing: .04em; text-transform: uppercase; vertical-align: middle;
}
.uz-assess-q { margin: 0 0 .5rem; }
.uz-assess-maybe li { color: var(--uz-text); }
.uz-assess-note { margin: .75rem 0 0; padding-top: .6rem; border-top: 1px dashed var(--uz-border); font-style: italic; }

/* ===================================================================
   UZMAN PANELİ — vaka listesi durumları ve cevap ekranı (1.6)
   =================================================================== */

.uz-list-head {
	display: flex; justify-content: space-between; align-items: center; gap: 1rem;
	flex-wrap: wrap; margin-bottom: .85rem; font-size: .85rem;
}
.uz-sort { display: flex; align-items: center; gap: .4rem; font-size: .82rem; color: var(--uz-muted); }
.uz-sort select { padding: .3rem .5rem; font-size: .82rem; }

.uz-case-row { position: relative; padding-left: 1.35rem; }
.uz-case-row::before {
	content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
	border-radius: var(--uz-radius) 0 0 var(--uz-radius); background: var(--uz-border);
}
.uz-case-title { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.uz-case-title h3 { margin: 0; }
.uz-cs-tag {
	padding: .12rem .5rem; border-radius: 999px; font-size: .68rem; font-weight: 700;
	letter-spacing: .03em; text-transform: uppercase; background: var(--uz-border); color: var(--uz-text);
}

/* Okunmamış: dikkat çeken mavi ve kalın başlık. */
.uz-cs-unread::before { background: #2563eb; }
.uz-cs-unread { background: #eff6ff; }
.uz-cs-unread .uz-cs-tag { background: #2563eb; color: #fff; }
.uz-cs-unread h3 { font-weight: 800; }

/* Okundu ama karar verilmedi: nötr. */
.uz-cs-read::before { background: #94a3b8; }
.uz-cs-read .uz-cs-tag { background: #e2e8f0; color: #475569; }

/* Üstlenildi: bekleyen iş — amber. */
.uz-cs-accepted::before { background: #f59e0b; }
.uz-cs-accepted { background: #fffbeb; }
.uz-cs-accepted .uz-cs-tag { background: #f59e0b; color: #fff; }

/* Taslak var: çalışma sürüyor — mor. */
.uz-cs-draft::before { background: #7c3aed; }
.uz-cs-draft { background: #faf5ff; }
.uz-cs-draft .uz-cs-tag { background: #7c3aed; color: #fff; }

/* Cevaplandı: kapanmış — yeşil ve soluk. */
.uz-cs-answered::before { background: #059669; }
.uz-cs-answered .uz-cs-tag { background: #d1fae5; color: #065f46; }
.uz-cs-answered h3 { color: var(--uz-muted); }

@media (prefers-color-scheme: dark) {
	.uz-cs-unread { background: rgba(37, 99, 235, .12); }
	.uz-cs-accepted { background: rgba(245, 158, 11, .12); }
	.uz-cs-draft { background: rgba(124, 58, 237, .14); }
}

/* Cevap ekranı ---------------------------------------------------- */
.uz-answer-wrap {
	margin-top: 1.5rem; padding: 1.25rem; border: 1px solid var(--uz-border);
	border-left: 4px solid var(--uz-primary); border-radius: var(--uz-radius);
	background: var(--uz-surface);
}
.uz-answer-wrap h3 { margin-top: 0; }
.uz-media-box {
	margin: 1rem 0; padding: .9rem 1rem; border: 1px dashed var(--uz-border);
	border-radius: var(--uz-radius-sm); background: var(--uz-bg);
}
.uz-media-title { font-weight: 700; font-size: .88rem; }
.uz-media-list { list-style: none; margin: .5rem 0; padding: 0; display: grid; gap: .35rem; }
.uz-media-list li {
	display: flex; align-items: center; gap: .5rem; padding: .35rem .5rem;
	border: 1px solid var(--uz-border); border-radius: var(--uz-radius-sm); font-size: .85rem;
}
.uz-media-list li button { margin-left: auto; }
.uz-answer-actions { align-items: center; flex-wrap: wrap; }