/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* Copyrix temasiyla uyumlu temiz giris ekrani. InputText/InputCheckbox alt
   bilesenlerinin urettigi ogeler ::deep ile hedeflenir. */
.auth-sayfa[b-36icerapl4] {
    min-height: 100vh;
    background: #f3f5f9;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 48px;
    font: 14px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: #1f2733;
}

.auth-ust[b-36icerapl4] {
    width: 100%;
    max-width: 420px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 26px;
}

    .auth-marka img[b-36icerapl4] { height: 46px; display: block; }

.auth-dil[b-36icerapl4] { display: inline-flex; gap: 2px; }
    .auth-dil a[b-36icerapl4] { font-size: 12px; font-weight: 700; color: #9aa2ad; text-decoration: none; padding: 3px 7px; border-radius: 6px; letter-spacing: .3px; }
    .auth-dil a.sec[b-36icerapl4] { color: #2563eb; background: #e0edff; }
    .auth-dil a:hover[b-36icerapl4] { color: #1f2733; }

.auth-kutu[b-36icerapl4] {
    width: 100%;
    max-width: 420px;
    background: #fff;
    border: 1px solid #e5e8ee;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.05);
    padding: 32px;
}

    .auth-kutu h1[b-36icerapl4] { font-size: 23px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.2px; }

.auth-alt[b-36icerapl4] { color: #6b7480; font-size: 13.5px; margin: 0 0 22px; }

.auth-kutu label[b-36icerapl4] {
    display: block;
    font-size: 12.5px;
    font-weight: 500;
    color: #6b7480;
    margin: 14px 0 5px;
}

/* InputText -> <input> (alt bilesen: ::deep gerekli) */
.auth-kutu[b-36icerapl4]  input:not([type=checkbox]) {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e8ee;
    border-radius: 9px;
    padding: 11px 12px;
    font-size: 14px;
    color: #1f2733;
    box-sizing: border-box;
}

    .auth-kutu[b-36icerapl4]  input:not([type=checkbox]):focus {
        outline: none;
        border-color: #2563eb;
        box-shadow: 0 0 0 3px #2563eb22;
    }

.auth-kutu[b-36icerapl4]  .auth-vmesaj { color: #dc2626; font-size: 12px; display: block; margin-top: 4px; }

.auth-satir[b-36icerapl4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 18px 0 20px;
}

.auth-hatirla[b-36icerapl4] {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #6b7480;
    margin: 0 !important;
    font-weight: 400 !important;
}

    .auth-hatirla[b-36icerapl4]  input[type=checkbox] { width: 15px; height: 15px; margin: 0; accent-color: #2563eb; }

.auth-satir > a[b-36icerapl4] { color: #2563eb; text-decoration: none; font-size: 13px; }
    .auth-satir > a:hover[b-36icerapl4] { text-decoration: underline; }

.auth-btn[b-36icerapl4] {
    width: 100%;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s;
}

    .auth-btn:hover[b-36icerapl4] { background: #1d4ed8; }

.auth-passkey[b-36icerapl4] { text-align: center; margin: 16px 0 0; }
    .auth-passkey[b-36icerapl4]  button, .auth-plink[b-36icerapl4] {
        background: none;
        border: none;
        color: #2563eb;
        font-size: 13px;
        cursor: pointer;
        text-decoration: none;
        padding: 4px;
    }
    .auth-passkey[b-36icerapl4]  button:hover { text-decoration: underline; }

.auth-kayit[b-36icerapl4] {
    text-align: center;
    color: #6b7480;
    font-size: 13.5px;
    margin: 22px 0 0;
    padding-top: 18px;
    border-top: 1px solid #eef1f5;
}

    .auth-kayit a[b-36icerapl4] { color: #2563eb; font-weight: 600; text-decoration: none; }
    .auth-kayit a:hover[b-36icerapl4] { text-decoration: underline; }

.auth-hata[b-36icerapl4] {
    background: #fdeaea;
    border: 1px solid #f0cccc;
    color: #b42318;
    font-size: 13px;
    border-radius: 9px;
    padding: 10px 12px;
    margin-bottom: 16px;
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
/* Copyrix temasiyla uyumlu temiz giris ekrani. InputText/InputCheckbox alt
   bilesenlerinin urettigi ogeler ::deep ile hedeflenir. */
.auth-sayfa[b-9rcget71vr] {
    min-height: 100vh;
    background: #f3f5f9;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 48px;
    font: 14px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: #1f2733;
}

.auth-ust[b-9rcget71vr] {
    width: 100%;
    max-width: 420px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 26px;
}

    .auth-marka img[b-9rcget71vr] { height: 46px; display: block; }

.auth-dil[b-9rcget71vr] { display: inline-flex; gap: 2px; }
    .auth-dil a[b-9rcget71vr] { font-size: 12px; font-weight: 700; color: #9aa2ad; text-decoration: none; padding: 3px 7px; border-radius: 6px; letter-spacing: .3px; }
    .auth-dil a.sec[b-9rcget71vr] { color: #2563eb; background: #e0edff; }
    .auth-dil a:hover[b-9rcget71vr] { color: #1f2733; }

.auth-kutu[b-9rcget71vr] {
    width: 100%;
    max-width: 420px;
    background: #fff;
    border: 1px solid #e5e8ee;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.05);
    padding: 32px;
}

    .auth-kutu h1[b-9rcget71vr] { font-size: 23px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.2px; }

.auth-alt[b-9rcget71vr] { color: #6b7480; font-size: 13.5px; margin: 0 0 22px; }

.auth-kutu label[b-9rcget71vr] {
    display: block;
    font-size: 12.5px;
    font-weight: 500;
    color: #6b7480;
    margin: 14px 0 5px;
}

/* InputText -> <input> (alt bilesen: ::deep gerekli) */
.auth-kutu[b-9rcget71vr]  input:not([type=checkbox]) {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e8ee;
    border-radius: 9px;
    padding: 11px 12px;
    font-size: 14px;
    color: #1f2733;
    box-sizing: border-box;
}

    .auth-kutu[b-9rcget71vr]  input:not([type=checkbox]):focus {
        outline: none;
        border-color: #2563eb;
        box-shadow: 0 0 0 3px #2563eb22;
    }

.auth-kutu[b-9rcget71vr]  .auth-vmesaj { color: #dc2626; font-size: 12px; display: block; margin-top: 4px; }

.auth-satir[b-9rcget71vr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 18px 0 20px;
}

.auth-hatirla[b-9rcget71vr] {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #6b7480;
    margin: 0 !important;
    font-weight: 400 !important;
}

    .auth-hatirla[b-9rcget71vr]  input[type=checkbox] { width: 15px; height: 15px; margin: 0; accent-color: #2563eb; }

.auth-satir > a[b-9rcget71vr] { color: #2563eb; text-decoration: none; font-size: 13px; }
    .auth-satir > a:hover[b-9rcget71vr] { text-decoration: underline; }

.auth-btn[b-9rcget71vr] {
    width: 100%;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s;
}

    .auth-btn:hover[b-9rcget71vr] { background: #1d4ed8; }

.auth-passkey[b-9rcget71vr] { text-align: center; margin: 16px 0 0; }
    .auth-passkey[b-9rcget71vr]  button, .auth-plink[b-9rcget71vr] {
        background: none;
        border: none;
        color: #2563eb;
        font-size: 13px;
        cursor: pointer;
        text-decoration: none;
        padding: 4px;
    }
    .auth-passkey[b-9rcget71vr]  button:hover { text-decoration: underline; }

.auth-kayit[b-9rcget71vr] {
    text-align: center;
    color: #6b7480;
    font-size: 13.5px;
    margin: 22px 0 0;
    padding-top: 18px;
    border-top: 1px solid #eef1f5;
}

    .auth-kayit a[b-9rcget71vr] { color: #2563eb; font-weight: 600; text-decoration: none; }
    .auth-kayit a:hover[b-9rcget71vr] { text-decoration: underline; }

.auth-hata[b-9rcget71vr] {
    background: #fdeaea;
    border: 1px solid #f0cccc;
    color: #b42318;
    font-size: 13px;
    border-radius: 9px;
    padding: 10px 12px;
    margin-bottom: 16px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.uygulama[b-x8z0jxzyci] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f3f5f9;
}

.ust-bar[b-x8z0jxzyci] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 14px;
    height: 88px;
    padding: 0 24px;
    background: #fff;
    border-bottom: 1px solid #e5e8ee;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.marka[b-x8z0jxzyci] {
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .marka img[b-x8z0jxzyci] {
        height: 64px;
        width: auto;
        display: block;
    }

.sag[b-x8z0jxzyci] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}

    .sag a[b-x8z0jxzyci] {
        color: #2563eb;
        text-decoration: none;
        font-weight: 500;
    }

    .sag a:hover[b-x8z0jxzyci] {
        text-decoration: underline;
    }

    .sag .kayit[b-x8z0jxzyci] {
        background: #2563eb;
        color: #fff;
        padding: 6px 12px;
        border-radius: 8px;
    }

.baglar[b-x8z0jxzyci] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-right: 6px;
}

    .baglar a[b-x8z0jxzyci] {
        color: #6b7480;
        font-weight: 500;
    }

    .baglar a:hover[b-x8z0jxzyci] {
        color: #1f2733;
        text-decoration: none;
    }

.dil[b-x8z0jxzyci] {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    margin-right: 4px;
}

    .dil a[b-x8z0jxzyci] {
        color: #9aa2ad;
        font-weight: 700;
        text-decoration: none;
        padding: 3px 7px;
        border-radius: 6px;
        letter-spacing: .3px;
    }

    .dil a.sec[b-x8z0jxzyci] {
        color: #2563eb;
        background: #e0edff;
    }

    .dil a:hover[b-x8z0jxzyci] {
        color: #1f2733;
        text-decoration: none;
    }

.rol[b-x8z0jxzyci] {
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    padding: 2px 10px;
    white-space: nowrap;
}

    .rol.yon[b-x8z0jxzyci] { background: #fef3c7; color: #b45309; }
    .rol.kul[b-x8z0jxzyci] { background: #e0edff; color: #2563eb; }

.ad[b-x8z0jxzyci] { color: #1f2733; font-weight: 500; }

.cikis-form[b-x8z0jxzyci] { margin: 0; }

.cikis[b-x8z0jxzyci] {
    background: #fff;
    border: 1px solid #e5e8ee;
    border-radius: 8px;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 12.5px;
    color: #1f2733;
}

    .cikis:hover[b-x8z0jxzyci] { background: #f5f7fa; }

main[b-x8z0jxzyci] {
    flex: 1;
    padding: 26px 24px 48px;
}

@media (max-width: 600px) {
    .ust-bar[b-x8z0jxzyci] { padding: 0 14px; gap: 10px; }
    main[b-x8z0jxzyci] { padding: 18px 14px 36px; }
    .sag .ad[b-x8z0jxzyci] { display: none; }
}

#blazor-error-ui[b-x8z0jxzyci] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-x8z0jxzyci] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-51m96jjiwz] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-51m96jjiwz] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-51m96jjiwz] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-51m96jjiwz] {
    font-size: 1.1rem;
}

.bi[b-51m96jjiwz] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-51m96jjiwz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-51m96jjiwz] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-51m96jjiwz] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-51m96jjiwz] {
        padding-bottom: 1rem;
    }

    .nav-item[b-51m96jjiwz]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-51m96jjiwz]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-51m96jjiwz]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-51m96jjiwz] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-51m96jjiwz] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-51m96jjiwz] {
        display: none;
    }

    .nav-scrollable[b-51m96jjiwz] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-56xu2lkueo],
.components-reconnect-repeated-attempt-visible[b-56xu2lkueo],
.components-reconnect-failed-visible[b-56xu2lkueo],
.components-pause-visible[b-56xu2lkueo],
.components-resume-failed-visible[b-56xu2lkueo],
.components-rejoining-animation[b-56xu2lkueo] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-retrying[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-failed[b-56xu2lkueo],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-56xu2lkueo] {
    display: block;
}


#components-reconnect-modal[b-56xu2lkueo] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-56xu2lkueo 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-56xu2lkueo 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-56xu2lkueo 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-56xu2lkueo]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-56xu2lkueo 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-56xu2lkueo {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-56xu2lkueo {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-56xu2lkueo {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-56xu2lkueo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-56xu2lkueo] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-56xu2lkueo] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-56xu2lkueo] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-56xu2lkueo] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-56xu2lkueo] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-56xu2lkueo] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-56xu2lkueo 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-56xu2lkueo] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-56xu2lkueo {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Abonelik.razor.rz.scp.css */
/* Abonelik sayfasi — panel temasiyla uyumlu acik tema. */
.a-wrap[b-fh5uu22ykc]{
  --accent:#2563eb; --accent-h:#1d4ed8; --text:#1f2733; --muted:#6b7480;
  --border:#e5e8ee; --yesil:#16a34a; --amber:#d97706; --kirmizi:#dc2626;
  max-width:560px; margin:0 auto;
  font:14px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--text);
}
.a-wrap *[b-fh5uu22ykc]{ box-sizing:border-box; }
.a-wrap h1[b-fh5uu22ykc]{ font-size:22px; font-weight:700; margin:0 0 18px; letter-spacing:-.2px; }

.a-banner[b-fh5uu22ykc]{ border-radius:12px; padding:12px 16px; font-size:13.5px; margin-bottom:16px; border:1px solid var(--border); }
.a-banner.ok[b-fh5uu22ykc]{ background:#e7f6ec; border-color:#bfe6cc; color:#166534; }
.a-banner.notr[b-fh5uu22ykc]{ background:#f6f8fc; color:var(--muted); }
.a-banner.hata[b-fh5uu22ykc]{ background:#fdeaea; border-color:#f0cccc; color:var(--kirmizi); }

.a-kart[b-fh5uu22ykc]{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:24px;
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06); margin-bottom:16px; }
.a-kart.satin[b-fh5uu22ykc]{ border:2px solid var(--accent); box-shadow:0 14px 36px rgba(37,99,235,.12); }

.a-durum-bas[b-fh5uu22ykc]{ margin-bottom:10px; }
.a-et[b-fh5uu22ykc]{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; border-radius:999px; padding:4px 12px; }
.a-et.deneme[b-fh5uu22ykc]{ background:#e0edff; color:var(--accent); }
.a-et.aktif[b-fh5uu22ykc]{ background:#e7f6ec; color:var(--yesil); }
.a-et.iptal[b-fh5uu22ykc]{ background:#fdf1e3; color:var(--amber); }
.a-et.bitti[b-fh5uu22ykc]{ background:#fdeaea; color:var(--kirmizi); }
.a-et.yon[b-fh5uu22ykc]{ background:#fef3c7; color:#b45309; }
.a-aciklama[b-fh5uu22ykc]{ color:var(--muted); font-size:14px; margin:0 0 14px; }

.a-plan[b-fh5uu22ykc]{ font-size:12px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:var(--accent); text-align:center; }
.a-fiyat[b-fh5uu22ykc]{ text-align:center; margin:8px 0 16px; }
.a-para[b-fh5uu22ykc]{ font-size:42px; font-weight:800; letter-spacing:-1px; }
.a-donem[b-fh5uu22ykc]{ color:var(--muted); font-size:14px; margin-left:4px; }
.a-liste[b-fh5uu22ykc]{ list-style:none; margin:0 0 20px; padding:0; }
.a-liste li[b-fh5uu22ykc]{ padding:8px 0 8px 26px; border-bottom:1px solid #f1f4f8; font-size:13.5px; position:relative; }
.a-liste li:last-child[b-fh5uu22ykc]{ border-bottom:none; }
.a-liste li[b-fh5uu22ykc]::before{ content:"✓"; position:absolute; left:2px; color:var(--yesil); font-weight:800; }

.a-btn[b-fh5uu22ykc]{ display:inline-block; background:#fff; color:var(--text); border:1px solid var(--border); border-radius:9px;
  padding:9px 18px; font-size:13.5px; font-weight:600; cursor:pointer; text-decoration:none; transition:background .12s; }
.a-btn:hover[b-fh5uu22ykc]{ background:#f5f7fa; }
.a-btn.ana[b-fh5uu22ykc]{ background:var(--accent); border-color:var(--accent); color:#fff; }
.a-btn.ana:hover[b-fh5uu22ykc]{ background:var(--accent-h); }
.a-btn.ana:disabled[b-fh5uu22ykc]{ opacity:.55; cursor:default; }
.a-btn.blok[b-fh5uu22ykc]{ display:block; width:100%; text-align:center; padding:12px; font-size:15px; }
.a-mini[b-fh5uu22ykc]{ font-size:12px; color:#8a93a0; margin-top:10px; text-align:center; }
.a-mini.uyari[b-fh5uu22ykc]{ color:var(--amber); }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Panel arayuzunun birebir portu. Scoped CSS'te :root degiskenleri calismaz;
   palet .wrap uzerinde tanimli, tum ic ogeler (modal dahil) devralir. */
.wrap[b-glef8p3lol]{
  --bg:#f3f5f9; --card:#ffffff; --border:#e5e8ee; --line:#eef1f5;
  --text:#1f2733; --muted:#6b7480; --faint:#9aa2ad;
  --accent:#2563eb; --accent-h:#1d4ed8;
  --green:#16a34a; --green-bg:#e7f6ec; --amber:#d97706; --amber-bg:#fdf1e3;
  --gray:#a8b0bd; --danger:#dc2626; --row-hover:#f7f9fc;
  --shadow:0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06);
  max-width:1320px; margin:0 auto;
  font:14px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--text);
}
.wrap *[b-glef8p3lol]{ box-sizing:border-box; }
h1[b-glef8p3lol]{ font-size:22px; font-weight:700; margin:0 0 4px; letter-spacing:-.2px; }
.sub[b-glef8p3lol]{ color:var(--muted); font-size:12.5px; margin-bottom:22px; display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; }
.legend[b-glef8p3lol]{ display:inline-flex; align-items:center; gap:6px; }

.card[b-glef8p3lol]{ background:var(--card); border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow); margin-bottom:16px; overflow:hidden; }
.card-head[b-glef8p3lol]{ display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.card-head h2[b-glef8p3lol]{ font-size:12px; font-weight:700; margin:0; letter-spacing:.6px; text-transform:uppercase; }
.card-head h2.master[b-glef8p3lol]{ color:#b7791f; } .card-head h2.slave[b-glef8p3lol]{ color:var(--accent); } .card-head h2.kopya[b-glef8p3lol]{ color:var(--green); }
.card-head .ekle[b-glef8p3lol]{ margin-left:auto; }

.liste[b-glef8p3lol]{ overflow-x:auto; }
table[b-glef8p3lol]{ border-collapse:collapse; width:100%; table-layout:fixed; min-width:720px; }
th[b-glef8p3lol],td[b-glef8p3lol]{ text-align:left; padding:11px 18px; font-size:13px; vertical-align:middle; border-top:1px solid var(--line); }
thead th[b-glef8p3lol]{ border-top:none; color:var(--muted); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.4px; background:#fafbfd; }
tbody tr:hover[b-glef8p3lol]{ background:var(--row-hover); }
td.sayi[b-glef8p3lol],th.sayi[b-glef8p3lol]{ text-align:right; font-variant-numeric:tabular-nums; }
.c-srv[b-glef8p3lol]{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.c-ad .login[b-glef8p3lol]{ white-space:nowrap; }
col.w-dot[b-glef8p3lol]{width:42px} col.w-ad[b-glef8p3lol]{width:19%} col.w-srv[b-glef8p3lol]{width:19%} col.w-num[b-glef8p3lol]{width:14%} col.w-poz[b-glef8p3lol]{width:8%} col.w-act[b-glef8p3lol]{width:22%}
td.c-dot[b-glef8p3lol]{ padding-right:0; }
col.k-ad[b-glef8p3lol]{width:19%} col.k-lot[b-glef8p3lol]{width:12%} col.k-durum[b-glef8p3lol]{width:22%} col.k-act[b-glef8p3lol]{width:28%}

.dot[b-glef8p3lol]{ display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:9px; vertical-align:middle; flex:none; }
.on[b-glef8p3lol]{ background:var(--green); box-shadow:0 0 0 3px var(--green-bg); }
.sari[b-glef8p3lol]{ background:var(--amber); box-shadow:0 0 0 3px var(--amber-bg); }
.off[b-glef8p3lol]{ background:var(--gray); box-shadow:0 0 0 3px #eef1f5; }
.login[b-glef8p3lol]{ font-weight:600; }
.metrik[b-glef8p3lol]{ color:var(--muted); }
.rozet[b-glef8p3lol]{ font-size:11px; color:var(--muted); background:#f1f3f7; border:1px solid var(--border); border-radius:999px; padding:2px 9px; }
.durum-et[b-glef8p3lol]{ font-size:12.5px; font-weight:500; }
.durum-et.ok[b-glef8p3lol]{ color:var(--green); } .durum-et.bekle[b-glef8p3lol]{ color:var(--amber); }
.sebep[b-glef8p3lol]{ font-size:11px; color:var(--amber); margin-top:2px; }
/* Uzlastirma: master vs slave pozisyonlari KARSILIKLI (her poz tek satir, SL/TP dahil) */
.uzlas td[b-glef8p3lol]{ background:#f8fafc; padding:10px 18px; }
.uz-tablo[b-glef8p3lol]{ width:100%; border-collapse:collapse; table-layout:fixed; min-width:0; }
.uz-tablo thead th[b-glef8p3lol]{ text-align:left; font-size:10.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); font-weight:600; background:transparent; border:none; padding:0 0 7px; width:50%; }
.uz-tablo tbody td[b-glef8p3lol]{ font-size:12.5px; padding:5px 14px 5px 0; border:none; border-top:1px solid #e9edf2; vertical-align:middle; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uz-tablo tbody tr:first-child td[b-glef8p3lol]{ border-top:none; }
.uz-tablo td.bekliyor[b-glef8p3lol]{ opacity:.55; }
.poz-sym[b-glef8p3lol]{ font-weight:600; color:var(--text); }
.al[b-glef8p3lol]{ color:var(--green); font-weight:700; margin:0 3px; } .sat[b-glef8p3lol]{ color:var(--danger); font-weight:700; margin:0 3px; }
.poz-vol[b-glef8p3lol]{ color:var(--text); }
.poz-sl[b-glef8p3lol]{ color:var(--danger); font-size:11px; margin-left:8px; }
.poz-tp[b-glef8p3lol]{ color:var(--green); font-size:11px; margin-left:6px; }
.poz-yok[b-glef8p3lol]{ color:var(--faint); }
.log-liste[b-glef8p3lol]{ max-height:52vh; overflow-y:auto; margin-top:4px; }
.log-satir[b-glef8p3lol]{ display:flex; gap:10px; padding:7px 2px; border-bottom:1px solid var(--line); font-size:13px; }
.log-satir .z[b-glef8p3lol]{ color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.log-satir .m[b-glef8p3lol]{ flex:1; }
.log-nokta[b-glef8p3lol]{ width:8px; height:8px; border-radius:50%; margin-top:5px; flex:none; }
.t-baglandi[b-glef8p3lol]{ background:var(--green); } .t-koptu[b-glef8p3lol]{ background:var(--danger); }
.t-watchdog[b-glef8p3lol]{ background:var(--amber); } .t-kopya[b-glef8p3lol]{ background:var(--accent); }
.t-islem[b-glef8p3lol]{ background:#0ea5e9; } .t-hata[b-glef8p3lol]{ background:var(--danger); } .t-uyari[b-glef8p3lol]{ background:var(--amber); }
.sag[b-glef8p3lol]{ text-align:right; white-space:nowrap; }
.bos[b-glef8p3lol]{ padding:18px; color:var(--faint); font-size:13px; }

button[b-glef8p3lol]{ background:#fff; color:var(--text); border:1px solid var(--border); border-radius:8px; padding:6px 12px; cursor:pointer; font-size:12.5px; font-weight:500; transition:background .12s,border-color .12s; }
button:hover[b-glef8p3lol]{ background:#f5f7fa; border-color:#d3d8e0; }
button.ana[b-glef8p3lol]{ background:var(--accent); border-color:var(--accent); color:#fff; }
button.ana:hover[b-glef8p3lol]{ background:var(--accent-h); border-color:var(--accent-h); }
button.tehlike[b-glef8p3lol]{ color:var(--danger); border-color:#f0cccc; background:#fff; }
button.tehlike:hover[b-glef8p3lol]{ background:#fdeaea; }
.sag button + button[b-glef8p3lol]{ margin-left:6px; }

/* modal */
.perde[b-glef8p3lol]{ position:fixed; inset:0; background:rgba(20,26,35,.45); display:flex; align-items:center; justify-content:center; z-index:40; padding:16px; }
.mkutu[b-glef8p3lol]{ background:#fff; border-radius:16px; width:min(460px,100%); padding:22px; box-shadow:0 20px 50px rgba(16,24,40,.22); max-height:90vh; overflow-y:auto; }
.mkutu h3[b-glef8p3lol]{ margin:0 0 16px; font-size:17px; font-weight:700; }
.mkutu label[b-glef8p3lol]{ font-size:12px; color:var(--muted); font-weight:500; display:block; margin:12px 0 4px; }
.mkutu input[b-glef8p3lol],.mkutu select[b-glef8p3lol]{ width:100%; background:#fff; color:var(--text); border:1px solid var(--border); border-radius:9px; padding:9px 10px; font-size:14px; }
.mkutu input:focus[b-glef8p3lol],.mkutu select:focus[b-glef8p3lol]{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px #2563eb22; }
.mkutu .satir[b-glef8p3lol]{ display:flex; gap:12px; flex-wrap:wrap; } .mkutu .satir > div[b-glef8p3lol]{ flex:1; min-width:140px; }
.mkutu .altbar[b-glef8p3lol]{ display:flex; gap:10px; margin-top:20px; }
.ipucu[b-glef8p3lol]{ font-size:11.5px; color:var(--faint); margin-top:10px; line-height:1.5; }
.mesaj[b-glef8p3lol]{ font-size:12.5px; color:var(--accent); margin-left:auto; }

@media (max-width:560px){
  .card-head .ekle[b-glef8p3lol]{ margin-left:0; width:100%; }
  .card-head .ekle button[b-glef8p3lol]{ width:100%; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Tanitim sayfasi. Scoped CSS'te :root calismaz; palet .sayfa uzerinde.
   Bootstrap yuklu: .card/.btn/.nav gibi Bootstrap adlarindan kacin (l-/m- on eki). */
.sayfa[b-n9bk1lyqs2]{
  --accent:#2563eb; --accent-h:#1d4ed8; --koyu:#0b1526; --koyu2:#101d33;
  --text:#1f2733; --muted:#5b6674; --faint:#8a93a0; --border:#e5e8ee;
  --yesil:#16a34a; --amber:#d97706; --kirmizi:#dc2626;
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--text); background:#fff;
}
.sayfa *[b-n9bk1lyqs2]{ box-sizing:border-box; }
.sayfa h1[b-n9bk1lyqs2],.sayfa h2[b-n9bk1lyqs2],.sayfa h3[b-n9bk1lyqs2]{ margin:0; letter-spacing:-.3px; }
.sayfa a[b-n9bk1lyqs2]{ text-decoration:none; }
.sayfa [id][b-n9bk1lyqs2]{ scroll-margin-top:88px; } /* sabit nav'in altinda kalmasin */
.l-ic[b-n9bk1lyqs2]{ max-width:1240px; margin:0 auto; padding:0 28px; }

/* ---------- nav ---------- */
.l-nav[b-n9bk1lyqs2]{ position:sticky; top:0; z-index:30; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); }
.l-nav-ic[b-n9bk1lyqs2]{ display:flex; align-items:center; gap:28px; height:72px; }
.l-marka img[b-n9bk1lyqs2]{ height:48px; width:auto; display:block; }
.l-linkler[b-n9bk1lyqs2]{ display:flex; gap:22px; }
.l-linkler a[b-n9bk1lyqs2]{ color:var(--muted); font-size:14.5px; font-weight:500; }
.l-linkler a:hover[b-n9bk1lyqs2]{ color:var(--text); }
.l-nav-sag[b-n9bk1lyqs2]{ margin-left:auto; display:flex; align-items:center; gap:14px; }
.l-giris[b-n9bk1lyqs2]{ color:var(--accent); font-weight:600; font-size:14.5px; }
.l-giris:hover[b-n9bk1lyqs2]{ text-decoration:underline; }

/* ---------- cta butonlari ---------- */
.l-cta[b-n9bk1lyqs2]{ display:inline-block; background:var(--accent); color:#fff; font-weight:600; font-size:15.5px;
  padding:13px 26px; border-radius:10px; box-shadow:0 4px 14px rgba(37,99,235,.28); transition:background .15s, transform .12s; }
.l-cta:hover[b-n9bk1lyqs2]{ background:var(--accent-h); transform:translateY(-1px); }
.l-cta.kucuk[b-n9bk1lyqs2]{ padding:9px 16px; font-size:13.5px; box-shadow:none; }
.l-cta.buyuk[b-n9bk1lyqs2]{ padding:15px 34px; font-size:17px; }
.l-cta.blok[b-n9bk1lyqs2]{ display:block; text-align:center; }
.l-cta.ikincil[b-n9bk1lyqs2]{ background:#fff; color:var(--accent); border:1px solid #c7d7f8; box-shadow:none; }
.l-cta.ikincil:hover[b-n9bk1lyqs2]{ background:#f2f6fe; }

/* ---------- hero ---------- */
.l-hero[b-n9bk1lyqs2]{ background:linear-gradient(180deg,#f5f8ff 0%,#eef3fc 60%,#fff 100%); border-bottom:1px solid var(--border); overflow:hidden; }
.l-hero-ic[b-n9bk1lyqs2]{ display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; padding-top:80px; padding-bottom:88px; }
.l-rozet[b-n9bk1lyqs2]{ display:inline-block; background:#e0edff; color:var(--accent); font-size:12.5px; font-weight:700;
  letter-spacing:.5px; text-transform:uppercase; border-radius:999px; padding:5px 14px; margin-bottom:18px; }
.l-hero h1[b-n9bk1lyqs2]{ font-size:47px; line-height:1.12; font-weight:800; }
.l-hero h1 em[b-n9bk1lyqs2]{ font-style:normal; color:var(--accent); }
.l-alt[b-n9bk1lyqs2]{ font-size:17.5px; color:var(--muted); margin:18px 0 28px; max-width:560px; }
.l-cta-grup[b-n9bk1lyqs2]{ display:flex; gap:14px; flex-wrap:wrap; }
.l-mini-not[b-n9bk1lyqs2]{ font-size:13px; color:var(--faint); margin-top:14px; }
.l-mini-not.orta[b-n9bk1lyqs2]{ text-align:center; margin-top:12px; }

/* ---------- hero maketi ---------- */
.l-mockup[b-n9bk1lyqs2]{ position:relative; background:#fff; border:1px solid var(--border); border-radius:16px;
  box-shadow:0 24px 60px rgba(16,24,40,.14); padding:0 0 14px; font-size:13px; min-width:0; }
.m-kopyalandi[b-n9bk1lyqs2]{ position:absolute; right:-14px; top:-16px; z-index:2; background:#fff; border:1px solid #cdeadb;
  color:var(--yesil); font-weight:700; font-size:12.5px; border-radius:999px; padding:7px 14px;
  box-shadow:0 10px 24px rgba(16,24,40,.14); }
.m-bar[b-n9bk1lyqs2]{ display:flex; align-items:center; gap:6px; padding:12px 16px; border-bottom:1px solid var(--border); }
.m-d[b-n9bk1lyqs2]{ width:10px; height:10px; border-radius:50%; }
.m-d.r[b-n9bk1lyqs2]{ background:#f87171; } .m-d.y[b-n9bk1lyqs2]{ background:#fbbf24; } .m-d.g[b-n9bk1lyqs2]{ background:#34d399; }
.m-baslik[b-n9bk1lyqs2]{ margin-left:8px; color:var(--faint); font-size:12px; font-weight:600; }
.m-kart[b-n9bk1lyqs2]{ margin:14px 16px 0; border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.m-bas[b-n9bk1lyqs2]{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; padding:8px 14px; background:#fafbfd; border-bottom:1px solid var(--border); }
.m-bas.master[b-n9bk1lyqs2]{ color:#b7791f; } .m-bas.slave[b-n9bk1lyqs2]{ color:var(--accent); } .m-bas.kopya[b-n9bk1lyqs2]{ color:var(--yesil); }
.m-satir[b-n9bk1lyqs2]{ display:flex; align-items:center; gap:10px; padding:10px 14px; border-top:1px solid #f1f4f8; }
.m-satir:first-of-type[b-n9bk1lyqs2]{ border-top:none; }
.m-nokta[b-n9bk1lyqs2]{ width:9px; height:9px; border-radius:50%; flex:none; }
.m-nokta.on[b-n9bk1lyqs2]{ background:var(--yesil); box-shadow:0 0 0 3px #e7f6ec; }
.m-srv[b-n9bk1lyqs2]{ color:var(--faint); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m-num[b-n9bk1lyqs2]{ margin-left:auto; font-variant-numeric:tabular-nums; font-weight:600; }
.m-durum[b-n9bk1lyqs2]{ color:var(--yesil); font-weight:600; white-space:nowrap; }
.m-satir .al[b-n9bk1lyqs2]{ color:var(--yesil); }

/* ---------- guven seridi (istatistik bandi) ---------- */
.l-serit[b-n9bk1lyqs2]{ border-bottom:1px solid var(--border); background:#fff; }
.l-serit-ic[b-n9bk1lyqs2]{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding:32px 24px; text-align:center; }
.l-serit b[b-n9bk1lyqs2]{ display:block; font-size:22px; font-weight:800; letter-spacing:-.4px; color:var(--accent); }
.l-serit span[b-n9bk1lyqs2]{ font-size:13px; color:var(--muted); }

/* ---------- broker uyumluluk bandi ---------- */
.l-brokerlar[b-n9bk1lyqs2]{ background:#fafbfd; border-bottom:1px solid var(--border); }
.l-broker-ic[b-n9bk1lyqs2]{ display:flex; align-items:center; gap:18px; padding:15px 24px; flex-wrap:wrap; }
.l-broker-baslik[b-n9bk1lyqs2]{ flex:none; font-size:12px; font-weight:700; color:var(--faint); text-transform:uppercase; letter-spacing:.6px; }
.l-broker-cipler[b-n9bk1lyqs2]{ display:flex; flex-wrap:wrap; gap:8px; }
.l-broker-cipler span[b-n9bk1lyqs2]{ font-size:13px; font-weight:600; color:var(--muted); background:#fff; border:1px solid var(--border); border-radius:999px; padding:4px 13px; }
.l-broker-cipler span.art[b-n9bk1lyqs2]{ background:transparent; border-style:dashed; color:var(--faint); font-weight:500; }

/* ---------- bolumler ---------- */
.l-bolum[b-n9bk1lyqs2]{ padding:84px 0; }
.l-bolum.gri[b-n9bk1lyqs2]{ background:#f6f8fc; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.l-bolum h2[b-n9bk1lyqs2]{ font-size:32px; font-weight:800; text-align:center; }
.l-bolum-alt[b-n9bk1lyqs2]{ text-align:center; color:var(--muted); font-size:16.5px; margin:12px auto 46px; max-width:640px; }

/* ozellik izgarasi */
.l-izgara[b-n9bk1lyqs2]{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.l-kutu[b-n9bk1lyqs2]{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:26px 24px;
  box-shadow:0 1px 2px rgba(16,24,40,.05); transition:box-shadow .15s, transform .15s; }
.l-kutu:hover[b-n9bk1lyqs2]{ box-shadow:0 10px 26px rgba(16,24,40,.10); transform:translateY(-2px); }
.l-ikon[b-n9bk1lyqs2]{ font-size:24px; width:46px; height:46px; display:flex; align-items:center; justify-content:center;
  background:#eef4ff; border-radius:11px; margin-bottom:16px; }
.l-kutu h3[b-n9bk1lyqs2]{ font-size:16.5px; font-weight:700; margin-bottom:8px; }
.l-kutu p[b-n9bk1lyqs2]{ font-size:14px; color:var(--muted); margin:0; }

/* ---------- hiz bolumu ---------- */
.l-hiz[b-n9bk1lyqs2]{ background:linear-gradient(135deg,var(--koyu) 0%,var(--koyu2) 100%); padding:76px 0; }
.l-hiz h2[b-n9bk1lyqs2]{ color:#fff; font-size:32px; font-weight:800; text-align:center; }
.l-hiz-alt[b-n9bk1lyqs2]{ color:#9fb0c8; font-size:16.5px; text-align:center; max-width:680px; margin:12px auto 44px; }
.l-hiz-cubuklar[b-n9bk1lyqs2]{ max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:18px; }
.l-hiz-satir[b-n9bk1lyqs2]{ display:grid; grid-template-columns:250px 1fr 84px; align-items:center; gap:14px; }
.l-hiz-ad[b-n9bk1lyqs2]{ color:#c6d2e4; font-size:13.5px; text-align:right; }
.l-hiz-cubuk[b-n9bk1lyqs2]{ background:rgba(255,255,255,.08); border-radius:999px; height:14px; overflow:hidden; }
.l-hiz-cubuk i[b-n9bk1lyqs2]{ display:block; height:100%; border-radius:999px; background:#41506b; min-width:10px; }
.l-hiz-deger[b-n9bk1lyqs2]{ color:#c6d2e4; font-size:13.5px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.l-hiz-satir.onemli .l-hiz-ad[b-n9bk1lyqs2]{ color:#fff; font-weight:700; }
.l-hiz-satir.onemli .l-hiz-cubuk i[b-n9bk1lyqs2]{ background:linear-gradient(90deg,#2563eb,#60a5fa); box-shadow:0 0 14px rgba(96,165,250,.6); }
.l-hiz-satir.onemli .l-hiz-deger[b-n9bk1lyqs2]{ color:#60a5fa; font-weight:800; }
.l-hiz-not[b-n9bk1lyqs2]{ color:#7d8fa9; font-size:13px; text-align:center; margin:32px auto 0; max-width:560px; }

/* adimlar */
.l-adimlar[b-n9bk1lyqs2]{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.l-adim[b-n9bk1lyqs2]{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:28px 24px; text-align:center; }
.l-no[b-n9bk1lyqs2]{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
  background:var(--accent); color:#fff; font-weight:800; border-radius:50%; margin-bottom:14px; }
.l-adim h3[b-n9bk1lyqs2]{ font-size:16.5px; margin-bottom:8px; }
.l-adim p[b-n9bk1lyqs2]{ font-size:14px; color:var(--muted); margin:0; }

/* fiyat kartlari */
.l-fiyatlar[b-n9bk1lyqs2]{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; max-width:900px; margin:0 auto; align-items:stretch; }
.l-fiyat-kart[b-n9bk1lyqs2]{ background:#fff; border:1px solid var(--border); border-radius:18px;
  padding:34px 32px 28px; box-shadow:0 6px 22px rgba(16,24,40,.07); display:flex; flex-direction:column; }
.l-fiyat-kart .l-cta.blok[b-n9bk1lyqs2]{ margin-top:auto; }
.l-fiyat-kart.one[b-n9bk1lyqs2]{ position:relative; border:2px solid var(--accent); box-shadow:0 20px 50px rgba(37,99,235,.14); }
.l-etiket[b-n9bk1lyqs2]{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--accent); color:#fff;
  font-size:11.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; border-radius:999px;
  padding:5px 14px; white-space:nowrap; }
.l-fiyat-alt[b-n9bk1lyqs2]{ text-align:center; color:var(--muted); font-size:13.5px; margin:-12px 0 16px; }
.l-plan[b-n9bk1lyqs2]{ font-size:13px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:var(--accent); text-align:center; }
.l-fiyat[b-n9bk1lyqs2]{ text-align:center; margin:10px 0 20px; }
.l-para[b-n9bk1lyqs2]{ font-size:52px; font-weight:800; letter-spacing:-1.5px; }
.l-donem[b-n9bk1lyqs2]{ color:var(--muted); font-size:16px; margin-left:4px; }
.l-liste[b-n9bk1lyqs2]{ list-style:none; margin:0 0 24px; padding:0; }
.l-liste li[b-n9bk1lyqs2]{ padding:9px 0 9px 30px; border-bottom:1px solid #f1f4f8; font-size:14.5px; position:relative; }
.l-liste li:last-child[b-n9bk1lyqs2]{ border-bottom:none; }
.l-liste li[b-n9bk1lyqs2]::before{ content:"✓"; position:absolute; left:4px; color:var(--yesil); font-weight:800; }

/* karsilastirma tablosu */
.l-tablo-sar[b-n9bk1lyqs2]{ overflow-x:auto; }
.l-tablo[b-n9bk1lyqs2]{ width:100%; min-width:640px; border-collapse:separate; border-spacing:0; background:#fff;
  border:1px solid var(--border); border-radius:14px; overflow:hidden; font-size:14.5px;
  box-shadow:0 1px 2px rgba(16,24,40,.05); }
.l-tablo th[b-n9bk1lyqs2],.l-tablo td[b-n9bk1lyqs2]{ padding:13px 18px; text-align:left; border-bottom:1px solid #f1f4f8; }
.l-tablo thead th[b-n9bk1lyqs2]{ background:#fafbfd; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); border-bottom:1px solid var(--border); }
.l-tablo thead th.biz[b-n9bk1lyqs2]{ color:var(--accent); }
.l-tablo tbody tr:last-child td[b-n9bk1lyqs2]{ border-bottom:none; }
.l-tablo td:first-child[b-n9bk1lyqs2]{ font-weight:600; }
.l-tablo td:not(:first-child)[b-n9bk1lyqs2]{ color:var(--muted); }
.l-tablo td.biz[b-n9bk1lyqs2]{ background:#f5f9ff; color:var(--text); font-weight:600; }
.l-tablo td.biz.iyi[b-n9bk1lyqs2]{ color:var(--yesil); }

/* sss (2 kolon: 5 soru solda, 5 soru sagda) */
.l-sss[b-n9bk1lyqs2]{ margin-top:8px; display:grid; grid-template-columns:1fr 1fr; gap:0 24px; align-items:start; }
.l-sss-kol[b-n9bk1lyqs2]{ min-width:0; }
.l-sss details[b-n9bk1lyqs2]{ background:#fff; border:1px solid var(--border); border-radius:12px; margin-bottom:12px; padding:0 20px; }
.l-sss summary[b-n9bk1lyqs2]{ cursor:pointer; font-weight:600; font-size:15.5px; padding:16px 0; list-style:none; position:relative; padding-right:28px; }
.l-sss summary[b-n9bk1lyqs2]::-webkit-details-marker{ display:none; }
.l-sss summary[b-n9bk1lyqs2]::after{ content:"+"; position:absolute; right:2px; top:12px; font-size:22px; color:var(--faint); transition:transform .15s; }
.l-sss details[open] summary[b-n9bk1lyqs2]::after{ transform:rotate(45deg); }
.l-sss details p[b-n9bk1lyqs2]{ margin:0; padding:0 0 18px; color:var(--muted); font-size:14.5px; }

/* alt cta */
.l-son[b-n9bk1lyqs2]{ background:linear-gradient(135deg,var(--koyu) 0%,var(--koyu2) 100%); }
.l-son-ic[b-n9bk1lyqs2]{ text-align:center; padding-top:76px; padding-bottom:76px; }
.l-son h2[b-n9bk1lyqs2]{ color:#fff; font-size:32px; font-weight:800; }
.l-son p[b-n9bk1lyqs2]{ color:#9fb0c8; font-size:16.5px; margin:12px 0 30px; }

/* footer */
.l-taban[b-n9bk1lyqs2]{ background:var(--koyu); border-top:1px solid #1c2a42; }
.l-taban-ic[b-n9bk1lyqs2]{ padding-top:52px; padding-bottom:32px; }
.l-taban-ust[b-n9bk1lyqs2]{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:36px; padding-bottom:30px;
  border-bottom:1px solid #1c2a42; margin-bottom:22px; }
.l-taban-logo[b-n9bk1lyqs2]{ height:40px; width:auto; background:#fff; border-radius:8px; padding:5px 10px; box-sizing:content-box; }
.l-taban-marka p[b-n9bk1lyqs2]{ color:#9fb0c8; font-size:13.5px; margin:14px 0 0; max-width:300px; }
.l-taban-kol h4[b-n9bk1lyqs2]{ color:#fff; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; margin:0 0 12px; }
.l-taban-kol a[b-n9bk1lyqs2]{ display:block; color:#9fb0c8; font-size:13.5px; padding:4px 0; }
.l-taban-kol a:hover[b-n9bk1lyqs2]{ color:#fff; }
.l-telif[b-n9bk1lyqs2]{ color:#5d6f8a; font-size:12.5px; max-width:640px; margin:0 auto; text-align:center; }

/* ---------- responsive ---------- */
@media (max-width:960px){
  .l-hero-ic[b-n9bk1lyqs2]{ grid-template-columns:1fr; gap:40px; padding-top:52px; padding-bottom:56px; }
  .l-hero h1[b-n9bk1lyqs2]{ font-size:34px; }
  .l-izgara[b-n9bk1lyqs2],.l-adimlar[b-n9bk1lyqs2]{ grid-template-columns:1fr 1fr; }
  .l-serit-ic[b-n9bk1lyqs2]{ grid-template-columns:1fr 1fr; }
  .l-linkler[b-n9bk1lyqs2]{ display:none; }
  .l-taban-ust[b-n9bk1lyqs2]{ grid-template-columns:1fr 1fr; }
  .l-taban-marka[b-n9bk1lyqs2]{ grid-column:1 / -1; }
  .l-fiyatlar[b-n9bk1lyqs2]{ grid-template-columns:1fr; max-width:440px; }
  .l-sss[b-n9bk1lyqs2]{ grid-template-columns:1fr; gap:0; }
}
@media (max-width:600px){
  .l-hero h1[b-n9bk1lyqs2]{ font-size:28px; }
  .l-izgara[b-n9bk1lyqs2],.l-adimlar[b-n9bk1lyqs2],.l-serit-ic[b-n9bk1lyqs2]{ grid-template-columns:1fr; }
  .l-bolum[b-n9bk1lyqs2]{ padding:56px 0; }
  .l-bolum h2[b-n9bk1lyqs2]{ font-size:26px; }
  .l-nav-ic[b-n9bk1lyqs2]{ height:64px; gap:14px; }
  .l-marka img[b-n9bk1lyqs2]{ height:38px; }
  .m-kopyalandi[b-n9bk1lyqs2]{ right:8px; top:-14px; }
  .l-taban-ust[b-n9bk1lyqs2]{ grid-template-columns:1fr; gap:24px; }
  .l-hiz-satir[b-n9bk1lyqs2]{ grid-template-columns:1fr 76px; row-gap:6px; }
  .l-hiz-ad[b-n9bk1lyqs2]{ grid-column:1 / -1; text-align:left; }
}

/* Dil degistirici (EN|TR) */
.l-dil[b-n9bk1lyqs2] { display: inline-flex; align-items: center; gap: 2px; margin-right: 6px; }
.l-dil a[b-n9bk1lyqs2] { font-size: 12px; font-weight: 700; color: #9aa2ad; text-decoration: none; padding: 3px 7px; border-radius: 6px; letter-spacing: .3px; }
.l-dil a.sec[b-n9bk1lyqs2] { color: #2563eb; background: #e0edff; }
.l-dil a:hover[b-n9bk1lyqs2] { color: #1f2733; }
/* /Components/Pages/Yonetim.razor.rz.scp.css */
/* Yonetim sayfasi — panel temasiyla uyumlu. */
.y-wrap[b-91f9d9l64s]{
  --accent:#2563eb; --text:#1f2733; --muted:#6b7480; --border:#e5e8ee; --line:#eef1f5;
  --yesil:#16a34a; --amber:#d97706; --kirmizi:#dc2626;
  max-width:1000px; margin:0 auto;
  font:14px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--text);
}
.y-wrap *[b-91f9d9l64s]{ box-sizing:border-box; }
.y-wrap h1[b-91f9d9l64s]{ font-size:22px; font-weight:700; margin:0 0 4px; letter-spacing:-.2px; }
.y-alt[b-91f9d9l64s]{ color:var(--muted); font-size:12.5px; margin-bottom:20px; }
.y-mesaj[b-91f9d9l64s]{ color:var(--accent); margin-left:8px; }

.y-kart[b-91f9d9l64s]{ background:#fff; border:1px solid var(--border); border-radius:14px; overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06); }
.y-liste[b-91f9d9l64s]{ overflow-x:auto; }
.y-wrap table[b-91f9d9l64s]{ border-collapse:collapse; width:100%; min-width:760px; }
.y-wrap th[b-91f9d9l64s],.y-wrap td[b-91f9d9l64s]{ text-align:left; padding:11px 18px; font-size:13px; border-top:1px solid var(--line); vertical-align:middle; }
.y-wrap thead th[b-91f9d9l64s]{ border-top:none; color:var(--muted); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.4px; background:#fafbfd; }
.y-wrap tbody tr:hover[b-91f9d9l64s]{ background:#f7f9fc; }
.y-eposta[b-91f9d9l64s]{ font-weight:600; }
.y-stripe[b-91f9d9l64s]{ color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }
.sag[b-91f9d9l64s]{ text-align:right; white-space:nowrap; }

.y-et[b-91f9d9l64s]{ display:inline-block; font-size:11px; font-weight:700; border-radius:999px; padding:2px 10px; white-space:nowrap; }
.y-et.deneme[b-91f9d9l64s]{ background:#e0edff; color:var(--accent); }
.y-et.aktif[b-91f9d9l64s]{ background:#e7f6ec; color:var(--yesil); }
.y-et.iptal[b-91f9d9l64s]{ background:#fdf1e3; color:var(--amber); }
.y-et.bitti[b-91f9d9l64s]{ background:#fdeaea; color:var(--kirmizi); }
.y-et.yok[b-91f9d9l64s]{ background:#f1f3f7; color:var(--muted); }

.y-wrap button[b-91f9d9l64s]{ background:#fff; color:var(--text); border:1px solid var(--border); border-radius:8px;
  padding:6px 12px; cursor:pointer; font-size:12.5px; font-weight:500; }
.y-wrap button:hover[b-91f9d9l64s]{ background:#f5f7fa; }
.y-wrap button.tehlike[b-91f9d9l64s]{ color:var(--kirmizi); border-color:#f0cccc; }
.y-wrap button.tehlike:hover[b-91f9d9l64s]{ background:#fdeaea; }
.sag button + button[b-91f9d9l64s]{ margin-left:6px; }