Making bugzilla modal skin prettier (to me) -- used with Stylus extension

stylus-bugzilla-modal-reskin

@-moz-document regexp("https://(bugzilla\\.mozilla\\.org|bug[0-9]+\\.bmoattachments\\.org)/.*") {
/* font */
body,
button,
td,
th,
input,
select,
option,
optgroup,
textarea,
.text_input,
.comment-text,
#comment {
    font-family: Helvetica, Arial, "Helvetica Neue", "Open Sans", "Fira Sans", sans-serif;
}

/* color */
body {
    background-color: #c8c8c8;
    background-image: none;
}



/* action buttons */
#mode-container {
    padding-right: 3px;
    padding-top: 4px;
}
#mode-container .button-row {
    margin-top: 10px;
}
button {
    font-size: 12px;
}

/*
button
input[type="submit"],
*/
input[type="button"],
#commit,
#commit_top,
#header .btn,
#header input[type="submit"] {
    background-color: #00539f;
    background-image: -moz-linear-gradient(#0095dd, #00539f);
    background-image: -webkit-linear-gradient(#0095dd, #00539f);
    background-image: linear-gradient(#0095dd, #00539f);
}
main button.minor {
    border: 1px solid #b5b5b5;
}

#comment-tabs li {
    border: 1px solid #b5b5b5;
}
#comment {
    border: 1px solid #b5b5b5;
}

/* links */
a:visited {
    color: #0b0080;
}
/*
a,
#header a,
#header a:visited,
#footer a,
#footer a:visited {
    color: #00539f;
}
a:hover,
#header a:hover,
#footer a:hover {
    color: #0095dd;
}
*/

/* header */
#field-value-short_desc {
    padding-right: 10px;
}
#field-status_summary {
    width: 98%;
}
/* REMOVE ME

#title {
    padding-top: .5%;
}
#header {
    border-top: 2px solid #c8c8c8;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
    padding-bottom: 3px;
    width: 100%;
}
#header .links {
    margin-left: -.2%;
}
#header form {
    margin-right: .2%;
}
#header-nav .label {
    margin-top: 2px;
}
*/

/* footer */
/* REMOVE ME
#links-saved {
    padding: 1% 0 0 0;
    line-height: 150%;
}
#footer ul {
    padding-bottom: 5px;
}
*/

/* body */
/* REMOVE ME
#message {
	margin-top: 10px;
    margin-bottom: 14px;
}
*/
#top-actions {
    margin: 8px 0 18px 0;
}
.bz_buglist {
    padding-top: 5px;
    padding-bottom: 6px;
}
.bz_result_count {
    display: block;
    padding-left: 4px;
}
.bz_private {
    padding: 4px 0;
    margin-bottom: 10px;
}

/* modules/fields */
/* REMOVE ME
.module-content {
    padding: 2px 5px 6px 5px;
}
*/
.module .field .name {
    vertical-align: middle;
}

#field-bug_flags .name,
#module-firefox-tracking-flags .name {
    vertical-align: top;
}

/* specific background treatment: bz_group_, then mozilla-employee-confidential, or core-security (so far) */
/*
body[class*="bz_group_"] {
    border-left: solid red 6px;
}
body[class*="bz_group_"] #wrapper {
	margin-left: -6px;
}
*/
body[class*="bz_group_mozilla-employee-confidential"] {
    background-color: #d9cfee;
}

/*
bz_group_client-services-security
bz_group_firefox-core-security
bz_group_dom-core-security
bz_group_core-security-release
*/

body[class*="-security"] {
    background-color: #ffe0b0;
}

/* misc */
#badge {
    padding: 2px 5px;
}
.new-changes-separator {
    border-top-color: rgb(39, 122, 193);
    border-top-width: 18px;
}
.new-changes-separator span {
    border: none;
    border-radius: 0;
    color: rgb(39, 122, 193);
    right: 50%;
    top: -17px;
}

/* SHOULD BE DEFAULT */
#field-cf_fx_iteration {
    display: initial !important;
}

select:not([multiple]):not([size]) {
    padding-top: 1px !important;
    padding-bottom: 0px !important;
}

/* controls */
input[type="date"], 
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="text"], 
input[type="url"], 
input:not([type]), 
textarea {
    padding-bottom: 1px;
    padding-left: 3px;
    padding-top: 2px;
}

.buttons.toggle[role="radiogroup"] label {
    padding-left: 6px;
}

.module .field.contains-buttons {
    margin: 6px 0 6px 4px;
}

#field-status-edit .name {
    position: relative;
    top: 3px;
    vertical-align: top;
}
#field-status-edit #duplicate-actions {
    position: relative;
    top: -4px;
}

}