/* _content/SolarQuotation/Pages/Index.razor.rz.scp.css */
.emove-app[b-v9n882v7ci] {
    min-height: 100vh;
    padding: 36px 16px 160px;
    background: #f7f8f7;
    color: #2f3830;
    font-family: "Kanit", "Sarabun", Arial, sans-serif;
}

.hero[b-v9n882v7ci] {
    text-align: center;
    margin: 0 auto 18px;
}

.cleanline-hero-logo[b-v9n882v7ci] {
    display: block;
    width: min(300px, 72vw);
    height: auto;
    margin: 0 auto;
}

.hero p[b-v9n882v7ci] {
    margin: 6px 0 10px;
    color: #6f7772;
    font-size: 14px;
}

.gold-rule[b-v9n882v7ci] {
    width: 50px;
    height: 3px;
    margin: 0 auto 12px;
    background: var(--accent);
    border-radius: 999px;
}

.price-badge[b-v9n882v7ci] {
    display: inline-flex;
    padding: 9px 18px;
    border: 2px solid #4f5558;
    border-radius: 8px;
    background: #fff;
    color: #4f5558;
    font-size: 13px;
}

.quote-shell[b-v9n882v7ci],
.report-shell[b-v9n882v7ci] {
    width: min(100%, 460px);
    margin: 0 auto;
}

.step-card[b-v9n882v7ci],
.report-card[b-v9n882v7ci] {
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid rgba(140, 198, 63, 0.34);
    border-top: 3px solid var(--accent);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 35px rgba(47, 56, 48, 0.08);
}

.step-card.compact[b-v9n882v7ci] {
    padding: 16px 18px;
}

.step-heading[b-v9n882v7ci] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.step-heading span[b-v9n882v7ci] {
    color: #7fba34;
    font-size: 20px;
    font-weight: 800;
}

.step-heading h2[b-v9n882v7ci],
.inline-title[b-v9n882v7ci],
.production-popout h2[b-v9n882v7ci] {
    margin: 0;
    color: #3c4540;
    font-size: 18px;
    font-weight: 750;
}

.field-label[b-v9n882v7ci],
.system-subtitle[b-v9n882v7ci],
.spec-line[b-v9n882v7ci],
.extra-note[b-v9n882v7ci] {
    margin: 0 0 10px;
    color: #687168;
    font-size: 13px;
}

.mt[b-v9n882v7ci] {
    margin-top: 16px;
}

.brand-grid[b-v9n882v7ci],
.two-grid[b-v9n882v7ci],
.inverter-grid[b-v9n882v7ci],
.battery-grid[b-v9n882v7ci],
.panel-grid[b-v9n882v7ci],
.floor-grid[b-v9n882v7ci] {
    display: grid;
    gap: 10px;
}

.brand-grid[b-v9n882v7ci],
.two-grid[b-v9n882v7ci] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inverter-grid[b-v9n882v7ci] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.battery-grid[b-v9n882v7ci] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.floor-grid[b-v9n882v7ci] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-top: 12px;
}

.panel-grid[b-v9n882v7ci] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.choice[b-v9n882v7ci],
.panel-option[b-v9n882v7ci],
.floor-btn[b-v9n882v7ci],
.backup-toggle[b-v9n882v7ci],
.province-list button[b-v9n882v7ci] {
    border: 2px solid #e5e9ee;
    border-radius: 14px;
    background: #fff;
    color: #27384a;
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.choice:hover[b-v9n882v7ci],
.panel-option:hover[b-v9n882v7ci],
.floor-btn:hover[b-v9n882v7ci],
.province-list button:hover[b-v9n882v7ci] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent), #fff 20%);
}

.choice.selected[b-v9n882v7ci],
.panel-option.selected[b-v9n882v7ci],
.floor-btn.selected[b-v9n882v7ci],
.backup-toggle.selected[b-v9n882v7ci],
.province-list button.selected[b-v9n882v7ci] {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent), #fff 86%);
    color: #2f3830;
}

.choice[b-v9n882v7ci] {
    min-height: 68px;
    padding: 14px 10px;
    font-weight: 700;
}

.choice strong[b-v9n882v7ci],
.choice small[b-v9n882v7ci],
.panel-option span[b-v9n882v7ci],
.panel-option strong[b-v9n882v7ci],
.panel-option small[b-v9n882v7ci] {
    display: block;
}

.choice small[b-v9n882v7ci] {
    margin-top: 3px;
    color: inherit;
    font-size: 11px;
    opacity: 0.78;
}

.system-note[b-v9n882v7ci] {
    margin-top: 18px;
    padding: 16px;
    border-radius: 14px;
    background: #f8fafc;
}

.system-note p[b-v9n882v7ci] {
    margin: 0 0 10px;
    color: #536273;
    font-size: 13px;
}

.doc-links[b-v9n882v7ci] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.doc-links a[b-v9n882v7ci],
.site-footer a[b-v9n882v7ci] {
    text-decoration: none;
}

.doc-links a[b-v9n882v7ci] {
    padding: 8px 10px;
    border-radius: 7px;
    background: #e9edf2;
    color: #435268;
    font-size: 12px;
}

.panel-option[b-v9n882v7ci] {
    padding: 12px;
    text-align: center;
}

.panel-count[b-v9n882v7ci] {
    color: #7fba34;
    font-size: 26px;
    font-weight: 800;
}

.panel-option strong[b-v9n882v7ci] {
    margin-top: 6px;
    color: #3c4540;
}

.panel-option small[b-v9n882v7ci] {
    color: #718096;
    font-size: 11px;
}

.summary-strip[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 1fr;
    gap: 8px;
    margin-top: 14px;
    padding: 14px;
    border-radius: 14px;
    background: #f8fafc;
}

.summary-strip div[b-v9n882v7ci] {
    text-align: center;
}

.summary-strip strong[b-v9n882v7ci] {
    display: block;
    color: var(--accent);
    font-size: 18px;
}

.summary-strip span[b-v9n882v7ci] {
    color: #7b8795;
    font-size: 11px;
}

.floor-btn[b-v9n882v7ci] {
    height: 48px;
    padding: 4px;
}

.floor-btn strong[b-v9n882v7ci],
.floor-btn small[b-v9n882v7ci] {
    display: block;
}

.floor-btn strong[b-v9n882v7ci] {
    font-size: 17px;
}

.floor-btn small[b-v9n882v7ci] {
    font-size: 10px;
}

.backup-toggle[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 12px;
    padding: 14px;
    text-align: left;
}

.backup-toggle em[b-v9n882v7ci] {
    color: #16a34a;
    font-style: normal;
    font-weight: 800;
}

.form-grid[b-v9n882v7ci] {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.form-grid input[b-v9n882v7ci],
.form-grid textarea[b-v9n882v7ci],
.number-field input[b-v9n882v7ci],
.two-grid select[b-v9n882v7ci],
.two-grid input[b-v9n882v7ci],
.option-row select[b-v9n882v7ci],
.option-row input[b-v9n882v7ci],
.custom-option-row input[b-v9n882v7ci] {
    width: 100%;
    border: 1px solid #d9e0e7;
    border-radius: 12px;
    padding: 13px 14px;
    color: #1f2937;
    background: #fff;
}

.form-grid textarea[b-v9n882v7ci] {
    min-height: 78px;
    resize: vertical;
}

.number-field[b-v9n882v7ci] {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    color: #65758a;
    font-size: 13px;
    font-weight: 700;
}

.option-row[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: 1fr 90px 110px 38px;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

.option-row strong[b-v9n882v7ci] {
    color: #3c4540;
    text-align: right;
}

.custom-option-row[b-v9n882v7ci] {
    display: grid;
    gap: 8px;
}

.custom-option-fields[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr) minmax(0, 1fr) 38px;
    gap: 8px;
    align-items: center;
}

.custom-inline-field[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d9e0e7;
    border-radius: 12px;
    background: #fff;
}

.extra-entry-note[b-v9n882v7ci] {
    margin: 14px 0 6px;
    color: #5f6d7c;
    font-size: 12px;
    line-height: 1.45;
}

.custom-inline-field > span[b-v9n882v7ci] {
    padding-left: 9px;
    color: #3c4540;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.custom-option-row .custom-inline-field input[b-v9n882v7ci] {
    min-width: 0;
    border: 0;
    border-radius: 0;
    padding: 13px 8px 13px 4px;
    text-align: right;
}

.custom-option-row input[type="number"][b-v9n882v7ci] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.custom-option-row input[type="number"][b-v9n882v7ci]::-webkit-inner-spin-button,
.custom-option-row input[type="number"][b-v9n882v7ci]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.icon-option-button[b-v9n882v7ci],
.add-option-button[b-v9n882v7ci] {
    border: 1px solid #d9e0e7;
    border-radius: 10px;
    background: #fff;
    color: #2f3830;
    cursor: pointer;
    font-weight: 800;
}

.icon-option-button[b-v9n882v7ci] {
    width: 38px;
    height: 38px;
    font-size: 22px;
    line-height: 1;
}

.icon-option-button:disabled[b-v9n882v7ci] {
    cursor: not-allowed;
    opacity: 0.35;
}

.add-option-button[b-v9n882v7ci] {
    width: 100%;
    margin-top: 12px;
    padding: 12px 14px;
    border-color: rgba(140, 198, 63, 0.65);
    color: #5f8f26;
}

.excel-totals[b-v9n882v7ci] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.excel-totals div[b-v9n882v7ci] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fafc;
    color: #5f6d7c;
}

.excel-totals strong[b-v9n882v7ci] {
    color: #3c4540;
}

.excel-totals .grand[b-v9n882v7ci] {
    border: 2px solid var(--accent);
    background: color-mix(in srgb, var(--accent), #fff 88%);
    font-size: 18px;
    font-weight: 800;
}

.sticky-total[b-v9n882v7ci] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 14px 18px;
    border-top: 1px solid #dbe2ea;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 -12px 35px rgba(47, 56, 48, 0.12);
    backdrop-filter: blur(14px);
}

.sticky-total > div:first-child[b-v9n882v7ci] {
    width: min(44vw, 360px);
}

.sticky-total span[b-v9n882v7ci],
.sticky-total small[b-v9n882v7ci] {
    display: block;
    color: #6b7686;
    font-size: 12px;
}

.sticky-total strong[b-v9n882v7ci] {
    display: block;
    color: #3c4540;
    font-size: 28px;
    font-weight: 800;
}

.sticky-actions[b-v9n882v7ci] {
    display: grid;
    gap: 8px;
}

.primary-action[b-v9n882v7ci],
.secondary-action[b-v9n882v7ci],
.ghost-action[b-v9n882v7ci],
.popout-head button[b-v9n882v7ci] {
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 750;
}

.primary-action[b-v9n882v7ci] {
    padding: 13px 20px;
    background: linear-gradient(135deg, var(--accent), #6aa72d);
    color: #fff;
    box-shadow: 0 12px 22px color-mix(in srgb, var(--accent), transparent 70%);
}

.secondary-action[b-v9n882v7ci],
.ghost-action[b-v9n882v7ci] {
    padding: 10px 14px;
    background: #eef1ee;
    color: #3c4540;
}

.production-popout[b-v9n882v7ci] {
    width: min(100%, 760px);
    margin: 20px auto;
    padding: 18px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(47, 56, 48, 0.12);
}

.popout-head[b-v9n882v7ci],
.report-actions[b-v9n882v7ci],
.report-head[b-v9n882v7ci],
.quote-top[b-v9n882v7ci],
.quote-customer[b-v9n882v7ci],
.signature-row[b-v9n882v7ci] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.popout-head p[b-v9n882v7ci] {
    margin: 4px 0 0;
    color: #7b8795;
    font-size: 13px;
}

.popout-head button[b-v9n882v7ci] {
    width: 36px;
    height: 36px;
    background: #eef1ee;
    color: #3c4540;
    font-size: 24px;
}

.province-list[b-v9n882v7ci] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.province-list button[b-v9n882v7ci] {
    padding: 9px 14px;
    font-weight: 700;
}

.stat-grid[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.stat-grid > div[b-v9n882v7ci] {
    min-height: 116px;
    padding: 18px;
    border: 1px solid #e6ecf2;
    border-radius: 14px;
    background: #fff;
    text-align: center;
}

.stat-grid strong[b-v9n882v7ci] {
    display: block;
    color: var(--accent);
    font-size: 24px;
}

.stat-grid span[b-v9n882v7ci],
.stat-grid small[b-v9n882v7ci] {
    display: block;
    color: #687789;
}

.stat-grid small[b-v9n882v7ci] {
    margin-top: 4px;
    font-size: 11px;
}

.stat-grid.mini > div[b-v9n882v7ci] {
    background: #f8fafc;
}

.hour-strip[b-v9n882v7ci] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 160px;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid #fde68a;
    border-radius: 16px;
    background: #fffbeb;
}

.hour-strip div[b-v9n882v7ci] {
    flex: 1;
    min-height: 18px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(to top, #d97706, #fbbf24);
    color: #fff;
    text-align: center;
    font-size: 10px;
}

.hour-strip span[b-v9n882v7ci],
.hour-strip strong[b-v9n882v7ci] {
    display: block;
}

.site-footer[b-v9n882v7ci] {
    display: grid;
    gap: 8px;
    margin: 24px auto 0;
    width: min(100%, 460px);
    color: #6b7280;
    text-align: center;
    font-size: 12px;
}

.site-footer a[b-v9n882v7ci] {
    color: #5f8f26;
    font-weight: 700;
}

.report-shell[b-v9n882v7ci] {
    width: min(100%, 960px);
}

.report-shell #print-area > .report-card[b-v9n882v7ci] {
    display: none;
}

.report-actions[b-v9n882v7ci] {
    align-items: center;
    margin-bottom: 14px;
}

.report-head[b-v9n882v7ci] {
    align-items: center;
    margin-bottom: 20px;
}

.report-head h2[b-v9n882v7ci],
.quote-top h2[b-v9n882v7ci] {
    margin: 0;
    color: #3c4540;
    font-size: 28px;
    font-weight: 800;
}

.report-head p[b-v9n882v7ci],
.quote-top p[b-v9n882v7ci] {
    margin: 2px 0 0;
    color: #7a8696;
}

.report-pill[b-v9n882v7ci],
.quote-band[b-v9n882v7ci] {
    border-radius: 10px;
    background: #edf6e5;
    color: #5f8f26;
    font-weight: 800;
}

.report-pill[b-v9n882v7ci] {
    padding: 10px 14px;
}

.report-card h3[b-v9n882v7ci] {
    margin: 22px 0 14px;
    color: #3c4540;
}

.bar-chart[b-v9n882v7ci] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 240px;
    margin-bottom: 18px;
    padding: 12px 8px 26px;
}

.bar-col[b-v9n882v7ci] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.bar-col span[b-v9n882v7ci],
.bar-col em[b-v9n882v7ci] {
    color: #5f6d7c;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.bar-col div[b-v9n882v7ci] {
    width: 100%;
    min-height: 4px;
    margin: 5px 0;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent), #fff 28%));
}

.emove-table[b-v9n882v7ci] {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 12px;
    font-size: 14px;
}

.emove-table th[b-v9n882v7ci] {
    padding: 12px;
    background: #0f172a;
    color: #fff;
    text-align: left;
}

.emove-table td[b-v9n882v7ci] {
    padding: 12px;
    border-bottom: 1px solid #edf2f7;
    background: #fff;
}

.compact-table[b-v9n882v7ci] {
    font-size: 12px;
}

.positive[b-v9n882v7ci] {
    color: #16a34a;
    font-weight: 800;
}

.negative[b-v9n882v7ci] {
    color: #dc2626;
    font-weight: 800;
}

.quotation-paper[b-v9n882v7ci] {
    position: relative;
    margin: 24px auto;
    padding: 48px;
    max-width: 850px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14);
}

.quote-top[b-v9n882v7ci] {
    align-items: flex-start;
    padding-bottom: 24px;
    border-bottom: 3px solid #0f172a;
}

.quote-top h1[b-v9n882v7ci] {
    margin: 0;
    color: #111827;
    font-size: 42px;
    font-weight: 800;
}

.quote-top span[b-v9n882v7ci] {
    display: inline-block;
    margin: 8px 0;
    padding: 6px 10px;
    border-radius: 6px;
    background: #111827;
    color: #fff;
}

.quote-customer[b-v9n882v7ci] {
    margin: 26px 0;
}

.quote-customer > div[b-v9n882v7ci] {
    flex: 1;
    padding: 18px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
}

.quote-customer small[b-v9n882v7ci],
.quote-customer strong[b-v9n882v7ci],
.quote-customer span[b-v9n882v7ci] {
    display: block;
}

.quote-customer small[b-v9n882v7ci] {
    color: #6b7280;
    font-weight: 800;
    text-transform: uppercase;
}

.quote-customer strong[b-v9n882v7ci] {
    margin: 6px 0;
    color: #111827;
    font-size: 18px;
}

.quote-band[b-v9n882v7ci] {
    margin-bottom: 18px;
    padding: 14px;
    background: #1e40af;
    color: #fff;
    text-align: center;
}

.total-box[b-v9n882v7ci] {
    width: min(100%, 360px);
    margin: 22px 0 0 auto;
    padding: 18px;
    border: 2px solid #111827;
    border-radius: 12px;
}

.total-box div[b-v9n882v7ci] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
}

.total-box .grand[b-v9n882v7ci] {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #d1d5db;
    font-size: 18px;
}

.total-box .grand strong[b-v9n882v7ci] {
    color: #1e40af;
}

.terms[b-v9n882v7ci] {
    margin: 22px 0;
    padding: 14px;
    border-radius: 10px;
    background: #f8fafc;
    color: #667085;
    font-size: 13px;
}

.signature-row[b-v9n882v7ci] {
    padding-top: 42px;
    text-align: center;
    font-weight: 800;
}

.signature-row span[b-v9n882v7ci] {
    flex: 1;
    border-top: 2px solid #111827;
    padding-top: 10px;
}

.quotation-paper.excel-paper[b-v9n882v7ci] {
    width: 210mm;
    min-height: 297mm;
    max-width: none;
    padding: 7mm 13mm;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0;
    color: #111;
    font-family: "Sarabun", Arial, sans-serif;
}

.powermatic-letterhead[b-v9n882v7ci] {
    position: relative;
    height: 17mm;
    margin: 0 0 1mm;
    border-top: 0.9mm solid #9b2c68;
}

.letterhead-line[b-v9n882v7ci] {
    position: absolute;
    top: -0.9mm;
    right: 7%;
    width: 27%;
    height: 3.2mm;
    border-radius: 0 0 7px 7px;
    background: #9b2c68;
}

.powermatic-logo[b-v9n882v7ci] {
    position: absolute;
    right: 4mm;
    top: 3.8mm;
    width: 42mm;
    text-align: right;
}

.powermatic-logo img[b-v9n882v7ci] {
    display: block;
    width: 100%;
    height: auto;
}

.powermatic-logo[b-v9n882v7ci]::after {
    content: "";
    position: absolute;
    top: -0.8mm;
    right: -3mm;
    color: #9b2c68;
    font-family: Arial, sans-serif;
    font-size: 4pt;
    font-weight: 700;
}

.excel-quote[b-v9n882v7ci] {
    width: 100%;
    height: 264mm;
    table-layout: fixed;
    border-collapse: collapse;
    background: #fff;
    border: 2px solid #111;
    font-size: 7.7pt;
    line-height: 1.05;
}

.excel-quote .code-col[b-v9n882v7ci] {
    width: 14.5%;
}

.excel-quote .desc-col[b-v9n882v7ci] {
    width: 44.5%;
}

.excel-quote .qty-col[b-v9n882v7ci] {
    width: 5.7%;
}

.excel-quote .price-col[b-v9n882v7ci],
.excel-quote .amount-col[b-v9n882v7ci] {
    width: 17.65%;
}

.excel-quote td[b-v9n882v7ci],
.excel-quote th[b-v9n882v7ci] {
    padding: 0.75mm 1mm;
    border: 1px solid #111;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
}

.excel-quote .label-cell[b-v9n882v7ci],
.excel-quote th[b-v9n882v7ci],
.excel-quote .section-line td[b-v9n882v7ci],
.excel-quote .total-row td[b-v9n882v7ci],
.excel-quote .grand-row td[b-v9n882v7ci],
.excel-quote .note-head td[b-v9n882v7ci] {
    font-weight: 700;
}

.excel-quote .doc-title[b-v9n882v7ci] {
    border-bottom: 3px double #111;
    text-align: center;
    font-size: 7.9pt;
    font-weight: 700;
}

.excel-quote .items-head th[b-v9n882v7ci] {
    border-top: 3px double #111;
    border-bottom: 3px double #111;
    text-align: center;
}

.excel-quote .main-item td[b-v9n882v7ci] {
    height: 20mm;
    vertical-align: top;
}

.excel-quote .main-item td[b-v9n882v7ci],
.excel-quote .product-line td[b-v9n882v7ci],
.excel-quote .extra-line td[b-v9n882v7ci] {
    font-weight: 700;
}

.excel-quote .main-item td:not(:nth-child(2))[b-v9n882v7ci],
.excel-quote .product-line td:not(:nth-child(2))[b-v9n882v7ci],
.excel-quote .extra-line td:not(:nth-child(2))[b-v9n882v7ci] {
    vertical-align: middle;
}

.excel-quote td:nth-child(1)[b-v9n882v7ci],
.excel-quote td:nth-child(3)[b-v9n882v7ci],
.excel-quote th:nth-child(1)[b-v9n882v7ci],
.excel-quote th:nth-child(3)[b-v9n882v7ci] {
    text-align: center;
}

.excel-quote td:nth-child(4)[b-v9n882v7ci],
.excel-quote td:nth-child(5)[b-v9n882v7ci],
.excel-quote th:nth-child(4)[b-v9n882v7ci],
.excel-quote th:nth-child(5)[b-v9n882v7ci] {
    text-align: right;
}

.excel-quote .section-line td[b-v9n882v7ci] {
    height: 7.5mm;
    background: #fff;
}

.excel-quote .section-line span[b-v9n882v7ci] {
    text-decoration: underline;
}

.excel-quote .blank-item td[b-v9n882v7ci] {
    height: 8mm;
}

.excel-quote .item-filler-row td[b-v9n882v7ci] {
    height: 63mm;
    border-top: 0;
    border-bottom: 0;
}

.excel-quote .total-row td[b-v9n882v7ci] {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}

.excel-quote .total-row td:nth-child(3)[b-v9n882v7ci],
.excel-quote .grand-row td:nth-child(2)[b-v9n882v7ci] {
    text-align: center;
}

.excel-quote .grand-row td[b-v9n882v7ci] {
    border-top: 3px double #111;
    border-bottom: 3px double #111;
    font-weight: 700;
}

.excel-quote .grand-row td:first-child[b-v9n882v7ci] {
    text-align: center;
}

.excel-quote .note-head td[b-v9n882v7ci] {
    padding-top: 1.2mm;
}

.excel-quote .note-head td:nth-child(4)[b-v9n882v7ci],
.excel-quote .note-head td:nth-child(5)[b-v9n882v7ci],
.excel-quote .sign-row td:nth-child(4)[b-v9n882v7ci],
.excel-quote .sign-row td:nth-child(5)[b-v9n882v7ci] {
    text-align: center;
}

.excel-quote tr:nth-last-child(-n+7) td[b-v9n882v7ci] {
    font-size: 7pt;
}

.excel-quote .sign-row td[b-v9n882v7ci] {
    padding-top: 3mm;
    text-align: center;
}

.solar-report-paper[b-v9n882v7ci],
.roi-paper[b-v9n882v7ci] {
    width: 210mm;
    min-height: 297mm;
    margin: 24px auto;
    padding: 8mm 18mm;
    box-sizing: border-box;
    background: #fff;
    color: #07245b;
    font-family: "Sarabun", Arial, sans-serif;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14);
}

.solar-report-header[b-v9n882v7ci] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding-bottom: 4mm;
    border-bottom: 1.2mm solid #07245b;
}

.solar-report-header h1[b-v9n882v7ci],
.solar-report-header h2[b-v9n882v7ci] {
    margin: 0;
    color: #07245b;
    font-size: 13pt;
    font-weight: 800;
}

.cleanline-report-logo[b-v9n882v7ci] {
    display: block;
    width: 48mm;
    height: auto;
}

.roi-heading[b-v9n882v7ci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6mm;
}

.solar-report-header h2[b-v9n882v7ci] {
    text-align: right;
}

.solar-report-header p[b-v9n882v7ci] {
    margin: 1mm 0 0;
    color: #7a8390;
    font-size: 7pt;
}

.solar-system-strip[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 3mm 0;
    padding: 2.4mm 3mm;
    border-radius: 8px;
    background: #eef3ff;
}

.solar-system-strip span[b-v9n882v7ci],
.solar-stat-cards span[b-v9n882v7ci],
.roi-summary-cards span[b-v9n882v7ci] {
    display: block;
    color: #7b8492;
    font-size: 6.4pt;
}

.solar-system-strip strong[b-v9n882v7ci] {
    display: block;
    margin-top: 1mm;
    color: #071b49;
    font-size: 7.4pt;
}

.solar-stat-cards[b-v9n882v7ci],
.roi-summary-cards[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3mm;
    margin-bottom: 4mm;
}

.roi-summary-cards[b-v9n882v7ci] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 5mm;
}

.solar-stat-cards div[b-v9n882v7ci],
.roi-summary-cards div[b-v9n882v7ci] {
    min-height: 15mm;
    padding: 3mm;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    text-align: center;
}

.roi-summary-cards div[b-v9n882v7ci] {
    border: 0;
    background: #07245b;
}

.solar-stat-cards strong[b-v9n882v7ci],
.roi-summary-cards strong[b-v9n882v7ci] {
    display: block;
    margin-bottom: 1mm;
    color: #2367ff;
    font-size: 12.5pt;
    font-weight: 900;
}

.solar-stat-cards div:nth-child(2) strong[b-v9n882v7ci],
.roi-summary-cards div:nth-child(2) strong[b-v9n882v7ci] {
    color: #08a36b;
}

.solar-stat-cards div:nth-child(3) strong[b-v9n882v7ci],
.roi-summary-cards div:nth-child(3) strong[b-v9n882v7ci] {
    color: #d97706;
}

.roi-summary-cards div:nth-child(4) strong[b-v9n882v7ci] {
    color: #fff;
}

.roi-summary-cards span[b-v9n882v7ci] {
    color: #b8c5df;
}

.monthly-production h3[b-v9n882v7ci],
.hourly-production h3[b-v9n882v7ci],
.roi-paper h2[b-v9n882v7ci] {
    margin: 0 0 2.5mm;
    color: #071b49;
    font-size: 10.5pt;
    font-weight: 800;
}

.monthly-bars[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end;
    gap: 2mm;
    height: 24mm;
    margin-bottom: 2.5mm;
}

.monthly-bar[b-v9n882v7ci] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: end;
    height: 100%;
    text-align: center;
}

.monthly-bar span[b-v9n882v7ci] {
    color: #00966d;
    font-size: 5.5pt;
    font-weight: 800;
}

.monthly-bar i[b-v9n882v7ci] {
    display: block;
    width: 100%;
    min-height: 8mm;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(to top, #9b85bd 0 42%, #7fa3e3 42% 82%, #d8eeee 82% 100%);
}

.monthly-bar small[b-v9n882v7ci],
.hourly-bars small[b-v9n882v7ci] {
    color: #667085;
    font-size: 5.4pt;
}

.solar-table[b-v9n882v7ci],
.roi-table[b-v9n882v7ci] {
    width: 100%;
    border-collapse: collapse;
    font-size: 6.6pt;
}

.solar-table th[b-v9n882v7ci],
.roi-table th[b-v9n882v7ci] {
    padding: 1.2mm 1.4mm;
    background: #07245b;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.solar-table td[b-v9n882v7ci],
.roi-table td[b-v9n882v7ci] {
    padding: 0.85mm 1.2mm;
    color: #111827;
    text-align: center;
}

.solar-table tbody tr:nth-child(even)[b-v9n882v7ci],
.roi-table tbody tr:nth-child(even)[b-v9n882v7ci] {
    background: #f4f7fb;
}

.solar-table td:first-child[b-v9n882v7ci],
.roi-table td:first-child[b-v9n882v7ci] {
    font-weight: 800;
}

.solar-table .min[b-v9n882v7ci] {
    color: #e11d48;
}

.solar-table .avg[b-v9n882v7ci] {
    color: #2563eb;
    font-weight: 800;
}

.solar-table .max[b-v9n882v7ci],
.solar-table .saving[b-v9n882v7ci] {
    color: #00966d;
    font-weight: 800;
}

.solar-total-row[b-v9n882v7ci] {
    background: #d9eaff !important;
    font-weight: 800;
}

.hourly-production[b-v9n882v7ci] {
    margin-top: 4mm;
}

.hourly-production p[b-v9n882v7ci] {
    margin: 0 0 2mm;
    color: #7a8390;
    font-size: 6.5pt;
}

.hourly-bars[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: repeat(15, minmax(0, 1fr));
    align-items: end;
    gap: 1.2mm;
    height: 18mm;
    padding: 2.5mm 3mm 1.5mm;
    border-radius: 8px;
    background: #fff9d8;
}

.hourly-bars div[b-v9n882v7ci] {
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: end;
    height: 100%;
    text-align: center;
}

.hourly-bars i[b-v9n882v7ci] {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(to top, #ffe991, #f59e0b);
}

.hourly-card-grid[b-v9n882v7ci] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.4mm;
    margin-top: 2mm;
}

.hourly-card-grid div[b-v9n882v7ci] {
    padding: 1.6mm;
    border: 1px solid #f6c447;
    border-radius: 7px;
    background: #fff7c0;
    text-align: center;
}

.hourly-card-grid strong[b-v9n882v7ci],
.hourly-card-grid span[b-v9n882v7ci],
.hourly-card-grid small[b-v9n882v7ci] {
    display: block;
}

.hourly-card-grid strong[b-v9n882v7ci] {
    color: #9a3412;
    font-size: 6.3pt;
}

.hourly-card-grid span[b-v9n882v7ci] {
    color: #b45309;
    font-size: 8.5pt;
    font-weight: 900;
}

.hourly-card-grid small[b-v9n882v7ci] {
    color: #9a6b12;
    font-size: 5.5pt;
}

.solar-report-footer[b-v9n882v7ci] {
    margin-top: 3mm;
    padding-top: 2mm;
    border-top: 1mm solid #07245b;
    color: #687282;
    font-size: 5.8pt;
}

.solar-report-footer p[b-v9n882v7ci] {
    margin: 1mm 0;
}

.roi-paper[b-v9n882v7ci] {
    padding-top: 18mm;
}

.roi-rule[b-v9n882v7ci] {
    height: 1mm;
    margin-bottom: 5mm;
    background: #07245b;
}

.roi-table td:nth-child(4)[b-v9n882v7ci],
.roi-table td:nth-child(5)[b-v9n882v7ci],
.roi-table td:nth-child(6)[b-v9n882v7ci] {
    text-align: right;
}

.roi-footnote[b-v9n882v7ci] {
    margin-top: 5mm;
    color: #48566a;
    font-size: 8.2pt;
    line-height: 1.5;
}

.quote-title-row td[b-v9n882v7ci],
.excel-quote tr:nth-child(2) td[b-v9n882v7ci],
.excel-quote tr:nth-child(3) td[b-v9n882v7ci],
.excel-quote tr:nth-child(4) td[b-v9n882v7ci],
.excel-quote tr:nth-child(5) td[b-v9n882v7ci],
.excel-quote tr:nth-child(6) td[b-v9n882v7ci] {
    height: 6.1mm;
    padding-top: 0.45mm;
    padding-bottom: 0.45mm;
    font-size: 7.4pt;
}

@media (max-width: 760px) {
    .emove-app[b-v9n882v7ci] {
        padding-inline: 12px;
    }

    .brand-grid[b-v9n882v7ci],
    .two-grid[b-v9n882v7ci],
    .panel-grid[b-v9n882v7ci],
    .stat-grid[b-v9n882v7ci],
    .quote-customer[b-v9n882v7ci] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .inverter-grid[b-v9n882v7ci],
    .battery-grid[b-v9n882v7ci] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .floor-grid[b-v9n882v7ci] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sticky-total[b-v9n882v7ci] {
        display: grid;
        justify-content: stretch;
    }

    .sticky-total > div:first-child[b-v9n882v7ci] {
        width: auto;
    }

    .report-head[b-v9n882v7ci],
    .quote-top[b-v9n882v7ci],
    .signature-row[b-v9n882v7ci] {
        display: grid;
    }

    .quotation-paper[b-v9n882v7ci] {
        padding: 24px;
    }

    .quote-top h1[b-v9n882v7ci] {
        font-size: 32px;
    }
}

@media print {
    @page {
        size: 210mm 297mm;
        margin: 0;
    }

    body *[b-v9n882v7ci] {
        visibility: hidden !important;
    }

    .emove-app[b-v9n882v7ci],
    .report-shell[b-v9n882v7ci] {
        width: 210mm !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    #print-area[b-v9n882v7ci],
    #print-area *[b-v9n882v7ci] {
        visibility: visible !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    #print-area[b-v9n882v7ci] {
        position: static;
        width: 210mm;
        height: auto;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible;
    }

    .report-actions[b-v9n882v7ci],
    .report-card[b-v9n882v7ci] {
        display: none !important;
    }

    .quotation-paper[b-v9n882v7ci] {
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .quotation-paper.excel-paper[b-v9n882v7ci] {
        width: 210mm;
        height: 296mm;
        min-height: 296mm;
        max-height: 296mm;
        max-width: none;
        margin: 0;
        padding: 7mm 13mm;
        box-sizing: border-box;
        overflow: hidden;
        break-after: page;
        page-break-after: always;
    }

    .solar-report-paper[b-v9n882v7ci],
    .roi-paper[b-v9n882v7ci] {
        width: 210mm;
        height: 296mm;
        min-height: 296mm;
        max-height: 296mm;
        margin: 0;
        overflow: hidden;
        box-shadow: none;
    }

    .solar-report-paper[b-v9n882v7ci] {
        break-after: page;
        page-break-after: always;
    }

    .roi-paper[b-v9n882v7ci] {
        break-after: auto;
        page-break-after: auto;
    }

    .powermatic-letterhead[b-v9n882v7ci] {
        height: 17mm;
        margin-bottom: 1mm;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .powermatic-logo[b-v9n882v7ci] {
        top: 3.8mm;
        right: 4mm;
        width: 42mm;
    }

    .excel-quote[b-v9n882v7ci] {
        height: 264mm;
        font-size: 7.7pt;
        line-height: 1.05;
    }

    .excel-quote td[b-v9n882v7ci],
    .excel-quote th[b-v9n882v7ci] {
        padding: 0.75mm 1mm;
    }

    .excel-quote .main-item td[b-v9n882v7ci] {
        height: 20mm;
    }

    .excel-quote .item-filler-row td[b-v9n882v7ci] {
        height: 63mm;
    }
}
/* _content/SolarQuotation/Pages/Management.razor.rz.scp.css */
.management-page[b-pxtda9d4by] {
    min-height: 100vh;
    padding: 32px;
    color: #2f3830;
    background: #f7f8f7;
    font-family: Sarabun, Inter, sans-serif;
}

.management-hero[b-pxtda9d4by] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 24px;
    align-items: end;
    margin-bottom: 22px;
}

.management-hero h1[b-pxtda9d4by] {
    max-width: 820px;
    margin: 0;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    letter-spacing: 0;
}

.management-hero p[b-pxtda9d4by] {
    max-width: 760px;
    margin: 12px 0 0;
    color: #667066;
    font-size: 17px;
}

.eyebrow[b-pxtda9d4by] {
    margin: 0 0 8px !important;
    color: #5f8f26 !important;
    font-size: 13px !important;
    font-weight: 800;
    text-transform: uppercase;
}

.path-card[b-pxtda9d4by],
.management-panel[b-pxtda9d4by] {
    border: 1px solid #dfe6df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(47, 56, 48, 0.06);
}

.path-card[b-pxtda9d4by] {
    padding: 18px;
}

.path-card span[b-pxtda9d4by] {
    display: block;
    color: #737b73;
    font-size: 13px;
}

.path-card strong[b-pxtda9d4by] {
    display: block;
    margin-top: 6px;
    overflow-wrap: anywhere;
    font-size: 14px;
}

.status-message[b-pxtda9d4by] {
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 8px;
    font-weight: 700;
}

.status-message.success[b-pxtda9d4by] {
    color: #185d39;
    background: #dff4e8;
}

.status-message.error[b-pxtda9d4by] {
    color: #8b1f1f;
    background: #fde2e2;
}

.editor-status-message[b-pxtda9d4by] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}

.editor-status-message button[b-pxtda9d4by] {
    display: grid;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 6px;
    color: currentColor;
    background: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.admin-summary-grid[b-pxtda9d4by] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.admin-summary-card[b-pxtda9d4by] {
    padding: 18px;
    border: 1px solid #dfe6df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(47, 56, 48, 0.05);
}

.admin-summary-card span[b-pxtda9d4by],
.admin-summary-card small[b-pxtda9d4by] {
    display: block;
    color: #697369;
}

.admin-summary-card span[b-pxtda9d4by] {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-summary-card strong[b-pxtda9d4by] {
    display: block;
    margin: 6px 0 2px;
    color: #5f8f26;
    font-size: 30px;
    line-height: 1;
}

.management-grid[b-pxtda9d4by] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
    gap: 18px;
}

.management-panel[b-pxtda9d4by] {
    padding: 22px;
}

.management-panel.full[b-pxtda9d4by] {
    margin-top: 18px;
}

.panel-heading[b-pxtda9d4by] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 18px;
}

.panel-heading h2[b-pxtda9d4by],
.management-panel h2[b-pxtda9d4by] {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
}

.panel-heading p[b-pxtda9d4by],
.history-fields p[b-pxtda9d4by] {
    margin: 6px 0 0;
    color: #697369;
}

.panel-heading span[b-pxtda9d4by] {
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid #cfe5b7;
    border-radius: 999px;
    color: #5f8f26;
    background: #f2f9eb;
    font-size: 13px;
    font-weight: 800;
}

.action-row[b-pxtda9d4by] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.primary-action[b-pxtda9d4by],
.secondary-admin-action[b-pxtda9d4by],
.upload-button[b-pxtda9d4by] {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: #6aa72d;
    font-weight: 800;
    cursor: pointer;
}

.secondary-admin-action[b-pxtda9d4by] {
    border: 1px solid #cdd9cd;
    color: #3c4540;
    background: #ffffff;
}

.upload-button[b-pxtda9d4by] {
    position: relative;
    margin: 0;
    overflow: hidden;
    background: #8cc63f;
}

.upload-button input[b-pxtda9d4by],
.upload-button[b-pxtda9d4by]  input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.management-table[b-pxtda9d4by] {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.management-table th[b-pxtda9d4by],
.management-table td[b-pxtda9d4by] {
    padding: 10px 8px;
    border-bottom: 1px solid #edf1ed;
    text-align: left;
    vertical-align: top;
}

.management-table th[b-pxtda9d4by] {
    color: #6f776f;
    font-size: 12px;
    text-transform: uppercase;
}

.management-table td:first-child[b-pxtda9d4by] {
    font-weight: 800;
}

.history-table-wrap[b-pxtda9d4by] {
    max-height: 460px;
    overflow: auto;
    border: 1px solid #e4ebe4;
    border-radius: 8px;
    scrollbar-gutter: stable;
}

.history-panel[b-pxtda9d4by] {
    scroll-margin-top: 18px;
}

.history-list-summary[b-pxtda9d4by] {
    margin-bottom: 10px;
    color: #697369;
    font-size: 13px;
    font-weight: 700;
}

.history-table[b-pxtda9d4by] {
    min-width: 980px;
}

.history-table thead th[b-pxtda9d4by] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8faf8;
    box-shadow: 0 1px 0 #dfe6df;
}

.history-table td[b-pxtda9d4by] {
    white-space: nowrap;
}

.history-table td small[b-pxtda9d4by] {
    display: block;
    max-width: 260px;
    overflow: hidden;
    color: #737b73;
    text-overflow: ellipsis;
}

.history-pagination[b-pxtda9d4by] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 14px;
}

.history-page-numbers[b-pxtda9d4by] {
    display: flex;
    gap: 6px;
}

.history-pagination button[b-pxtda9d4by] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid #cdd9cd;
    border-radius: 7px;
    color: #3c4540;
    background: #fff;
    font-weight: 800;
    cursor: pointer;
}

.history-pagination button:hover:not(:disabled)[b-pxtda9d4by],
.history-pagination button.active[b-pxtda9d4by] {
    border-color: #78b737;
    color: #fff;
    background: #78b737;
}

.history-pagination button:disabled[b-pxtda9d4by] {
    cursor: not-allowed;
    opacity: 0.45;
}

.empty-history[b-pxtda9d4by] {
    padding: 18px;
    border: 1px dashed #cdd9cd;
    border-radius: 8px;
    color: #697369;
    background: #f8faf8;
    text-align: center;
}

.history-fields[b-pxtda9d4by] {
    padding: 16px;
    border: 1px solid #e4ebe4;
    border-radius: 8px;
    background: #f8faf8;
}

.editor-toolbar[b-pxtda9d4by],
.editor-actions[b-pxtda9d4by],
.editor-title[b-pxtda9d4by] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.editor-toolbar[b-pxtda9d4by] {
    margin-bottom: 18px;
    padding: 14px;
    border: 1px solid #dfe8df;
    border-radius: 8px;
    background: #f8faf8;
}

.editor-toolbar strong[b-pxtda9d4by],
.editor-toolbar span[b-pxtda9d4by] {
    display: block;
}

.editor-toolbar span[b-pxtda9d4by] {
    margin-top: 3px;
    color: #697369;
}

.editor-actions[b-pxtda9d4by] {
    justify-content: flex-start;
}

.editor-block[b-pxtda9d4by] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #edf1ed;
}

.editor-title h3[b-pxtda9d4by] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
}

.editor-title p[b-pxtda9d4by] {
    margin: 3px 0 0;
    color: #697369;
}

.compact[b-pxtda9d4by] {
    min-height: 34px;
    padding: 0 10px;
    font-size: 13px;
}

.editor-table-wrap[b-pxtda9d4by] {
    margin-top: 10px;
    overflow-x: auto;
}

.editor-table[b-pxtda9d4by] {
    min-width: 1120px;
}

.addon-table[b-pxtda9d4by] {
    min-width: 680px;
}

.editor-input[b-pxtda9d4by] {
    width: 150px;
    min-height: 34px;
    padding: 6px 8px;
    border: 1px solid #cfdacf;
    border-radius: 6px;
    color: #2f3830;
    background: #fff;
}

.editor-input:focus[b-pxtda9d4by] {
    border-color: #8cc63f;
    outline: 2px solid rgba(140, 198, 63, 0.18);
}

.editor-input.code[b-pxtda9d4by] {
    width: 110px;
}

.editor-input.phase[b-pxtda9d4by] {
    width: 130px;
}

.editor-input.wide[b-pxtda9d4by] {
    width: 260px;
}

.editor-input.number[b-pxtda9d4by] {
    width: 120px;
    text-align: right;
}

.row-delete[b-pxtda9d4by] {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #f0c6c6;
    border-radius: 6px;
    color: #a92828;
    background: #fff5f5;
}

.row-delete:disabled[b-pxtda9d4by] {
    cursor: not-allowed;
    opacity: 0.45;
}

.addon-editor-grid[b-pxtda9d4by] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.steps[b-pxtda9d4by] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.steps div[b-pxtda9d4by] {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 10px;
    align-items: start;
    padding: 14px;
    border: 1px solid #e4ebe4;
    border-radius: 8px;
    background: #fbfcfb;
}

.steps span[b-pxtda9d4by] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #8cc63f;
    font-weight: 800;
}

.steps p[b-pxtda9d4by] {
    margin: 0;
    color: #4f5a50;
}

@media (max-width: 900px) {
    .management-page[b-pxtda9d4by] {
        padding: 18px;
    }

    .management-hero[b-pxtda9d4by],
    .management-grid[b-pxtda9d4by],
    .admin-summary-grid[b-pxtda9d4by],
    .steps[b-pxtda9d4by] {
        grid-template-columns: 1fr;
    }

    .history-pagination[b-pxtda9d4by] {
        justify-content: center;
    }
}
/* _content/SolarQuotation/Shared/MainLayout.razor.rz.scp.css */
.page[b-oqz7zppxgf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-oqz7zppxgf] {
    flex: 1;
}

.sidebar[b-oqz7zppxgf] {
    background-image: linear-gradient(180deg, #8cc63f 0%, #5f8f26 100%);
}

.top-row[b-oqz7zppxgf] {
    background-color: #f8faf8;
    border-bottom: 1px solid #dfe6df;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-oqz7zppxgf]  a, .top-row .btn-link[b-oqz7zppxgf] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-oqz7zppxgf] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-oqz7zppxgf] {
        display: none;
    }

    .top-row.auth[b-oqz7zppxgf] {
        justify-content: space-between;
    }

    .top-row a[b-oqz7zppxgf], .top-row .btn-link[b-oqz7zppxgf] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-oqz7zppxgf] {
        flex-direction: row;
    }

    .sidebar[b-oqz7zppxgf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-oqz7zppxgf] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-oqz7zppxgf], article[b-oqz7zppxgf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/SolarQuotation/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-mnlaj0911x] {
    background-color: rgba(255, 255, 255, 0.16);
}

.top-row[b-mnlaj0911x] {
    height: 3.5rem;
    background-color: rgba(47, 56, 48, 0.18);
}

.navbar-brand[b-mnlaj0911x] {
    font-size: 1.1rem;
}

.oi[b-mnlaj0911x] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-mnlaj0911x] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-mnlaj0911x] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-mnlaj0911x] {
        padding-bottom: 1rem;
    }

    .nav-item[b-mnlaj0911x]  a {
        color: #f4f8f1;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-mnlaj0911x]  a.active {
    background-color: rgba(255, 255, 255, 0.28);
    color: white;
}

.nav-item[b-mnlaj0911x]  a:hover {
    background-color: rgba(255, 255, 255, 0.18);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-mnlaj0911x] {
        display: none;
    }

    .collapse[b-mnlaj0911x] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-mnlaj0911x] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}