/* =========================================================
   REPORT ISSUE
   ========================================================= */

form[action*="bug_report"] table,
form[action*="bug_report"] .table {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
}

form[action*="bug_report"] td.category,
form[action*="bug_report"] .category,
form[action*="bug_report"] td.row-category,
form[action*="bug_report"] .row-category {
    background: var(--mantis-surface-alt) !important;
    color: #d1d5db !important;
    border-color: var(--mantis-border) !important;
}

form[action*="bug_report"] td:not(.category):not(.row-category) {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

form[action*="bug_report"] .row-1,
form[action*="bug_report"] .row-2 {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
}

/* Remove light backgrounds around labels */
form[action*="bug_report"] .category *,
form[action*="bug_report"] .row-category *,
form[action*="bug_report"] label,
form[action*="bug_report"] td label,
form[action*="bug_report"] td span {
    background: transparent !important;
}

form[action*="bug_report"] td:first-child {
    color: #d1d5db !important;
}

form[action*="bug_report"] td:first-child label,
form[action*="bug_report"] td:first-child span {
    color: #cbd5e1 !important;
}

/* Required marker */
form[action*="bug_report"] .required,
form[action*="bug_report"] span.required {
    color: #ff5252 !important;
}

/* Inputs */
form[action*="bug_report"] input[type="text"],
form[action*="bug_report"] input[type="number"],
form[action*="bug_report"] input[type="email"],
form[action*="bug_report"] textarea,
form[action*="bug_report"] select {
    background: var(--mantis-surface-alt) !important;
    color: #f3f4f6 !important;
    border: 1px solid var(--mantis-border-light) !important;
}

/* Report Issue footer */
form[action*="bug_report"] .widget-toolbox {
    background: var(--mantis-surface) !important;
    border-top: 1px solid var(--mantis-border) !important;
    color: var(--mantis-text) !important;
}

form[action*="bug_report"] .widget-toolbox .required {
    background: transparent !important;
    color: #ff5252 !important;
}

form[action*="bug_report"] .widget-toolbox .btn-primary,
form[action*="bug_report"] .widget-toolbox .btn-white {
    background: var(--mantis-primary) !important;
    border-color: var(--mantis-primary) !important;
    color: #ffffff !important;
}

form[action*="bug_report"] .widget-toolbox .btn-primary:hover,
form[action*="bug_report"] .widget-toolbox .btn-white:hover {
    background: var(--mantis-primary-hover) !important;
    border-color: var(--mantis-primary-hover) !important;
}