/* SEAM — Sakin Netlik. Son güncelleme: 2026-10-09.
   Salt CSS; seam-modern.css sonrasında yüklenir. Davranış ve görünürlük JS
   kontrolünde kalır. Sözleşme: docs/tasarim-sistemi.md. */
:root {
  --warn-tema: var(--warn);
  --control-border: var(--muted);
  --focus: var(--info);
  --accent-soft: var(--seam-accent-soft);
  --accent-text: color-mix(in srgb, var(--accent2) 95%, black);
  --accent-ink: #ffffff;
  --accent-hover: color-mix(in srgb, var(--accent2) 85%, black);
  /* Yumuşak zemindeki metin aynı renk ailesinden AA tonu alır. */
  --ok-text: color-mix(in srgb, var(--ok) 80%, black);
  --warn-text: color-mix(in srgb, var(--warn) 80%, black);
  --danger-text: color-mix(in srgb, var(--danger) 80%, black);
  --info-text: color-mix(in srgb, var(--info) 80%, black);
  --ok-soft: color-mix(in srgb, var(--ok) 12%, var(--surface));
  --warn-soft: color-mix(in srgb, var(--warn) 12%, var(--surface));
  --danger-soft: color-mix(in srgb, var(--danger) 12%, var(--surface));
  --info-soft: color-mix(in srgb, var(--info) 12%, var(--surface));
  --danger-hover: color-mix(in srgb, var(--danger) 85%, black);
  --danger-ink: #ffffff;
  --overlay: rgba(0,0,0,.40);
  --radius: 14px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --radius-lg: 16px;
  --radius-track: 4px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --font-family: 'Public Sans', sans-serif;
  --font-12: 12px;
  --font-13: 13px;
  --font-14: 14px;
  --font-15: 15px;
  --font-16: 16px;
  --font-18: 18px;
  --font-22: 22px;
  --font-28: 28px;
  --font-36: 36px;
  --leading-body: 1.5;
  --leading-compact: 1.45;
  --leading-heading: 1.35;
  --leading-number: 1.2;
  --leading-display: 1.15;
  --line-width: 1px;
  --focus-width: 3px;
  --focus-offset: 3px;
  --chart-1: var(--accent);
  --chart-2: var(--purple);
  --chart-3: var(--warn);
  --chart-4: var(--cyan);
}
html.dark {
  --ok-text: color-mix(in srgb, var(--ok) 80%, white);
  --warn-text: color-mix(in srgb, var(--warn) 80%, white);
  --danger-text: color-mix(in srgb, var(--danger) 80%, white);
  --info-text: color-mix(in srgb, var(--info) 80%, white);
  --accent-text: color-mix(in srgb, var(--accent) 40%, white);
  --danger-hover: color-mix(in srgb, var(--danger) 85%, white);
  --danger-ink: var(--surface);
  --overlay: rgba(0,0,0,.56);
}
:root, html.dark {
  --mono: var(--font-family);
}

/* Tipografi: grafik ölçümlerinin fontu Apex yapılandırmasında kalır. */
html body.seam-modern,
html :is(.font-mono, code, pre, .tabular-nums) {
  font-family: var(--font-family) !important; /* seam-skin fontu. */
}
html body.seam-modern { color: var(--text); font-size: var(--font-15); line-height: var(--leading-body); font-variant-numeric: tabular-nums; }
html body.seam-modern :is(button, input, select, textarea) { font-family: var(--font-family); }
html body.seam-modern .uppercase { text-transform: none; letter-spacing: normal; }
html body.seam-modern :is(.text-\[9px\], .text-\[10px\], .text-\[11px\]),
html body.seam-modern [id^="page-"] :is(.text-\[9px\], .text-\[10px\], .text-\[11px\]) {
  font-size: var(--font-12); line-height: var(--leading-compact);
}
html body.seam-modern [id^="page-"] table :is(.text-\[9px\], .text-\[10px\], .text-\[11px\]) {
  font-size: var(--font-12);
}
html .text-xs { font-size: var(--font-12); line-height: var(--leading-body); }
html .text-sm { font-size: var(--font-14); line-height: var(--leading-body); }

/* Yüzeyler: seam-skin ve head içindeki önemli Tailwind eşlemeleri. */
html .bg-white { background-color: var(--surface) !important; /* Koyu seam-skin yüzeyi. */ }
html .bg-slate-50 { background-color: var(--bg) !important; /* seam-skin yüzeyi. */ }
html .bg-slate-100 { background-color: var(--surface2) !important; /* seam-skin yüzeyi. */ }
html body.seam-modern { background: var(--bg) !important; /* seam-modern body zemini. */ }
html.dark .bg-white { background-color: var(--surface) !important; /* Koyu seam-skin yüzeyi. */ }
html.dark .dark\:bg-slate-700 { background-color: var(--surface2) !important; /* Eski koyu yüzey. */ }
html.dark .dark\:bg-slate-800 { background-color: var(--surface) !important; /* Eski koyu yüzey. */ }
html.dark .dark\:bg-slate-900 { background-color: var(--bg) !important; /* Eski koyu yüzey. */ }
html.dark [class~="dark:bg-slate-700/30"] { background-color: color-mix(in srgb, var(--surface2) 30%, transparent); }
html.dark [class~="dark:bg-slate-700/40"] { background-color: color-mix(in srgb, var(--surface2) 40%, transparent); }
html.dark [class~="dark:bg-slate-700/50"] { background-color: color-mix(in srgb, var(--surface2) 50%, transparent); }
html.dark [class~="dark:bg-slate-700/60"] { background-color: color-mix(in srgb, var(--surface2) 60%, transparent); }
html .border { border-width: var(--line-width); border-style: solid; }
/* :where sıfır özgüllükle yalnız nötr varsayılanı verir; semantik border-* kazanır. */
:where(html .border) { border-color: var(--border); }
html :is(.border-slate-100, .border-slate-200) { border-color: var(--border) !important; /* seam-skin sınır eşlemesi. */ }
html .border-slate-300 { border-color: var(--control-border) !important; /* seam-skin sınır eşlemesi. */ }
html.dark :is(.dark\:border-slate-700, .dark\:border-slate-600) { border-color: var(--border) !important; /* Eski koyu sınır. */ }
html :is(.rounded-md, .rounded-lg) { border-radius: var(--radius-sm); }
html .rounded-xl { border-radius: var(--radius); }
html .rounded-2xl { border-radius: var(--radius-lg) !important; /* seam-skin 12px kuralı. */ }
html .rounded-full { border-radius: 9999px; }
html :is(.text-slate-400, .text-slate-500, .text-slate-600) { color: var(--muted); }
html :is(.text-slate-700, .text-slate-800) { color: var(--text); }
html.dark :is(.dark\:text-slate-100, .dark\:text-slate-200, .dark\:text-slate-300) { color: var(--text) !important; /* Eski koyu metin. */ }
html.dark :is(.dark\:text-slate-400, .dark\:text-slate-500) { color: var(--muted) !important; /* Eski koyu metin. */ }
html :is(.hover\:bg-slate-50, .hover\:bg-slate-100):hover { background-color: var(--surface2) !important; /* Önemli temel yüzey üstünde hover. */ }
html.dark .dark\:hover\:bg-slate-700:hover { background-color: var(--surface2) !important; /* head koyu hover kuralı. */ }

/* Semantik rozetler: yalnız tam sınıf adları; durum metni kaybolmaz. */
html :is([class~="bg-emerald-100"], [class~="bg-emerald-50"], [class~="bg-emerald-50/40"], [class~="bg-emerald-900/10"], [class~="bg-emerald-900/20"], [class~="bg-emerald-900/40"]) { background-color: var(--ok-soft); color: var(--ok-text); }
html :is([class~="text-emerald-400"], [class~="text-emerald-600"], [class~="text-emerald-700"], [class~="text-emerald-800"]) { color: var(--ok-text); }
html.dark :is([class~="dark:bg-emerald-50"], [class~="dark:bg-emerald-900/20"], [class~="dark:bg-emerald-900/25"], [class~="dark:bg-emerald-900/30"], [class~="dark:bg-emerald-900/40"], [class~="dark:bg-emerald-900/5"]) { background-color: var(--ok-soft); color: var(--ok-text); }
html.dark :is(#detailPanel, #logTableBody, #attendanceSummary) :is([class~="dark:bg-emerald-50"], [class~="dark:bg-emerald-900/20"], [class~="dark:bg-emerald-900/25"], [class~="dark:bg-emerald-900/30"], [class~="dark:bg-emerald-900/40"], [class~="dark:bg-emerald-900/5"]) { background-color: var(--ok-soft); }
html.dark :is([class~="dark:text-emerald-300"], [class~="dark:text-emerald-400"]) { color: var(--ok-text) !important; /* head önemli dark:text-emerald-400 rengi. */ }
html body.seam-modern span:is([class~="bg-emerald-100"], [class~="bg-emerald-50"], [class~="bg-emerald-50/40"], [class~="bg-emerald-900/10"], [class~="bg-emerald-900/20"], [class~="bg-emerald-900/40"]):not(:where(#notifBadge)) { min-height: 26px; padding: 3px var(--space-2); border-radius: var(--radius-xs); font-size: var(--font-12); font-weight: 600; line-height: var(--leading-compact); }
html :is([class~="bg-amber-100"], [class~="bg-amber-50"], [class~="bg-amber-50/70"], [class~="bg-amber-900/20"]) { background-color: var(--warn-soft); color: var(--warn-text); }
html :is([class~="text-amber-600"], [class~="text-amber-700"], [class~="text-amber-800"]) { color: var(--warn-text); }
html.dark :is([class~="dark:bg-amber-50"], [class~="dark:bg-amber-900/20"], [class~="dark:bg-amber-900/30"], [class~="dark:bg-amber-900/40"], [class~="dark:bg-amber-900/50"]) { background-color: var(--warn-soft); color: var(--warn-text); }
html.dark :is(#detailPanel, #logTableBody, #attendanceSummary) :is([class~="dark:bg-amber-50"], [class~="dark:bg-amber-900/20"], [class~="dark:bg-amber-900/30"], [class~="dark:bg-amber-900/40"], [class~="dark:bg-amber-900/50"]) { background-color: var(--warn-soft); }
html.dark :is([class~="dark:text-amber-300"], [class~="dark:text-amber-400"]) { color: var(--warn-text); }
html body.seam-modern span:is([class~="bg-amber-100"], [class~="bg-amber-50"], [class~="bg-amber-50/70"], [class~="bg-amber-900/20"]):not(:where(#notifBadge)) { min-height: 26px; padding: 3px var(--space-2); border-radius: var(--radius-xs); font-size: var(--font-12); font-weight: 600; line-height: var(--leading-compact); }
html :is([class~="bg-red-50"], [class~="bg-red-900/20"], [class~="bg-rose-100"], [class~="bg-rose-50"], [class~="bg-rose-50/60"], [class~="bg-rose-900/20"], [class~="bg-rose-900/30"], [class~="bg-rose-900/40"], [class~="bg-rose-900/50"]) { background-color: var(--danger-soft); color: var(--danger-text); }
html :is([class~="text-red-400"], [class~="text-red-700"], [class~="text-rose-400"], [class~="text-rose-600"], [class~="text-rose-700"]) { color: var(--danger-text); }
html.dark :is([class~="dark:bg-red-900/20"], [class~="dark:bg-rose-900/20"], [class~="dark:bg-rose-900/30"], [class~="dark:bg-rose-900/40"]) { background-color: var(--danger-soft); color: var(--danger-text); }
html.dark :is(#detailPanel, #logTableBody, #attendanceSummary) :is([class~="dark:bg-red-900/20"], [class~="dark:bg-rose-900/20"], [class~="dark:bg-rose-900/30"], [class~="dark:bg-rose-900/40"]) { background-color: var(--danger-soft); }
html.dark :is([class~="dark:text-red-300"], [class~="dark:text-rose-300"], [class~="dark:text-rose-400"]) { color: var(--danger-text); }
html body.seam-modern span:is([class~="bg-red-50"], [class~="bg-red-900/20"], [class~="bg-rose-100"], [class~="bg-rose-50"], [class~="bg-rose-50/60"], [class~="bg-rose-900/20"], [class~="bg-rose-900/30"], [class~="bg-rose-900/40"], [class~="bg-rose-900/50"]):not(:where(#notifBadge)) { min-height: 26px; padding: 3px var(--space-2); border-radius: var(--radius-xs); font-size: var(--font-12); font-weight: 600; line-height: var(--leading-compact); }
html :is([class~="bg-blue-50"], [class~="bg-blue-50/40"], [class~="bg-blue-900/10"], [class~="bg-sky-100"], [class~="bg-sky-50"], [class~="bg-sky-50/60"], [class~="bg-sky-900/20"]) { background-color: var(--info-soft); color: var(--info-text); }
html :is([class~="text-blue-600"], [class~="text-sky-600"], [class~="text-sky-700"]) { color: var(--info-text); }
html.dark :is([class~="dark:bg-blue-900/30"], [class~="dark:bg-blue-900/5"], [class~="dark:bg-sky-50"], [class~="dark:bg-sky-900/20"], [class~="dark:bg-sky-900/30"], [class~="dark:bg-sky-900/40"]) { background-color: var(--info-soft); color: var(--info-text); }
html.dark :is(#detailPanel, #logTableBody, #attendanceSummary) :is([class~="dark:bg-blue-900/30"], [class~="dark:bg-blue-900/5"], [class~="dark:bg-sky-50"], [class~="dark:bg-sky-900/20"], [class~="dark:bg-sky-900/30"], [class~="dark:bg-sky-900/40"]) { background-color: var(--info-soft); }
html.dark :is([class~="dark:text-blue-400"], [class~="dark:text-sky-300"], [class~="dark:text-sky-400"]) { color: var(--info-text); }
html body.seam-modern span:is([class~="bg-blue-50"], [class~="bg-blue-50/40"], [class~="bg-blue-900/10"], [class~="bg-sky-100"], [class~="bg-sky-50"], [class~="bg-sky-50/60"], [class~="bg-sky-900/20"]):not(:where(#notifBadge)) { min-height: 26px; padding: 3px var(--space-2); border-radius: var(--radius-xs); font-size: var(--font-12); font-weight: 600; line-height: var(--leading-compact); }
/* Head içindeki ID'li eski metin/yüzey kuralları için aynı kapsam. */
html.dark :is(#modelList, #detailPanel, #logTableBody) :is(.text-slate-400, .text-slate-500) { color: var(--muted); }
html.dark #logTableBody .text-\[\#ff004b\]:not(.log-action-btn) { color: var(--accent-text); }
html.dark :is(#detailPanel, #logTableBody, #attendanceSummary) .bg-emerald-50 { background-color: var(--ok-soft); }
html.dark #detailPanel .bg-rose-50 { background-color: var(--danger-soft); }
html.dark #detailPanel .bg-amber-50 { background-color: var(--warn-soft); }
html.dark #logTableBody .bg-blue-50 { background-color: var(--info-soft); }
html #page-settings .ayarlar-tab[class~="border-[#ff004b]"] { color: var(--text); background: var(--surface); font-weight: 600; }
html body.seam-modern .seam-avatar { background: var(--accent2); color: var(--accent-ink); font-size: var(--font-12); box-shadow: none; }
/* Mevcut yükleme ilerlemeleri: yalnız iki gerçek çubuk, genişlik JS'de kalır. */
html #fileUploadBar, html #file-upload-bar { background-color: var(--chart-1); border-radius: var(--radius-track); height: 6px; }
html div:has(> #fileUploadBar), html div:has(> #file-upload-bar) { background-color: var(--surface3) !important; /* Tailwind yolun önemli yüzeyi. */ border-radius: var(--radius-track); }

/* Marka: işaret parlak, küçük metin AA, dolu ana eylem koyu kırmızı. */
html .bg-\[\#ff004b\] { background-color: var(--accent); }
html .text-\[\#ff004b\] { color: var(--accent-text); }
html.dark .dark\:text-\[\#ff6b96\] { color: var(--accent-text) !important; /* head koyu marka metni. */ }
html.dark [class~="dark:bg-[#ff004b]/20"] { background-color: var(--accent-soft); }
html .accent-\[\#ff004b\] { accent-color: var(--info); }
html .bg-\[\#ff004b\]:is(:hover, :active) { filter: none; box-shadow: none; transform: none; }

/* Kabuk: ID'ler yalnız görsel nitelikleri hedefler; JS görünürlüğü korunur. */
html body.seam-modern #mainNav { padding: var(--space-3) var(--space-3) var(--space-7); }
html body.seam-modern #mainNav p.nav-section {
  font-size: var(--font-12); font-weight: 600; letter-spacing: normal; text-transform: none;
  padding: 18px var(--space-3) 6px; color: var(--muted) !important; /* Eski nav-section rengi. */
}
/* İlk grup başlığı menünün tepesinde: gruplar arası 18px boşluk burada gereksiz. */
html body.seam-modern #mainNav p.nav-section:first-of-type { padding-top: 0; }
html body.seam-modern #mainNav button[id^="nav-btn-"] {
  min-height: 44px; padding: var(--space-2) var(--space-3); gap: 10px;
  border-radius: var(--radius-sm) !important; /* ID'li eski menü köşesi. */
  font-size: var(--font-14); font-weight: 400;
  color: var(--text) !important; /* JS'in koyu metin sınıfı. */
}
html body.seam-modern #mainNav .nav-label { font-size: var(--font-14); font-weight: inherit; line-height: var(--leading-body); }
/* showPage etkin düğmeye tam olarak bg-[#fff0f4] ekler. */
html body.seam-modern #mainNav button[id^="nav-btn-"][class~="bg-[#fff0f4]"] {
  background-color: var(--accent-soft) !important; /* ID'li seam-modern etkin/hover zemini. */
  box-shadow: inset 0 -2px var(--accent) !important; /* seam-modern etkin gölgeyi kapatıyordu. */
  font-weight: 600;
}
html body.seam-modern #mainNav button[id^="nav-btn-"][class~="bg-[#fff0f4]"]::before { content: none; }
html body.seam-modern > header.h-14 { min-height: 64px; height: auto; padding: var(--space-2) var(--space-7); gap: var(--space-3); }
html body.seam-modern #breadcrumb { color: var(--text) !important; /* seam-modern breadcrumb rengi. */ font-size: var(--font-14); }
html body.seam-modern div[id^="page-"] { background-color: var(--bg) !important; /* Eski sayfa zemini. */ min-width: 0; }
html body.seam-modern [id^="page-"].p-6,
html body.seam-modern #page-settings,
html body.seam-modern #dashMainSection { padding: var(--space-5) var(--space-7); }
@media (min-width: 901px) { html body.seam-modern #mainNav:not(.nav-collapsed) { width: 232px; } }

/* Kart: yalnız gerçek yüzey + border + köşe birleşimi. */
html body.seam-modern [id^="page-"] :is(.bg-white, .dark\:bg-slate-800).border:is(.rounded-xl, .rounded-2xl),
html body.seam-modern #page-dashboard :is(.bg-white, .dark\:bg-slate-800).border:is(.rounded-xl, .rounded-2xl):hover {
  box-shadow: none !important; /* seam-skin hover ve seam-modern shadow-* cilası. */
  transform: none;
}
html body.seam-modern [id^="page-"] :is(.bg-white, .dark\:bg-slate-800).border.p-4 { padding: var(--space-4); }
html body.seam-modern [id^="page-"] :is(.bg-white, .dark\:bg-slate-800).border:is(.p-5, .p-6) { padding: var(--space-5); }
html #genelRapor :is(.gr-panel, .gr-kontrol), html #planlamaKok :is(.pl-kart, .pl-form, .pl-tablo-kap) { border-radius: var(--radius); box-shadow: none; }
html #genelRapor .gr-burn { border-top: var(--line-width) solid var(--border); }
html #genelRapor .gr-bas h3, html #planlamaKok h3 { font-size: var(--font-18); line-height: var(--leading-heading); }
html #genelRapor :is(.gr-olcu strong, .gr-halka strong, .gr-sayi, .gr-bugun, .gr-isaret),
html #planlamaKok :is(.pl-kart strong, .pl-tablo .pl-say, .pl-oee-ozet) { font-family: var(--font-family); font-variant-numeric: tabular-nums; }
html #genelRapor .gr-olcu strong, html #planlamaKok .pl-kart strong { font-size: var(--font-28); font-weight: 600; line-height: var(--leading-number); }
html #genelRapor :is(small, .gr-etiket, .gr-secim, .gr-sayi, .gr-ayak, .gr-hedef, .gr-not, .gr-olcu em),
html #planlamaKok :is(small, .pl-kart em) { font-size: var(--font-12); line-height: var(--leading-compact); }

/* Tablolar: değerlerin sağ hizası mevcut text-right/pl-say ile korunur. */
html body.seam-modern [id^="page-"] table, html .gr-cekmece table { font-size: var(--font-14); line-height: var(--leading-body); font-variant-numeric: tabular-nums; }
html body.seam-modern [id^="page-"] thead th, html .gr-cekmece thead th {
  background: var(--surface2); color: var(--muted); font-size: var(--font-13); font-weight: 500;
  text-transform: none; letter-spacing: normal; padding: var(--space-3) 14px;
}
html body.seam-modern [id^="page-"] tbody td, html .gr-cekmece tbody td { height: 45px; padding: 0 14px; border-bottom: var(--line-width) solid var(--border); vertical-align: middle; }
html body.seam-modern [id^="page-"] tbody tr:hover, html .gr-cekmece tbody tr:hover { background-color: var(--surface2); }
html table :is(.text-right, .pl-say) { text-align: right; font-variant-numeric: tabular-nums; }
html table tr[aria-selected="true"] { background: var(--surface3); }
html div:has(> table) { min-width: 0; max-width: 100%; overflow-x: auto; }
html #planlamaKok .pl-tablo { font-size: var(--font-14); }
html #planlamaKok .pl-tablo th { font-size: var(--font-13); padding: var(--space-3) 14px; font-weight: 500; }
html #planlamaKok .pl-tablo td { padding: 0 14px; vertical-align: middle; }

/* Öğe varsayılanları sıfır özgüllüktedir; pl-9, text-5xl ve border-none kazanır. */
:where(body.seam-modern :is(input:not([type]), input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="time"], select, textarea)) {
  min-height: 36px; border: var(--line-width) solid var(--control-border);
  border-radius: var(--radius-sm); padding: 6px var(--space-3); font-size: var(--font-14); line-height: var(--leading-body);
  background-color: var(--surface); color: var(--text);
}
/* Yalnız eski bileşen sınıfları eşlenir; ikonlu utility girdilerinin dolgusu korunur. */
html body.seam-modern .seam-field, html #page-settings .seam-field,
html #genelRapor .gr-secim :is(input, select), html #genelRapor .gr-bas select,
html #planlamaKok .pl-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select) {
  min-height: 36px; border-color: var(--control-border) !important; /* Eski seam-field önemli sınırı. */
  border-radius: var(--radius-sm); font-size: var(--font-14);
  background-color: var(--surface); color: var(--text);
}
html body.seam-modern :is(input, select, textarea).border {
  border-color: var(--control-border) !important; /* Eski önemli border-slate-* kontrol eşlemesi. */
}
:where(body.seam-modern select) { padding-right: var(--space-8); }
/* seam-modern'in yüksek özgüllüklü input fontunu yalnız eski adet sınıfında düzeltir. */
html body.seam-modern [id^="page-"] .vg-count-input {
  font-size: 3rem !important; /* seam-skin mobil input 16px kuralının dar istisnası. */
  line-height: 1; border: 0; background: transparent; padding: 0;
}
html body.seam-modern textarea { min-height: 120px; resize: vertical; }
html body.seam-modern :is(input, textarea)::placeholder { color: var(--muted); opacity: 1; }
html body.seam-modern input:is([type="checkbox"], [type="radio"]) { width: 20px; height: 20px; min-height: 20px; accent-color: var(--info); }
html body.seam-modern label:has(> input:is([type="checkbox"], [type="radio"])) { min-height: 44px; gap: 10px; }
html body.seam-modern .seam-label, html #page-settings .seam-label, html #planlamaKok label { font-size: var(--font-14); font-weight: 500; color: var(--text) !important; /* seam-label önemli rengi. */ gap: var(--space-2); }
html body.seam-modern :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--danger) !important; /* Önemli temel kontrol sınırı. */ }

html body.seam-modern :is(button, input, select, textarea).rounded-2xl { border-radius: var(--radius-sm) !important; /* seam-skin önemli rounded-2xl kuralı. */ }

/* Açık ölçülü ve satır içi düğmeler öğe varsayılanlarından muaftır. */
:where(body.seam-modern :is(button, a[role="button"], input[type="submit"]):not(.gr-hedef, .rounded-full, [class^="w-"], [class*=" w-"], [class^="h-"], [class*=" h-"])) {
  min-width: 36px; min-height: 36px; border-radius: var(--radius-sm); font-size: var(--font-14); font-weight: 600; line-height: var(--leading-body);
}
html :is(.gr-dugme, .pl-dugme, .pl-ikon, .seam-act, .seam-btn-save, .seam-btn-cancel, .seam-fab) {
  min-width: 36px; min-height: 36px; font-size: var(--font-14); border-radius: var(--radius-sm);
}
/* Rol Dağılımı süzgeç satırları 10px metinli yoğun ızgaradır; genel 36px düğme tabanı paneli gereksiz uzatıyordu
   (masaüstünde 3 sütun en alçak düzen; kesilen ad `title` ile okunur). */
html body.seam-modern #roleStats button { min-width: 0; min-height: 24px; }
/* Dar/dokunmatik ekranda seam-skin ızgarayı 1–2 sütuna indiriyor, her rol 44px tam satır kaplıyordu: rol süzgeçleri
   içeriği kadar geniş, sarılan çiplere döner (tam ad, daha az satır). 44px kuralı (!important, aşağıda) geçerli kalır. */
@media (max-width: 900px), (pointer: coarse) {
  html body.seam-modern #roleStats > .grid { display: flex; flex-wrap: wrap; gap: 6px; }
  html body.seam-modern #roleStats > .grid > button { flex: 0 1 auto; max-width: 100%; padding-inline: 10px; }
}
/* Satır içi hedef bağlantısı dokunma kutusu uğruna rapor satırını büyütmez. */
html #genelRapor .gr-hedef { min-width: 0; min-height: 0; }
html :is(.seam-btn-save, .seam-btn-cancel, .gr-dugme, .pl-dugme) { padding: var(--space-2) 14px; }
html body.seam-modern button.border,
html #genelRapor .gr-dugme, html #planlamaKok .pl-dugme, html .gr-cekmece .gr-dugme,
html .seam-btn-cancel { border-color: var(--control-border) !important; /* Eski önemli nötr sınırlar. */ }
html .seam-btn-cancel { color: var(--text); background: transparent; }
html :is(.seam-btn-cancel, .gr-dugme, .pl-dugme):hover:not(:disabled) { background-color: var(--surface2); }
html body.seam-modern :is(button, a, input[type="submit"], [role="button"]).bg-\[\#ff004b\],
html body.seam-modern button:is(.bg-slate-800, .bg-slate-900):is(.dark\:bg-slate-100, .dark\:bg-white):not([id^="mhTab-"]),
html .bg-\[\#ff004b\].text-white,
html body.seam-modern :is(.seam-btn-save, .seam-fab), html #planlamaKok .pl-birincil {
  filter: none; box-shadow: none; transform: none;
  background: var(--accent2) !important; /* Önemli koyu yüzey/düğme sınıfları. */
  color: var(--accent-ink) !important; /* Önemli dark:text-white eşlemesi. */
  border-color: var(--accent2) !important; /* İkincil düğmenin önemli sınırı. */
}
html body.seam-modern :is(button, a, input[type="submit"], [role="button"]).bg-\[\#ff004b\]:hover:not(:disabled),
html body.seam-modern :is(button, a, input[type="submit"], [role="button"]).hover\:bg-\[\#d90040\]:hover:not(:disabled),
html body.seam-modern button:is(.bg-slate-800, .bg-slate-900):is(.dark\:bg-slate-100, .dark\:bg-white):not([id^="mhTab-"]):hover:not(:disabled),
html body.seam-modern :is(.seam-btn-save, .seam-fab):hover:not(:disabled), html #planlamaKok .pl-birincil:hover:not(:disabled) {
  background: var(--accent-hover) !important; /* Önemli ana eylem dolgusu. */
  color: var(--accent-ink) !important; /* Koyu metin varyantları. */
  border-color: var(--accent-hover) !important; /* Ana eylem önemli sınırı. */
  filter: none; box-shadow: none; transform: none;
}
html body.seam-modern :is(button, a, [role="button"]).bg-\[\#ff004b\] *,
html body.seam-modern button:is(.bg-slate-800, .bg-slate-900):is(.dark\:bg-slate-100, .dark\:bg-white):not([id^="mhTab-"]) *,
html body.seam-modern :is(.seam-btn-save, .seam-fab) *, html #planlamaKok .pl-birincil * {
  color: inherit !important; /* İç simge/span'ın önemli koyu metin sınıfı. */
}
/* Defter görünüm sekmesi birincil eylem değildir; seçimi nötr dolgu belirtir. */
html body.seam-modern button[id^="mhTab-"]:is(.bg-slate-800, .bg-slate-900):is(.dark\:bg-slate-100, .dark\:bg-white) {
  background: var(--surface2) !important; color: var(--text) !important;
  border-color: var(--control-border) !important;
}
html body.seam-modern :is(button, a[role="button"]):is(.bg-red-500, .bg-red-600, .bg-rose-500, .bg-rose-600) { background: var(--danger); color: var(--danger-ink); border-color: var(--danger); }
html body.seam-modern :is(button, a[role="button"]):is(.bg-red-500, .bg-red-600, .bg-rose-500, .bg-rose-600):hover { background: var(--danger-hover); color: var(--danger-ink); border-color: var(--danger-hover); }
html body.seam-modern .seam-act--del:hover { background: var(--danger-soft); color: var(--danger-text); border-color: var(--danger); }
html body.seam-modern .seam-act--edit:hover { color: var(--accent-text); border-color: var(--control-border); }
html body.seam-modern button:active:not(:disabled), html #planlamaKok .pl-dugme:active:not(:disabled) { transform: none; box-shadow: inset 0 0 0 1px var(--text); }

html body.seam-modern [id^="page-"] table :is(button, input, select) { font-size: var(--font-14); }
html body.seam-modern [id^="page-"] textarea { min-height: 120px; }

/* Sekmeler: mevcut aria-selected ve Ayarlar'ın sınıf durumunu kullanır. */
html #planlamaKok .pl-sekmeler, html #page-settings .seam-settings-nav { gap: var(--space-2); border-bottom-color: var(--border); }
html #planlamaKok .pl-sekmeler button, html #page-settings .ayarlar-tab,
html body.seam-modern [role="tab"] { min-height: 44px; padding: var(--space-2) var(--space-3); font-size: var(--font-14); font-weight: 500; color: var(--muted); }
html #planlamaKok .pl-sekmeler button[aria-selected="true"], html body.seam-modern [role="tab"][aria-selected="true"] { color: var(--text); font-weight: 600; border-bottom: 2px solid var(--accent); }

/* Örtüler ile yüzeyler farklıdır; görünürlük/odak yönetimi mevcut JS'de kalır. */
html [class~="bg-slate-900/40"] { background: var(--overlay) !important; /* Eşlik eden önemli yüzey sınıfları. */ }
html .gr-ortu, html .seam-mobil-ortu, html .seam-viewer { background: var(--overlay); }
html.dark [class~="bg-slate-900/40"] { background: var(--overlay) !important; /* Eşlik eden önemli dark:bg-* kart eşlemesini ezer. */ }
html .gr-cekmece { background: var(--surface); box-shadow: var(--shadow-lg); padding: var(--space-6); }
html :is(.seam-viewer__card, [role="dialog"], dialog) { border-radius: var(--radius-lg); border-color: var(--border); box-shadow: var(--shadow-lg); }
html [role="progressbar"], html progress { background: var(--surface3); border-radius: var(--radius-track); height: 8px; accent-color: var(--chart-1); }
html table [role="progressbar"] { height: 6px; }
html [role="progressbar"] > div { background-color: var(--chart-1); border-radius: inherit; }
html progress::-webkit-progress-bar { background: var(--surface3); border-radius: var(--radius-track); }
html progress::-webkit-progress-value { background: var(--chart-1); border-radius: var(--radius-track); }
html progress::-moz-progress-bar { background: var(--chart-1); border-radius: var(--radius-track); }

/* Apex fontu ve ilk dört seri JS tema köprüsünden okunur. */
/* Dar metin istisnaları: notifBadge ve logTableBody; Apex etiket boyutu yapılandırmada kalır. */
html #notifBadge { font-size: 11px; line-height: 1; min-width: 16px; width: auto; padding: 0 3px; background: var(--accent2); color: var(--accent-ink); }
html .apexcharts-xaxis-texts-g text, html .apexcharts-yaxis-texts-g text {
  fill: var(--muted) !important; /* Apex inline eksen rengi. */
}
html #logTableBody td > span:is([class~="text-[9px]"], [class~="text-[10px]"], [class~="text-[11px]"]) { font-size: 11px; line-height: var(--leading-compact); }
html #logTableBody td > span:has(:is(a, button, input, select, textarea)),
html #logTableBody td :is(a, button, input, select, textarea), html #logTableBody td :is(a, button) * { font-size: var(--font-14); }

/* Disabled en sonda: yükleniyor/kapalı eylem etkin hover rengini alamaz. */
html body.seam-modern :is(button, input, select, textarea):disabled,
html body.seam-modern [id^="page-"] :is(button, input, select, textarea):disabled,
html #planlamaKok .pl-dugme:disabled, html #page-settings .seam-field:disabled,
html #genelRapor .gr-secim :is(input, select):disabled {
  background: var(--surface2) !important; /* Ana eylem ve kontrolün önemli dolgusu. */
  color: var(--muted) !important; /* Ana eylem ve kontrolün önemli metni. */
  border-color: var(--border) !important; /* Kontrolün önemli sınırı. */
  opacity: 1; filter: none; box-shadow: none; cursor: not-allowed;
}
html body.seam-modern :is(input, textarea)[readonly] { background-color: var(--surface2) !important; /* Temel kontrol yüzeyi. */ }
/* Odak en sonda: hata, ana eylem ve Ayarlar'ın eski pembe odağını geçer. */
html body.seam-modern :is(input, select, textarea):focus,
html #page-settings .seam-field:focus, html #genelRapor .gr-secim :is(input, select):focus,
html #genelRapor .gr-bas select:focus, html #planlamaKok :is(input, select):focus,
html .focus\:border-\[\#ff004b\]:focus {
  border-color: var(--focus) !important; /* Eski önemli focus:border ve seam-field sınırı. */
  box-shadow: none !important; /* seam-skin pembe focus glow. */
}
html body.seam-modern :is(button, a, input, select, textarea, [tabindex]):focus-visible,
html #page-settings button:focus-visible, html #planlamaKok :is(button, input, select):focus-visible,
html #genelRapor :is(button, input, select):focus-visible, html #genelRapor .gr-dugme:focus-visible,
html #genelRapor .gr-secim :is(input, select):focus-visible, html .gr-cekmece .gr-dugme:focus-visible {
  outline: var(--focus-width) solid var(--focus); outline-offset: var(--focus-offset);
}

/* İkinci denetimde kaçan eski metin ve dolgu sınıfları. */
html body.seam-modern :is(#yasal-tarife-rozet, #sabitDevamRolEtiket) { font-size: var(--font-12); }
html body.seam-modern .text-slate-300 { color: var(--muted) !important; /* Eski soluk/inline metin. */ }
html body.seam-modern .bg-emerald-600.text-white:not(:disabled) { background-color: var(--ok); color: var(--bg) !important; /* Açıkta açık, koyuda koyu mürekkep. */ }
html body.seam-modern .bg-emerald-600.text-white:hover:not(:disabled) { background-color: var(--ok); }
html body.seam-modern #page-earsiv button.mt-3.px-4.py-2:not(:disabled) { background: var(--accent2) !important; color: var(--accent-ink) !important; /* Eski inline ana eylem renkleri. */ }
html body.seam-modern :is(.rounded-lg, .rounded-xl).flex.items-center[style*="color:var(--accent)"] {
  color: var(--accent-text) !important; /* Baş harf avatarının inline parlak marka rengi. */
}
/* 44px yalnız dokunma bağlamında zorlanır; satır içi bağlantı istisnası korunur.
   w-7/w-8 gibi ikonlar burada bilinçli büyür, w-14/h-14 gibi büyük kontroller küçülmez. */
@media (max-width: 900px), (pointer: coarse) {
  html body.seam-modern button:not(.gr-hedef),
  html body.seam-modern :is(a[role="button"], input[type="submit"], .seam-act),
  html #page-settings .seam-settings-action { min-width: 44px !important; min-height: 44px !important; flex-shrink: 0; /* Eski modern/skin kontrol ölçülerini aşar. */ }
  html body.seam-modern :is(input:not([type]), input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="time"], select, textarea),
  html #page-settings .seam-field { min-height: 44px !important; /* seam-field sabit yüksekliği ve modern seçicileri. */ }
}

@media (max-width: 900px) {
  /* seam-nav-acik / seam-ortu-acik transform ve görünürlük kuralları devralınır. */
  html body.seam-modern #mainNav, html body.seam-modern #mainNav.nav-collapsed { width: min(320px, calc(100vw - 24px)); box-shadow: var(--shadow-lg); }
  html body.seam-modern > header.h-14 { flex-wrap: nowrap; padding: var(--space-2) var(--space-4); gap: var(--space-2); }
  html body.seam-modern > header.h-14 > .flex:first-child { min-width: 0; gap: var(--space-2); }
  html body.seam-modern > header.h-14 > .flex:last-child { flex-shrink: 0; }
  html body.seam-modern #breadcrumb { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  /* Sipariş kontrolü inline mutlak merkezden akışa alınır; JS'in hidden durumu korunur. */
  html body.seam-modern #topbarSiparis { position: static; flex: 0 1 210px; min-width: 0; max-width: 210px; transform: none !important; /* Inline translateX merkezlemesi. */ }
  html body.seam-modern [id^="page-"].p-6,
  html body.seam-modern #page-settings, html body.seam-modern #dashMainSection { padding: var(--space-4); }
  html body.seam-modern :is(input, select, textarea):not(.vg-count-input), html #page-settings .seam-field,
  html #genelRapor .gr-secim :is(input, select), html #genelRapor .gr-bas select,
  html #planlamaKok :is(input, select), html #logTableBody td :is(input, select, textarea) { font-size: var(--font-16) !important; /* seam-skin mobil fontu; masaüstü ID kurallarını da ezer. */ }
  html #genelRapor .gr-izgara { grid-template-columns: minmax(0, 1fr); }
  html #genelRapor :is(.gr-burn, .gr-nabiz, .gr-isi, .gr-akis, .gr-cesit, .gr-kontrol) { grid-column: 1; }
  html #genelRapor .gr-kontrol { display: block; }
  html #genelRapor .gr-madde { border-left: 0; border-top: var(--line-width) solid var(--border); }
  html #planlamaKok .pl-form:not(.pl-arac) { grid-template-columns: minmax(0, 1fr); }
  html #planlamaKok .pl-arac { flex-wrap: wrap; }
  html #planlamaKok .pl-arac label { flex: 1 1 100%; }
  html #planlamaKok .pl-arac select { min-width: 0; max-width: 100%; }
  html .gr-cekmece { width: min(440px, calc(100vw - 24px)); padding: var(--space-5); }
  /* Liste tabloları ≤640px karttır; matrisler kendi kaplarında kayar. */
}
@media (max-width: 640px) {
  html body.seam-modern #breadcrumb { display: none; }
  html body.seam-modern #bandSummary { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; flex-basis: 100%; }
  html body.seam-modern :has(> #bandSummary) { flex-wrap: wrap; }
  html body.seam-modern #page-personnel { flex-direction: column; overflow-y: auto; }
  html body.seam-modern :is(#personnelPlaceholder, #personnelDetailContent) { flex: 0 0 auto; min-width: 0; }
  html body.seam-modern #personnelPlaceholder { display: none; }
  html body.seam-modern .seam-band-header { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 44px; }
  html body.seam-modern .seam-band-header > .min-w-0 { grid-column: 2 / -1; overflow-wrap: anywhere; }
  html body.seam-modern .seam-band-header > .flex-1 { display: none; }
  html body.seam-modern .seam-band-header > button:first-of-type { grid-column: 1 / 3; justify-self: start; }
  html body.seam-modern .seam-band-header > div.shrink-0 { grid-column: 3; grid-row: 2; }
  html body.seam-modern .seam-band-header > button:last-child { grid-column: 4; grid-row: 2; justify-self: end; }
  html body.seam-modern #personnelSidebar { width: 100%; min-height: 360px; flex: 1 0 auto; border-left: 0; }
}
@media (max-width: 600px) { html #genelRapor .gr-olcu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) {
  html, html body.seam-modern, html body.seam-modern *, html body.seam-modern *::before, html body.seam-modern *::after {
    animation: none !important; /* Eski sınıf ve inline animasyonlar. */
    transition: none !important; /* Eski sınıf ve inline geçişler. */
    scroll-behavior: auto !important; /* Tailwind smooth davranışı. */
  }
}

/* Bant yönü: turuncu yardımcı sınıflar yerine eşleşen uyarı çifti. */
html body.seam-modern .seam-band-header > button.text-orange-600 {
  color: var(--warn-text) !important; background: var(--warn-soft) !important;
}
/* Giriş: kimlikler, hesap türü sınıfları ve görünürlük akışı korunur. */
html body.seam-modern #login-screen {
  background: var(--bg) !important; color: var(--text); padding: var(--space-4); overflow-y: auto;
}
html body.seam-modern #login-screen > div {
  max-width: 400px; padding: var(--space-8); margin-block: auto;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
}
html body.seam-modern #login-screen p { color: var(--muted); }
html body.seam-modern #login-screen .text-xl { color: var(--text); }
html body.seam-modern #login-screen :is(input, button) { min-height: 44px; }
html body.seam-modern #login-screen input {
  background: var(--surface) !important; color: var(--text) !important; border-color: var(--control-border) !important;
}
html body.seam-modern #login-screen input::placeholder { color: var(--muted); opacity: 1; }
html body.seam-modern #login-password { padding-right: 60px; }
html body.seam-modern #login-screen button[onclick="toggleLoginPassword()"] {
  min-width: 44px; right: 4px; color: var(--muted); display: flex; align-items: center; justify-content: center;
}
html body.seam-modern #login-tur-secim button {
  background: var(--surface2) !important; color: var(--text) !important; border-color: var(--control-border) !important;
}
html body.seam-modern #login-tur-secim button.text-white {
  background: var(--accent-soft) !important; color: var(--accent-text) !important; border-color: var(--accent-text) !important;
}
html body.seam-modern #login-btn {
  background: var(--accent2) !important; color: var(--accent-ink) !important;
}
html body.seam-modern #login-btn:hover { background: var(--accent-hover) !important; }
html body.seam-modern #login-screen #login-error { color: var(--danger-text); }
html body.seam-modern #login-screen input:focus { border-color: var(--focus) !important; }
/* Ayrı paneller: isveren.css yerel token ve önemli menü/tablo kurallarını hizalar. */
html body.seam-modern.isveren-panel { --warn: var(--warn-tema); }
html body.seam-modern.isveren-panel > header span.text-\[9px\].font-black.rounded-full {
  background: var(--accent-soft) !important; color: var(--accent-text) !important; /* Rozetin satır içi marka renklerini ezer. */
}
html body.seam-modern.isveren-panel #icerik .iv-label.iv-warn { font-size: var(--font-12); }
html body.seam-modern.isveren-panel #mainNav button[aria-current="page"] { color: var(--text) !important; }
html body.seam-modern.isveren-panel #icerik th { font-size: var(--font-13) !important; }
html body.seam-modern.isveren-panel #icerik :is(input, select, textarea, button) { font-family: var(--font-family); }
html body.seam-portal { background: var(--bg); color: var(--text); }
html body.seam-portal > header { background: var(--surface); border-color: var(--border); }
html body.seam-portal > header .text-white { color: var(--text); }
html body.seam-portal > header > div { min-width: 0; flex-wrap: wrap; }
@media (max-width: 640px) {
  html body.seam-modern #login-screen > div { padding: var(--space-5); }
  html body.seam-portal > header.h-14 { height: auto; min-height: 56px; flex-wrap: wrap; }
}
@media (max-width: 900px), (pointer: coarse) {
  html body.seam-modern.isveren-panel #icerik :is(input, select, textarea) { font-size: var(--font-16); }
}

/* Eski skin'in önemli Fira kuralı, JS'in ölçtüğü aileyi ezmesin. */
html .apexcharts-tooltip-title, html .apexcharts-legend-text { font-family: var(--font-family) !important; }
html body.seam-modern #login-screen::before { content: none; }

/* Sayfa adı üst çubuktadır; içerik eylemleri sağdan başlar. */
html body.seam-modern .seam-sayfa-arac {
  display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px;
}
html body.seam-modern.isveren-panel #icerik > .seam-sayfa-arac { margin-bottom: 16px; }
html body.seam-modern .seam-sayfa-arac > .flex { flex-wrap: wrap; justify-content: flex-end; }
/* Yevmiye başlığı masaüstünde de yer kaplamaz; gerçek th öğeleri erişilebilir kalır. */
html body.seam-modern .seam-tablo-baslik-gizli {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (min-width: 901px) and (max-width: 1440px) {
  html body.seam-modern #bandGrid .band-rail > .flex {
    width: 100% !important; /* renderBand satır içi max-content genişliğini esnetir. */
  }
  html body.seam-modern #bandGrid .band-rail .seat-card {
    flex: 1 1 92px !important; width: auto !important; min-width: 64px; max-width: 104px;
    /* buildSeatBox sabit flex-basis/width yazar; yalnız bu aralıkta daralabilir. */
  }
  html body.seam-modern #bandGrid .band-rail > .flex > :not(.seat-card) {
    flex: 0 1 16px; min-width: 8px; width: 16px !important; /* Satır içi 22px ok genişliği. */
  }
  html body.seam-modern #bandGrid .band-rail > .flex > :not(.seat-card) > svg { width: 100%; }
}
@media (max-width: 640px) {
  /* İşaret tek başına yetmez: JS eşleşmeyi doğruladıktan sonra kart görünümü açılır.
     :is içindeki Planlama kökü, mevcut ID kapsamlı tablo kurallarını aşar. */
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir {
    display: block; width: 100%; min-width: 0 !important; max-width: 100%; table-layout: auto;
    /* Eski listelerin satır içi 620/900px minimumlarını yalnız telefonda ezer. */
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > thead {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > colgroup { display: none; }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > :is(tbody, tfoot) { display: block; width: 100%; }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > :is(tbody, tfoot) > tr:not(.hidden):not([hidden]) {
    display: block; padding: 12px; margin: 0 0 8px; background: var(--surface);
    border: 1px solid var(--border); border-radius: var(--radius);
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > :is(tbody, tfoot) > tr > :is(td, th) {
    display: flow-root; width: auto; min-width: 0; max-width: 100%; padding: 6px 0;
    border: 0; text-align: right; white-space: normal; overflow-wrap: anywhere;
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > :is(tbody, tfoot) > tr > [data-etiket]::before {
    content: attr(data-etiket); float: left; width: 40%; margin-right: 8px;
    text-align: left; font-size: 12px; font-weight: 400; color: var(--muted);
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > :is(tbody, tfoot) > tr > .seam-kart-islem {
    display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 8px;
    padding-top: 8px; margin-top: 4px; border-top: 1px solid var(--border);
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > :is(tbody, tfoot) > tr > .seam-kart-islem::before {
    margin-right: auto; width: auto;
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir .seam-kart-islem > div {
    display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px;
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir .seam-kart-islem :is(button, a, input[type="button"]) {
    min-width: 44px !important; min-height: 44px !important; /* Eski küçük işlem hedefleri. */
    display: inline-flex; align-items: center; justify-content: center;
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir > :is(tbody, tfoot) > tr > .seam-kart-tam {
    text-align: center;
  }
  html :is(body.seam-modern, #planlamaKok) table.seam-kart-hazir :is(input, select, textarea) { max-width: 100%; }
}

/* E-Arşiv bağlantı yönlendirmesi: mevcut uyarı tokenları. */
.seam-efatura-uyari {
  margin: 16px 24px; padding: 16px; border-radius: var(--radius);
  background: var(--warn-soft); color: var(--warn-text);
  border: 1px solid var(--warn); display: flex; flex-wrap: wrap;
  align-items: center; gap: 12px; font-size: 14px;
}
.seam-efatura-uyari p { flex: 1 1 240px; margin: 0; }
/* WSDL alanı, tek sütunlu mobil formda örtük ikinci sütun oluşturmaz. */
@media (max-width: 540px) {
  #ayarlar-panel-entegrasyon #edAlanlar > div { grid-column: 1 / -1 !important; }
}