.shgf-summary-data {
    display: none !important;
}

.shgf-summary-row,
.shgf-order-summary-line {
    --shgf-summary-surface: rgba(255, 255, 255, 0.92);
    --shgf-summary-border: rgba(15, 23, 42, 0.1);
    --shgf-summary-text: #0f172a;
    --shgf-summary-muted: #475569;
    --shgf-summary-chip-bg: rgba(15, 23, 42, 0.06);
    --shgf-summary-chip-text: #334155;
    --shgf-summary-surface-fee-light: #FCF5FF;
    --shgf-summary-fee-text-light: #26182F;
    --shgf-summary-border-fee-light: rgba(38, 24, 47, 0.18);
    --shgf-summary-chip-fee-light: rgba(38, 24, 47, 0.08);
    --shgf-summary-surface-fee-dark: #26182F;
    --shgf-summary-fee-text-dark: #F3D6FF;
    --shgf-summary-border-fee-dark: rgba(243, 214, 255, 0.28);
    --shgf-summary-chip-fee-dark: rgba(243, 214, 255, 0.16);
    --shgf-summary-surface-discount-light: #F0FDF4;
    --shgf-summary-discount-text-light: #15803D;
    --shgf-summary-border-discount-light: rgba(21, 128, 61, 0.18);
    --shgf-summary-chip-discount-light: rgba(21, 128, 61, 0.08);
    --shgf-summary-surface-discount-dark: #173127;
    --shgf-summary-discount-text-dark: #15803D;
    --shgf-summary-border-discount-dark: rgba(21, 128, 61, 0.28);
    --shgf-summary-chip-discount-dark: rgba(21, 128, 61, 0.16);
    --shgf-summary-surface-fee: var(--shgf-summary-surface-fee-light);
    --shgf-summary-border-fee: var(--shgf-summary-border-fee-light);
    --shgf-summary-chip-fee: var(--shgf-summary-chip-fee-light);
    --shgf-summary-fee-text: var(--shgf-summary-fee-text-light);
    --shgf-summary-surface-discount: var(--shgf-summary-surface-discount-light);
    --shgf-summary-border-discount: var(--shgf-summary-border-discount-light);
    --shgf-summary-chip-discount: var(--shgf-summary-chip-discount-light);
    --shgf-summary-discount-text: var(--shgf-summary-discount-text-light);
    color: var(--shgf-summary-text);
    font: inherit;
}

html.lagom-dark-mode .shgf-summary-row,
html.lagom-dark-mode .shgf-order-summary-line,
body.lagom-dark-mode .shgf-summary-row,
body.lagom-dark-mode .shgf-order-summary-line {
    --shgf-summary-surface-fee: var(--shgf-summary-surface-fee-dark);
    --shgf-summary-border-fee: var(--shgf-summary-border-fee-dark);
    --shgf-summary-chip-fee: var(--shgf-summary-chip-fee-dark);
    --shgf-summary-fee-text: var(--shgf-summary-fee-text-dark);
    --shgf-summary-surface-discount: var(--shgf-summary-surface-discount-dark);
    --shgf-summary-border-discount: var(--shgf-summary-border-discount-dark);
    --shgf-summary-chip-discount: var(--shgf-summary-chip-discount-dark);
    --shgf-summary-discount-text: var(--shgf-summary-discount-text-dark);
}

.shgf-summary-row:not(tr),
.shgf-order-summary-line:not(tr) {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    align-self: stretch;
    flex: 0 1 auto;
    margin: 14px 0 18px;
    padding: 12px 14px;
    border: 1px solid var(--shgf-summary-border);
    border-left-width: 4px;
    border-radius: 14px;
    background: var(--shgf-summary-surface);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.shgf-summary-row__label,
.shgf-order-summary-line__label {
    min-width: 0;
    color: inherit;
    font: inherit;
    font-weight: 700;
    line-height: 1.35;
}

.shgf-summary-row__content {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: 0;
}

.shgf-summary-row__amount-wrap {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    margin-left: auto;
    padding: 7px 10px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.05);
}

.panel-footer > .shgf-summary-row,
.panel-footer > .shgf-order-summary-line {
    margin: 18px 0 20px;
}

.shgf-summary-row__amount,
.shgf-order-summary-line__amount {
    color: var(--shgf-summary-text);
    font: inherit;
    font-weight: 700;
    line-height: 1.35;
    text-align: right;
    white-space: nowrap;
}

.shgf-summary-row--fee:not(tr) {
    border-color: var(--shgf-summary-border-fee);
    background: var(--shgf-summary-surface-fee);
    color: var(--shgf-summary-fee-text);
}

.shgf-summary-row--fee .shgf-summary-row__amount-wrap,
.shgf-summary-row--fee .shgf-order-summary-line__amount-wrap {
    background: var(--shgf-summary-chip-fee);
}

.shgf-summary-row--fee .shgf-summary-row__amount,
.shgf-summary-row--fee .shgf-order-summary-line__amount {
    color: var(--shgf-summary-fee-text);
}

.shgf-summary-row--discount:not(tr),
.shgf-order-summary-line.is-discount:not(tr) {
    border-color: var(--shgf-summary-border-discount);
    background: var(--shgf-summary-surface-discount);
    color: var(--shgf-summary-discount-text);
}

.shgf-summary-row--discount .shgf-summary-row__amount-wrap,
.shgf-order-summary-line.is-discount .shgf-summary-row__amount-wrap {
    background: var(--shgf-summary-chip-discount);
}

.shgf-summary-row--discount .shgf-summary-row__amount,
.shgf-summary-row--discount .shgf-order-summary-line__amount,
.shgf-order-summary-line.is-discount .shgf-order-summary-line__amount {
    color: var(--shgf-summary-discount-text);
}

li.shgf-summary-row,
li.shgf-order-summary-line {
    list-style: none;
}

tr.shgf-summary-row td,
tr.shgf-order-summary-line td {
    padding: 12px 14px;
    border-top: 0;
    border-bottom: 0;
    background: var(--shgf-summary-surface);
    color: var(--shgf-summary-text);
    font: inherit;
    vertical-align: top;
}

tr.shgf-summary-row td:first-child,
tr.shgf-order-summary-line td:first-child {
    border: 1px solid var(--shgf-summary-border);
    border-left-width: 4px;
    border-right: 0;
    border-radius: 14px 0 0 14px;
}

tr.shgf-summary-row td:last-child,
tr.shgf-order-summary-line td:last-child {
    border: 1px solid var(--shgf-summary-border);
    border-left: 0;
    border-radius: 0 14px 14px 0;
    text-align: right;
    white-space: nowrap;
}

tr.shgf-summary-row--fee td {
    background: var(--shgf-summary-surface-fee);
    color: var(--shgf-summary-fee-text);
}

tr.shgf-summary-row--fee td:first-child,
tr.shgf-summary-row--fee td:last-child {
    border-color: var(--shgf-summary-border-fee);
}

tr.shgf-summary-row--discount td,
tr.shgf-order-summary-line.is-discount td {
    background: var(--shgf-summary-surface-discount);
    color: var(--shgf-summary-discount-text);
}

tr.shgf-summary-row--discount td:first-child,
tr.shgf-summary-row--discount td:last-child,
tr.shgf-order-summary-line.is-discount td:first-child,
tr.shgf-order-summary-line.is-discount td:last-child {
    border-color: var(--shgf-summary-border-discount);
}

.panel-view-invoice form.shgf-is-loading {
    opacity: 0.68;
}

.panel.panel-summary.panel-view-invoice.shgf-is-loading,
.invoice.shgf-is-loading {
    transition: opacity 0.18s ease;
    opacity: 0.72;
}

.shgf-inline-error {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff1f4;
    border: 1px solid rgba(219, 85, 104, 0.2);
    color: #b4233f;
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 575px) {
    .shgf-summary-row:not(tr),
    .shgf-order-summary-line:not(tr) {
        gap: 10px;
        margin: 12px 0 16px;
        padding: 11px 12px;
    }

    .shgf-summary-row__label,
    .shgf-order-summary-line__label {
        font-size: 13px;
    }

    .shgf-summary-row__amount,
    .shgf-order-summary-line__amount {
        font-size: 13px;
    }
}