/**
 * OnlyTv Panel — estilos principales
 * Carga admin.css + capa premium global
 */
@import url('css/admin.css');

:root {
    --border: #242424;
    --card: #141414;
    --text-secondary: #A8A8A8;
    --red-brand: #E50914;
    --orange-brand: #FF7A18;
    --success: #22C55E;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.muted { color: var(--text-secondary); }

.card {
    background: linear-gradient(180deg, rgba(20,20,20,.98), rgba(16,16,16,.98));
    border-color: var(--border);
    box-shadow: 0 12px 36px rgba(0,0,0,.35);
}

.sidebar {
    background: linear-gradient(180deg, #121212 0%, #0a0a0a 100%);
    border-right-color: var(--border);
}

.sidebar-nav a {
    font-weight: 500;
    border: 1px solid transparent;
}

.sidebar-nav a.active {
    border-color: rgba(229, 9, 20, .35);
    box-shadow: inset 0 0 0 1px rgba(255, 122, 24, .12);
}

.sidebar-nav-icon {
    width: 1.35rem;
    text-align: center;
    flex-shrink: 0;
    opacity: .9;
}

.btn-primary {
    background: linear-gradient(135deg, var(--red-brand), var(--orange-brand));
    box-shadow: 0 8px 24px rgba(229, 9, 20, .22);
}

.alert-success {
    background: rgba(34, 197, 94, .12);
    border-color: rgba(34, 197, 94, .45);
    color: #bbf7d0;
}

table {
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
}

thead th {
    background: rgba(255,255,255,.04);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

tbody tr:hover {
    background: rgba(255,255,255,.02);
}

code {
    background: rgba(255,255,255,.06);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: .15rem .45rem;
    font-size: .85em;
}

.content > .card:first-child,
.content > .grid-2:first-child {
    animation: panelFadeIn .35s ease;
}

@keyframes panelFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.page-section-title {
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.page-section-sub {
    color: var(--text-secondary);
    margin-bottom: 1rem;
    line-height: 1.45;
    max-width: 760px;
}

.badge-danger { background: rgba(229, 9, 20, .2); color: #ff9a9a; }
.badge-info { background: rgba(255, 122, 24, .18); color: #ffc08a; }