:root {
    color-scheme: dark;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    background: #171a1f;
    color: #f5f7fa;
}

* {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at top right, #2a3039 0, transparent 35rem),
        #171a1f;
}

a {
    color: inherit;
}

button,
input {
    font: inherit;
}

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 76px;
    padding: 14px clamp(20px, 5vw, 72px);
    border-bottom: 1px solid #343a45;
    background: rgb(23 26 31 / 92%);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.brand-mark {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid #7e8a99;
    border-radius: 10px;
    background: #252a32;
    font-weight: 800;
}

.brand strong,
.brand small {
    display: block;
}

.brand small {
    margin-top: 2px;
    color: #aeb7c4;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 18px;
}

.site-nav a {
    color: #dce2ea;
    text-decoration: none;
}

.signed-in-user {
    color: #9fa9b7;
}

.page-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 48px 0 72px;
}

.auth-layout {
    display: grid;
    min-height: calc(100vh - 200px);
    place-items: center;
}

.auth-card,
.message-card {
    width: min(100%, 480px);
    padding: 34px;
    border: 1px solid #3a424e;
    border-radius: 16px;
    background: #22262d;
    box-shadow: 0 20px 60px rgb(0 0 0 / 28%);
}

h1,
h2,
p {
    margin-top: 0;
}

h1 {
    margin-bottom: 10px;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.05;
}

.eyebrow {
    margin-bottom: 8px;
    color: #c7a86b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.muted {
    color: #aeb7c4;
}

.form-field {
    margin-top: 22px;
}

.form-field label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
}

.form-field input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #4a5361;
    border-radius: 8px;
    outline: none;
    background: #171a1f;
    color: #ffffff;
}

.form-field input:focus {
    border-color: #c7a86b;
    box-shadow: 0 0 0 3px rgb(199 168 107 / 18%);
}

.checkbox-field {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 18px 0 24px;
    color: #cbd2dc;
}

.field-error {
    margin: 7px 0 0;
    color: #ff9a9a;
    font-size: 0.9rem;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
    text-decoration: none;
}

.button-primary {
    background: #c7a86b;
    color: #171a1f;
}

.button-secondary {
    border-color: #4a5361;
    background: #292e36;
    color: #ffffff;
}

.button-full {
    width: 100%;
}

.alert {
    margin-bottom: 20px;
    padding: 13px 16px;
    border: 1px solid;
    border-radius: 8px;
}

.alert-success {
    border-color: #3f7650;
    background: #213d29;
}

.alert-warning {
    border-color: #8d773e;
    background: #443a20;
}

.alert-danger {
    border-color: #8a4545;
    background: #452525;
}

.page-heading {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.module-card {
    min-height: 190px;
    padding: 26px;
    border: 1px solid #3a424e;
    border-radius: 14px;
    background: #22262d;
}

.module-card p {
    color: #adb6c3;
}

.status-badge {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    background: #303640;
    color: #dce2ea;
    font-size: 0.8rem;
    font-weight: 700;
}

@media (max-width: 720px) {
    .site-header,
    .site-nav {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
    }
}

/* Customer management */
select, textarea { font: inherit; }
.page-heading-actions, .section-heading, .module-card-heading, .heading-status-row, .button-row, .form-actions, .danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.button-row, .form-actions { flex-wrap: wrap; justify-content: flex-start; }
.button-danger { border-color: #9b4c4c; background: #6a3030; color: #fff; }
.text-link, .section-heading a, .table-actions a, .table-primary-link { color: #d8bd82; }
.metric-number { color: #d8bd82; font-size: 2.8rem; font-weight: 800; line-height: 1; }
.compact-text { margin-bottom: 20px; }
.content-section, .filter-panel, .record-form, .details-card, .empty-state, .danger-zone { margin-top: 26px; border: 1px solid #3a424e; border-radius: 14px; background: #22262d; }
.content-section, .details-card, .empty-state, .danger-zone { padding: 26px; }
.section-heading { margin-bottom: 18px; }
.section-heading h2, .section-heading-simple h2, .details-card h2, .danger-zone h2 { margin-bottom: 6px; }
.section-heading-simple p, .danger-zone p { margin-bottom: 0; color: #aeb7c4; }
.filter-panel { padding: 20px; }
.filter-form { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(180px, 240px) auto; align-items: end; gap: 16px; }
.filter-search label, .filter-status label { display: block; margin-bottom: 8px; font-weight: 700; }
.filter-search input, .filter-status select, .form-field select, .form-field textarea { width: 100%; padding: 12px 14px; border: 1px solid #4a5361; border-radius: 8px; outline: none; background: #171a1f; color: #fff; }
.filter-search input:focus, .filter-status select:focus, .form-field select:focus, .form-field textarea:focus { border-color: #c7a86b; box-shadow: 0 0 0 3px rgb(199 168 107 / 18%); }
.filter-actions { display: flex; align-items: center; gap: 14px; min-height: 44px; }
.table-wrap { overflow-x: auto; border: 1px solid #3a424e; border-radius: 14px; }
.content-section .table-wrap { margin-top: 16px; }
.data-table { width: 100%; border-collapse: collapse; background: #22262d; }
.data-table th, .data-table td { padding: 15px 16px; border-bottom: 1px solid #363d47; text-align: left; vertical-align: top; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table th { background: #1c2026; color: #cbd2dc; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.table-primary-link { display: block; font-weight: 800; text-decoration: none; }
.table-secondary-text { display: block; margin-top: 4px; color: #9fa9b7; font-size: .9rem; }
.table-actions-column { width: 110px; }
.table-actions { display: flex; gap: 12px; }
.status-active { background: #213d29; color: #91dfa7; }
.status-archived { background: #443a20; color: #e4ca82; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 24px; }
.empty-state { text-align: center; }
.record-form { overflow: hidden; }
.form-section { padding: 26px; border-bottom: 1px solid #363d47; }
.form-section:last-of-type { border-bottom: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
.form-field-wide { grid-column: 1 / -1; }
.field-help { margin: 7px 0 0; color: #99a4b2; font-size: .86rem; }
.form-actions { padding: 22px 26px; background: #1c2026; }
.details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.details-card { margin-top: 0; }
.details-list { margin: 0; }
.details-list > div { display: grid; grid-template-columns: minmax(120px, 36%) 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid #363d47; }
.details-list > div:last-child { border-bottom: 0; }
.details-list dt { color: #9fa9b7; }
.details-list dd { margin: 0; overflow-wrap: anywhere; }
.address-block { display: grid; gap: 6px; color: inherit; font-style: normal; }
.notes-panel { min-height: 90px; padding: 18px; border: 1px solid #3b434f; border-radius: 9px; background: #191c21; line-height: 1.65; }
.danger-zone { border-color: #684343; }
@media (max-width: 820px) { .filter-form, .form-grid, .details-grid { grid-template-columns: 1fr; } .form-field-wide { grid-column: auto; } }
@media (max-width: 720px) { .page-heading-actions, .section-heading, .module-card-heading, .danger-zone { align-items: flex-start; flex-direction: column; } .filter-actions { align-items: flex-start; flex-direction: column; } .details-list > div { grid-template-columns: 1fr; gap: 5px; } }

/* Business settings module */
.setup-banner { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; padding: 20px 22px; border: 1px solid #756136; border-radius: 14px; background: #332d20; }
.setup-banner p { margin: 6px 0 0; color: #d8cba9; }
.module-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; }
.checkbox-stack { display: flex; align-items: end; padding-bottom: 4px; }
.form-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.numbering-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 24px; }
.numbering-card { padding: 20px; border: 1px solid #3a424e; border-radius: 12px; background: #1c2026; }
.numbering-card h3 { margin: 0; }
.number-example { margin: 18px 0 0; color: #aeb7c4; }
.settings-warning { margin-top: 20px; padding: 14px 16px; border-left: 4px solid #c7a86b; border-radius: 6px; background: #2d2a22; color: #ded2b8; }
.logo-settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 360px); align-items: start; gap: 28px; }
.logo-preview-card { display: grid; min-height: 180px; place-items: center; padding: 20px; border: 1px solid #3a424e; border-radius: 12px; background: #f5f5f2; color: #252a32; text-align: center; }
.logo-preview-card img { display: block; max-width: 100%; max-height: 160px; object-fit: contain; }
.logo-preview-card p { margin: 12px 0 0; overflow-wrap: anywhere; }
.logo-placeholder { display: grid; width: 92px; height: 92px; place-items: center; border: 2px solid #343a45; border-radius: 18px; color: #343a45; font-size: 1.8rem; font-weight: 900; }
.settings-danger-zone { margin-top: 28px; }
@media (max-width: 900px) { .form-grid-three, .numbering-grid, .logo-settings-grid { grid-template-columns: 1fr; } .setup-banner { align-items: flex-start; flex-direction: column; } }

/* Internal pricing and costing engine */
.pricing-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pricing-module-grid .module-card:last-child { grid-column: 1 / -1; }
.link-button { padding: 0; border: 0; background: transparent; color: #d8bd82; cursor: pointer; font: inherit; text-decoration: underline; }
.table-actions form { margin: 0; }
.checkbox-stack { align-self: end; }
.formula-note, .settings-warning { margin-top: 20px; padding: 14px 16px; border: 1px solid #665a3d; border-radius: 9px; background: #322d20; color: #e5d5a8; }
.cost-line-list { display: grid; gap: 14px; }
.cost-line-row { display: grid; grid-template-columns: minmax(240px, 2fr) minmax(160px, 1fr) auto; align-items: end; gap: 16px; padding: 16px; border: 1px solid #3a424e; border-radius: 10px; background: #1c2026; }
.cost-line-row .form-field { margin: 0; }
.line-remove { min-height: 42px; padding: 10px 12px; border: 1px solid #714848; border-radius: 8px; background: #442727; color: #ffd2d2; cursor: pointer; }
.price-result-hero { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 24px; }
.price-result-hero > div { padding: 20px; border: 1px solid #3a424e; border-radius: 12px; background: #22262d; }
.price-result-hero span { display: block; margin-bottom: 8px; color: #aeb7c4; font-size: .86rem; }
.price-result-hero strong { font-size: 1.7rem; }
.price-result-hero .price-primary { border-color: #8e7746; background: #342e20; }
.price-result-hero .price-primary strong { color: #e3c783; }
.pricing-details-grid { margin-bottom: 24px; }
.pre-line { white-space: pre-line; }
.form-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 900px) {
    .pricing-module-grid, .price-result-hero, .form-grid-three { grid-template-columns: 1fr 1fr; }
    .pricing-module-grid .module-card:last-child { grid-column: auto; }
    .cost-line-row { grid-template-columns: 1fr 1fr; }
    .cost-line-row .line-remove { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .pricing-module-grid, .price-result-hero, .form-grid-three, .cost-line-row { grid-template-columns: 1fr; }
}

/* Invoice core module */
.invoice-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.invoice-metric-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border: 1px solid #3a424e; border-radius: 11px; background: #22262d; text-decoration: none; }
.invoice-metric-card span { color: #aeb7c4; font-size: .86rem; }
.invoice-metric-card strong { color: #d8bd82; font-size: 1.5rem; }
.invoice-lines { display: grid; gap: 16px; }
.invoice-line-row { display: grid; grid-template-columns: minmax(210px, 1.3fr) minmax(260px, 2fr) repeat(5, minmax(125px, .7fr)) auto; align-items: end; gap: 12px; padding: 16px; border: 1px solid #3a424e; border-radius: 12px; background: #1c2026; }
.invoice-line-row .form-field { margin: 0; }
.invoice-line-row textarea, .invoice-line-row select { width: 100%; padding: 12px 14px; border: 1px solid #4a5361; border-radius: 8px; outline: none; background: #171a1f; color: #fff; }
.invoice-field-description textarea { min-height: 46px; resize: vertical; }
.invoice-internal-field { border-color: #665a3d !important; }
.invoice-internal-field label, .invoice-internal-field > span { color: #e2c77e; }
.invoice-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 24px; }
.invoice-address { margin-top: 20px; padding-top: 18px; border-top: 1px solid #363d47; }
.invoice-bottom-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 440px); align-items: start; gap: 24px; margin-top: 24px; }
.invoice-bottom-grid .details-card { margin-bottom: 20px; }
.invoice-totals-card { padding: 22px; border: 1px solid #3a424e; border-radius: 14px; background: #22262d; }
.invoice-totals-card > div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid #363d47; }
.invoice-totals-card > div:last-child { border-bottom: 0; }
.invoice-totals-card span { color: #aeb7c4; }
.invoice-total-primary, .invoice-balance { margin: 5px -10px; padding: 15px 10px !important; border-radius: 8px; background: #342e20; }
.invoice-total-primary strong, .invoice-balance strong { color: #e3c783; font-size: 1.28rem; }
.invoice-totals-card hr { border: 0; border-top: 1px solid #665a3d; }
.invoice-status-draft { background: #303640; color: #dce2ea; }
.invoice-status-issued { background: #26384b; color: #9ac8f0; }
.invoice-status-part_paid { background: #443a20; color: #e4ca82; }
.invoice-status-overdue { background: #542b2b; color: #ffadad; }
.invoice-status-paid { background: #213d29; color: #91dfa7; }
.invoice-status-cancelled { background: #3b3035; color: #c9b6bd; }
.compact-record-form { margin-top: 18px; }
.invoice-actions-zone form, .page-heading-actions form { margin: 0; }
.invoice-lines-table td:first-child { min-width: 260px; }

@media (max-width: 1180px) {
    .invoice-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .invoice-line-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .invoice-field-estimate, .invoice-field-description { grid-column: span 2; }
}

@media (max-width: 820px) {
    .invoice-summary-grid, .invoice-bottom-grid { grid-template-columns: 1fr; }
    .invoice-line-row { grid-template-columns: 1fr 1fr; }
    .invoice-field-estimate, .invoice-field-description { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
    .invoice-metric-grid, .invoice-line-row { grid-template-columns: 1fr; }
    .invoice-field-estimate, .invoice-field-description { grid-column: auto; }
}

/* Invoice document and email delivery module */
.document-actions-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: 22px; }
.document-action-card { margin: 0; }
.document-action-card h3 { margin-top: 0; }
.document-action-card form { display: grid; gap: 16px; }
.document-action-card textarea { width: 100%; padding: 12px 14px; border: 1px solid #4a5361; border-radius: 8px; background: #171a1f; color: #fff; font: inherit; }
.recipient-options { display: grid; gap: 10px; }
.checkbox-field { display: inline-flex; align-items: center; gap: 9px; }
.document-meta-badges { display: flex; flex-wrap: wrap; gap: 9px; }
.document-checksum { margin: 18px 0 0; overflow-wrap: anywhere; color: #8f99a7; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .78rem; }
.delivery-status-sent { background: #213d29; color: #91dfa7; }
.delivery-status-failed { background: #542b2b; color: #ffadad; }
.delivery-status-pending { background: #443a20; color: #e4ca82; }
.delivery-error { display: block; max-width: 460px; color: #ffb1b1; white-space: normal; }
.invoice-delivery-section code { padding: 2px 5px; border-radius: 4px; background: #171a1f; }
@media (max-width: 900px) { .document-actions-grid { grid-template-columns: 1fr; } }

/* Financial reporting module */
.report-subnav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.report-subnav a { padding: 9px 13px; border: 1px solid #414a56; border-radius: 999px; background: #22262d; color: #dce2ea; text-decoration: none; }
.report-subnav a:hover { border-color: #c7a86b; color: #e3c783; }
.report-filter-panel { margin-top: 0; }
.report-filter-form { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)) auto; align-items: end; gap: 16px; }
.report-filter-form .form-field { margin: 0; }
.report-filter-actions { display: flex; align-items: end; min-height: 44px; }
.report-period-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 0 16px; color: #aeb7c4; }
.report-period-heading strong { color: #f5f7fa; }
.report-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 26px; }
.report-summary-card { min-height: 126px; padding: 18px; border: 1px solid #3a424e; border-radius: 12px; background: #22262d; }
.report-summary-card span, .report-summary-card small { display: block; color: #aeb7c4; }
.report-summary-card strong { display: block; margin: 12px 0 6px; color: #f5f7fa; font-size: 1.65rem; line-height: 1.1; }
.report-summary-card small { font-size: .8rem; }
.report-summary-primary { border-color: #8e7746; background: #342e20; }
.report-summary-primary strong { color: #e3c783; }
.report-summary-warning { border-color: #7c4747; background: #3b2525; }
.report-summary-warning strong { color: #ffb0b0; }
.report-summary-disabled { opacity: .68; }
.report-warning { margin: 22px 0; padding: 17px 19px; border: 1px solid #796536; border-radius: 11px; background: #342e20; }
.report-warning p { margin: 7px 0 0; color: #dacda9; }
.report-module-grid { margin-top: 24px; }
.report-detail-grid { margin-top: 24px; }
.report-detail-grid .details-card { overflow: hidden; }
.report-detail-grid .table-wrap { margin-top: 16px; }
@media (max-width: 1050px) { .report-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .report-filter-form, .report-summary-grid { grid-template-columns: 1fr; } .report-period-heading { align-items: flex-start; flex-direction: column; } }
/* Expenses and purchases module */
.expense-subnav { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
.expense-subnav a { padding: 9px 13px; border: 1px solid #3a424e; border-radius: 8px; background: #22262d; color: #dce2ea; text-decoration: none; }
.expense-lines { display: grid; gap: 14px; }
.expense-line-row { display: grid; grid-template-columns: minmax(180px,1.1fr) minmax(250px,2fr) repeat(5,minmax(120px,.75fr)) auto; align-items: end; gap: 12px; padding: 16px; border: 1px solid #3a424e; border-radius: 10px; background: #1c2026; }
.expense-line-row .form-field { margin: 0; }
.purchase-total-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 0 0 24px; }
.purchase-total-grid article { padding: 20px; border: 1px solid #3a424e; border-radius: 12px; background: #22262d; }
.purchase-total-grid span { display: block; margin-bottom: 8px; color: #aeb7c4; font-size: .86rem; }
.purchase-total-grid strong { font-size: 1.65rem; }
.expense-status-draft { background: #443a20; color: #e4ca82; }
.expense-status-recorded, .expense-status-part_paid { background: #253849; color: #a9d3f1; }
.expense-status-paid { background: #213d29; color: #91dfa7; }
.expense-status-overdue, .expense-status-cancelled { background: #542e2e; color: #ffb0b0; }
.payment-form, .attachment-form { margin-top: 20px; padding-top: 20px; border-top: 1px solid #363d47; }
.attachment-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.attachment-list li { display: flex; justify-content: space-between; gap: 16px; padding: 12px; border: 1px solid #3a424e; border-radius: 8px; background: #191c21; }
.attachment-list small { display: block; margin-top: 4px; color: #9fa9b7; }
.report-summary-positive { border-color: #477b55 !important; background: #203827 !important; }
.report-summary-negative { border-color: #7e4949 !important; background: #412727 !important; }
@media (max-width: 1250px) { .expense-line-row { grid-template-columns: repeat(3,minmax(0,1fr)); } .expense-description { grid-column: span 2; } }
@media (max-width: 850px) { .expense-line-row, .purchase-total-grid { grid-template-columns: 1fr; } .expense-description { grid-column: auto; } }
.profit-loss-statement { max-width: 820px; margin: 0 auto; }
.pl-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 20px; padding: 13px 4px; border-bottom: 1px solid #343b45; }
.pl-row strong { text-align: right; }
.pl-row small { grid-column: 1 / -1; color: #9fa9b7; }
.pl-subtotal { font-weight: 700; border-top: 1px solid #56606d; }
.pl-total { margin-top: 10px; padding: 17px 12px; border: 1px solid #4d6f58; border-radius: 9px; background: #203329; font-size: 1.08rem; }
.pl-excluded { color: #aeb7c4; }

/* Quotes module */
.quote-status-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; padding:14px 18px; border:1px solid #3a424e; border-radius:11px; background:#22262d; }
.quote-status-banner a { color:#e3c783; }
.quote-status-draft { background:#303640; color:#dce2ea; }
.quote-status-issued { background:#26384b; color:#9ac8f0; }
.quote-status-accepted { background:#213d29; color:#91dfa7; }
.quote-status-declined,.quote-status-cancelled { background:#542b2b; color:#ffadad; }
.quote-status-expired { background:#443a20; color:#e4ca82; }
.quote-status-converted { background:#342e20; color:#e3c783; }
.decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.decision-grid .details-card { margin:0; }
.quote-metric-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
@media(max-width:1000px){.quote-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.decision-grid{grid-template-columns:1fr}}
@media(max-width:600px){.quote-metric-grid{grid-template-columns:1fr}}