/* ----------------------------------------
   GLOBAL FONT — remove all bold weights
---------------------------------------- */
body, #header, #branding h1, #branding h1 a,
.module h2, .module caption, th, td, label,
a, input, select, textarea {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.1px;
}

/* Remove Django’s forced bold on headers */
h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}

/* ----------------------------------------
   HEADER
---------------------------------------- */
#header {
    background-color: #14438a;
    padding: 8px 16px; /* more compact */
    border-bottom: 2px solid #0d8dce;
}

#header #site-name a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 17px; /* compact */
    font-weight: 400 !important;
}

summary {
    background-color: #0d8dce !important;
    border-bottom: 2px solid #0d8dce !important;
}

/* ----------------------------------------
   BRANDING (logo + title)
---------------------------------------- */
#branding {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ----------------------------------------
   MODULE HEADERS
---------------------------------------- */
.module h2, .module caption {
    background-color: #0d8dce;
    color: #ffffff;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 400 !important;
}

/* ----------------------------------------
   LINKS
---------------------------------------- */
a:link, a:visited {
    color: #14438a;
    text-decoration: none;
    font-weight: 400 !important;
}

a:hover {
    color: #0d8dce;
}

/* ----------------------------------------
   BUTTONS
---------------------------------------- */
.button, input[type=submit], input[type=button] {
    background-color: #14438a;
    color: #ffffff;
    border: none;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400 !important;
}

.button:hover, input[type=submit]:hover, input[type=button]:hover {
    background-color: #0d8dce;
}

/* ----------------------------------------
   DANGER BUTTONS
---------------------------------------- */
.deletelink, .deletelink:hover {
    background-color: #bb172e !important;
    color: #ffffff !important;
    font-weight: 400 !important;
}

/* ----------------------------------------
   BADGES
---------------------------------------- */
.badge {
    background-color: #dec82f;
    color: #000;
    font-size: 11px;
    font-weight: 400 !important;
}

/* ----------------------------------------
   BREADCRUMBS (clean, compact, on-brand)
---------------------------------------- */
div.breadcrumbs {
    background-color: #0d8dce; /* Light blue accent */
    color: #ffffff;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400 !important;
    margin-bottom: 12px;
}

/* Breadcrumb links */
div.breadcrumbs a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 400 !important;
    opacity: 0.9;
}

div.breadcrumbs a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Separator (›) */
div.breadcrumbs span {
    color: #ffffff !important;
    opacity: 0.7;
}

.wrapper:has(> table) {
    /* Enables horizontal scrolling when content overflows */
    overflow-x: auto;
    /* Optional: Ensure the wrapper doesn't take up more width than its parent */
    width: 100%;
}

a{
    text-decoration: none !important;
}

.dashboard #content {
    width: auto !important;
    max-width: none !important;
}