@import url('daveng-theme.css');

/* ===================================================================
   Daveng Asset Management Portal - Site Stylesheet

   Everything visual lives in daveng-theme.css, imported above. This
   file holds only project-specific glue. The template's hard-coded
   navy values (#1c2333 navbar, #2c3340 table header) have been removed
   - both now resolve to Daveng Navy through the theme variables.

   Never add a literal colour, font or spacing value here or in a view.
   Use the CSS custom properties defined in daveng-theme.css.
   =================================================================== */

/* Skip link for keyboard users - visible only when focused */
.dv-skip {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 2000;
    background: var(--dv-surface);
    color: var(--dv-navy);
    padding: var(--dv-space-2) var(--dv-space-3);
    border-radius: var(--dv-radius-sm);
    box-shadow: var(--dv-shadow-lg);
}

.dv-skip:focus {
    left: var(--dv-space-3);
    top: var(--dv-space-3);
}

/* Bootstrap card body padding tuned to the Daveng spacing scale */
.card-body {
    padding: var(--dv-space-4);
}

/* Nav pills used by the Usage screen */
.nav-pills .nav-link {
    color: var(--dv-text-muted);
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: var(--dv-radius-sm);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--dv-surface);
    background-color: var(--dv-navy);
}