/* =========================================================
   SUMMARY
   ========================================================= */

/* Main summary widget */
.summary-page .widget-box,
#summary-page .widget-box,
.page-content .widget-box {
    background: var(--mantis-surface) !important;
    border-color: var(--mantis-border) !important;
}

/* Main Summary heading */
.summary-page .widget-header,
#summary-page .widget-header {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text-bright) !important;
    border-color: var(--mantis-border) !important;
}

/* Summary tables */
.summary-page table,
#summary-page table {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

/* Section headers:
   By Project, By Status, By Severity, etc.
*/
.summary-page table th,
#summary-page table th {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text-bright) !important;
    border-color: var(--mantis-border) !important;
    font-weight: 600 !important;
}

/* Table values */
.summary-page table td,
#summary-page table td {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

/* Alternate rows */
.summary-page table tr:nth-child(even) td,
#summary-page table tr:nth-child(even) td {
    background: #202020 !important;
}

/* Hover */
.summary-page table tr:hover td,
#summary-page table tr:hover td {
    background: var(--mantis-surface-hover) !important;
}

/* Links / issue IDs */
.summary-page a,
#summary-page a {
    color: #5daeff !important;
}

.summary-page a:hover,
#summary-page a:hover {
    color: #8ec8ff !important;
}

/* Numeric values */
.summary-page td.align-right,
.summary-page td.right,
#summary-page td.align-right,
#summary-page td.right {
    color: #e5e7eb !important;
}

/* Give the individual summary blocks a bit more breathing room */
.summary-page table,
#summary-page table {
    margin-bottom: 18px !important;
}

/* =========================================================
   SUMMARY TAB
   ========================================================= */

.nav-tabs {
    border-bottom-color: var(--mantis-border) !important;
}

.nav-tabs > li > a {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

.nav-tabs > li > a:hover {
    background: var(--mantis-surface-hover) !important;
    color: #ffffff !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: var(--mantis-primary) !important;
    color: #ffffff !important;
    border-color: var(--mantis-primary) !important;
}