/* RBAC console: Vitakee token styling + mobile refinements.
   Loaded after catalog-admin.css; overrides the uniform gray action icons
   with Vitakee semantic tokens and keeps the console usable on small screens. */

/* Action icons -> Vitakee tokens */
.catalog-admin .table .table-action-icon.text-accent-dark { color: var(--color-accent-dark) !important; }
.catalog-admin .table .table-action-icon.text-success-dark { color: var(--color-success-dark) !important; }
.catalog-admin .table .table-action-icon.text-gray-dark { color: var(--color-gray-dark) !important; }
.catalog-admin .table .table-action-icon.text-deficiency { color: var(--color-deficiency-text) !important; }
.catalog-admin .table .table-action-icon.text-info { color: var(--color-info) !important; }

.catalog-admin .table .table-action-icon.text-accent-dark:hover,
.catalog-admin .table .table-action-icon.text-success-dark:hover,
.catalog-admin .table .table-action-icon.text-gray-dark:hover,
.catalog-admin .table .table-action-icon.text-info:hover { color: var(--color-primary-dark) !important; }
.catalog-admin .table .table-action-icon.text-deficiency:hover { color: var(--color-deficiency-text) !important; opacity: .85; }

/* Page title icon accent */
.catalog-admin .page-title-box .page-title i { color: var(--color-accent-dark); }

/* Accordion (matrix / denials) */
.catalog-admin .accordion-button:not(.collapsed) {
    background-color: var(--color-white-blue);
    color: var(--color-accent-dark);
    box-shadow: none;
}
.catalog-admin .accordion-button:focus { box-shadow: none; }
.catalog-admin .accordion-button .badge {
    background-color: var(--color-gray) !important;
    color: var(--color-gray-lightest);
    font-weight: 600;
}

/* Permission list rows */
.catalog-admin .list-group-item { border-color: var(--color-gray-lightest); }
.catalog-admin .list-group-item:hover { background-color: var(--color-gray-lightest); }

/* Mobile refinements */
.catalog-admin .rbac-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }

@media (max-width: 767.98px) {
    .catalog-admin .rbac-toolbar .form-select,
    .catalog-admin .rbac-toolbar .form-control { min-width: 0; flex: 1 1 100%; }
    .catalog-admin .rbac-toolbar .btn { flex: 1 1 auto; }
    .catalog-admin .modal-dialog { margin: .5rem; }
    .catalog-admin .table-responsive { border: 0; }
    .catalog-admin .d-flex.justify-content-between.align-items-center.gap-1 { flex-wrap: wrap; }
}