/* =========================================================
   EDIT / UPDATE ISSUE
   ========================================================= */

/* Main widget */
form[action*="bug_update"] .widget-box,
form[action*="bug_update"] .widget-body,
form[action*="bug_update"] .widget-main,
form[action*="bug_update"] .table-responsive {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
}

/* Main table */
form[action*="bug_update"] table {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

/* =========================================================
   CATEGORY / LABEL CELLS
   ========================================================= */

form[action*="bug_update"] th.category,
form[action*="bug_update"] td.category {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
    font-weight: 600 !important;
}

/* This is the important fix:
   remove the pale background around the label text
*/
form[action*="bug_update"] th.category label,
form[action*="bug_update"] td.category label,
form[action*="bug_update"] th.category span,
form[action*="bug_update"] td.category span {
    background: transparent !important;
}

/* Label text */
form[action*="bug_update"] th.category label,
form[action*="bug_update"] td.category label {
    color: var(--mantis-text) !important;
}

/* Required marker */
form[action*="bug_update"] .required {
    color: var(--mantis-error) !important;
}

/* =========================================================
   NORMAL DATA CELLS
   ========================================================= */

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

/* Spacer rows */
form[action*="bug_update"] tr.spacer td {
    background: #121212 !important;
    border-color: #121212 !important;
}

/* =========================================================
   INPUTS
   ========================================================= */

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

/* Focus */
form[action*="bug_update"] input[type="text"]:focus,
form[action*="bug_update"] input[type="number"]:focus,
form[action*="bug_update"] select:focus,
form[action*="bug_update"] textarea:focus {
    background: #2a2a2a !important;
    color: #ffffff !important;
    border-color: var(--mantis-primary) !important;
    outline: none !important;
}

/* =========================================================
   TYPEAHEAD / AUTOCOMPLETE
   Platform / OS / OS Version
   ========================================================= */

form[action*="bug_update"] .twitter-typeahead,
form[action*="bug_update"] .tt-input,
form[action*="bug_update"] .tt-hint {
    background: transparent !important;
    color: var(--mantis-text) !important;
}

/* Dropdown */
form[action*="bug_update"] .tt-menu {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text) !important;
    border: 1px solid var(--mantis-border) !important;
}

/* Suggestion */
form[action*="bug_update"] .tt-suggestion {
    background: transparent !important;
    color: var(--mantis-text) !important;
}

/* Suggestion hover */
form[action*="bug_update"] .tt-suggestion:hover,
form[action*="bug_update"] .tt-cursor {
    background: var(--mantis-surface-hover) !important;
    color: #ffffff !important;
}

/* =========================================================
   FOOTER
   ========================================================= */

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

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

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