/*
 * VOIP Manager - DGAJ Theme
 * Official DGAJ colors: Verde #008236 | Cinzento-Azulado #6D7E8B
 * Matches WindowsApp theme
 */

:root {
    /* Primary DGAJ Colors */
    --accent-primary: #008236;
    --accent-secondary: #006b2e;
    --accent-light: #00a344;

    /* Background Colors */
    --bg-primary: #f8f9fa;
    --card-bg: #ffffff;
    --hover-bg: rgba(109, 126, 139, 0.1);
    --input-bg: #ffffff;

    /* Text Colors */
    --text-primary: #2c3e50;
    --text-secondary: #5a6c7d;
    --text-muted: #7a8a99;

    /* Border Colors */
    --border-color: #e0e0e0;
    --border-light: #f0f0f0;

    /* Status Colors */
    --success: #008236;
    --danger: #d32f2f;
    --warning: #ff9800;
    --info: #1976d2;
}

/* ========== BUTTON STYLING ========== */

/* Dark Yellow Edit Buttons */
.btn-dark-yellow {
    background: #FFB300 !important;
    color: white !important;
    border: 1px solid #FFB300 !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

.btn-dark-yellow:hover {
    background: #FF8F00 !important;
    border-color: #FF8F00 !important;
    color: #000000 !important;
}

/* Ensure danger buttons (Eliminar/Desativar) remain red */
.btn-danger {
    background: var(--danger) !important;
    color: white !important;
    border: 1px solid var(--danger) !important;
}

.btn-danger:hover {
    background: #b71c1c !important;
    border-color: #b71c1c !important;
}

/* Navigation danger button (Sair) */
nav a.nav-btn-danger {
    background: var(--danger) !important;
    color: white !important;
    font-weight: 600;
    border: 1px solid var(--danger) !important;
}

nav a.nav-btn-danger:hover {
    background: var(--danger) !important;
    filter: brightness(0.9) !important;
    color: white !important;
}

/* Body styling */
body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* Page Header */
.page-header {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 15%, #6D7E8B 50%, #4a5568 100%);
    border-radius: 12px;
    padding: 30px 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-logo {
    height: 80px;
    width: auto;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Theme Grey Badge */
.badge-theme-grey {
    background: #6D7E8B !important;
    color: white !important;
}
.header-text {
    flex: 1;
    text-align: center;
}

.site-title {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.page-name {
    color: rgba(255, 255, 255, 0.9);
}

/* Navigation */
nav {
    background: linear-gradient(135deg, rgba(109, 126, 139, 0.95) 0%, rgba(74, 85, 104, 0.95) 100%);
    border-color: rgba(109, 126, 139, 0.3);
}

nav a {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

nav a:hover {
    background: #008236;
    color: #ffffff;
    border-color: #008236;
}

nav a.active {
    background: #008236;
    color: #ffffff;
    border-color: #006b2e;
}

/* Cards */
.card {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.card h2 {
    color: var(--accent-primary);
    border-color: var(--border-color);
}

/* Tables */
table {
    background: var(--card-bg);
    color: var(--text-primary);
}

thead {
    background: linear-gradient(135deg, #6D7E8B 0%, #4a5568 100%);
    color: #ffffff;
}

th {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

td {
    border-color: var(--border-light);
    color: var(--text-primary);
}

tbody tr:hover {
    background: var(--hover-bg);
}

/* Forms */
form {
    background: var(--card-bg);
    border-color: var(--border-color);
}

label {
    color: var(--text-secondary);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
select,
textarea {
    background: var(--input-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
select:focus,
textarea:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(0, 130, 54, 0.1);
}

/* Alerts/Messages */
.alert,
.message {
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
}

.alert-success,
.message.success {
    background: rgba(0, 130, 54, 0.1);
    border-color: var(--success);
    color: #006b2e;
}

.alert-error,
.message.error {
    background: rgba(211, 47, 47, 0.1);
    border-color: var(--danger);
    color: #b71c1c;
}

.alert-warning,
.message.warning {
    background: rgba(255, 152, 0, 0.1);
    border-color: var(--warning);
    color: #e65100;
}

.alert-info,
.message.info {
    background: rgba(25, 118, 210, 0.1);
    border-color: var(--info);
    color: #0d47a1;
}

/* Stats Cards */
.stats-grid {
    gap: 20px;
}

.stat-card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

.stat-card h3 {
    color: var(--text-secondary);
}

.stat-card .stat-value {
    color: var(--accent-primary);
}

/* Quick Links */
.quick-link {
    background: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.quick-link:hover {
    background: var(--accent-primary);
    border-color: var(--accent-primary);
    color: #ffffff;
}

/* Filters */
.filters {
    background: var(--card-bg);
}

.filter-section {
    background: var(--card-bg);
    border-color: var(--border-color);
}

/* Upload Area */
.upload-area {
    background: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

.upload-area:hover {
    border-color: var(--accent-primary);
    background: rgba(0, 130, 54, 0.05);
}

/* Modals */
.modal {
    background-color: rgba(44, 62, 80, 0.7);
}

.modal-content {
    background: var(--card-bg);
    border-color: var(--border-color);
}

.modal-header {
    background: var(--hover-bg);
    border-color: var(--border-color);
}

/* Scrollbars (Webkit) */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: #6D7E8B;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #008236;
}

/* Selection */
::selection {
    background: rgba(0, 130, 54, 0.3);
    color: var(--text-primary);
}