/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Panel, Flutter uygulamasıyla aynı renk paletini kullanır (docs/design-tokens.md). */

.admin-shell[b-gxi6zdh61v] {
    display: flex;
    min-height: 100vh;
    background: #F3F5FA;
    color: #0E1729;
}

.admin-sidebar[b-gxi6zdh61v] {
    width: 250px;
    flex: none;
    background: #fff;
    border-right: 1px solid #EAEDF3;
    padding: 22px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.brand[b-gxi6zdh61v] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 6px 22px;
}

.brand-mark[b-gxi6zdh61v] {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: linear-gradient(160deg, #2E72E8, #164FC4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
}

.brand-name[b-gxi6zdh61v] { font-weight: 800; font-size: 15px; letter-spacing: -.3px; }
.brand-sub[b-gxi6zdh61v] { font-size: 11px; font-weight: 600; color: #6B7686; }

.nav-section[b-gxi6zdh61v] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #98A2B1;
    padding: 16px 8px 6px;
}

/* NavLink child bileşen olduğundan ürettiği <a> scope attribute almaz;
   kurallar ::deep ile sidebar altındaki tüm .nav-item'lara uygulanır. */
[b-gxi6zdh61v] .nav-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 700;
    color: #0E1729;
    text-decoration: none;
}

[b-gxi6zdh61v] .nav-item:hover { background: #F8FAFE; }

[b-gxi6zdh61v] .nav-item.active {
    background: #1E63E0;
    color: #fff;
}

[b-gxi6zdh61v] .nav-item.active .nav-dot { background: #fff; }

[b-gxi6zdh61v] .nav-item.disabled {
    color: #98A2B1;
    font-weight: 600;
    cursor: default;
}

[b-gxi6zdh61v] .nav-item.disabled:hover { background: transparent; }

[b-gxi6zdh61v] .nav-item em {
    margin-left: auto;
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    color: #C0C8D6;
}

.nav-dot[b-gxi6zdh61v] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #1E63E0;
    flex: none;
}

.admin-main[b-gxi6zdh61v] {
    flex: 1;
    min-width: 0;
    padding: 26px 30px 60px;
}

#blazor-error-ui[b-gxi6zdh61v] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 12px 16px;
    background: #FCE9E9;
    border-top: 1px solid #F7D5D6;
    color: #B03B3F;
    font-size: 13px;
    font-weight: 700;
}

.account[b-gxi6zdh61v] {
    margin-top: auto;
    padding: 14px 8px 4px;
    border-top: 1px solid #F1F3F8;
}

.account-name[b-gxi6zdh61v] {
    font-size: 12px;
    font-weight: 700;
    color: #6B7686;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.logout[b-gxi6zdh61v] {
    width: 100%;
    padding: 9px 12px;
    border: none;
    border-radius: 12px;
    background: #FCE9E9;
    color: #E5484D;
    font-size: 12.5px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-eqf1icg4nm],
.components-reconnect-repeated-attempt-visible[b-eqf1icg4nm],
.components-reconnect-failed-visible[b-eqf1icg4nm],
.components-pause-visible[b-eqf1icg4nm],
.components-resume-failed-visible[b-eqf1icg4nm],
.components-rejoining-animation[b-eqf1icg4nm] {
    display: none;
}

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


#components-reconnect-modal[b-eqf1icg4nm] {
    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-eqf1icg4nm 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-eqf1icg4nm {
    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/ChangePassword.razor.rz.scp.css */
.login-wrap[b-opkqpfvtys] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F5FA;
    padding: 24px;
    box-sizing: border-box;
}

.login-card[b-opkqpfvtys] {
    width: 100%;
    max-width: 380px;
    background: #fff;
    border: 1px solid #EAEDF3;
    border-radius: 22px;
    padding: 28px 26px 26px;
    display: flex;
    flex-direction: column;
}

.brand[b-opkqpfvtys] { display: flex; align-items: center; gap: 11px; margin-bottom: 24px; }

.brand-mark[b-opkqpfvtys] {
    width: 40px; height: 40px; border-radius: 13px;
    background: linear-gradient(160deg, #2E72E8, #164FC4);
    color: #fff; font-weight: 800; font-size: 19px;
    display: flex; align-items: center; justify-content: center;
}

.brand-name[b-opkqpfvtys] { font-weight: 800; font-size: 15px; letter-spacing: -.3px; color: #0E1729; }
.brand-sub[b-opkqpfvtys] { font-size: 11px; font-weight: 600; color: #6B7686; }

h1[b-opkqpfvtys] { font-size: 20px; font-weight: 800; letter-spacing: -.4px; margin: 0; color: #0E1729; }
.hint[b-opkqpfvtys] { font-size: 12.5px; font-weight: 500; color: #6B7686; margin: 6px 0 20px; }

.error[b-opkqpfvtys] {
    background: #FCE9E9; border: 1px solid #F7D5D6; color: #B03B3F;
    border-radius: 14px; padding: 11px 13px;
    font-size: 12.5px; font-weight: 700; margin-bottom: 16px;
}

label[b-opkqpfvtys] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }

label span[b-opkqpfvtys] {
    font-size: 10px; font-weight: 700; letter-spacing: .4px; color: #6B7686;
}

input[b-opkqpfvtys] {
    padding: 12px 13px; border-radius: 14px;
    border: 1px solid #EAEDF3; background: #F8FAFE;
    font-size: 14px; font-weight: 600; font-family: inherit;
    color: #0E1729; outline: none;
}
input:focus[b-opkqpfvtys] { border-color: #1E63E0; background: #fff; }

button[b-opkqpfvtys] {
    margin-top: 10px; height: 50px; border: none; border-radius: 999px;
    background: #1E63E0; color: #fff;
    font-size: 14.5px; font-weight: 700; font-family: inherit; cursor: pointer;
    box-shadow: 0 3px 10px rgba(30, 99, 224, .16);
    transition: transform 140ms ease;
}
button:active[b-opkqpfvtys] { transform: scale(.97); }

.hint.small[b-opkqpfvtys] { font-size: 11.5px; margin: 2px 0 0; }
/* /Components/Pages/DealerNetwork.razor.rz.scp.css */
/* Sayfaya özgü: bağ satırındaki denetim izi adı. Ortak sözlük app.css'te. */
.history-row .link-name[b-etenxojg8h] { font-weight: 700; }
/* /Components/Pages/Katalog.razor.rz.scp.css */
/* Sayfaya özgü kurallar; ortak sözlük app.css'te. */
.sync-note[b-mgcguxrzmd] { font-style: italic; }
.sync-hint[b-mgcguxrzmd] { align-self: center; }

/* Satırın altına açılan sayfalı ürün listesi. */
.product-list[b-mgcguxrzmd] {
    border-top: 1px solid #F1F3F8;
    background: #FAFBFD;
    padding: 4px 20px 14px;
}

.product-list table[b-mgcguxrzmd] { width: 100%; border-collapse: collapse; font-size: 13px; }
.product-list th[b-mgcguxrzmd] {
    text-align: left; color: #98A2B1;
    font-size: 10.5px; text-transform: uppercase; letter-spacing: .4px;
    padding: 10px 8px 6px;
}
.product-list td[b-mgcguxrzmd] { padding: 8px; border-top: 1px solid #F1F3F8; font-weight: 600; }

/* Küçük görsel + yükleme hücresi */
.thumb-cell[b-mgcguxrzmd] { display: flex; align-items: center; gap: 8px; }
.thumb[b-mgcguxrzmd] {
    width: 36px; height: 36px; object-fit: cover; border-radius: 8px;
    border: 1px solid #EAEDF3; background: #F8FAFE; display: block;
}
.thumb-upload[b-mgcguxrzmd] { position: relative; overflow: hidden; cursor: pointer; }
.thumb-upload[b-mgcguxrzmd]  input[type=file] {
    position: absolute; inset: 0; opacity: 0; cursor: pointer;
}
.image-hint[b-mgcguxrzmd] { margin: 8px 8px 0; }
.image-error[b-mgcguxrzmd] { color: #B03B3F; }
.product-list tr.inactive td[b-mgcguxrzmd] { color: #C0C8D6; }
.product-list .unit[b-mgcguxrzmd] { color: #98A2B1; margin-left: 6px; font-size: 12px; font-weight: 500; }

.product-footer[b-mgcguxrzmd] { display: flex; justify-content: space-between; align-items: center; padding-top: 12px; }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-wrap[b-myxd6c98a8] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F5FA;
    padding: 24px;
    box-sizing: border-box;
}

.login-card[b-myxd6c98a8] {
    width: 100%;
    max-width: 380px;
    background: #fff;
    border: 1px solid #EAEDF3;
    border-radius: 22px;
    padding: 28px 26px 26px;
    display: flex;
    flex-direction: column;
}

.brand[b-myxd6c98a8] { display: flex; align-items: center; gap: 11px; margin-bottom: 24px; }

.brand-mark[b-myxd6c98a8] {
    width: 40px; height: 40px; border-radius: 13px;
    background: linear-gradient(160deg, #2E72E8, #164FC4);
    color: #fff; font-weight: 800; font-size: 19px;
    display: flex; align-items: center; justify-content: center;
}

.brand-name[b-myxd6c98a8] { font-weight: 800; font-size: 15px; letter-spacing: -.3px; color: #0E1729; }
.brand-sub[b-myxd6c98a8] { font-size: 11px; font-weight: 600; color: #6B7686; }

h1[b-myxd6c98a8] { font-size: 20px; font-weight: 800; letter-spacing: -.4px; margin: 0; color: #0E1729; }
.hint[b-myxd6c98a8] { font-size: 12.5px; font-weight: 500; color: #6B7686; margin: 6px 0 20px; }

.error[b-myxd6c98a8] {
    background: #FCE9E9; border: 1px solid #F7D5D6; color: #B03B3F;
    border-radius: 14px; padding: 11px 13px;
    font-size: 12.5px; font-weight: 700; margin-bottom: 16px;
}

label[b-myxd6c98a8] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }

label span[b-myxd6c98a8] {
    font-size: 10px; font-weight: 700; letter-spacing: .4px; color: #6B7686;
}

input[b-myxd6c98a8] {
    padding: 12px 13px; border-radius: 14px;
    border: 1px solid #EAEDF3; background: #F8FAFE;
    font-size: 14px; font-weight: 600; font-family: inherit;
    color: #0E1729; outline: none;
}
input:focus[b-myxd6c98a8] { border-color: #1E63E0; background: #fff; }

button[b-myxd6c98a8] {
    margin-top: 10px; height: 50px; border: none; border-radius: 999px;
    background: #1E63E0; color: #fff;
    font-size: 14.5px; font-weight: 700; font-family: inherit; cursor: pointer;
    box-shadow: 0 3px 10px rgba(30, 99, 224, .16);
    transition: transform 140ms ease;
}
button:active[b-myxd6c98a8] { transform: scale(.97); }
/* /Components/Pages/Orders.razor.rz.scp.css */
/* Sayfaya özgü kurallar; ortak sözlük app.css'te. */
.toolbar[b-l35rt1c6jk] { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; }

.search[b-l35rt1c6jk] {
    flex: 1; min-width: 240px; max-width: 380px;
    padding: 10px 13px; border-radius: 14px;
    border: 1px solid #EAEDF3; background: #fff;
    font-size: 13px; font-family: inherit; outline: none;
}
.search:focus[b-l35rt1c6jk] { border-color: #1E63E0; }

.order-list[b-l35rt1c6jk] { display: flex; flex-direction: column; gap: 14px; }
.order[b-l35rt1c6jk] { padding: 18px 20px; }

.order-head[b-l35rt1c6jk] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.code[b-l35rt1c6jk] { font-size: 16px; font-weight: 800; letter-spacing: -.3px; margin-right: 10px; }
.placed[b-l35rt1c6jk] { font-size: 12px; font-weight: 600; color: #98A2B1; }

.status[b-l35rt1c6jk] { font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 999px; }
.status-preparing[b-l35rt1c6jk] { background: #FDF3E3; color: #B9761A; }
.status-shipping[b-l35rt1c6jk] { background: #E7F0FF; color: #1E63E0; }
.status-delivered[b-l35rt1c6jk] { background: #E6F7EF; color: #127A52; }
.status-cancelled[b-l35rt1c6jk] { background: #FCE9E9; color: #B03B3F; }

/* Bayi bilgisi yalnızca panelde görünür; toptancıya giden hiçbir veri bu satırdan beslenmez. */
.dealer[b-l35rt1c6jk] {
    display: flex; align-items: center; gap: 9px;
    font-size: 12.5px; font-weight: 600; color: #6B7686;
    padding: 9px 12px; border-radius: 12px; background: #F3F5FA; margin-bottom: 10px;
}
.dealer-tag[b-l35rt1c6jk] {
    font-size: 9.5px; font-weight: 800; letter-spacing: .5px;
    background: #0E1729; color: #fff; padding: 3px 7px; border-radius: 6px;
}

.lines[b-l35rt1c6jk] { font-size: 13px; font-weight: 600; color: #0E1729; margin-bottom: 10px; line-height: 1.5; }

.address[b-l35rt1c6jk] { display: flex; flex-direction: column; gap: 3px; margin-bottom: 12px; }
.address-label[b-l35rt1c6jk] { font-size: 10px; font-weight: 700; letter-spacing: .4px; color: #98A2B1; }
.address span:last-child[b-l35rt1c6jk] { font-size: 12.5px; font-weight: 600; color: #3D4757; }

.warning[b-l35rt1c6jk] {
    display: flex; gap: 11px; align-items: flex-start;
    padding: 12px 14px; border-radius: 14px;
    background: #FDF3E3; border: 1px solid #F6E2C0; margin-bottom: 12px;
}
.warning strong[b-l35rt1c6jk] { font-size: 12.5px; font-weight: 800; color: #8A5A12; }
.warning-icon[b-l35rt1c6jk] {
    flex: none; width: 20px; height: 20px; border-radius: 999px;
    background: #F2A63C; color: #fff; font-weight: 800; font-size: 13px;
    display: flex; align-items: center; justify-content: center;
}
.warning-hint[b-l35rt1c6jk] { font-size: 11.5px; font-weight: 500; color: #B9761A; margin-top: 4px; line-height: 1.5; }

.address-edit[b-l35rt1c6jk] { margin-bottom: 12px; }
.address-edit textarea[b-l35rt1c6jk] {
    width: 100%; box-sizing: border-box;
    padding: 11px 13px; border-radius: 14px;
    border: 1px solid #EAEDF3; background: #F8FAFE;
    font-size: 13px; font-family: inherit; outline: none; resize: vertical;
}
.address-edit textarea:focus[b-l35rt1c6jk] { border-color: #1E63E0; background: #fff; }
.row-actions[b-l35rt1c6jk] { display: flex; gap: 8px; margin-top: 8px; }

.order-actions[b-l35rt1c6jk] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.supplier-select[b-l35rt1c6jk] {
    padding: 10px 13px; border-radius: 14px;
    border: 1px solid #EAEDF3; background: #fff;
    font-size: 13px; font-weight: 600; font-family: inherit; outline: none; min-width: 220px;
}
.supplier-select:focus[b-l35rt1c6jk] { border-color: #1E63E0; }

.notified[b-l35rt1c6jk] { font-size: 12px; font-weight: 600; color: #127A52; }

.shipment[b-l35rt1c6jk] {
    margin-top: 12px; padding: 10px 13px; border-radius: 12px;
    background: #E7F0FF; font-size: 12.5px; font-weight: 600; color: #164FC4;
}

.notification-preview[b-l35rt1c6jk] {
    max-width: 980px; margin-bottom: 14px; padding: 16px 18px; border-radius: 18px;
    background: #F3F8FF; border: 1px solid #DCE8FB;
}
.preview-head[b-l35rt1c6jk] { font-size: 12px; font-weight: 800; color: #164FC4; margin-bottom: 10px; }
.notification-preview pre[b-l35rt1c6jk] {
    margin: 0; padding: 11px 13px; background: #fff; border-radius: 12px; white-space: pre-wrap; word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px; line-height: 1.6; color: #0E1729;
}
/* Gönderilmemiş bildirim: amber uyarı — "gönderildi" mavisiyle karışmasın. */
.preview-warning[b-l35rt1c6jk] {
    margin-bottom: 10px; padding: 9px 12px; border-radius: 10px;
    background: #FEF6E7; border: 1px solid #F3C969;
    font-size: 12px; line-height: 1.55; color: #8A5B06;
}

.preview-link[b-l35rt1c6jk] { display: flex; flex-direction: column; gap: 4px; margin-top: 11px; }
.preview-link span[b-l35rt1c6jk] { font-size: 10px; font-weight: 800; letter-spacing: .5px; color: #98A2B1; }
.preview-link code[b-l35rt1c6jk] { font-size: 11.5px; color: #164FC4; word-break: break-all; }

.notification-preview .btn[b-l35rt1c6jk] { margin-top: 12px; }

/* Mutabakat bekleyen ödemeler: kırmızı değil amber — hata değil, İNSAN KARARI bekliyor. */
.reconciliation[b-l35rt1c6jk] {
    margin-bottom: 18px; padding: 14px 16px; border-radius: 14px;
    background: #FEF6E7; border: 1px solid #F3C969;
}
.recon-head[b-l35rt1c6jk] { font-size: 12.5px; font-weight: 800; color: #8A5B06; margin-bottom: 10px; }
.recon-table[b-l35rt1c6jk] { width: 100%; border-collapse: collapse; font-size: 12px; }
.recon-table th[b-l35rt1c6jk] {
    text-align: left; font-size: 10px; letter-spacing: .5px; text-transform: uppercase;
    color: #8A5B06; padding: 4px 8px 6px 0; font-weight: 800;
}
.recon-table td[b-l35rt1c6jk] { padding: 5px 8px 5px 0; color: #0E1729; vertical-align: top; }
.recon-table code[b-l35rt1c6jk] { font-size: 11px; word-break: break-all; }
.recon-risk[b-l35rt1c6jk] { font-weight: 800; color: #B42318; }
.recon-note[b-l35rt1c6jk] { margin-top: 6px; font-size: 11.5px; line-height: 1.5; color: #8A5B06; }
/* /Components/Pages/SystemSettings.razor.rz.scp.css */
/* Sayfaya özgü kurallar (sekmeler, ayar editörü, iOS anahtarı); ortak sözlük app.css'te. */
.tabs[b-7m8sxrjje8] { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }

.tab[b-7m8sxrjje8] {
    display: flex; align-items: center; gap: 7px;
    padding: 9px 14px; border-radius: 999px;
    background: #fff; border: 1px solid #EAEDF3;
    font-size: 12.5px; font-weight: 700; color: #6B7686; cursor: pointer;
}
.tab:hover[b-7m8sxrjje8] { border-color: #DCE8FB; background: #F8FAFE; }
.tab.active[b-7m8sxrjje8] { background: #1E63E0; border-color: #1E63E0; color: #fff; }

.tab-count[b-7m8sxrjje8] {
    font-size: 10.5px; font-weight: 800;
    background: #F3F5FA; color: #6B7686;
    border-radius: 999px; padding: 1px 7px;
}
.tab.active .tab-count[b-7m8sxrjje8] { background: rgba(255,255,255,.22); color: #fff; }

.setting-key[b-7m8sxrjje8] {
    display: inline-block; margin-top: 8px;
    font-size: 11px; color: #98A2B1;
    background: #F3F5FA; border-radius: 7px; padding: 3px 7px;
}

.setting-editor[b-7m8sxrjje8] { width: 340px; flex: none; }

.input-wrap[b-7m8sxrjje8] { position: relative; display: flex; align-items: center; }

.setting-editor input[type="text"][b-7m8sxrjje8],
.setting-editor input[type="number"][b-7m8sxrjje8],
.setting-editor textarea[b-7m8sxrjje8] {
    width: 100%; box-sizing: border-box;
    padding: 11px 13px; border-radius: 14px;
    border: 1px solid #EAEDF3; background: #F8FAFE;
    font-size: 13.5px; font-weight: 600; color: #0E1729;
    font-family: inherit; outline: none;
}
.setting-editor textarea[b-7m8sxrjje8] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 1.6; resize: vertical; }
.setting-editor input:focus[b-7m8sxrjje8], .setting-editor textarea:focus[b-7m8sxrjje8] { border-color: #1E63E0; background: #fff; }

.unit[b-7m8sxrjje8] {
    position: absolute; right: 13px;
    font-size: 12px; font-weight: 700; color: #98A2B1; pointer-events: none;
}

.setting-actions[b-7m8sxrjje8] { display: flex; align-items: center; gap: 8px; margin-top: 9px; min-height: 20px; }

.switch[b-7m8sxrjje8] { display: inline-block; position: relative; width: 44px; height: 26px; }
.switch input[b-7m8sxrjje8] { opacity: 0; width: 0; height: 0; }
.switch span[b-7m8sxrjje8] {
    position: absolute; inset: 0; border-radius: 999px;
    background: #DDE3EC; transition: background .16s ease; cursor: pointer;
}
.switch span[b-7m8sxrjje8]::after {
    content: ""; position: absolute; top: 3px; left: 3px;
    width: 20px; height: 20px; border-radius: 999px; background: #fff;
    box-shadow: 0 1px 3px rgba(14,23,41,.2); transition: transform .16s ease;
}
.switch input:checked + span[b-7m8sxrjje8] { background: #1E63E0; }
.switch input:checked + span[b-7m8sxrjje8]::after { transform: translateX(18px); }

/* Ayar anahtarı geçmişte geniş kod kolonu ister. */
.history-row code[b-7m8sxrjje8] { color: #164FC4; font-weight: 700; min-width: 250px; }