/* İthalatta TSE, CE ve uygunluk beyanı rehberi. kargo.css'teki sayfa iskeletini (kg-top, kg-icerik, kg-yan, vurgu-kart) kullanır.
   Tasarım dili "beyanname" (docs/design/DESIGN.md): theme.css belirteçleri, gölgesiz ince çizgili kutular, 6px köşe. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Sayfa özeti: kart ızgarası değil, üstte mürekkep çizgili üç sütunlu bağlantı listesi (ana sayfadaki dizinler gibi). */
.tse-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:12px 0 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line-strong)}
.tse-ozet a{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px 0;color:var(--ink);text-decoration:none;transition:background-color .15s}
.tse-ozet a+a{padding-left:20px;border-left:1px solid var(--line)}
.tse-ozet a:hover b{color:var(--green)}
.tse-ozet b{font:800 1.15rem/1.3 var(--font);font-stretch:110%;letter-spacing:-.01em}
.tse-ozet span{font-size:.9rem;line-height:1.55;color:var(--muted)}
.tse-ozet small{margin-top:auto;padding-top:4px;font-size:.9rem;font-weight:700;color:var(--green)}
.tse-ozet small::after{content:" \2192"}
.tse-ozet a:hover small{text-decoration:underline}
/* Süreç adımları: sıra bilgi taşır; numara beyanname kutu numarası gibi (yeşil zeminli kare). */
.tse-adimlar{counter-reset:a;list-style:none;padding:0;margin:18px 0;display:grid;gap:0;border-top:1px solid var(--line)}
.tse-adimlar li{counter-increment:a;position:relative;padding:12px 0 12px 44px;border-bottom:1px solid var(--line);font-size:.95rem;line-height:1.6}
.tse-adimlar li::before{content:counter(a);position:absolute;left:0;top:13px;width:28px;height:28px;border-radius:4px;background:var(--green-soft);color:var(--green-ink);font:800 .85rem/28px var(--font);font-variant-numeric:tabular-nums;text-align:center}
.tse-ara{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 10px}
.tse-ara input{flex:1 1 260px;min-width:0;padding:11px 14px;font:inherit;font-size:.95rem}
.tse-ara output{font-size:.88rem;color:var(--muted)}
.tse-tablo-kap{max-height:640px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.tse-tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.tse-tablo thead th{position:sticky;top:0;z-index:1;background:var(--surface);padding:10px}
.tse-tablo td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.tse-konu th{padding:10px;background:var(--green-soft);color:var(--ink);font-size:.88rem;font-weight:700;text-align:left;border-bottom:1px solid var(--line-strong)}
.tse-konu th span{margin-left:6px;font-weight:500;color:var(--muted)}
.tse-no{width:44px;color:var(--muted)}
.tse-gtip{white-space:nowrap;font-variant-numeric:tabular-nums}
.tse-gtip a{color:var(--green);font-weight:700}
.tse-stdhucre{width:38%;background:var(--ground);border-left:1px solid var(--line)}
.tse-std{margin:0;padding-left:16px;font-size:.84rem;line-height:1.5;color:var(--text)}
.tse-std li+li{margin-top:4px}
.tse-not{display:block;margin-top:4px;font-size:.8rem;color:#785015}
.tse-bos{padding:18px;color:var(--muted);font-size:.9rem}
.tse-belge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.tse-belge div{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.tse-belge h4{margin:0 0 8px;padding-bottom:8px;border-bottom:1.5px solid var(--ink);font-size:1rem}
.tse-belge ul{margin:0;padding-left:18px;font-size:.9rem;line-height:1.6}
/* Beyan taslağı aracı: sayfanın tek işlem kutusu, 2px mürekkep çerçeve. */
.tse-araci{margin:24px 0;padding:22px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface)}
.tse-araci h3{margin-top:0}
.tse-araci .fields{margin:14px 0}
.tse-araci textarea{min-height:76px}
.tse-mev{margin:6px 0 14px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
.tse-mev legend{padding:0;margin-bottom:8px;font-size:.88rem;font-weight:700;color:var(--ink)}
.tse-cikti{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.tse-cikti figure{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.tse-cikti figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--ink)}
.tse-cikti pre{margin:0;padding:14px;max-height:420px;overflow:auto;border:1px solid var(--line-strong);border-radius:4px;background:var(--ground);font:400 .8rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;color:var(--ink)}
.tse-eksik{margin:12px 0 0;padding:10px 12px;border:1px solid #eddeb7;border-radius:var(--radius);background:#fff4dc;color:#785015;font-size:.88rem}
.tse-kontrol li{margin-bottom:8px}
@media(max-width:760px){.tse-ozet,.tse-belge,.tse-cikti,.tse-mev{grid-template-columns:minmax(0,1fr)}.tse-ozet a,.tse-ozet a+a{padding:14px 0;border-left:0}.tse-ozet a+a{border-top:1px solid var(--line)}.tse-tablo{min-width:620px}.tse-tablo-kap{max-height:520px}.tse-ara output{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.tse-ozet a{transition:none}}