/* PQR_INVOICE_MIDNIGHT_UI_ONLY_V1 */
html[data-pqr-theme="midnight"] body.invoice-maker-page {
    color: #e8edf6 !important;
    background: #080d17 !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-hero,
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-main {
    color: #e8edf6 !important;
    background: #0b1220 !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page :is(
    .invoice-editor,
    .invoice-editor-section,
    .invoice-workspace,
    .invoice-preview-column,
    .invoice-preview-toolbar,
    .invoice-published-panel,
    .invoice-published-item,
    .invoice-template-chooser,
    .invoice-document-language-control,
    .invoice-payment-security,
    .invoice-step-up-box,
    .invoice-privacy-note,
    .invoice-phase-summary,
    .invoice-qr-result,
    .invoice-qr-result-head,
    .invoice-qr-result-body,
    .invoice-dashboard-filters
) {
    color: #e8edf6 !important;
    background-color: #111a2a !important;
    border-color: #303d55 !important;
    box-shadow: none !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page :is(
    h1, h2, h3, h4,
    .invoice-section-heading,
    .invoice-published-header h3,
    .invoice-payment-security-head
) {
    color: #f2f5fb !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page :is(
    p, small, .invoice-field label,
    .invoice-hero-lead,
    .invoice-published-header p,
    .invoice-template-roadmap,
    .invoice-privacy-note
) {
    color: #b8c4d8 !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select, textarea
) {
    color: #e8edf6 !important;
    background-color: #0b1423 !important;
    border-color: #35425c !important;
    color-scheme: dark;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page :is(
    input, textarea
)::placeholder {
    color: #8794aa !important;
    opacity: 1;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page :is(
    .invoice-action-secondary,
    .invoice-secondary-action,
    .invoice-inline-button,
    .invoice-file-button
) {
    color: #dce5f5 !important;
    background-color: #1a263b !important;
    border-color: #3a4965 !important;
}

/* Keep the invoice preview paper white so it resembles the exported document. */
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-paper {
    color-scheme: light;
}

/* PQR_INVOICE_SEO_MIDNIGHT_CARDS_V1 */
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-hero-card,
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-phase-summary > div {
    color: #e8edf6 !important;
    background: #151f33 !important;
    border: 1px solid #2d3b55 !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .22) !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-hero-card strong,
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-phase-summary h2 {
    color: #f2f5fb !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-hero-card > div,
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-phase-summary p {
    color: #b8c4d8 !important;
}

html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-hero-card i,
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-phase-summary > div > i {
    color: #5b91ff !important;
}

/* PQR_INVOICE_SEO_OUTER_CANVAS_MIDNIGHT_V1 */
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-seo {
    background-color: #080d17 !important;
    background-image: none !important;
}
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-seo-shell {
    background: transparent !important;
}

/* PQR_INVOICE_LINE_ITEMS_MIDNIGHT_V1 */
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-item-card {
    color: #e8edf6 !important;
    background: #111a2a !important;
    border-color: #303d55 !important;
    box-shadow: none !important;
}
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-item-number,
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-item-field label,
html[data-pqr-theme="midnight"] body.invoice-maker-page .invoice-item-line-result {
    color: #c1cce0 !important;
}