/**
 * 🔱 RBN Core - Framework [v3.5 "RbnCore"]
 * 🏛️ ARCHITECTURE  : Sovereign Asset Engine
 * ---------------------------------------
 * 🛰️ COMPONENT     : RbnKit v1.0
 * ⚓ RESOURCE      : master.css [Project]
 * 🛡️ STATUS        : Verified & Proxied
 * ---------------------------------------
 */

/* ==========================================================================
   RBN Core - SRO Web Master Style Manifest 🏛️
   Architect: Antigravity
   ========================================================================== */

/* 1. Design System Tokens & Variables */
@import url('variables.css');

/* ════════════════════════════════════════════════════════════════
   🎨 2. APPSRO MASTER LAYOUT & PROJEYE ÖZEL KABUK KURALLARI 🏛️
   ════════════════════════════════════════════════════════════════ */

.appsro-navbar {
    background: var(--rbn-bg-canvas);
    border-bottom: 2px solid var(--rbn-border);
    box-shadow: 0 2px 0 var(--rbn-border);
}

.sro-brand-cli {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--rbn-font-mono);
    font-weight: 800;
    font-size: 1.15rem;
    color: var(--rbn-text-primary);
    text-decoration: none;
    letter-spacing: -0.02em;
}

.sro-brand-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #14110c;
    border: 2px solid #14110c;
    color: #00b894;
    box-shadow: 3px 3px 0px #ffc400;
    font-weight: 800;
    font-size: 1.25rem;
    border-radius: 6px;
}

@keyframes sro-blink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

.sro-blinker {
    display: inline-block;
    width: 9px;
    height: 18px;
    background: #ff3b2f;
    margin-left: 6px;
    vertical-align: middle;
    animation: sro-blink 1.1s steps(1) infinite;
}

/* Şifre Göster / Gizle Butonu 👁️ */
.rbn-pass-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--rbn-text-secondary);
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    transition: color 0.15s ease;
    z-index: 5;
}

.rbn-pass-toggle:hover {
    color: var(--rbn-text-primary);
}