.portal.c-invoice-design.c-invoice-design{--c-text:#292823;--c-muted:#6f6d66;--c-border:#cecece;--c-surface:#fff;--c-surface-alt:#fcfcfb;--c-accent:#2274b6;--c-accent-hover:#195f98;--c-accent-soft:#eef5fb;--c-focus:#2274b6;--c-hover:#f0efe9;--c-action:#292823;--c-action-hover:#44433d;--c-on-action:#fff;--c-shadow:#0b0b0b12;--c-shadow-large:#0b0b0b14;--p-ink:var(--c-text);--p-muted:var(--c-muted);--p-line:var(--c-border);--p-blue:var(--c-accent);background:var(--c-surface-alt);min-height:100dvh;color:var(--c-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:14px/1.5 var(--font-body);display:block}html[data-console-theme=dark] .portal.c-invoice-design.c-invoice-design{--c-text:#eeece2;--c-muted:#b0aea5;--c-border:#4a4943;--c-surface:#30302e;--c-surface-alt:#262624;--c-accent:#87b6df;--c-accent-hover:#a7cceb;--c-accent-soft:#2e3b47;--c-focus:#87b6df;--c-hover:#3b3b36;--c-action:#eeece2;--c-action-hover:#d8d5c9;--c-on-action:#262624;--c-shadow:#0003;--c-shadow-large:#0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.portal.c-invoice-design.c-invoice-design :is(.i-header,.ip-toolbar){border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 32px;display:flex}.portal.c-invoice-design.c-invoice-design :is(.i-back,.ip-back){color:var(--c-muted);box-shadow:none;font:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:13px;text-decoration:none;display:inline-flex}.portal.c-invoice-design.c-invoice-design :is(.i-brand,.ip-brand){flex-shrink:0;align-items:center;gap:7px;margin-left:auto;font-size:14px;display:inline-flex}.portal.c-invoice-design.c-invoice-design .ip-paper-brand{display:none}.portal.c-invoice-design.c-invoice-design :is(.i-layout,.ip-layout){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px 48px;max-width:992px;margin:80px auto 0;display:grid}.portal.c-invoice-design.c-invoice-design :is(.i-heading,.ip-heading){grid-column:1/-1;width:calc(50% - 24px);min-width:0;margin:0;display:block}.portal.c-invoice-design.c-invoice-design :is(.i-title-line,.ip-title-line){flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.portal.c-invoice-design.c-invoice-design h1{font:400 22px/1.3 var(--font-display);letter-spacing:-.5px;margin:0}.portal.c-invoice-design.c-invoice-design h2{margin:0 0 16px;font-size:14px;font-weight:600;line-height:1.4}.portal.c-invoice-design.c-invoice-design h3{margin:0 0 12px;font-size:14px;font-weight:600}.portal.c-invoice-design.c-invoice-design :is(h1,h2,dd,td,p){overflow-wrap:anywhere}.portal.c-invoice-design.c-invoice-design :is(.i-heading,.ip-heading)>p{color:var(--c-muted);margin:8px 0 0;font-size:12px}.portal.c-invoice-design.c-invoice-design :is(.i-status,.ip-status){border:1px solid var(--c-border);background:var(--c-surface);border-radius:6px;padding:4px 8px;font-size:11px}.portal.c-invoice-design.c-invoice-design :is(.i-information,.ip-information,.i-summary,.ip-summary){min-width:0}.portal.c-invoice-design.c-invoice-design :is(.i-service>div,.ip-purchase){border:1px solid var(--c-accent);background:var(--c-accent-soft);border-radius:12px;min-height:144px;padding:20px}.portal.c-invoice-design.c-invoice-design :is(.i-service,.ip-purchase) h2{color:var(--c-muted);margin:0 0 12px;font-size:12px;font-weight:500}.portal.c-invoice-design.c-invoice-design :is(.i-billed,.ip-billing){margin-top:48px}.portal.c-invoice-design.c-invoice-design dl{margin:0}.portal.c-invoice-design.c-invoice-design :is(.i-billed,.ip-billing) dl{gap:16px;display:grid}.portal.c-invoice-design.c-invoice-design :is(.i-billed,.ip-billing) dt{color:var(--c-muted);margin-bottom:4px;font-size:12px}.portal.c-invoice-design.c-invoice-design dd{white-space:pre-line;margin:0}.portal.c-invoice-design.c-invoice-design :is(.i-summary,.ip-summary){border:1px solid var(--c-border);background:var(--c-surface);box-shadow:0 2px 4px var(--c-shadow), 0 6px 16px var(--c-shadow-large);border-radius:24px;padding:32px;position:sticky;top:24px}.portal.c-invoice-design.c-invoice-design :is(.i-summary,.ip-summary) h2{font:400 30px/1.2 var(--font-display);letter-spacing:-.6px;margin:0 0 24px}.portal.c-invoice-design.c-invoice-design .invoice-summary-description{color:var(--c-muted);margin:0 0 12px;font-size:14px}.portal.c-invoice-design.c-invoice-design :is(.i-totals,.ip-totals)>div{color:var(--c-muted);justify-content:space-between;gap:16px;padding:6px 0;font-size:13px;display:flex}.portal.c-invoice-design.c-invoice-design :is(.i-totals,.ip-totals) dd{text-align:right;font-variant-numeric:tabular-nums}.portal.c-invoice-design.c-invoice-design :is(.i-totals .i-due-row,.ip-totals .ip-due){border-top:1px solid var(--c-border);color:var(--c-text);margin-top:12px;padding-top:16px;font-size:14px;font-weight:600}.portal.c-invoice-design.c-invoice-design :is(.i-summary-action,.p-print-controls){margin-top:24px}.portal.c-invoice-design.c-invoice-design :is(.i-pay,.i-summary-action .p-primary,.p-print-controls button){background:var(--c-action);width:100%;min-height:40px;color:var(--c-on-action);font:500 14px/22px var(--font-body);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:9px 14px;display:flex}.portal.c-invoice-design.c-invoice-design :is(.i-pay,.i-summary-action .p-primary,.p-print-controls button):hover:not(:disabled){background:var(--c-action-hover);color:var(--c-on-action)}.portal.c-invoice-design.c-invoice-design :is(a,button,summary,input):focus-visible{outline:2px solid var(--c-focus);outline-offset:3px}@media (max-width:1023px){.portal.c-invoice-design.c-invoice-design :is(.i-layout,.ip-layout){grid-template-columns:minmax(0,1fr);gap:24px;max-width:600px;margin-top:32px}.portal.c-invoice-design.c-invoice-design :is(.i-heading,.ip-heading){grid-column:1;width:100%}.portal.c-invoice-design.c-invoice-design :is(.i-summary,.ip-summary){position:static}.portal.c-invoice-design.c-invoice-design :is(.i-summary,.ip-summary) h2{font-size:26px}}@media (max-width:540px){.portal.c-invoice-design.c-invoice-design :is(.i-header,.ip-toolbar){padding:0 20px}}@media print{.portal.c-invoice-design.c-invoice-design .ip-paper-brand{margin:0 0 24px;display:flex}html .portal.c-invoice-print.c-invoice-design.c-invoice-design{--c-text:#292823;--c-muted:#61605a;--c-border:#deddd6;--c-surface:#fff;--c-surface-alt:#fff;min-height:0;color:var(--c-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.portal.c-invoice-print.c-invoice-design.c-invoice-design .ip-layout{margin:0;display:block}.portal.c-invoice-print.c-invoice-design.c-invoice-design .ip-heading{width:100%;margin-bottom:24px}.portal.c-invoice-print.c-invoice-design.c-invoice-design .ip-billing{margin:0 0 24px}.portal.c-invoice-print.c-invoice-design.c-invoice-design :is(.ip-purchase,.ip-summary){min-height:0;box-shadow:none;background:#fff;border:0;border-radius:0;padding:0;position:static}.portal.c-invoice-print.c-invoice-design.c-invoice-design .ip-summary{width:55%;margin:24px 0 0 auto}.portal.c-invoice-print.c-invoice-design :is(.ip-summary h2,.invoice-summary-description){display:none}}
