/* ── Zyonera Admin — VS Code-style dark theme ─────────────────────────── */ /* Ativado via [data-admin-theme="dark"] no (Blazor + localStorage) */ .bg-info { --bs-bg-opacity: 1; background-color: rgb(27 109 125) !important; } html[data-admin-theme="dark"] { background-color: #1e1e1e; min-height: 100vh; } [data-admin-theme="dark"] { --bs-body-bg: #1e1e1e; --bs-body-color: #d4d4d4; --bs-secondary-bg: #252526; --bs-tertiary-bg: #2d2d30; --bs-border-color: #3c3c3c; --bs-emphasis-color: #ffffff; --bs-link-color: #4ec9b0; --bs-link-hover-color: #5fd9c0; --bs-primary: #007acc; --bs-primary-rgb: 0, 122, 204; } [data-admin-theme="dark"] body { background-color: #1e1e1e; color: #d4d4d4; } [data-admin-theme="dark"] .card { background-color: #252526; border-color: #3c3c3c; color: #d4d4d4; } [data-admin-theme="dark"] .card-header { background-color: #2d2d30; border-color: #3c3c3c; } [data-admin-theme="dark"] .table { --bs-table-bg: #1e1e1e; --bs-table-color: #d4d4d4; --bs-table-border-color: #3c3c3c; --bs-table-hover-bg: #2a2d2e; --bs-table-striped-bg: #252526; color: #d4d4d4; } [data-admin-theme="dark"] .table th, [data-admin-theme="dark"] .table td { color: #d4d4d4; border-color: #3c3c3c; } [data-admin-theme="dark"] .table thead th { background-color: #252526 !important; color: #d4d4d4 !important; border-color: #3c3c3c !important; } [data-admin-theme="dark"] .table-light, [data-admin-theme="dark"] .table-light th, [data-admin-theme="dark"] .table-light td, [data-admin-theme="dark"] .table > thead.table-light > tr > th, [data-admin-theme="dark"] .table > thead.table-light > tr > td { --bs-table-bg: #252526; --bs-table-color: #d4d4d4; background-color: #252526 !important; color: #d4d4d4 !important; border-color: #3c3c3c !important; } [data-admin-theme="dark"] .form-control, [data-admin-theme="dark"] .form-select { background-color: #3c3c3c; color: #d4d4d4; border-color: #555555; } [data-admin-theme="dark"] .form-control:focus, [data-admin-theme="dark"] .form-select:focus { background-color: #3c3c3c; color: #ffffff; border-color: #007acc; box-shadow: 0 0 0 0.2rem rgba(0, 122, 204, 0.25); } [data-admin-theme="dark"] .form-control[readonly], [data-admin-theme="dark"] .form-control.bg-light { background-color: #2d2d30 !important; color: #969696; } [data-admin-theme="dark"] .form-control::placeholder { color: #666666; } [data-admin-theme="dark"] .input-group-text { background-color: #2d2d30; border-color: #555555; color: #969696; } [data-admin-theme="dark"] .nav-tabs { border-bottom-color: #3c3c3c; } [data-admin-theme="dark"] .nav-tabs .nav-link { color: #969696; border-color: transparent; } [data-admin-theme="dark"] .nav-tabs .nav-link:hover { color: #d4d4d4; border-color: #3c3c3c #3c3c3c transparent; } [data-admin-theme="dark"] .nav-tabs .nav-link.active { background-color: #1e1e1e; color: #ffffff; border-color: #3c3c3c #3c3c3c #1e1e1e; } [data-admin-theme="dark"] .border.border-top-0.rounded-bottom { background-color: #1e1e1e !important; border-color: #3c3c3c !important; } [data-admin-theme="dark"] .modal-content { background-color: #252526; color: #d4d4d4; border-color: #3c3c3c; } [data-admin-theme="dark"] .modal-header { border-color: #3c3c3c; } [data-admin-theme="dark"] .modal-footer { border-color: #3c3c3c; background-color: #2d2d30; } [data-admin-theme="dark"] code { background-color: #2d2d30; color: #ce9178; padding: 2px 6px; border-radius: 3px; } [data-admin-theme="dark"] .alert-info { background-color: #2d3a47; color: #d4d4d4; border-color: #3c4f63; } [data-admin-theme="dark"] .alert-warning { background-color: #3a3020; color: #d4d4d4; border-color: #5a4a20; } [data-admin-theme="dark"] .alert-success { background-color: #1e3a2a; color: #d4d4d4; border-color: #2a5a3a; } [data-admin-theme="dark"] .alert-danger { background-color: #3a1e1e; color: #d4d4d4; border-color: #5a2a2a; } [data-admin-theme="dark"] .breadcrumb { --bs-breadcrumb-divider-color: #555555; --bs-breadcrumb-item-active-color: #969696; } [data-admin-theme="dark"] .breadcrumb-item a { color: #4ec9b0; } [data-admin-theme="dark"] .badge.bg-success { background-color: #16825d !important; } [data-admin-theme="dark"] .badge.bg-secondary { background-color: #4a4a4a !important; } [data-admin-theme="dark"] .badge.bg-warning { background-color: #7a6000 !important; } [data-admin-theme="dark"] .badge.bg-light { background-color: #3c3c3c !important; color: #d4d4d4 !important; } [data-admin-theme="dark"] .list-group-item { background-color: #252526; border-color: #3c3c3c; color: #d4d4d4; } [data-admin-theme="dark"] .list-group-item-action:hover { background-color: #2a2d2e; color: #ffffff; } [data-admin-theme="dark"] .border { border-color: #3c3c3c !important; } [data-admin-theme="dark"] .bg-light { background-color: #2d2d30 !important; } [data-admin-theme="dark"] .bg-white { background-color: #1e1e1e !important; } [data-admin-theme="dark"] .text-muted { color: #969696 !important; } [data-admin-theme="dark"] .text-dark { color: #d4d4d4 !important; } [data-admin-theme="dark"] .text-body-secondary { color: #969696 !important; } [data-admin-theme="dark"] .text-body { color: #d4d4d4 !important; } [data-admin-theme="dark"] hr { border-color: #3c3c3c; opacity: 1; } [data-admin-theme="dark"] .btn-outline-primary { color: #4ec9b0; border-color: #4ec9b0; } [data-admin-theme="dark"] .btn-outline-primary:hover { background-color: #4ec9b0; color: #1e1e1e; } [data-admin-theme="dark"] .btn-outline-secondary { color: #969696; border-color: #555555; } [data-admin-theme="dark"] .btn-outline-secondary:hover { background-color: #3c3c3c; color: #d4d4d4; border-color: #555555; } [data-admin-theme="dark"] .btn-outline-danger { color: #f14c4c; border-color: #f14c4c; } [data-admin-theme="dark"] .spinner-border { color: #4ec9b0; } [data-admin-theme="dark"] .pagination .page-link { background-color: #252526; border-color: #3c3c3c; color: #d4d4d4; } [data-admin-theme="dark"] .pagination .page-item.active .page-link { background-color: #007acc; border-color: #007acc; } [data-admin-theme="dark"] .pagination .page-item.disabled .page-link { background-color: #2d2d30; color: #555555; } /* ── Painel 5 colunas de características ──────────────────────────────── */ .filtro-5col-wrapper { display: flex; gap: 8px; margin-bottom: 12px; } .filtro-5col-coluna { flex: 1; min-width: 0; border: 1px solid #dee2e6; border-radius: 4px; overflow: hidden; } .filtro-5col-header { position: sticky; top: 0; background: #f8f9fa; color: #4ec9b0; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 5px 8px; border-bottom: 1px solid #dee2e6; z-index: 1; } .filtro-5col-body { height: 220px; overflow-y: auto; padding: 6px 8px; scrollbar-width: thin; scrollbar-color: #4ec9b0 #e9ecef; } .filtro-5col-body::-webkit-scrollbar { width: 4px; } .filtro-5col-body::-webkit-scrollbar-track { background: #e9ecef; } .filtro-5col-body::-webkit-scrollbar-thumb { background-color: #4ec9b0; border-radius: 2px; } .filtro-5col-body .form-check { margin-bottom: 2px; } .filtro-5col-body .form-check-label { font-size: 0.78rem; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .filtro-5col-body .form-check-input { cursor: pointer; flex-shrink: 0; } /* dark overrides */ [data-admin-theme="dark"] .filtro-5col-coluna { border-color: #3c3c3c; } [data-admin-theme="dark"] .filtro-5col-header { background: #252526; border-bottom-color: #3c3c3c; } [data-admin-theme="dark"] .filtro-5col-body { scrollbar-color: #4ec9b0 #2d2d2d; } [data-admin-theme="dark"] .filtro-5col-body::-webkit-scrollbar-track { background: #2d2d2d; } [data-admin-theme="dark"] .filtro-5col-body .form-check-label { color: #d4d4d4; } [data-admin-theme="dark"] .filtro-5col-body .form-check-input { background-color: #3c3c3c; border-color: #555555; } [data-admin-theme="dark"] .filtro-5col-body .form-check-input:checked { background-color: #007acc; border-color: #007acc; }