/* ==========================================================
   TSWM Dashboard — AdminLTE 3.2.0 + Bootstrap 4
   Cobre: .dashboard-control e .dashboard-customer
   ========================================================== */

/* ----------------------------------------------------------
   Variáveis — Light Mode
   ---------------------------------------------------------- */
:root {
  --tswm-ink:    #172033;
  --tswm-muted:  #697386;
  --tswm-line:   #dfe5ee;
  --tswm-panel:  #ffffff;
  --tswm-bg:     #f4f6f9;   /* mesmo que AdminLTE usa */
  --tswm-soft:   #eef3fb;
  --tswm-blue:   #007bff;   /* primary do AdminLTE */
  --tswm-green:  #28a745;
  --tswm-red:    #dc3545;
  --tswm-amber:  #ffc107;
  --tswm-shadow:    0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
  --tswm-shadow-lg: 0 4px 16px rgba(23,32,51,.12);
  --tswm-radius: 0.25rem;   /* mesmo que AdminLTE */
}

/* ----------------------------------------------------------
   Dark Mode
   ---------------------------------------------------------- */
html.theme-dark {
  color-scheme: dark;
  --tswm-ink:    #e2e8f4;
  --tswm-muted:  #8a9bb5;
  --tswm-line:   #2d3a4f;
  --tswm-panel:  #1e2d42;
  --tswm-bg:     #141e2e;
  --tswm-soft:   #1a2638;
  --tswm-shadow:    0 0 1px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.4);
  --tswm-shadow-lg: 0 4px 16px rgba(0,0,0,.35);
}

/* ----------------------------------------------------------
   PRELOADER / LOADING OVERLAY
   ---------------------------------------------------------- */
.preloader {
  background-color: var(--tswm-bg) !important;
  color: var(--tswm-ink);
}

.preloader img {
  background-color: var(--tswm-panel);
  border: 1px solid var(--tswm-line);
  border-radius: 8px;
  box-shadow: var(--tswm-shadow-lg);
  padding: 8px;
}

html.theme-dark .preloader {
  background-color: #0f1724 !important;
}

html.theme-dark .preloader img {
  background-color: #1a2638;
  border-color: #2d3a4f;
}

/* ----------------------------------------------------------
   LOGIN
   ---------------------------------------------------------- */
body.login-shell {
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(0, 123, 255, .12), rgba(40, 167, 69, .08)),
    var(--tswm-bg);
  color: var(--tswm-ink);
}

html.theme-dark body.login-shell {
  background:
    radial-gradient(circle at 20% 10%, rgba(0, 123, 255, .22), transparent 28rem),
    radial-gradient(circle at 80% 80%, rgba(40, 167, 69, .14), transparent 24rem),
    #0f1724;
}

.tswm-login-page {
  position: relative;
  display: flex;
  min-height: 100vh;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.tswm-login-shell {
  width: min(100%, 430px);
}

.tswm-login-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.tswm-login-brand img {
  display: block;
  max-width: 158px;
  max-height: 58px;
  object-fit: contain;
}

.tswm-login-brand span {
  color: var(--tswm-muted);
  font-size: .85rem;
  font-weight: 700;
  text-transform: uppercase;
}

.tswm-login-card {
  background-color: rgba(255, 255, 255, .94);
  border: 1px solid rgba(223, 229, 238, .95);
  border-radius: 8px;
  box-shadow: 0 22px 60px rgba(23, 32, 51, .16);
  color: var(--tswm-ink);
  overflow: hidden;
  padding: 30px;
}

html.theme-dark .tswm-login-card {
  background-color: rgba(30, 45, 66, .94);
  border-color: rgba(45, 58, 79, .95);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .42);
}

.tswm-login-card-header {
  margin-bottom: 24px;
}

.tswm-login-kicker {
  color: var(--tswm-blue);
  display: block;
  font-size: .82rem;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.tswm-login-card h1 {
  color: var(--tswm-ink);
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 10px;
}

.tswm-login-card p {
  color: var(--tswm-muted);
  font-size: .98rem;
  margin: 0;
}

.tswm-login-form .form-control {
  background-color: var(--tswm-panel);
  border-color: var(--tswm-line);
  color: var(--tswm-ink);
  height: 46px;
}

html.theme-dark .tswm-login-form .form-control {
  background-color: var(--tswm-soft);
}

.tswm-login-form .form-control::placeholder {
  color: var(--tswm-muted);
}

.tswm-login-form .input-group-text {
  background-color: var(--tswm-soft);
  border-color: var(--tswm-line);
  color: var(--tswm-muted);
  min-width: 46px;
  justify-content: center;
}

html.theme-dark .tswm-login-form .input-group-text {
  background-color: #162235;
}

.tswm-login-form .btn-primary {
  border-radius: 6px;
  font-weight: 700;
  min-height: 44px;
}

.tswm-login-form label {
  color: var(--tswm-muted);
  font-size: .92rem;
  margin-bottom: 0;
}

.tswm-login-links {
  border-top: 1px solid var(--tswm-line);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
  padding-top: 18px;
}

.tswm-login-links a {
  color: var(--tswm-blue);
  font-size: .92rem;
  font-weight: 600;
}

.tswm-login-theme-toggle {
  align-items: center;
  background-color: var(--tswm-panel);
  border: 1px solid var(--tswm-line);
  border-radius: 999px;
  box-shadow: var(--tswm-shadow);
  color: var(--tswm-ink);
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  position: fixed;
  right: 22px;
  top: 22px;
  z-index: 1038;
}

html.theme-dark .tswm-login-theme-toggle {
  background-color: #1a2638;
}

@media (max-width: 575.98px) {
  .tswm-login-page {
    align-items: flex-start;
    padding: 82px 14px 20px;
  }

  .tswm-login-card {
    padding: 22px;
  }

  .tswm-login-card h1 {
    font-size: 1.55rem;
  }

  .tswm-login-brand {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .tswm-login-theme-toggle {
    right: 14px;
    top: 14px;
  }
}

/* ----------------------------------------------------------
   BASE BODY / WRAPPER
   ---------------------------------------------------------- */
body.dashboard-shell {
  background-color: var(--tswm-bg);
  color: var(--tswm-ink);
  font-size: 15px;
}

.dashboard-shell .content-wrapper {
  background-color: var(--tswm-bg);
}

/* ----------------------------------------------------------
   NAVBAR (main-header)
   Crítico: .navbar-white usa background:#fff !important
   ---------------------------------------------------------- */
.dashboard-shell .main-header {
  border-bottom: 1px solid var(--tswm-line);
  background-color: var(--tswm-panel) !important;
  box-shadow: var(--tswm-shadow);
}

html.theme-dark .dashboard-shell .main-header {
  background-color: #1a2638 !important;
  border-bottom-color: var(--tswm-line);
}

/* Links do navbar — sobrescrevem .navbar-light .navbar-nav .nav-link */
.dashboard-shell .main-header .navbar-nav .nav-link {
  color: #495057 !important;
}

html.theme-dark .dashboard-shell .main-header .navbar-nav .nav-link {
  color: #c5d1e4 !important;
}

/* Botão de tema — usa .nav-link como base, apenas zera o botão */
.dashboard-shell .tswm-theme-toggle {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height: 1;
}

/* Busca */
html.theme-dark .dashboard-shell .navbar-search-block {
  background-color: var(--tswm-panel);
  border-bottom-color: var(--tswm-line);
}

html.theme-dark .dashboard-shell .form-control-navbar {
  background-color: var(--tswm-soft);
  color: var(--tswm-ink);
  border-color: var(--tswm-line);
}

html.theme-dark .dashboard-shell .form-control-navbar::placeholder {
  color: var(--tswm-muted);
}

html.theme-dark .dashboard-shell .btn-navbar {
  color: var(--tswm-ink);
  background-color: var(--tswm-soft);
  border-color: var(--tswm-line);
}

/* ----------------------------------------------------------
   SIDEBAR — sidebar-light-primary (modo claro)
   Em light mode: AdminLTE cuida. Aqui só ajustes finos.
   ---------------------------------------------------------- */

/* Texto do usuário na sidebar — adequado para fundo claro */
.dashboard-shell .user-panel .info a {
  color: #343a40;
  font-weight: 600;
}

.tswm-user-company {
  font-size: 11px;
  color: #6c757d;
  display: block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ----------------------------------------------------------
   SIDEBAR — Dark Mode override
   Força o sidebar claro a virar escuro no tema dark.
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .main-sidebar,
html.theme-dark .dashboard-shell .main-sidebar .sidebar {
  background-color: #1a2638 !important;
}

html.theme-dark .dashboard-shell .brand-link {
  color: #fff !important;
  border-bottom-color: rgba(255,255,255,0.1) !important;
  background-color: rgba(0,0,0,0.15) !important;
}

html.theme-dark .dashboard-shell .brand-link .brand-text {
  color: #fff !important;
}

html.theme-dark .dashboard-shell .user-panel {
  border-bottom-color: rgba(255,255,255,0.1) !important;
}

html.theme-dark .dashboard-shell .user-panel .info a {
  color: #e2e8f4 !important;
}

html.theme-dark .tswm-user-company {
  color: #8a9bb5 !important;
}

/* Itens de menu no dark */
html.theme-dark .dashboard-shell .nav-sidebar .nav-link {
  color: #c2c7d0 !important;
}

html.theme-dark .dashboard-shell .nav-sidebar .nav-link p {
  color: #c2c7d0 !important;
}

html.theme-dark .dashboard-shell .nav-sidebar .nav-link .right,
html.theme-dark .dashboard-shell .nav-sidebar .nav-link .nav-icon {
  color: #c2c7d0 !important;
}

html.theme-dark .dashboard-shell .nav-sidebar .nav-link:hover,
html.theme-dark .dashboard-shell .nav-sidebar .menu-open > .nav-link {
  background-color: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}

html.theme-dark .dashboard-shell .nav-sidebar .nav-link:hover p,
html.theme-dark .dashboard-shell .nav-sidebar .menu-open > .nav-link p {
  color: #fff !important;
}

html.theme-dark .dashboard-shell .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--tswm-blue) !important;
  color: #fff !important;
}

html.theme-dark .dashboard-shell .nav-sidebar > .nav-item > .nav-link.active p,
html.theme-dark .dashboard-shell .nav-sidebar > .nav-item > .nav-link.active .nav-icon {
  color: #fff !important;
}

html.theme-dark .dashboard-shell .nav-treeview .nav-link {
  color: #8a9bb5 !important;
}

html.theme-dark .dashboard-shell .nav-treeview .nav-link:hover {
  background-color: rgba(255,255,255,0.06) !important;
  color: #c2c7d0 !important;
}

/* ----------------------------------------------------------
   CONTENT HEADER (AdminLTE 3.2.0: div.content-header)
   ---------------------------------------------------------- */
.dashboard-shell .content-header {
  padding: 15px 0.5rem;
}

.dashboard-shell .content-header h1 {
  color: var(--tswm-ink);
  font-size: 1.8rem;
  font-weight: 600;
}

html.theme-dark .dashboard-shell .content-header {
  background-color: var(--tswm-bg);
}

.dashboard-shell .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
}

.dashboard-shell .breadcrumb-item + .breadcrumb-item::before {
  color: var(--tswm-muted);
}

.dashboard-shell .breadcrumb-item a {
  color: var(--tswm-blue);
}

.dashboard-shell .breadcrumb-item.active {
  color: var(--tswm-muted);
}

/* ----------------------------------------------------------
   MAIN CONTENT (section.content)
   ---------------------------------------------------------- */
.dashboard-shell .content {
  padding: 0 0.5rem 1.5rem;
  min-height: calc(100vh - 200px);
}

/* ----------------------------------------------------------
   CARDS
   ---------------------------------------------------------- */
.dashboard-shell .card {
  border-color: var(--tswm-line);
  background-color: var(--tswm-panel);
  box-shadow: var(--tswm-shadow);
  color: var(--tswm-ink);
}

.dashboard-shell .card-header {
  background-color: transparent;
  border-bottom-color: var(--tswm-line);
  color: var(--tswm-ink);
}

.dashboard-shell .card-body {
  background-color: var(--tswm-panel);
  color: var(--tswm-ink);
}

.dashboard-shell .card-footer {
  background-color: var(--tswm-soft);
  border-top-color: var(--tswm-line);
  color: var(--tswm-ink);
}

.dashboard-shell .card-title {
  color: var(--tswm-ink);
  font-weight: 700;
}

/* card-outline accent */
.dashboard-shell .card.card-outline.card-primary {
  border-top: 3px solid var(--tswm-blue);
}

.dashboard-shell .card.card-outline.card-success {
  border-top: 3px solid var(--tswm-green);
}

.dashboard-shell .card.card-outline.card-info {
  border-top: 3px solid #17a2b8;
}

.dashboard-shell .card.card-outline.card-warning {
  border-top: 3px solid var(--tswm-amber);
}

.dashboard-shell .card.card-outline.card-danger {
  border-top: 3px solid var(--tswm-red);
}

/* ----------------------------------------------------------
   INFO-BOX (AdminLTE 3.2.0 nativo)
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .info-box {
  background-color: var(--tswm-panel);
  color: var(--tswm-ink);
  box-shadow: var(--tswm-shadow);
}

html.theme-dark .dashboard-shell .info-box-text {
  color: var(--tswm-muted);
}

html.theme-dark .dashboard-shell .info-box-number {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .progress-description {
  color: var(--tswm-muted);
}

/* info-box como link (tswm-action-box) */
a.tswm-action-box {
  color: var(--tswm-ink);
  text-decoration: none;
  transition: box-shadow 0.15s, transform 0.1s;
  display: flex;
}

a.tswm-action-box:hover {
  color: var(--tswm-ink);
  text-decoration: none;
  box-shadow: var(--tswm-shadow-lg);
  transform: translateY(-1px);
}

html.theme-dark a.tswm-action-box {
  background-color: var(--tswm-panel);
}

/* ----------------------------------------------------------
   SMALL-BOX (AdminLTE 3.2.0 nativo)
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .small-box {
  color: #fff;
}

html.theme-dark .dashboard-shell .small-box .inner h3,
html.theme-dark .dashboard-shell .small-box .inner p {
  color: #fff;
}

html.theme-dark .dashboard-shell .small-box .small-box-footer {
  background-color: rgba(0,0,0,0.2);
  color: rgba(255,255,255,0.8);
}

html.theme-dark .dashboard-shell .small-box .small-box-footer:hover {
  background-color: rgba(0,0,0,0.3);
  color: #fff;
}

/* ----------------------------------------------------------
   CALLOUT (AdminLTE 3.2.0 nativo)
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .callout {
  background-color: var(--tswm-panel);
  border-left-color: var(--tswm-line);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .callout h5 {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .callout p {
  color: var(--tswm-muted);
}

html.theme-dark .dashboard-shell .callout.callout-info {
  border-left-color: #17a2b8;
}

html.theme-dark .dashboard-shell .callout.callout-success {
  border-left-color: var(--tswm-green);
}

html.theme-dark .dashboard-shell .callout.callout-warning {
  border-left-color: var(--tswm-amber);
}

html.theme-dark .dashboard-shell .callout.callout-danger {
  border-left-color: var(--tswm-red);
}

/* ----------------------------------------------------------
   PRODUCTS-LIST (AdminLTE 3.2.0 nativo)
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .products-list .item {
  border-bottom-color: var(--tswm-line);
}

html.theme-dark .dashboard-shell .products-list .product-title {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .products-list .product-description {
  color: var(--tswm-muted);
}

/* ----------------------------------------------------------
   FORMULÁRIOS
   ---------------------------------------------------------- */
.dashboard-shell .form-control,
.dashboard-shell .custom-select {
  border-color: var(--tswm-line);
  background-color: var(--tswm-panel);
  color: var(--tswm-ink);
  transition: border-color 0.15s, box-shadow 0.15s;
}

html.theme-dark .dashboard-shell .form-control,
html.theme-dark .dashboard-shell .custom-select {
  border-color: var(--tswm-line);
  background-color: var(--tswm-soft);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .form-control::placeholder {
  color: var(--tswm-muted);
}

.dashboard-shell .form-control:focus,
.dashboard-shell .custom-select:focus {
  border-color: var(--tswm-blue);
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

html.theme-dark .dashboard-shell .form-control:focus,
html.theme-dark .dashboard-shell .custom-select:focus {
  background-color: var(--tswm-soft);
}

.dashboard-shell label {
  color: var(--tswm-ink);
  font-weight: 600;
}

html.theme-dark .dashboard-shell .input-group-text {
  background-color: var(--tswm-soft);
  border-color: var(--tswm-line);
  color: var(--tswm-ink);
}

/* ----------------------------------------------------------
   TABELAS
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .table {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .table th,
html.theme-dark .dashboard-shell .table td {
  border-top-color: var(--tswm-line);
  border-bottom-color: var(--tswm-line);
}

html.theme-dark .dashboard-shell .table thead th {
  border-bottom-color: var(--tswm-line);
  background-color: var(--tswm-soft);
  color: var(--tswm-muted);
}

html.theme-dark .dashboard-shell .table-hover tbody tr:hover {
  background-color: var(--tswm-soft);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .table-bordered,
html.theme-dark .dashboard-shell .table-bordered th,
html.theme-dark .dashboard-shell .table-bordered td {
  border-color: var(--tswm-line);
}

/* ----------------------------------------------------------
   DROPDOWNS
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .dropdown-menu {
  background-color: var(--tswm-panel);
  border-color: var(--tswm-line);
  box-shadow: var(--tswm-shadow-lg);
}

html.theme-dark .dashboard-shell .dropdown-item {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .dropdown-item:hover,
html.theme-dark .dashboard-shell .dropdown-item:focus {
  background-color: var(--tswm-soft);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .dropdown-item.dropdown-header {
  color: var(--tswm-muted);
  background-color: var(--tswm-soft);
}

html.theme-dark .dashboard-shell .dropdown-item.dropdown-footer {
  background-color: var(--tswm-soft);
  color: var(--tswm-blue);
}

html.theme-dark .dashboard-shell .dropdown-divider {
  border-top-color: var(--tswm-line);
}

/* ----------------------------------------------------------
   BOTÕES
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .btn-outline-primary {
  color: #6ea8fe;
  border-color: #6ea8fe;
}

html.theme-dark .dashboard-shell .btn-outline-secondary {
  color: var(--tswm-muted);
  border-color: var(--tswm-line);
}

html.theme-dark .dashboard-shell .btn-outline-secondary:hover {
  background-color: var(--tswm-soft);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .btn-default {
  background-color: var(--tswm-soft);
  border-color: var(--tswm-line);
  color: var(--tswm-ink);
}

/* ----------------------------------------------------------
   BADGES
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .badge.bg-info,
html.theme-dark .dashboard-shell .badge.bg-success,
html.theme-dark .dashboard-shell .badge.bg-warning,
html.theme-dark .dashboard-shell .badge.bg-danger {
  /* mantém as cores originais do Bootstrap, que já têm contraste */
  opacity: 0.92;
}

/* ----------------------------------------------------------
   ALERTAS / CALLOUT genérico
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .alert {
  border-color: var(--tswm-line);
}

/* ----------------------------------------------------------
   PAGINAÇÃO
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .pagination .page-link {
  background-color: var(--tswm-panel);
  border-color: var(--tswm-line);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .pagination .page-item.active .page-link {
  background-color: var(--tswm-blue);
  border-color: var(--tswm-blue);
  color: #fff;
}

html.theme-dark .dashboard-shell .pagination .page-item.disabled .page-link {
  background-color: var(--tswm-soft);
  color: var(--tswm-muted);
}

/* ----------------------------------------------------------
   MODAL
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .modal-content {
  background-color: var(--tswm-panel);
  border-color: var(--tswm-line);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .modal-header,
html.theme-dark .dashboard-shell .modal-footer {
  border-color: var(--tswm-line);
}

html.theme-dark .dashboard-shell .close {
  color: var(--tswm-ink);
  text-shadow: none;
}

/* ----------------------------------------------------------
   SELECT2
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .select2-container--default .select2-selection--single,
html.theme-dark .dashboard-shell .select2-container--default .select2-selection--multiple {
  background-color: var(--tswm-soft);
  border-color: var(--tswm-line);
}

html.theme-dark .dashboard-shell .select2-container--default .select2-selection__rendered {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .select2-dropdown {
  background-color: var(--tswm-panel);
  border-color: var(--tswm-line);
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .select2-results__option {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell .select2-results__option--highlighted {
  background-color: var(--tswm-blue) !important;
  color: #fff !important;
}

/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .main-footer {
  background-color: var(--tswm-panel);
  border-top-color: var(--tswm-line);
  color: var(--tswm-muted);
}

html.theme-dark .dashboard-shell .main-footer a {
  color: var(--tswm-blue);
}

/* ----------------------------------------------------------
   TEXTO AUXILIAR
   ---------------------------------------------------------- */
html.theme-dark .dashboard-shell .text-muted {
  color: var(--tswm-muted) !important;
}

html.theme-dark .dashboard-shell h1,
html.theme-dark .dashboard-shell h2,
html.theme-dark .dashboard-shell h3,
html.theme-dark .dashboard-shell h4,
html.theme-dark .dashboard-shell h5,
html.theme-dark .dashboard-shell h6 {
  color: var(--tswm-ink);
}

html.theme-dark .dashboard-shell p {
  color: var(--tswm-ink);
}