/* assets/css/iq-konfig.css — IPCONIQ lisans secim araci (/ipconiq-konfigurator)
 *
 * .iq tasarim dilinin (assets/css/ipconiq.css) degiskenlerini kullanir:
 * ilik beyaz yuzey, ince cizgi, lacivert dolu dugme, mono teknik etiket.
 * Kurallar: sonsuz animasyon yok, backdrop-filter yok (bostaki-islemci-yuku);
 * Tailwind koseli parantez sinifi yok, olculer burada (tailwind-hazir-dosya-tuzagi).
 */

.iqk-govde { --iqk-zemin:#ffffff; --iqk-yumusak:#f3f5f7; --iqk-vurgu-zemin:#ecfeff;
    --iqk-uyari:#92400e; --iqk-uyari-zemin:#fffbeb; --iqk-uyari-cizgi:#fcd34d;
    --iqk-hata:#991b1b; --iqk-hata-zemin:#fef2f2; --iqk-hata-cizgi:#fca5a5;
    --iqk-tamam:#065f46; --iqk-tamam-zemin:#ecfdf5; }

/* ---------- Hero ---------- */
.iqk-hero { padding-bottom:3.5rem; border-bottom:1px solid var(--iq-cizgi); }
.iqk-hero .iq-h1 { font-size:clamp(2rem, 1.2rem + 2.4vw, 3.25rem); }
/* 9 Kas 2026: ortak hero iki sutunu ALTTAN hizaliyor (urun sayfalarinda altta
   ekran gorseli oldugu icin). Burada gorsel yok; sag sutun uzun kalinca baslik
   bosluga dusuyordu. Arac sayfasinda ikisi USTTEN hizalanir. */
.iqk-hero .iq-hero__ust { align-items:start; }
.iqk-hero .iq-hero__yan { padding-bottom:0; }
@media(min-width:1024px){ .iqk-hero .iq-hero__ust { gap:5rem; } }
.iqk-hero-not { margin:1rem 0 1.5rem !important; font-size:.9rem !important; color:var(--iq-soluk) !important;
    padding-left:.75rem; border-left:2px solid var(--iq-vurgu); }

/* ---------- Iskelet ---------- */
.iqk-bolum { padding-top:2.5rem; background:var(--iq-yuzey); }
@media(min-width:1024px){ .iqk-bolum { padding-top:3rem; } }
.iqk-arac-ust { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:flex-end; margin-bottom:1rem; }
.iqk-duzen { display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem; align-items:start; }
@media(min-width:1024px){ .iqk-duzen { grid-template-columns:minmax(0,1fr) 340px; gap:2rem; } }

.iqk-sihirbaz { background:var(--iqk-zemin); border:1px solid var(--iq-cizgi-2); border-radius:6px;
    scroll-margin-top:110px; min-width:0; }

/* ---------- Adim seridi ---------- */
.iqk-adimlar { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--iq-cizgi); }
.iqk-adim { display:flex; align-items:center; gap:.55rem; padding:1rem .9rem; background:none; border:0;
    border-bottom:2px solid transparent; font-size:.9rem; font-weight:600; color:var(--iq-soluk);
    text-align:left; cursor:pointer; line-height:1.25; }
.iqk-adim span { display:inline-flex; align-items:center; justify-content:center; width:1.6rem; height:1.6rem;
    flex:none; border-radius:4px; border:1px solid var(--iq-cizgi-2); font-size:.75rem; }
.iqk-adim:hover { color:var(--iq-metin); }
.iqk-adim.on { color:var(--iq-metin); border-bottom-color:var(--iq-dugme); }
.iqk-adim.on span { background:var(--iq-dugme); border-color:var(--iq-dugme); color:#fff; }
@media(max-width:640px){
    .iqk-adim { flex-direction:column; justify-content:flex-start; gap:.35rem; padding:.75rem .3rem;
        font-size:.72rem; text-align:center; }
}

/* ---------- Form ---------- */
#iqk-form { padding:1.75rem 1.25rem 1.5rem; }
@media(min-width:768px){ #iqk-form { padding:2.25rem 2.25rem 1.75rem; } }
.iqk-baslik { font-size:1.5rem; }
.iq p.iqk-giris { margin:.5rem 0 1.5rem; }
.iqk-alanlar { display:grid; grid-template-columns:minmax(0,1fr); gap:1.25rem 1.5rem; }
@media(min-width:768px){ .iqk-alanlar { grid-template-columns:repeat(2,minmax(0,1fr)); } .iqk-genis { grid-column:1 / -1; } }
.iqk-alan { display:flex; flex-direction:column; gap:.4rem; min-width:0; border:0; margin:0; padding:0; }
.iqk-alan > label, .iqk-alan > legend, .iqk-etiket, .iqk-pencere > label {
    font-size:.875rem; font-weight:620; color:var(--iq-metin); padding:0; }
.iqk-alan small, .iqk-grup > small, .iqk-kutu small { font-size:.8rem; line-height:1.5; color:var(--iq-soluk); }
.iqk-govde input[type=text], .iqk-govde input[type=number], .iqk-govde input[type=search],
.iqk-govde select, .iqk-govde textarea {
    width:100%; padding:.65rem .75rem; border:1px solid var(--iq-cizgi-2); border-radius:5px;
    background:#fff; color:var(--iq-metin); font:inherit; font-size:.95rem; }
.iqk-govde textarea { min-height:5.5rem; resize:vertical; }
.iqk-govde input:focus, .iqk-govde select:focus, .iqk-govde textarea:focus {
    outline:2px solid var(--iq-vurgu); outline-offset:1px; border-color:var(--iq-vurgu); }
.iqk-govde button:focus-visible, .iqk-govde a:focus-visible { outline:2px solid var(--iq-vurgu); outline-offset:2px; }
.iqk-ust-bosluk { margin-top:1.75rem; }

/* Secim kartlari (urun ailesi) */
.iqk-secim { display:grid; grid-template-columns:minmax(0,1fr); gap:.75rem; }
@media(min-width:900px){ .iqk-secim { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.iqk-kart { position:relative; display:block; cursor:pointer; }
.iqk-kart input { position:absolute; opacity:0; inset:0; }
.iqk-kart span { display:block; height:100%; padding:1rem 1.1rem; border:1px solid var(--iq-cizgi-2);
    border-radius:6px; background:#fff; transition:border-color .15s ease, background-color .15s ease; }
.iqk-kart b { display:block; font-size:.98rem; font-weight:640; }
.iqk-kart small { display:block; margin-top:.35rem; font-size:.82rem; line-height:1.5; color:var(--iq-ikincil); }
.iqk-kart:hover span { border-color:var(--iq-metin); }
.iqk-kart input:checked + span { border-color:var(--iq-vurgu); background:var(--iqk-vurgu-zemin);
    box-shadow:inset 0 0 0 1px var(--iq-vurgu); }
.iqk-kart input:focus-visible + span { outline:2px solid var(--iq-vurgu); outline-offset:2px; }

/* Onay kutulari */
.iqk-kutular { display:grid; grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr)); gap:.5rem; }
.iqk-kutu { display:flex; gap:.6rem; align-items:flex-start; padding:.6rem .7rem; border:1px solid var(--iq-cizgi);
    border-radius:5px; background:#fff; font-size:.9rem; cursor:pointer; line-height:1.4; }
.iqk-kutu + .iqk-kutu { margin-top:.5rem; }
.iqk-kutular .iqk-kutu + .iqk-kutu { margin-top:0; }
.iqk-kutu input { margin-top:.2rem; width:1rem; height:1rem; flex:none; accent-color:var(--iq-dugme); }
.iqk-kutu span { display:flex; flex-direction:column; gap:.15rem; }
.iqk-kutu:hover { border-color:var(--iq-cizgi-2); }
.iqk-kutu:has(input:checked) { border-color:var(--iq-vurgu); background:var(--iqk-vurgu-zemin); }
#alarmKanal { margin-top:.5rem; }

.iqk-grup { margin:0 0 1.5rem; padding:1.25rem; border:1px solid var(--iq-cizgi); border-radius:6px; background:var(--iq-yuzey); }
.iqk-grup > legend { padding:0 .4rem; font-family:var(--iq-mono); font-size:.72rem; letter-spacing:.11em;
    text-transform:uppercase; color:var(--iq-vurgu); }
.iqk-grup > small { display:block; margin-top:.9rem; }

.iq p.iqk-bilgi { margin:1.5rem 0 0; padding:.9rem 1rem; border-left:3px solid var(--iq-vurgu);
    background:var(--iqk-vurgu-zemin); font-size:.9rem; color:var(--iq-ikincil); }
.iqk-hata:empty { display:none; }
.iqk-hata { margin:0 0 1.25rem; padding:.85rem 1rem; border:1px solid var(--iqk-hata-cizgi); border-radius:5px;
    background:var(--iqk-hata-zemin); color:var(--iqk-hata); font-size:.9rem; }

/* Alt gezinme */
.iqk-alt { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.25rem;
    border-top:1px solid var(--iq-cizgi); background:var(--iq-yuzey); }
@media(min-width:768px){ .iqk-alt { padding:1rem 2.25rem; } }
.iqk-alt .iq-mono { font-size:.8rem; color:var(--iq-soluk); }
.iqk-govde button.iq-btn--pri { background:var(--iq-dugme); border-color:var(--iq-dugme); color:#fff; cursor:pointer; }
.iqk-govde button.iq-btn--pri:hover { background:var(--iq-dugme-h); }
.iqk-ileri[hidden] { display:none; }

.iqk-dugme { display:inline-block; padding:.6rem 1rem; border:1px solid var(--iq-cizgi-2); border-radius:5px;
    background:#fff; color:var(--iq-metin); font-size:.875rem; font-weight:600; cursor:pointer;
    transition:border-color .15s ease; }
.iqk-dugme:hover { border-color:var(--iq-metin); }
.iqk-dugme:disabled { opacity:.45; cursor:not-allowed; border-color:var(--iq-cizgi-2); }

/* ---------- Sonuc ---------- */
.iqk-durum { display:inline-block; padding:.25rem .6rem; border-radius:4px; font-size:.78rem; font-weight:700;
    border:1px solid currentColor; }
.iqk-durum--bekle { color:var(--iq-soluk); background:var(--iqk-yumusak); }
.iqk-durum--teyit { color:var(--iqk-uyari); background:var(--iqk-uyari-zemin); }
.iqk-durum--hazir { color:var(--iqk-tamam); background:var(--iqk-tamam-zemin); }
/* Hucre cizgileri hucrenin kendisinde: 7 bilgi 4 sutunda kalinca bos hucre gri gorunmesin */
.iqk-ozet { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:1rem 0;
    border:1px solid var(--iq-cizgi); background:#fff; border-radius:5px; overflow:hidden; }
@media(min-width:900px){ .iqk-ozet { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.iqk-ozet div { padding:.7rem .85rem; background:#fff; min-width:0; box-shadow:inset -1px -1px 0 var(--iq-cizgi); }
.iqk-ozet dt { font-family:var(--iq-mono); font-size:.66rem; letter-spacing:.09em; text-transform:uppercase; color:var(--iq-soluk); }
.iqk-ozet dd { margin:.2rem 0 0; font-size:.9rem; font-weight:600; overflow-wrap:anywhere; }
.iqk-cip { display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 1rem; padding:0; list-style:none; }
.iqk-cip li { padding:.2rem .55rem; border:1px solid var(--iq-cizgi-2); border-radius:4px; font-size:.75rem; background:#fff; }
.iqk-kutu-sonuc { margin:0 0 1rem; padding:1.1rem 1.2rem; border:1px solid var(--iq-cizgi); border-radius:6px; background:#fff; }
.iqk-kutu-sonuc .iq-h4 { margin-bottom:.6rem; font-size:1rem; }
.iqk-kutu-sonuc ul { margin:0; padding-left:1.1rem; }
.iqk-kutu-sonuc li { margin:.3rem 0; font-size:.9rem; line-height:1.55; color:var(--iq-ikincil); }
.iqk-kutu-sonuc--eksik { border-color:var(--iqk-hata-cizgi); background:var(--iqk-hata-zemin); }
.iqk-kutu-sonuc--teyit { border-color:var(--iqk-uyari-cizgi); background:var(--iqk-uyari-zemin); }
.iq p.iqk-onyazi { white-space:pre-wrap; font-size:.9rem; }
.iqk-tablo { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.iqk-tablo table { width:100%; border-collapse:collapse; font-size:.9rem; }
.iqk-tablo th, .iqk-tablo td { padding:.65rem .7rem; border-bottom:1px solid var(--iq-cizgi); text-align:left; vertical-align:top; }
.iqk-tablo thead th { font-family:var(--iq-mono); font-size:.68rem; letter-spacing:.09em; text-transform:uppercase;
    font-weight:500; color:var(--iq-soluk); border-bottom-color:var(--iq-cizgi-2); }
.iqk-tablo td:nth-child(2) { white-space:nowrap; }
.iqk-kod { font-family:var(--iq-mono); font-size:.8rem; font-weight:600; color:var(--iq-metin); white-space:nowrap; }
.iqk-neden { display:block; margin-top:.3rem; font-size:.8rem; color:var(--iq-vurgu); }
.iqk-rozet { display:inline-block; margin-left:.25rem; padding:0 .35rem; border-radius:3px; font-size:.66rem;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--iqk-uyari);
    background:var(--iqk-uyari-zemin); border:1px solid var(--iqk-uyari-cizgi); vertical-align:1px; }
.iqk-eylemler { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin:1.5rem 0 0 !important; }
.iqk-kural { margin-top:1.5rem; font-size:.875rem; color:var(--iq-ikincil); }
.iqk-kural summary { cursor:pointer; font-weight:600; color:var(--iq-metin); }
.iqk-kural p { margin-top:.6rem !important; font-size:.875rem !important; }

/* Telefonda sonuc tablosu kart gibi: kod, adet, aciklama alt alta */
@media(max-width:640px){
    .iqk-sonuc-tablo thead { display:none; }
    .iqk-sonuc-tablo, .iqk-sonuc-tablo tbody, .iqk-sonuc-tablo tr, .iqk-sonuc-tablo td { display:block; width:100%; }
    .iqk-sonuc-tablo tr { padding:.7rem 0; border-bottom:1px solid var(--iq-cizgi); }
    .iqk-sonuc-tablo td { padding:.15rem 0; border:0; }
    .iqk-sonuc-tablo td[data-e]::before { content:attr(data-e) ": "; color:var(--iq-soluk); }
    .iqk-kademe tbody th { white-space:normal; }
}

/* ---------- Yan panel ---------- */
.iqk-yan { border:1px solid var(--iq-cizgi-2); border-radius:6px; background:#fff; overflow:hidden; }
@media(min-width:1024px){ .iqk-yan { position:sticky; top:110px; max-height:calc(100vh - 130px); overflow-y:auto; } }
.iqk-yan__bas { padding:1.1rem 1.2rem; background:var(--iq-koyu); color:#fff; }
.iqk-yan__bas .iq-mono-etiket { margin-bottom:.4rem; color:var(--iq-vurgu-p); }
.iqk-yan__bas .iq-h4 { color:#fff; }
.iq .iqk-yan__bas p:last-child { margin:.3rem 0 0; font-size:.82rem; color:rgba(255,255,255,.7); }
.iqk-yan__govde { padding:1.1rem 1.2rem; }
.iqk-olcu { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin:0 0 .9rem; }
.iqk-olcu div { padding:.6rem .7rem; border:1px solid var(--iq-cizgi); border-radius:5px; background:var(--iq-yuzey); }
.iqk-olcu dt { font-size:.62rem; letter-spacing:.09em; text-transform:uppercase; color:var(--iq-soluk); }
.iqk-olcu dd { margin:.2rem 0 0; font-size:1.15rem; font-weight:600; }
.iqk-canli { margin:.9rem 0 0; padding:0; list-style:none; }
.iqk-canli li { display:grid; grid-template-columns:2.6rem minmax(0,1fr); gap:.5rem; padding:.6rem 0;
    border-top:1px solid var(--iq-cizgi); font-size:.85rem; }
.iqk-canli li small { display:block; margin-top:.15rem; font-size:.76rem; line-height:1.45; color:var(--iq-soluk); }
.iqk-canli .iqk-bos { display:block; color:var(--iq-soluk); font-size:.85rem; }
.iqk-adet { font-weight:700; color:var(--iq-vurgu); }
.iqk-canli-sorun:empty { display:none; }
.iqk-canli-sorun { margin-top:.75rem; padding:.75rem .85rem; border:1px solid var(--iqk-uyari-cizgi);
    border-radius:5px; background:var(--iqk-uyari-zemin); }
.iq .iqk-canli-sorun p { margin:0 0 .3rem; font-size:.82rem; color:var(--iqk-uyari); }
.iqk-canli-sorun ul { margin:0; padding-left:1rem; }
.iqk-canli-sorun li { font-size:.78rem; line-height:1.45; color:var(--iq-ikincil); margin:.2rem 0; }
.iqk-bag { margin-top:.9rem; padding:0; border:0; background:none; color:var(--iq-vurgu); font-weight:600;
    font-size:.88rem; cursor:pointer; border-bottom:1px solid currentColor; }
.iq a.iqk-yan__teklif { display:block; margin-top:1rem; text-align:center; }
.iq p.iqk-yan__not { margin:0; padding:.8rem 1.2rem; border-top:1px solid var(--iq-cizgi); font-size:.76rem;
    color:var(--iq-soluk); background:var(--iq-yuzey); }

/* ---------- Kademeler bolumu ---------- */
.iqk-kademe tbody th { font-weight:620; font-size:.92rem; white-space:nowrap; }
.iqk-kademe td { font-size:.92rem; }
.iqk-kademe td.iq-mono { font-size:.8rem; color:var(--iq-soluk); white-space:nowrap; }
.iqk-birim { color:var(--iq-soluk); }
.iq p.iqk-dipnot { margin-top:.75rem; font-size:.82rem; color:var(--iq-soluk); }
.iqk-moduller { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin:1rem 0 0; border-top:1px solid var(--iq-cizgi); }
@media(min-width:900px){ .iqk-moduller { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:2.5rem; } }
.iqk-moduller div { padding:.85rem 0; border-bottom:1px solid var(--iq-cizgi); }
.iqk-moduller dt { font-size:.78rem; color:var(--iq-vurgu); }
.iqk-moduller dd { margin:.25rem 0 0; font-size:.92rem; color:var(--iq-ikincil); }

/* ---------- Katalog penceresi ---------- */
.iqk-pencere { width:min(46rem, calc(100vw - 2rem)); max-height:min(85vh, 50rem); padding:1.25rem 1.25rem 1rem;
    border:1px solid var(--iq-cizgi-2); border-radius:6px; background:#fff; color:var(--iq-metin); }
.iqk-pencere::backdrop { background:rgba(12,22,34,.55); }
.iqk-pencere__bas { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:1rem; }
.iqk-pencere__bas .iq-mono-etiket { margin-bottom:.3rem; }
.iqk-pencere > input { margin-top:.4rem; }
.iqk-pencere__liste { margin-top:.75rem; }
.iqk-pencere__liste > div { padding:.7rem 0; border-top:1px solid var(--iq-cizgi); }
.iqk-pencere__liste p { margin:.25rem 0 0; font-size:.85rem; line-height:1.5; color:var(--iq-ikincil); }
.iqk-pencere__liste .iqk-sayac { margin:0 0 .4rem; font-size:.78rem; color:var(--iq-soluk); }

/* Bildirim (sonlu, animasyonsuz) */
.iqk-bildirim { position:fixed; left:50%; bottom:1.25rem; transform:translateX(-50%); z-index:60;
    max-width:calc(100vw - 2rem); padding:.7rem 1rem; border-radius:5px; background:var(--iq-koyu); color:#fff;
    font-size:.88rem; box-shadow:0 12px 30px -12px rgba(0,0,0,.45); }

/* ---------- Yazdirma: yalniz sonuc ---------- */
@media print {
    body * { visibility:hidden !important; }
    .iqk-sayfa[data-sayfa="3"], .iqk-sayfa[data-sayfa="3"] * { visibility:visible !important; }
    .iqk-sayfa[data-sayfa="3"] { position:absolute; left:0; top:0; width:100%; }
    .iqk-eylemler, .iqk-kural { display:none !important; }
    .iqk-tablo { overflow:visible; }
}