.so [hidden] { display: none !important; }
.so-modlar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; border: 0; }
.so-modlar legend { width: 100%; margin-bottom: 8px; }
.so-mod { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--fmt-border-strong); border-radius: 8px; cursor: pointer; }
.so-mod:has(input:checked) { border-color: var(--fmt-accent); background: var(--fmt-accent-soft); font-weight: 600; }
.so-mod:has(input:focus-visible) { outline: 2px solid var(--fmt-accent); outline-offset: 2px; }
.so-sonuc { padding: 16px; border: 1px solid var(--fmt-border-strong); border-radius: 10px; background: var(--fmt-surface); }
.so-cikti, .so-liste code, .so-semboller { font-family: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace; }
.so-cikti { display: block; min-height: 1.5em; font-size: 1.35rem; line-height: 1.5; overflow-wrap: anywhere; word-break: break-all; }
.so-liste { display: grid; gap: 6px; max-height: 26rem; margin: 0; padding: 0 0 0 2.2em; overflow: auto; }
.so-liste li { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.so-liste code { overflow-wrap: anywhere; word-break: break-all; }
.so-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.so-eylem .fmt-btn, .so-satir-kopyala { min-height: 44px; }
.so-bildirim { min-height: 1.5em; margin: 8px 0 0; color: var(--fmt-muted); }
.so-guc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 16px 0 8px; }
.so-guc-bit { font-weight: 700; }
.so-guc-cubuk { flex: 1 1 160px; height: 8px; border-radius: 4px; background: var(--fmt-border); overflow: hidden; }
.so-guc-cubuk span { display: block; width: 0; height: 100%; background: var(--fmt-accent); }
.so[data-guc="1"] .so-guc-cubuk span { width: 25%; background: var(--fmt-danger); }
.so[data-guc="2"] .so-guc-cubuk span { width: 50%; }
.so[data-guc="3"] .so-guc-cubuk span { width: 75%; }
.so[data-guc="4"] .so-guc-cubuk span { width: 100%; }
.so[data-guc="pin"] .so-guc-cubuk { display: none; }
.so-tablo { width: 100%; margin: 0 0 20px; border-collapse: collapse; font-size: .95rem; }
.so-tablo caption { margin-bottom: 6px; font-weight: 700; text-align: left; }
.so-tablo th, .so-tablo td { padding: 8px 10px; border-top: 1px solid var(--fmt-border); text-align: left; overflow-wrap: anywhere; }
.so-tablo thead th { color: var(--fmt-muted); font-weight: 600; }
.so-ayarlar { display: grid; gap: 14px; margin-bottom: 14px; }
.so-ayarlar > .fmt-hint { grid-column: auto; }
.so .fmt-select, .so .fmt-check { min-height: 44px; }
.so .fmt-check { align-content: center; }
.so-yedek { position: fixed; top: 0; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.so-kumeler { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; border: 0; }
.so-kumeler legend { width: 100%; margin-bottom: 6px; }
.so-aralik { display: flex; align-items: center; gap: 12px; }
.so-aralik input[type="range"] { flex: 1 1 auto; min-width: 0; min-height: 44px; accent-color: var(--fmt-accent); }
.so-sayi { width: 5.5em; min-height: 44px; padding: 0 8px; border: 1px solid var(--fmt-border-strong); border-radius: 6px; background: var(--fmt-surface); color: inherit; font: inherit; }
.so-semboller { display: inline-block; margin-top: 6px; overflow-wrap: anywhere; word-break: break-all; }
.so-adet { max-width: 12rem; margin-bottom: 14px; }
.so-rehber h2 { margin: 28px 0 10px; font-size: 1.3rem; }
.so-rehber ul { padding-left: 1.3em; }
.so-atif { margin-top: 24px; font-size: .9rem; color: var(--fmt-muted); }
@media (prefers-reduced-motion: no-preference) {
    .so-guc-cubuk span { transition: width .2s ease; }
}
@media (forced-colors: active) {
    .so-guc-cubuk span { background: CanvasText; }
    .so-mod:has(input:checked) { outline: 2px solid CanvasText; }
}