/*
 * Admin -> Library -> Research -> Result (resources/views/filament/admin/library/research-result.blade.php).
 * Filament's prebuilt CSS has no Tailwind utilities, so the view's styles are here: plain CSS on Filament's colour
 * variables, light and dark (html.dark). Registered as FilamentAsset 'library-research'; run
 * `php artisan filament:assets` after editing.
 */
.tbx-rr { display: flex; flex-direction: column; gap: 1rem; font-size: .875rem; color: var(--gray-950, #030712); }
.dark .tbx-rr { color: #fff; }
.tbx-rr-error { color: var(--danger-600, #dc2626); }
.tbx-rr-facts { display: grid; grid-template-columns: max-content 1fr; column-gap: 1.5rem; margin: 0; }
.tbx-rr-facts dt, .tbx-rr-facts dd { margin: 0; padding: .25rem 0; border-bottom: 1px solid var(--gray-100, #f3f4f6); }
.dark .tbx-rr-facts dt, .dark .tbx-rr-facts dd { border-color: rgb(255 255 255 / .05); }
.tbx-rr-facts dt { color: var(--gray-500, #6b7280); }
.tbx-rr-facts dd { font-variant-numeric: tabular-nums; }
.tbx-rr-facts a { color: var(--primary-600, #5b3df5); text-decoration: underline; }
.tbx-rr-head { margin: 0; font-weight: 600; }
.tbx-rr-list { margin: .25rem 0 0; padding-inline-start: 1.25rem; list-style: disc; }
.tbx-rr-list li { margin-top: .25rem; overflow-wrap: anywhere; }
.tbx-rr-muted { color: var(--gray-500, #6b7280); }
.dark .tbx-rr-muted, .dark .tbx-rr-facts dt { color: var(--gray-400, #9ca3af); }
.tbx-rr-notes { margin: 0; white-space: pre-line; }

/* Admin -> Settings -> Spending (resources/views/filament/admin/pages/spend-month.blade.php). */
.tbx-spend { display: flex; flex-direction: column; gap: 1rem; font-size: .875rem; color: var(--gray-950, #030712); }
.dark .tbx-spend { color: #fff; }
.tbx-spend-meters { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; }
.tbx-spend-meter { display: flex; flex-direction: column; gap: .375rem; padding: .875rem 1rem; border-radius: .5rem;
    border: 1px solid var(--gray-200, #e5e7eb); }
.dark .tbx-spend-meter { border-color: rgb(255 255 255 / .1); }
.tbx-spend-label { color: var(--gray-500, #6b7280); }
.tbx-spend-value { font-size: 1.5rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.tbx-spend-value span { font-size: .875rem; font-weight: 400; color: var(--gray-500, #6b7280); }
.tbx-spend-bar { height: .375rem; border-radius: 999px; background: var(--gray-100, #f3f4f6); overflow: hidden; }
.dark .tbx-spend-bar { background: rgb(255 255 255 / .08); }
.tbx-spend-bar > div { height: 100%; border-radius: 999px; background: var(--success-600, #16a34a); }
.tbx-spend-meter.is-warn .tbx-spend-bar > div { background: var(--warning-500, #f59e0b); }
.tbx-spend-meter.is-over .tbx-spend-bar > div { background: var(--danger-600, #dc2626); }
.tbx-spend-meter.is-over { border-color: var(--danger-600, #dc2626); }
.tbx-spend-note, .tbx-spend-muted { color: var(--gray-500, #6b7280); margin: 0; }
.dark .tbx-spend-label, .dark .tbx-spend-value span, .dark .tbx-spend-note, .dark .tbx-spend-muted { color: var(--gray-400, #9ca3af); }
.tbx-spend-stopped { margin: 0; color: var(--danger-600, #dc2626); font-weight: 600; }
.tbx-spend-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.tbx-spend-table th { text-align: start; font-weight: 500; color: var(--gray-500, #6b7280); }
.tbx-spend-table th, .tbx-spend-table td { padding: .375rem .5rem .375rem 0; border-bottom: 1px solid var(--gray-100, #f3f4f6); }
.dark .tbx-spend-table th, .dark .tbx-spend-table td { border-color: rgb(255 255 255 / .05); }
.tbx-spend-table th:not(:first-child), .tbx-spend-table td:not(:first-child) { text-align: end; }

/* Admin -> Dashboard (resources/views/filament/admin/pages/dashboard.blade.php); the tiles and cards are tbx-dash*. */
.tbx-adm { display: flex; flex-direction: column; gap: 1.5rem; }
.tbx-adm-head { margin: 0 0 0.75rem; font-size: 0.875rem; font-weight: 600; color: var(--gray-950, #030712); }
.dark .tbx-adm-head { color: #fff; }
.tbx-adm-waiting { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 1rem; }
.tbx-adm-platform { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 560px) {
    .tbx-adm-waiting, .tbx-adm-platform { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
    .tbx-adm-waiting .tbx-dash-stat, .tbx-adm-platform .tbx-dash-stat { flex-direction: column; gap: 0.375rem; padding: 0.75rem; }
}
.tbx-adm-tile.is-clear .tbx-dash-stat-value { color: var(--gray-400, #9ca3af); }
.tbx-adm-tile.is-waiting { border-color: var(--warning-400, #fbbf24); }
.tbx-adm-tile[data-tone='red'].is-waiting { border-color: var(--danger-400, #f87171); }
[data-tone='red'] .tbx-dash-stat-icon { background: #fee2e2; color: #b91c1c; }
.tbx-adm-companies a { color: var(--primary-600, #5b3df5); }