/* RustDeft Custom Styles */
:root {
    --rust-bg: #0b0c10;
    --rust-panel: #12141c;
    --rust-accent: #ce422b;
    --rust-accent-hover: #ff5533;
}

* {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    background-color: var(--rust-bg);
    color: #e5e7eb;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #090a0f;
}
::-webkit-scrollbar-thumb {
    background: #262936;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ce422b;
}

/* Animations */
@keyframes pulseGlow {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.75; transform: scale(1.06); }
}

.animate-glow {
    animation: pulseGlow 4s ease-in-out infinite;
}

.rust-gradient-text {
    background: linear-gradient(135deg, #ff6b4a 0%, #ce422b 60%, #ff9248 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-hover {
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-hover:hover {
    transform: translateY(-4px);
    border-color: rgba(206, 66, 43, 0.55);
    box-shadow: 0 16px 40px -12px rgba(206, 66, 43, 0.25);
}

/* Loader fade out */
#rustdeft-loader.loaded {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.45s ease;
}

/* ===== Panel / Profil bileşenleri ===== */
.card { background:#12141c; border:1px solid rgba(255,255,255,.1); border-radius:1rem; padding:1.25rem; }
.inp { width:100%; background:#0b0c10; border:1px solid rgba(255,255,255,.12); border-radius:.75rem; padding:.6rem .85rem; font-size:.85rem; color:#fff; }
.inp:focus { outline:none; border-color:#ce422b; }
select.inp { appearance:auto; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; padding:.55rem 1rem; border-radius:.75rem; font-size:.8rem; font-weight:700; background:#ce422b; color:#fff; transition:.2s; cursor:pointer; border:0; }
.btn:hover { background:#ff5533; }
.btn:disabled { opacity:.5; cursor:not-allowed; }
.btn-sm { padding:.35rem .7rem; font-size:.72rem; border-radius:.55rem; }
.btn-ghost { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:#d1d5db; }
.btn-ghost:hover { background:rgba(255,255,255,.12); }
.btn-danger { background:rgba(239,68,68,.15); color:#fca5a5; border:1px solid rgba(239,68,68,.35); }
.btn-danger:hover { background:rgba(239,68,68,.3); }
.btn-ok { background:rgba(16,185,129,.18); color:#6ee7b7; border:1px solid rgba(16,185,129,.4); }
.btn-ok:hover { background:rgba(16,185,129,.32); }
.lbl { display:block; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#9ca3af; margin-bottom:.35rem; }
.tbl { width:100%; font-size:.8rem; border-collapse:collapse; }
.tbl th { text-align:left; padding:.6rem .75rem; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:#9ca3af; border-bottom:1px solid rgba(255,255,255,.1); white-space:nowrap; }
.tbl td { padding:.65rem .75rem; border-bottom:1px solid rgba(255,255,255,.05); vertical-align:middle; }
.tbl tr:hover td { background:rgba(255,255,255,.02); }
.term { background:#07080b; border:1px solid rgba(255,255,255,.1); border-radius:.75rem; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.78rem; line-height:1.45; height:320px; overflow-y:auto; padding:.75rem; white-space:pre-wrap; word-break:break-word; }
.term .t-cmd { color:#ff9248; } .term .t-err { color:#f87171; } .term .t-ok { color:#6ee7b7; } .term .t-dim { color:#6b7280; }
.dot { display:inline-block; width:.55rem; height:.55rem; border-radius:9999px; background:#6b7280; }
.dot.on { background:#34d399; } .dot.off { background:#ef4444; }