/* Mevcut SEAM'in görsel yenilemesi. İşlem, görünürlük ve yetki kuralları JS'de kalır.
   seam-skin.css sonrasında yüklenir; geri almak için yalnız bu bağlantı kaldırılır. */
:root {
  --bg:#f3f4f7; --bg-grad1:#f3f4f7; --bg-grad2:#f3f4f7;
  --surface:#ffffff; --surface2:#f5f6f9; --surface3:#e8ebf1;
  --border:#dde1e9; --text:#202535; --muted:#5f687c; --muted2:#6b7487;
  --radius:12px; --shadow-sm:0 2px 6px #20253506;
  --shadow-md:0 8px 24px #2025350d; --shadow-lg:0 20px 60px #20253526;
  --glow:0 0 0 1px #ff004b18;
}
html.dark {
  --bg:#111218; --bg-grad1:#111218; --bg-grad2:#111218;
  --surface:#191b24; --surface2:#20232e; --surface3:#2d3240;
  --border:#343947; --text:#edf0f7; --muted:#afb7c9; --muted2:#929db3;
  --shadow-sm:0 2px 6px #00000012; --shadow-md:0 8px 24px #00000024;
  --shadow-lg:0 20px 60px #00000055; --glow:0 0 0 1px #ff004b25;
}
body.seam-modern {background:var(--bg)!important;color:var(--text);font-family:'Inter','Fira Sans',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
body.seam-modern > header {height:54px;min-height:54px;flex-shrink:0;background:var(--surface)!important;border-bottom-color:var(--border)!important;box-shadow:none!important}
.seam-modern #breadcrumb {font-size:13px;color:var(--muted)!important}
.seam-modern .seam-avatar {box-shadow:none;font-weight:600;border-radius:10px}
.seam-modern #mainNav {padding:12px 8px;background:var(--surface)!important}
.seam-modern #mainNav button[id^="nav-btn-"] {min-height:42px;margin:2px 0;gap:11px;border-radius:9px!important;transition:background-color .15s,color .15s;box-shadow:none}
.seam-modern #mainNav .nav-label {font-size:13px;font-weight:500;line-height:1.4}
.seam-modern #mainNav .nav-section {font-size:10px;font-weight:600;letter-spacing:.08em;padding-top:12px;padding-bottom:7px;color:var(--muted)!important}
.seam-modern #mainNav button[id^="nav-btn-"]:hover {background-color:var(--surface2)!important}
.seam-modern #mainNav button[id^="nav-btn-"][class*="fff0f4"] {background-color:var(--seam-accent-soft)!important;box-shadow:none!important}
.seam-modern #mainNav button[id^="nav-btn-"][class*="fff0f4"]::before {left:0;height:18px;width:3px}
.seam-modern [id^="page-"] {color:var(--text)}
.seam-modern [id^="page-"] :is(h1,h2,h3) {letter-spacing:-.02em;line-height:1.35}
.seam-modern [id^="page-"] :is(.rounded-xl,.rounded-2xl).border {border-color:var(--border)!important;box-shadow:var(--shadow-sm)}
.seam-modern [id^="page-"] :is(.shadow-lg,.shadow-xl) {box-shadow:var(--shadow-md)!important}
.seam-modern [id^="page-"] :is(button,input,select,textarea) {font-family:inherit}
/* Alan boyutları yalnız metin girdilerine uygulanır; checkbox, renk ve dosya kontrolleri korunur. */
.seam-modern [id^="page-"] :is(input[type="text"],input[type="search"],input[type="number"],input[type="date"],input[type="email"],input[type="time"],select,textarea) {border-radius:9px;border-color:var(--border);font-size:13px;line-height:1.5}
.seam-modern [id^="page-"] :is(input[type="text"],input[type="search"],input[type="number"],input[type="date"],input[type="email"],input[type="time"],select) {min-height:36px}
.seam-modern [id^="page-"] :is(input,textarea)::placeholder {color:var(--muted2);opacity:1}
.seam-modern :is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:2px solid var(--info);outline-offset:3px}
.seam-modern [id^="page-"] button:is(.px-3,.px-4,.px-5,.px-6) {min-height:36px;border-radius:9px;font-weight:500}
.seam-modern [id^="page-"] button:disabled {cursor:not-allowed}
.seam-modern [id^="page-"] table {font-variant-numeric:tabular-nums;font-size:13px;line-height:1.5}
.seam-modern [id^="page-"] thead th {background:var(--surface2);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.025em;vertical-align:middle;padding-top:11px;padding-bottom:11px}
.seam-modern [id^="page-"] tbody td {padding-top:11px;padding-bottom:11px;border-color:var(--border);vertical-align:middle}
.seam-modern [id^="page-"] tbody tr:hover {background-color:var(--surface2)}
.seam-modern [id^="page-"] table :is(button,input,select) {font-size:12px}
.seam-modern #whHeaderBar {padding-top:10px;padding-bottom:10px;box-shadow:none}
.seam-modern #dashMainSection {padding:16px;background:var(--bg)!important}
.seam-modern .seam-page-enter,.seam-modern .seam-page-enter > * {animation:none!important}
/* Daraltılmış menü, mobil çekmece, TV ve yazdırma yerleşimleri mevcut kuralları kullanır. */
@media(min-width:769px){.seam-modern #mainNav:not(.nav-collapsed){width:200px}}
@media(max-width:768px){
  body.seam-modern > header {padding-left:12px;padding-right:12px}
  .seam-modern #mainNav button[id^="nav-btn-"] {min-height:44px}
  .seam-modern [id^="page-"] :is(input[type="text"],input[type="search"],input[type="number"],input[type="email"],select,textarea) {font-size:16px}
}
/* --- OKUNABILIRLIK: 9-10px yardimci metinler 11px'e cikarilir ---
   Olculdu (gercek oturum, 13 sayfa): gorunur metin ogelerinin %25.9'u 11px altiydi
   (301 oge 10px + 57 oge 9px). Rozet/etiket/yardimci metinler icin 11px alt sinir.
   ⚠ SATIR YUKSEKLIGI de birlikte artar; yoksa 11px yazi 10px'lik satirda sikisir.
   ⚠ Tailwind'in text-[10px]/text-[9px] arbitrary siniflarini ezmek icin ozgulluk
     [id^="page-"] ile saglanir — !important gerekmiyor (olculdu). */
.seam-modern [id^="page-"] .text-\[9px\],
.seam-modern [id^="page-"] .text-\[10px\] {font-size:11px;line-height:1.45}
/* Tablo ici kontrollerde 12px tabani korunur (yogun veri okunakli kalsin) */
.seam-modern [id^="page-"] table :is(.text-\[9px\],.text-\[10px\]) {font-size:11px}
@media print {body.seam-modern {background:#fff!important}.seam-modern [id^="page-"] table {font-size:inherit}.seam-modern [id^="page-"] tbody td {padding-top:4px;padding-bottom:4px}}