.wbn-modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px); /* Modern dokunuş */
    z-index: 99999;
    display: flex; justify-content: center; align-items: center;
}

.wbn-modal-content {
    background: #fff;
    padding: 2rem;
    border-radius: 12px;
    width: 100%; max-width: 400px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    position: relative;
    font-family: 'Segoe UI', sans-serif;
}

.wbn-tabs { display: flex; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.wbn-tab {
    flex: 1; padding: 10px; background: none; border: none;
    cursor: pointer; font-weight: 600; color: #777;
    transition: 0.3s;
}
.wbn-tab.active { color: #333; border-bottom: 2px solid #0073aa; }

.wbn-input-group { margin-bottom: 15px; }
.wbn-input-group input {
    width: 100%; padding: 10px; border: 1px solid #ddd;
    border-radius: 6px; margin-top: 5px;
}

.wbn-btn-primary {
    width: 100%; padding: 12px; background: #0073aa; color: #fff;
    border: none; border-radius: 6px; cursor: pointer;
    font-size: 16px; transition: background 0.3s;
}
.wbn-btn-primary:hover { background: #005177; }

.wbn-form { display: none; }
.wbn-form.active { display: block; }

.wbn-message {
    margin-top: 15px;
    font-size: 14px;
    text-align: center;
    min-height: 20px;
}
.wbn-message.error { color: #d63638; }
.wbn-message.success { color: #00a32a; }

/* Kısa kod ile gelen buton için örnek stil */
.wbn-login-trigger-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #2271b1;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s;
}
.wbn-login-trigger-btn:hover {
    background-color: #135e96;
    color: #fff;
}