.container {
    max-width: 1200px !important;
}

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

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

.card {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-card) !important;
    background: var(--color-surface) !important;
}

.card.border-0,
.card.shadow-sm {
    border: 1px solid var(--color-border) !important;
    box-shadow: var(--shadow-card) !important;
}

.card-header {
    background: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.breadcrumb {
    --bs-breadcrumb-divider: '›';
    margin-bottom: 0;
    font-size: 13px;
}

.breadcrumb-item a {
    color: var(--color-text-muted);
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: var(--color-accent);
}

.breadcrumb-item.active {
    color: var(--color-text-secondary);
}

.table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--color-text);
    --bs-table-hover-bg: var(--color-row-hover);
    margin-bottom: 0;
}

.table thead th {
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-muted);
    font: 600 11.5px var(--font-body);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 14px 16px;
    background: var(--color-surface);
}

.table tbody td {
    border-bottom: 1px solid var(--color-row-border);
    padding: 16px;
    vertical-align: middle;
}

.table-light {
    --bs-table-bg: var(--color-surface);
}

.btn {
    border: 1px solid #E1E4EA;
    border-radius: var(--radius-control);
    background: var(--color-surface);
    font: 600 13.5px var(--font-body);
    padding: 9px 16px;
    color: var(--color-text);
    box-shadow: none;
}

.btn:hover {
    border-color: var(--color-border-hover);
    background: #FAFBFC;
    color: var(--color-text);
}

.btn-primary,
.btn-outline-primary {
    background: var(--color-accent);
    color: #fff;
    border-color: var(--color-accent);
}

.btn-primary:hover,
.btn-outline-primary:hover {
    background: var(--color-accent-hover);
    border-color: var(--color-accent-hover);
    color: #fff;
}

.btn-outline-secondary {
    background: var(--color-surface);
    color: var(--color-text);
    border-color: #E1E4EA;
}

.btn-outline-secondary:hover {
    background: #FAFBFC;
    color: var(--color-text);
    border-color: var(--color-border-hover);
}

.btn-sm {
    padding: 7px 14px;
    font-size: 13px;
}

.badge.text-bg-primary,
.badge.text-bg-secondary {
    background: var(--color-accent-soft-bg) !important;
    color: var(--color-accent-soft-text) !important;
}

.form-control {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-control);
    padding: 10px 12px;
    font: 500 14px var(--font-body);
    color: var(--color-text);
}

.form-control:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px var(--color-accent-soft-bg);
}

.form-label {
    font: 600 13px var(--font-body);
    color: var(--color-text-secondary);
    margin-bottom: 6px;
}

.alert-success {
    background: var(--color-accent-soft-bg);
    border-color: var(--color-accent-soft-bg);
    color: var(--color-accent-hover);
}

.bg-light {
    background: var(--color-bg) !important;
}

dl dt {
    color: var(--color-text-muted);
    font-size: 13px;
}

dl dd {
    color: var(--color-text);
    margin-bottom: 12px;
}