/* Metrify panel skin over Tabler Core 1.4.0.
   Industrial SaaS: light gray canvas, dark sidebar, petrol-blue accent,
   system typography, thin borders, minimal shadows. */

:root {
  --tblr-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --tblr-primary: #1c7a8c;
  --tblr-primary-rgb: 28, 122, 140;
  --tblr-link-color: #1c7a8c;
  --tblr-link-color-rgb: 28, 122, 140;
  --tblr-link-hover-color: #145966;
  --tblr-link-hover-color-rgb: 20, 89, 102;
  --tblr-body-bg: #f3f5f7;
  --tblr-border-color: #dde1e6;
  --tblr-border-radius: 4px;
  --tblr-card-border-radius: 6px;
}

body {
  background-color: var(--tblr-body-bg);
}

/* Brand: sober text mark, no logo. */
.brand-mark {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: inherit;
  text-decoration: none;
}
.brand-mark-login {
  font-size: 1.5rem;
  color: #1c7a8c;
}

/* Skip link: hidden until keyboard focus. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1100;
  padding: 0.5rem 1rem;
  background: #ffffff;
  color: #145966;
  border: 1px solid var(--tblr-border-color);
  border-radius: 0 0 4px 0;
}
.skip-link:focus {
  left: 0;
}

/* Visible focus states everywhere. */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #1c7a8c;
  outline-offset: 2px;
}

/* Cards: thin border, minimal shadow, moderate radius. */
.card {
  border: 1px solid var(--tblr-border-color);
  box-shadow: 0 1px 2px rgba(24, 36, 51, 0.05);
}

/* Header bar stays light on the gray canvas. */
.panel-header,
.panel-header-mobile {
  background: #ffffff;
  border-bottom: 1px solid var(--tblr-border-color);
}

/* Sidebar offcanvas (mobile): keep the dark navbar background. */
@media (max-width: 991.98px) {
  .sidebar-offcanvas {
    background-color: #182433;
    color: #ffffff;
    max-width: 16rem;
  }
}

/* Operational table density. */
.table th,
.table td {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}