@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Görünürlük sözleşmesi (blazor.web.js'in koyduğu sınıflar) — şablondan aynen. */
.components-reconnect-first-attempt-visible[b-khyrfi8p3z],
.components-reconnect-repeated-attempt-visible[b-khyrfi8p3z],
.components-reconnect-failed-visible[b-khyrfi8p3z],
.components-pause-visible[b-khyrfi8p3z],
.components-resume-failed-visible[b-khyrfi8p3z],
.baglanti-simgesi[b-khyrfi8p3z] {
    display: none !important;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-show .baglanti-simgesi[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-retrying .baglanti-simgesi[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-failed .baglanti-simgesi[b-khyrfi8p3z] {
    display: block !important;
}

/* Yeniden deneme sırasında blazor.web.js "show" sınıfını kaldırmaz: ilk deneme metni gizlensin, iki mesaj çakışmasın. */
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-khyrfi8p3z] {
    display: none !important;
}

#components-reconnect-modal button.components-reconnect-failed-visible[b-khyrfi8p3z],
#components-reconnect-modal button.components-pause-visible[b-khyrfi8p3z] {
    display: none !important;
}

#components-reconnect-modal.components-reconnect-failed button.components-reconnect-failed-visible[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-paused button.components-pause-visible[b-khyrfi8p3z],
#components-reconnect-modal.components-reconnect-resume-failed button.components-resume-failed-visible[b-khyrfi8p3z] {
    display: inline-flex !important;
}

#components-reconnect-modal[b-khyrfi8p3z] {
    width: min(22rem, calc(100vw - 32px));
    margin: 18vh auto;
    padding: 24px;
    border: 1px solid var(--marka);
    border-radius: 10px;
    background: var(--beyaz);
    color: var(--metin);
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.22);
}

#components-reconnect-modal[open][b-khyrfi8p3z] {
    animation: yeniden-baglanma-gir-b-khyrfi8p3z 260ms cubic-bezier(0.16, 1, 0.3, 1);
}

#components-reconnect-modal[b-khyrfi8p3z]::backdrop {
    background: rgba(15, 23, 42, 0.35);
}

@keyframes yeniden-baglanma-gir-b-khyrfi8p3z {
    from { transform: translateY(12px); opacity: 0; }
}

.components-reconnect-container[b-khyrfi8p3z] {
    display: grid;
    justify-items: center;
    gap: 12px;
    text-align: center;
}

.components-reconnect-container h2[b-khyrfi8p3z] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--marka-koyu);
}

.components-reconnect-container p[b-khyrfi8p3z] {
    margin: 0;
    font-size: 13.5px;
    color: var(--gri-700);
}

.baglanti-simgesi[b-khyrfi8p3z] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--turkuaz-50);
    color: var(--marka);
    line-height: 0;
    padding: 13px;
    animation: baglanti-nabiz-b-khyrfi8p3z 1.6s ease-in-out infinite;
}

.baglanti-simgesi .simge[b-khyrfi8p3z] {
    width: 26px;
    height: 26px;
}

@keyframes baglanti-nabiz-b-khyrfi8p3z {
    50% { box-shadow: 0 0 0 8px rgba(8, 145, 178, 0.12); }
}

@media (prefers-reduced-motion: reduce) {
    .baglanti-simgesi[b-khyrfi8p3z], #components-reconnect-modal[open][b-khyrfi8p3z] { animation: none; }
}