/* MailAdmin — visual styling */

:root {
    --ma-primary: #2563eb;
    --ma-primary-dark: #1e40af;
    --ma-primary-light: #60a5fa;
    --ma-bg: #f8fafc;
    --ma-text: #0f172a;
    --ma-text-muted: #64748b;
    --ma-border: #e2e8f0;
    --ma-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --ma-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--ma-bg);
    color: var(--ma-text);
    font-size: 14px;
}

.app-navbar {
    background: linear-gradient(135deg, var(--ma-primary-dark), var(--ma-primary));
    box-shadow: var(--ma-shadow-sm);
}

.app-navbar .nav-link {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    padding: 0.5rem 0.9rem;
    border-radius: 6px;
    transition: background 0.15s ease, color 0.15s ease;
}

.app-navbar .nav-link:hover,
.app-navbar .nav-link:focus {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.app-navbar .navbar-brand {
    color: #fff;
}

.brand-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    vertical-align: middle;
}

.brand-square {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
}

.card {
    border-radius: 10px;
}

.table thead th {
    border-bottom-width: 1px;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: var(--ma-text-muted);
}

.btn {
    font-weight: 500;
}

.footer {
    background: #fff;
}

/* Estados disabled más visibles */
.btn:disabled,
.btn.disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Ajustes alert */
.alert {
    border: 0;
    border-left: 4px solid currentColor;
    border-radius: 6px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .navbar-brand { font-size: 1rem; }
    h2 { font-size: 1.3rem; }
}