/* SmartBarkod ortak kurulum kartları (ortak/kurulum-kart.js). Metin standardı: smartbarkod/STANDART.md §2.
   Görünüş panel › Uygulamalar'ın aynısı; başka stil dosyasına bağımlı değil (her sınıf .kr- önekli). Yazı tipi kalıtılır.
   Koyu tema (kayıt sayfaları): .kr--koyu. Karekod kutusu koyuda da beyaz kalır. */
.kr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;align-items:stretch;position:relative;font-size:14px;line-height:1.5;color:#1c2030}
.kr *,.kr *::before,.kr *::after{box-sizing:border-box}
.kr .kr-kart{background:#fff;border:1px solid #e2e5ee;border-radius:12px;padding:18px;margin:0;min-width:0;color:#1c2030}
.kr .kr-i{display:block;width:18px;height:18px;flex:none}
.kr :focus-visible{outline:2px solid #6c5ce7;outline-offset:2px}

/* Kart başlığı */
.kr .kr-bas{display:flex;gap:12px;align-items:center;margin:0 0 16px}
.kr .kr-simge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;background:#efedfd;color:#5546d4}
.kr .kr-simge .kr-i{width:22px;height:22px}
.kr .kr-baslik{font-size:16px;line-height:1.3;font-weight:700;margin:0;color:inherit}
.kr .kr-alt{margin:2px 0 0;font-size:13px;color:#5b6275}

/* Düğmeler ve bağlantılar */
.kr .kr-dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border:1px solid #6c5ce7;border-radius:8px;background:#6c5ce7;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}
.kr .kr-dugme:hover{background:#5546d4;border-color:#5546d4;color:#fff}
.kr .kr-dugme2{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 10px;border:1px solid #d3d8e4;border-radius:8px;background:#fff;color:#1c2030;font:inherit;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer}
.kr .kr-dugme2:hover{background:#eef0f5}
.kr .kr-dugme2 .kr-i{width:16px;height:16px}
.kr .kr-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.kr .kr-link{color:#5546d4;font-weight:600;text-decoration:none}
.kr .kr-link:hover{text-decoration:underline}

/* Bilgisayar programı */
.kr .kr-dosya{color:#5b6275;font-size:12px;margin:8px 0 0}
.kr .kr-not{color:#5b6275;font-size:12px;margin:12px 2px 0;display:flex;gap:8px;align-items:flex-start}
.kr .kr-not svg{width:16px;height:16px;flex:none;margin-top:1px}
.kr .kr-uzak p{margin:0 0 8px}
.kr .kr-adim{list-style:none;counter-reset:kr-a;margin:16px 0 0;padding:16px 0 0;border-top:1px solid #e2e5ee;display:flex;flex-direction:column;gap:12px}
.kr .kr-adim li{display:flex;gap:10px;align-items:flex-start;counter-increment:kr-a;margin:0;padding:0}
.kr .kr-adim li::before{content:counter(kr-a);width:22px;height:22px;border-radius:50%;background:#efedfd;color:#5546d4;font-weight:700;font-size:12px;line-height:1;display:grid;place-items:center;flex:none;margin-top:1px}

/* Telefon uygulaması */
.kr .kr-qrsatir{display:flex;gap:16px;align-items:center}
.kr .kr-qr{width:136px;height:136px;padding:8px;background:#fff;border:1px solid #e2e5ee;border-radius:10px;flex:none}
.kr .kr-qr svg{display:block;width:100%;height:100%}
.kr .kr-qryan{min-width:0}
.kr .kr-qryan p{margin:0 0 8px}
.kr .kr-adres{background:#f7f8fb;border:1px solid #e2e5ee;border-radius:8px;padding:7px 10px;margin:0 0 8px;font-size:12.5px;word-break:break-all;font-family:ui-monospace,Consolas,monospace}
.kr .kr-h3{font-size:14px;line-height:1.4;font-weight:700;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #e2e5ee}
.kr .kr-dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px 12px;margin:10px 0 0}
.kr .kr-dl dt{color:#5b6275;margin:0}
.kr .kr-dl dd{margin:0;font-weight:500}

/* Herkese açık sayfalar: "Hesabınız yoksa…" satırı; ekran okuyucu duyurusu */
.kr .kr-acik{grid-column:1/-1;margin:0;text-align:center;color:#5b6275}
.kr .kr-gizli{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:560px){.kr .kr-qrsatir{flex-direction:column;align-items:flex-start}}

/* Koyu tema */
.kr--koyu{color:#f5f6fa}
.kr--koyu .kr-kart{background:#161a24;border-color:rgba(255,255,255,.12);color:#f5f6fa}
.kr--koyu .kr-alt,.kr--koyu .kr-dosya,.kr--koyu .kr-not,.kr--koyu .kr-dl dt,.kr--koyu .kr-acik{color:#8e9aa8}
.kr--koyu .kr-simge,.kr--koyu .kr-adim li::before{background:rgba(108,92,231,.18);color:#8b7bff}
.kr--koyu .kr-adim,.kr--koyu .kr-h3{border-top-color:rgba(255,255,255,.12)}
.kr--koyu .kr-adres{background:#0e1118;border-color:rgba(255,255,255,.12);color:#f5f6fa}
.kr--koyu .kr-dugme2{background:transparent;border-color:rgba(255,255,255,.22);color:#f5f6fa}
.kr--koyu .kr-dugme2:hover{background:rgba(255,255,255,.12)}
.kr--koyu .kr-link{color:#8b7bff}
.kr--koyu .kr-qr{background:#fff;border-color:rgba(255,255,255,.12)}
.kr--koyu :focus-visible{outline-color:#8b7bff}