/* Brosis CRM — yeni görünüm (Aşama 0)
 *
 * Tek kaynak: renk, yazı, aralık ve ortak parçaların hepsi burada.
 * Ekran şablonlarına style="" yazılmaz; eksik bir parça varsa buraya eklenir.
 * Sınıflar "y-" ile başlar; eski voc.css / brosis.css ile çakışmaz.
 *
 * Üç ekran boyu:
 *   telefon   < 768px   alt menü
 *   tablet    768–1099  kısa üst menü + "Diğer"
 *   masaüstü  ≥ 1100px  tam üst menü
 *
 * Yazı tipi: Plus Jakarta Sans (SIL Open Font License 1.1), yerelden sunulur.
 */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/static/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/static/fonts/plus-jakarta-sans-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --y-ink: #0f2a28;
  --y-muted: #4d5b59;
  --y-line: #e3e8e7;
  --y-line-strong: #d5dbda;
  --y-page: #f6f7f7;
  --y-surface: #ffffff;
  --y-accent: #004577;
  --y-accent-soft: #e6ecf1;
  --y-brand-blue: #3aa3e0;
  --y-good: #0a6b4a;
  --y-good-bg: #e5f5ee;
  --y-wait: #8a5300;
  --y-wait-bg: #fff4e0;
  --y-off: #5e6362;
  --y-off-bg: #eff0f0;
  --y-danger: #a8263c;
  --y-danger-bg: #fdecef;
  --y-r-sm: 10px;
  --y-r-md: 14px;
  --y-r-lg: 20px;
  --y-tap: 44px;
  --y-gutter: 28px;
  --y-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ── Temel ─────────────────────────────────────────────────────────── */
.y-body {
  margin: 0;
  background: var(--y-page);
  color: var(--y-ink);
  font-family: var(--y-font);
  font-size: 15px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}
.y-body *, .y-body *::before, .y-body *::after { box-sizing: border-box; }
/* :where() özgüllüğü sıfırlar; parça sınıfları (y-btn, y-nav__a…) bu kuralları her zaman ezer. */
:where(.y-body) a { color: var(--y-ink); }
.y-body :focus-visible { outline: 3px solid var(--y-brand-blue); outline-offset: 2px; }
:where(.y-body) :is(h1, h2, h3, p) { margin: 0; }
.y-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.y-muted { color: var(--y-muted); }
.y-small { font-size: 13px; }

/* ── Çerçeve ───────────────────────────────────────────────────────── */
.y-top { background: var(--y-surface); border-bottom: 1px solid var(--y-line); }
.y-top__in { max-width: 1280px; margin: 0 auto; padding: 0 var(--y-gutter); display: flex; align-items: center; gap: 16px; min-height: 60px; }
.y-top__logo { display: flex; align-items: center; flex: 0 0 auto; }
.y-top__logo img { height: 34px; width: auto; display: block; }
.y-nav { display: flex; align-items: stretch; flex: 1 1 auto; min-width: 0; }
.y-nav__a { display: inline-flex; align-items: center; padding: 20px 12px 17px; border: 0; border-bottom: 3px solid transparent; background: none; font: inherit; font-weight: 700; font-size: 14px; color: var(--y-muted); text-decoration: none; white-space: nowrap; cursor: pointer; }
.y-nav__a[aria-current="page"] { color: var(--y-ink); border-bottom-color: var(--y-accent); }
.y-nav__a:hover { color: var(--y-ink); }
.y-top__side { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.y-search { width: 240px; height: var(--y-tap); padding: 0 14px; border: 1px solid var(--y-line-strong); border-radius: var(--y-r-sm); background: var(--y-page); font: inherit; font-size: 14px; color: var(--y-ink); }
.y-avatar { width: var(--y-tap); height: var(--y-tap); flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid var(--y-line-strong); background: var(--y-surface); font: inherit; font-weight: 800; font-size: 13px; color: var(--y-ink); text-decoration: none; }

/* "Diğer" açılır menüsü (tablet üst menü, telefon alt menü) */
.y-diger { position: relative; display: none; }
.y-diger--hesap { display: block; }
.y-diger > summary { list-style: none; cursor: pointer; }
.y-diger__menu--sag { left: auto; right: 0; }
.y-diger > summary::-webkit-details-marker { display: none; }
.y-diger__menu { position: absolute; z-index: 30; top: 100%; left: 0; min-width: 220px; padding: 6px; background: var(--y-surface); border: 1px solid var(--y-line); border-radius: var(--y-r-md); box-shadow: 0 12px 30px rgba(15, 42, 40, 0.14); display: flex; flex-direction: column; }
.y-diger__menu a { display: flex; align-items: center; min-height: var(--y-tap); padding: 0 12px; border-radius: 8px; font-weight: 700; font-size: 14px; text-decoration: none; }
.y-diger__menu a:hover, .y-diger__menu a[aria-current="page"] { background: var(--y-accent-soft); color: var(--y-accent); }

.y-main { max-width: 1280px; margin: 0 auto; padding: 28px var(--y-gutter) 64px; }
.y-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.y-head h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; }
.y-head p { margin-top: 4px; color: var(--y-muted); }

.y-bottom { display: none; }

/* Sütun düzenleri: ana sütun + yan sütun; dar ekranda alt alta */
.y-cols { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; align-items: start; }
.y-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.y-stack { display: flex; flex-direction: column; gap: 16px; }

/* ── Parçalar ──────────────────────────────────────────────────────── */
.y-card { background: var(--y-surface); border: 1px solid var(--y-line); border-radius: var(--y-r-md); overflow: hidden; }
.y-card__pad { padding: 16px 20px; }
.y-card__title { font-size: 17px; font-weight: 800; margin-bottom: 12px; }
.y-card__title:last-child { margin-bottom: 0; }
.y-card__foot { padding: 12px 20px; border-top: 1px solid var(--y-line); font-size: 13px; color: var(--y-muted); }

.y-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--y-tap); padding: 0 16px; border-radius: var(--y-r-sm); border: 1px solid var(--y-line-strong); background: var(--y-surface); color: var(--y-ink); font: inherit; font-weight: 700; font-size: 14px; text-decoration: none; white-space: nowrap; cursor: pointer; }
.y-btn:hover { border-color: var(--y-muted); }
.y-btn--primary { border-color: var(--y-accent); background: var(--y-accent); color: #ffffff; }
.y-btn--primary:hover { border-color: var(--y-accent); filter: brightness(1.1); }
.y-btn--lg { min-height: 54px; font-size: 16px; border-radius: 12px; }
.y-btn--block { display: flex; width: 100%; }
.y-btn[disabled], .y-btn[aria-disabled="true"] { background: var(--y-off-bg); border-color: var(--y-line-strong); color: var(--y-off); cursor: not-allowed; }

.y-pill { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; background: var(--y-off-bg); color: var(--y-off); }
.y-pill--good { background: var(--y-good-bg); color: var(--y-good); }
.y-pill--wait { background: var(--y-wait-bg); color: var(--y-wait); }
.y-pill--danger { background: var(--y-danger-bg); color: var(--y-danger); }
.y-pill--accent { background: var(--y-accent-soft); color: var(--y-accent); }

.y-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.y-chip { display: inline-flex; align-items: center; min-height: var(--y-tap); padding: 0 16px; border-radius: 999px; border: 1px solid var(--y-line-strong); background: var(--y-surface); color: var(--y-ink); font: inherit; font-weight: 700; font-size: 13px; text-decoration: none; white-space: nowrap; cursor: pointer; }
.y-chip[aria-pressed="true"], .y-chip[aria-current="page"] { border-color: var(--y-accent); background: var(--y-accent); color: #ffffff; }

.y-field { display: block; }
.y-field + .y-field { margin-top: 16px; }
.y-label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 700; }
.y-input, .y-select, .y-textarea { display: block; width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--y-line-strong); border-radius: 12px; background: var(--y-surface); color: var(--y-ink); font: inherit; font-size: 16px; }
.y-textarea { padding: 10px 14px; line-height: 1.4; resize: vertical; }
.y-input--soft { background: var(--y-page); }
.y-check { display: flex; align-items: center; gap: 10px; min-height: var(--y-tap); font-size: 14px; cursor: pointer; }
.y-check input { width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--y-accent); }

.y-banner { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; background: var(--y-accent-soft); color: var(--y-ink); font-size: 14px; }
.y-banner--wait { background: var(--y-wait-bg); color: #5c3800; }
.y-banner--danger { background: var(--y-danger-bg); color: var(--y-danger); }
.y-banner--good { background: var(--y-good-bg); color: #0a4a34; }

/* Liste satırı: solda başlık ve açıklama, sağda etiket ya da düğme */
.y-rows { list-style: none; margin: 0; padding: 0; }
.y-row { display: flex; align-items: center; gap: 12px; padding: 12px 20px; border-top: 1px solid var(--y-line); }
.y-row__main { flex: 1 1 auto; min-width: 0; }
.y-row__title { font-weight: 700; }
.y-row__sub { font-size: 13px; color: var(--y-muted); }

/* Tablo: tablette sığar; telefonda .y-table--kart ile satırlar karta döner */
.y-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.y-table th { text-align: left; padding: 9px 12px; font-size: 12px; font-weight: 700; color: var(--y-muted); background: var(--y-page); border-top: 1px solid var(--y-line); }
.y-table td { padding: 10px 12px; border-top: 1px solid var(--y-line); vertical-align: middle; }
.y-table th:first-child, .y-table td:first-child { padding-left: 20px; }
.y-table th:last-child, .y-table td:last-child { padding-right: 20px; }

.y-kpi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.y-kpi__n { font-size: 26px; font-weight: 800; line-height: 1.2; }
.y-kpi__l { font-size: 13px; color: var(--y-muted); }

/* ── Giriş sayfası ─────────────────────────────────────────────────── */
.y-giris { min-height: 100vh; display: flex; background: var(--y-surface); }
.y-giris__tanitim { flex: 0 0 46%; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 56px 56px 44px; background: var(--y-accent); color: #ffffff; }
.y-giris__serit { position: absolute; inset: 0; width: 100%; height: 100%; }
.y-giris__tanitim > *:not(.y-giris__serit) { position: relative; }
.y-giris__etiket { font-size: 13px; font-weight: 800; letter-spacing: 0.14em; }
.y-giris__baslik { max-width: 440px; font-size: 40px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; }
.y-giris__alt { max-width: 440px; margin-top: 14px; font-size: 17px; color: rgba(255, 255, 255, 0.86); }
.y-giris__maddeler { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; font-size: 16px; font-weight: 600; }
.y-giris__maddeler li { display: flex; align-items: center; gap: 12px; }
.y-giris__tik { width: 28px; height: 28px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255, 255, 255, 0.16); }
.y-giris__imza { font-size: 13px; color: rgba(255, 255, 255, 0.8); }
.y-giris__form { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; padding: 48px; }
.y-giris__kutu { width: 100%; max-width: 400px; }
.y-giris__logo { height: 88px; width: auto; display: block; margin-bottom: 36px; }
.y-giris__kutu h1 { font-size: 30px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; }
.y-giris__kutu h1 + p { margin: 8px 0 24px; color: var(--y-muted); }
.y-giris__kutu .y-banner { margin-bottom: 18px; }
.y-giris__gonder { margin-top: 20px; }
.y-giris__dip { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--y-line); font-size: 13px; color: var(--y-muted); }

/* ── Tablet ────────────────────────────────────────────────────────── */
@media (max-width: 1099px) {
  :root { --y-gutter: 20px; }
  .y-nav__a { padding-left: 10px; padding-right: 10px; }
  .y-nav__a--genis { display: none; }
  .y-diger--ust { display: block; }
  .y-search { display: none; }
  .y-cols { grid-template-columns: minmax(0, 1fr); }
  .y-main { padding-top: 20px; padding-bottom: 40px; }
  .y-head h1 { font-size: 26px; }

  .y-giris { display: block; background: var(--y-page); }
  .y-giris__tanitim { display: block; padding: 52px 56px 150px; }
  .y-giris__etiket { margin-bottom: 22px; }
  .y-giris__baslik { font-size: 34px; }
  .y-giris__alt { font-size: 16px; margin-top: 12px; }
  .y-giris__maddeler, .y-giris__imza { display: none; }
  .y-giris__form { display: block; position: relative; max-width: 480px; margin: -100px auto 0; padding: 0 24px 48px; }
  .y-giris__kutu { max-width: none; padding: 36px 36px 32px; background: var(--y-surface); border: 1px solid var(--y-line); border-radius: var(--y-r-lg); box-shadow: 0 10px 30px rgba(15, 42, 40, 0.08); }
  .y-giris__logo { height: 68px; margin-bottom: 28px; }
  .y-giris__kutu h1 { font-size: 28px; }
}

/* ── Telefon ───────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  :root { --y-gutter: 16px; }
  .y-top__in { min-height: 56px; }
  .y-nav { display: none; }
  .y-top__in { justify-content: space-between; }
  .y-body--menulu { padding-bottom: 72px; }
  .y-main { padding-top: 16px; padding-bottom: 24px; }
  .y-head h1 { font-size: 26px; }
  .y-grid-2 { grid-template-columns: minmax(0, 1fr); }
  .y-card { border-radius: 16px; }
  .y-card__pad { padding: 12px 14px; }
  .y-card__foot { padding: 10px 14px; }
  .y-row { padding: 10px 14px; flex-wrap: wrap; }
  .y-row .y-btn { flex: 1 1 100%; }
  .y-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(var(--y-gutter) * -1); padding: 0 var(--y-gutter); }
  .y-chip { flex: 0 0 auto; padding: 0 14px; }

  .y-bottom { position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; display: flex; background: var(--y-surface); border-top: 1px solid var(--y-line); padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .y-bottom__a { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 0 4px; border: 0; background: none; font: inherit; font-size: 11px; font-weight: 700; color: var(--y-muted); text-decoration: none; cursor: pointer; }
  .y-bottom__a[aria-current="page"] { color: var(--y-accent); font-weight: 800; }
  .y-bottom__a svg { width: 22px; height: 22px; }
  .y-diger--alt { display: block; flex: 1 1 0; }
  .y-diger--alt > summary { width: 100%; }
  .y-diger--alt .y-diger__menu { top: auto; bottom: 100%; left: auto; right: 8px; margin-bottom: 8px; }

  /* Tablo → kart: her satır bir kart, hücreler alt alta; başlık data-baslik'tan */
  .y-table--kart thead { display: none; }
  .y-table--kart, .y-table--kart tbody, .y-table--kart tr, .y-table--kart td { display: block; width: 100%; }
  .y-table--kart tr { padding: 10px 14px; border-top: 1px solid var(--y-line); }
  .y-table--kart td { padding: 2px 0; border: 0; }
  .y-table--kart td:first-child, .y-table--kart td:last-child { padding-left: 0; padding-right: 0; }
  .y-table--kart td[data-baslik]::before { content: attr(data-baslik) ': '; font-size: 13px; color: var(--y-muted); }

  .y-giris__tanitim { height: 96px; padding: 36px 24px 0; }
  .y-giris__baslik, .y-giris__alt { display: none; }
  .y-giris__etiket { margin: 0; }
  .y-giris__form { max-width: none; margin: 0; padding: 26px 24px 24px; }
  .y-giris__kutu { padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
  .y-giris { background: var(--y-surface); }
  .y-giris__logo { height: 60px; margin-bottom: 22px; }
}

/* ── Kişiler ve liste ekranları ────────────────────────────────────── */
.y-bosluk { margin: 16px 0; }
.y-arama { display: flex; gap: 8px; align-items: center; }
.y-arama .y-input { flex: 1 1 auto; max-width: 420px; }
.y-kisi { display: flex; flex-direction: column; text-decoration: none; }
.y-kisi:hover strong { text-decoration: underline; }
.y-table__islem { text-align: right; white-space: nowrap; }
.y-vurgu-tehlike { color: var(--y-danger); font-weight: 700; }
.y-sayfalama { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.y-sayfalama__dugmeler { display: inline-flex; align-items: center; gap: 10px; }
.y-bos { padding: 40px 20px; text-align: center; }
.y-bos__baslik { font-size: 17px; font-weight: 800; margin-bottom: 4px; }

@media (max-width: 767px) {
  .y-arama .y-input { max-width: none; }
  .y-table--kart .y-table__islem { display: none; }
  .y-table--kart .y-kisi strong { font-size: 15px; }
}
.y-kisi span { white-space: nowrap; }

/* ── Çalışma paneli (Kişiler) ──────────────────────────────────────── */
.y-table tr.y-secili td { background: var(--y-accent-soft); }
.y-panel { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; }
.y-panel__geri { display: none; }
.y-panel__ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.y-panel__ad { font-size: 19px; font-weight: 800; line-height: 1.25; }
.y-panel__kart { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: var(--y-tap); font-size: 14px; font-weight: 700; }
.y-panel__durum { margin-top: 8px; }
.y-panel__eylemler { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.y-panel__bolum { border-top: 1px solid var(--y-line); }
.y-panel__baslik { font-size: 15px; font-weight: 800; margin-bottom: 12px; }
.y-panel__bolum .y-banner, .y-panel__ok { margin-bottom: 14px; }
.y-panel__kaydet { margin-top: 16px; }
.y-chips__ayrac { flex: 0 0 1px; align-self: stretch; margin: 6px 4px; background: var(--y-line-strong); }
.y-panel__baslik .y-pill { margin-left: 6px; vertical-align: 2px; }
.y-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.y-ozet dt { font-size: 12px; color: var(--y-muted); }
.y-ozet dd { margin: 2px 0 0; font-size: 15px; font-weight: 800; white-space: nowrap; }
.y-ozet__liste { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.y-gecmis { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.y-gecmis li { display: flex; gap: 10px; }
.y-gecmis__zaman { flex: 0 0 76px; color: var(--y-muted); white-space: nowrap; }

@media (min-width: 768px) and (max-width: 1099px) {
  /* Tablette liste ile panel yan yana kalır; yer açmak için ikincil sütun gizlenir. */
  .y-cols--calisma { grid-template-columns: minmax(0, 1fr) 320px; gap: 14px; }
  .y-cols--calisma .y-tablet-yok { display: none; }
}
@media (max-width: 767px) {
  .y-panel { position: static; max-height: none; overflow: visible; }
  /* Telefonda liste ile panel aynı anda görünmez; satır vurgusu anlamsız kalır. */
  .y-table tr.y-secili td { background: none; }
  /* Telefonda: kendiliğinden seçilen kişi gösterilmez; kişi seçilince liste
     gizlenir ve panel tek başına görünür. */
  .y-panel--oto { display: none; }
  .y-cols--secili .y-liste { display: none; }
  .y-panel__geri { display: inline-flex; align-items: center; gap: 6px; min-height: var(--y-tap); margin-bottom: 4px; font-weight: 700; font-size: 14px; color: var(--y-muted); text-decoration: none; }
}

/* Panel yokken (boş arama) liste tam genişlik */
.y-cols.y-cols--tek { grid-template-columns: minmax(0, 1fr); }

/* ── Kişi kartı ────────────────────────────────────────────────────── */
.y-iz { margin-bottom: 4px; font-size: 14px; }
.y-iz a { display: inline-flex; align-items: center; gap: 6px; min-height: var(--y-tap); color: var(--y-muted); font-weight: 700; text-decoration: none; }
.y-kart-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.y-kart-bas h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; }
.y-kart-bas__durum { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0 4px; font-size: 14px; }
.y-kart-bas__eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.y-card > .y-panel__bolum:first-child { border-top: 0; }

.y-surec { list-style: none; margin: 0; padding: 20px; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.y-surec__adim { display: flex; flex-direction: column; gap: 2px; padding-top: 10px; border-top: 4px solid var(--y-line); font-size: 13px; }
.y-surec__adim--tamam { border-top-color: var(--y-good); }
.y-surec__adim--simdi { border-top-color: var(--y-accent); }
.y-surec__adim--simdi .y-surec__ad { color: var(--y-accent); }
.y-surec__adim--kapali { border-top-style: dashed; color: var(--y-muted); }
.y-surec__ad { font-weight: 800; }
.y-surec__alt { font-size: 12px; color: var(--y-muted); }
.y-adim { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 20px 20px; padding: 12px 14px; border-radius: 12px; background: var(--y-accent-soft); }
.y-adim--orange { background: var(--y-wait-bg); }
.y-adim--red { background: var(--y-danger-bg); }
.y-adim--green { background: var(--y-good-bg); }
.y-adim--gray { background: var(--y-off-bg); }
.y-adim__baslik { font-weight: 800; }

.y-bilgi { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 16px; margin: 0; font-size: 14px; }
.y-bilgi dt { color: var(--y-muted); }
.y-bilgi dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }

.y-not { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; padding: 0 20px 16px; }
.y-not .y-textarea { flex: 1 1 240px; min-height: 48px; }
.y-not__hata { flex: 1 1 100%; }
.y-zaman { list-style: none; margin: 0; padding: 0; }
.y-zaman li { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 12px; padding: 10px 20px; border-top: 1px solid var(--y-line); font-size: 14px; }
.y-zaman__t { color: var(--y-muted); font-size: 13px; white-space: nowrap; }
.y-zaman__ek { display: block; font-size: 13px; color: var(--y-muted); }

@media (max-width: 767px) {
  .y-kart-bas h1 { font-size: 24px; }
  .y-kart-bas__eylem { width: 100%; }
  .y-kart-bas__eylem .y-btn { flex: 1 1 auto; }
  .y-surec { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 16px; row-gap: 14px; }
  .y-adim { margin: 0 16px 16px; }
  .y-adim .y-btn { width: 100%; }
  .y-not { padding: 0 16px 16px; }
  .y-zaman li { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 10px 16px; }
}

/* ── Form sayfası (Yeni kişi) ──────────────────────────────────────── */
.y-form-dar { max-width: 720px; }
.y-form-satir { margin-top: 16px; }
.y-grid-2 > .y-field + .y-field { margin-top: 0; }
.y-form-satir + .y-field { margin-top: 16px; }
.y-form-dugmeler { display: flex; justify-content: flex-end; gap: 8px; }
.y-banner a { color: inherit; font-weight: 700; }
@media (max-width: 767px) {
  .y-form-dugmeler .y-btn { flex: 1 1 auto; }
}

/* ── Ödeme linki ───────────────────────────────────────────────────── */
.y-link-kutu { margin-top: 14px; }
.y-link-kutu .y-input { font-size: 14px; }
.y-link-kutu .y-panel__eylemler { margin-top: 8px; }
.y-link-kutu .y-panel__eylemler .y-btn[hidden] { display: none; }
.y-link-kutu .y-panel__eylemler:has(.y-btn[hidden]) { grid-template-columns: 1fr; }
.y-link-not { margin: 12px 0; }

/* ── Tek satırlık form (seçim + düğme) ─────────────────────────────── */
.y-satir-form { display: flex; gap: 8px; align-items: center; }
.y-satir-form .y-select { flex: 1 1 auto; min-width: 0; }
.y-bosluk-ust { margin-top: 8px; }
@media (max-width: 767px) {
  .y-satir-form { flex-direction: column; align-items: stretch; }
}

/* ── Süzgeç satırı (Firmalar) ──────────────────────────────────────── */
.y-suzgec { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.y-suzgec__ara { flex: 1 1 260px; max-width: 360px; }
.y-suzgec .y-select { flex: 0 1 200px; width: auto; }
.y-notlar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.y-notlar li { display: flex; flex-direction: column; gap: 2px; }
@media (max-width: 767px) {
  .y-suzgec__ara { flex-basis: 100%; max-width: none; }
  .y-suzgec .y-select { flex: 1 1 calc(50% - 4px); }
  .y-suzgec .y-btn { flex: 1 1 auto; }
}

/* ── Mesajlar ──────────────────────────────────────────────────────── */
.y-sohbet-duzen { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 20px; align-items: start; }
.y-sohbetler { list-style: none; margin: 0; padding: 0; max-height: calc(100vh - 260px); overflow-y: auto; }
.y-sohbetler li { border-top: 1px solid var(--y-line); }
.y-sohbetler li:first-child { border-top: 0; }
.y-sohbetler a { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px; color: inherit; text-decoration: none; min-height: var(--y-tap); }
.y-sohbetler a:hover strong { text-decoration: underline; }
.y-sohbetler li.y-secili { background: var(--y-accent-soft); }
.y-sohbetler__ust, .y-sohbetler__alt { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.y-sohbetler__ozet { font-size: 13px; color: var(--y-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.y-rozet { flex: 0 0 auto; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--y-accent); color: #ffffff; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.y-balonlar { list-style: none; margin: 0; padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; background: var(--y-page); max-height: 56vh; overflow-y: auto; border-top: 1px solid var(--y-line); }
.y-balonlar__gun { align-self: center; font-size: 12px; font-weight: 700; color: var(--y-muted); padding: 4px 10px; }
.y-balon { align-self: flex-start; max-width: 78%; padding: 8px 12px; border-radius: 14px 14px 14px 4px; background: var(--y-surface); border: 1px solid var(--y-line); font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.y-balon--biz { align-self: flex-end; border-radius: 14px 14px 4px 14px; background: var(--y-accent-soft); }
.y-balon__metin { white-space: pre-wrap; overflow-wrap: anywhere; }
.y-balon__alt { align-self: flex-end; font-size: 11px; color: var(--y-muted); }
.y-balon__okundu { color: var(--y-accent); font-weight: 800; }
.y-yaz { display: flex; gap: 8px; align-items: flex-end; }
.y-yaz .y-textarea { flex: 1 1 auto; min-height: 48px; }
.y-sohbet .y-bos { min-height: 240px; display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 768px) and (max-width: 1099px) {
  .y-sohbet-duzen { grid-template-columns: 280px minmax(0, 1fr); gap: 14px; }
}
@media (max-width: 767px) {
  .y-sohbet-duzen { grid-template-columns: minmax(0, 1fr); }
  .y-sohbet-duzen:not(.y-sohbet-duzen--secili) .y-sohbet { display: none; }
  .y-sohbet-duzen--secili .y-sohbet-liste { display: none; }
  .y-sohbetler { max-height: none; }
  .y-balonlar { max-height: none; padding: 12px; }
  .y-balon { max-width: 88%; }
}

/* ── Bugün ─────────────────────────────────────────────────────────── */
.y-is { flex-wrap: wrap; }
.y-is__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.y-is__eylem { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.y-is__eylem form { margin: 0; }
.y-hedef { font-size: 15px; margin-bottom: 8px; }
.y-hedef strong { font-size: 26px; font-weight: 800; }
.y-ilerleme { display: block; width: 100%; height: 10px; margin-bottom: 8px; border: 0; border-radius: 999px; overflow: hidden; background: var(--y-line); appearance: none; }
.y-ilerleme::-webkit-progress-bar { background: var(--y-line); border-radius: 999px; }
.y-ilerleme::-webkit-progress-value { background: var(--y-accent); border-radius: 999px; }
.y-ilerleme::-moz-progress-bar { background: var(--y-accent); border-radius: 999px; }
@media (max-width: 767px) {
  .y-is__eylem { width: 100%; justify-content: stretch; }
  .y-is__eylem .y-btn, .y-is__eylem form { flex: 1 1 auto; }
  .y-is__eylem form .y-btn { width: 100%; }
}

/* ── Tahsilat ──────────────────────────────────────────────────────── */
.y-ozet-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.y-ozet-kartlar .y-kpi__n { margin: 4px 0; }
.y-tahsilat__islem .y-btn { min-height: 40px; }
@media (max-width: 767px) {
  .y-ozet-kartlar { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .y-ozet-kartlar .y-card__pad { padding: 10px 16px; display: grid; grid-template-columns: 1fr auto; align-items: baseline; column-gap: 12px; }
  .y-ozet-kartlar .y-kpi__n { font-size: 22px; margin: 0; grid-row: span 2; }
  .y-table--kart .y-tahsilat__islem { display: block; padding-top: 8px; }
  .y-tahsilat__islem .y-btn { width: 100%; }
}

/* ── Küçük işlem pencereleri (açılır bölüm) ────────────────────────── */
.y-pencere__baslik { cursor: pointer; font-size: 15px; font-weight: 800; min-height: var(--y-tap); display: flex; align-items: center; list-style: none; }
.y-pencere__baslik::-webkit-details-marker { display: none; }
.y-pencere__baslik::after { content: "+"; margin-left: auto; font-size: 20px; color: var(--y-muted); }
.y-pencere[open] .y-pencere__baslik::after { content: "–"; }
.y-pencere[open] .y-pencere__baslik { margin-bottom: 12px; }
.y-pencere--ust { border-top: 1px solid var(--y-line); }

/* ── Sınavlar ──────────────────────────────────────────────────────── */
.y-sinav__tarih { flex: 0 0 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 0; border-radius: 12px; background: var(--y-accent-soft); color: var(--y-accent); text-decoration: none; line-height: 1.1; }
.y-sinav__tarih strong { font-size: 22px; font-weight: 800; }
.y-sinav__tarih span { font-size: 12px; font-weight: 700; }

/* ── Deneme kopyası şeridi (settings.deneme_ortami) ────────────────── */
.y-deneme { position: sticky; top: 0; z-index: 100; padding: 6px 12px; background: #b45309; color: #ffffff; font-size: 14px; font-weight: 700; text-align: center; }