.charge-modal .charge-surface,.charge-tab .charge-surface{container:charge-order/inline-size;max-width:1200px;margin-inline:auto}.charge-modal .charge-context,.charge-tab .charge-context{margin:0 0 28px;padding:0 0 18px;background:transparent;border:0;border-bottom:1px solid var(--hairline-strong);border-radius:0;box-shadow:none}.charge-modal .charge-id,.charge-tab .charge-id{min-height:44px;gap:18px;padding:0;border:0}.charge-modal .charge-id__who,.charge-tab .charge-id__who{gap:5px 16px}.charge-modal .charge-id__name,.charge-tab .charge-id__name{font:500 25px/1.05 var(--serif);letter-spacing:-.015em}.charge-modal .charge-id__chips,.charge-tab .charge-id__chips{gap:5px 9px;color:var(--ink-soft);font:12px/1.45 var(--mono);letter-spacing:.025em}.charge-modal .charge-id__swap,.charge-tab .charge-id__swap{min-height:44px;padding:0 8px;border-radius:4px}.charge-modal .charge-subs,.charge-tab .charge-subs{margin-top:5px}.charge-modal .charge-sub,.charge-tab .charge-sub{min-height:28px;padding:4px 9px;border-radius:4px;font-family:var(--sans)}.charge-modal .charge-lede,.charge-tab .charge-lede{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;margin-top:3px}.charge-modal .charge-lede__line,.charge-tab .charge-lede__line{color:var(--ink-soft);font-size:12.5px}.charge-modal .charge-context>.charge-step__note,.charge-modal .charge-subcheck,.charge-tab .charge-context>.charge-step__note,.charge-tab .charge-subcheck{margin:8px 0 0;padding-left:10px;color:var(--copper-text);border-left:2px solid var(--copper);font:500 12px/1.45 var(--sans)}.charge-modal .charge-subcheck,.charge-tab .charge-subcheck{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px}.charge-modal .charge-subcheck--override,.charge-tab .charge-subcheck--override{color:var(--ink-2);border-left-color:var(--hairline-strong)}.charge-modal .charge-subcheck__actions,.charge-tab .charge-subcheck__actions{display:inline-flex;gap:6px}.charge-modal .charge-subcheck button,.charge-tab .charge-subcheck button{min-height:44px;padding:6px 10px;color:var(--copper-text);background:transparent;border:1px solid var(--hairline-strong);border-radius:4px;font:600 11px/1.2 var(--sans)}.charge-modal .charge-lede__more,.charge-tab .charge-lede__more{min-height:36px;margin:0;padding:0 6px;border-radius:4px}.charge-modal .charge-lede__body,.charge-tab .charge-lede__body{flex-basis:100%;max-width:76ch;margin:3px 0 0;padding:10px 0 0 14px;background:transparent;border-radius:0}.charge-modal .charge-layout,.charge-tab .charge-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(420px,5fr);align-items:start;grid-gap:0;gap:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.charge-modal .charge-main,.charge-tab .charge-main{min-width:0;padding-right:32px;background:transparent;border-right:1px solid var(--hairline-strong)}.charge-modal .charge-step--catalog,.charge-tab .charge-step--catalog{min-height:0;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.charge-modal .charge-browser__head,.charge-tab .charge-browser__head{position:-webkit-sticky;position:sticky;top:0;z-index:6;margin:0 0 20px;padding:0 0 16px;background:var(--cream);border:0;border-bottom:1px solid var(--hairline-strong)}.charge-modal .charge-workflow-label,.charge-tab .charge-workflow-label{display:block;margin-bottom:7px;color:var(--copper-text);font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.charge-modal .charge-browser__head .charge-step__h--display,.charge-tab .charge-browser__head .charge-step__h--display{margin:0 0 13px;color:var(--ink);font:500 27px/1.08 var(--serif);letter-spacing:-.02em}.charge-modal .charge-search,.charge-tab .charge-search{min-height:46px;margin:0;padding:10px 13px;color:var(--ink);background:var(--paper);border:1px solid var(--hairline-strong);border-radius:6px;box-shadow:none;font:13px/1.4 var(--sans)}.charge-modal .charge-search:focus,.charge-tab .charge-search:focus{border-color:var(--copper);box-shadow:var(--ring)}.charge-modal .charge-group,.charge-tab .charge-group{margin:0 0 30px}.charge-modal .charge-group__eyebrow,.charge-tab .charge-group__eyebrow{margin:0 0 5px;color:var(--ink-soft);font:600 10px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}.charge-modal .charge-products,.charge-tab .charge-products{display:block;overflow:visible;background:transparent;border:0;border-radius:0}.charge-modal .charge-product,.charge-tab .charge-product{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:58px;padding:10px 10px 10px 0;grid-column-gap:16px;column-gap:16px;grid-row-gap:3px;row-gap:3px;background:transparent;border:0;border-bottom:1px solid var(--hairline);border-left:2px solid transparent;border-radius:0;box-shadow:none;transform:none}.charge-modal .charge-product:first-child,.charge-tab .charge-product:first-child{border-top:1px solid var(--hairline)}.charge-modal .charge-product:hover,.charge-tab .charge-product:hover{padding-left:10px;background:var(--bone);border-color:var(--hairline);border-left-color:var(--hairline-strong);box-shadow:none;transform:none}.charge-modal .charge-product--on,.charge-modal .charge-product--on:hover,.charge-tab .charge-product--on,.charge-tab .charge-product--on:hover{padding-left:10px;background:var(--bone);border-color:var(--hairline);border-left-color:var(--copper);box-shadow:none}.charge-modal .charge-product__name,.charge-tab .charge-product__name{grid-column:1;color:var(--ink);font:550 13.5px/1.4 var(--sans)}.charge-modal .charge-product__price,.charge-tab .charge-product__price{grid-column:2;grid-row:1;color:var(--ink);font:550 13px/1.35 var(--sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.charge-modal .charge-product__meta,.charge-tab .charge-product__meta{grid-column:1;grid-row:2;gap:3px 8px;color:var(--ink-soft);font:12px/1.45 var(--sans)}.charge-modal .charge-product__action,.charge-tab .charge-product__action{grid-column:2;grid-row:2;justify-self:end;color:var(--copper-text);font:650 13px/1.3 var(--sans);letter-spacing:.02em}.charge-modal .charge-product--on .charge-product__action,.charge-tab .charge-product--on .charge-product__action{color:var(--forest)}.charge-modal .charge-product--active,.charge-modal .charge-product--active:hover,.charge-tab .charge-product--active,.charge-tab .charge-product--active:hover{padding-left:10px;background:var(--bone);border-left-color:var(--copper)}.charge-modal .charge-product--family,.charge-tab .charge-product--family{min-height:64px}.charge-modal .charge-product__check,.charge-tab .charge-product__check{color:var(--copper-text)}.charge-modal .charge-product__list,.charge-tab .charge-product__list{font-family:var(--sans)}.charge-modal .charge-family-picker,.charge-tab .charge-family-picker{margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid var(--hairline-strong)}.charge-modal .charge-family-picker__kicker,.charge-modal .charge-family-picker__prompt,.charge-tab .charge-family-picker__kicker,.charge-tab .charge-family-picker__prompt{display:block;margin:0 0 7px;color:var(--ink-soft);font:600 10px/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase}.charge-modal .charge-family-picker__heading,.charge-tab .charge-family-picker__heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.charge-modal .charge-family-picker__heading h2,.charge-tab .charge-family-picker__heading h2{margin:0;color:var(--ink);font:500 27px/1.08 var(--serif);letter-spacing:-.02em}.charge-modal .charge-family-picker__change,.charge-tab .charge-family-picker__change{min-height:44px;padding:7px 0;color:var(--copper-text);background:transparent;border:0;font:650 11.5px/1.3 var(--sans);white-space:nowrap}.charge-modal .charge-family-picker__options,.charge-tab .charge-family-picker__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.charge-modal .charge-family-option,.charge-tab .charge-family-option{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:5px 10px;gap:5px 10px;min-height:106px;padding:13px 14px;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--hairline-strong);border-radius:6px}.charge-modal .charge-family-option:hover,.charge-tab .charge-family-option:hover{border-color:var(--copper-soft)}.charge-modal .charge-family-option--on,.charge-tab .charge-family-option--on{background:var(--bone);border-color:var(--copper);box-shadow:inset 3px 0 0 var(--copper)}.charge-modal .charge-family-option__name,.charge-tab .charge-family-option__name{font:650 14px/1.3 var(--sans)}.charge-modal .charge-family-option__price,.charge-tab .charge-family-option__price{justify-self:end;font:600 13px/1.3 var(--sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.charge-modal .charge-family-option__enrollment,.charge-tab .charge-family-option__enrollment{grid-column:1/-1;color:var(--ink-soft);font:11.5px/1.4 var(--sans)}.charge-modal .charge-family-option__state,.charge-tab .charge-family-option__state{grid-column:1/-1;align-self:end;color:var(--copper-text);font:650 11.5px/1.2 var(--sans)}.charge-modal .charge-family-option--on .charge-family-option__state,.charge-tab .charge-family-option--on .charge-family-option__state{color:var(--forest)}.charge-modal .charge-family-details,.charge-tab .charge-family-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 18px;gap:8px 18px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--hairline)}.charge-modal .charge-family-details div,.charge-tab .charge-family-details div{display:grid;grid-gap:3px;gap:3px}.charge-modal .charge-family-details dt,.charge-tab .charge-family-details dt{color:var(--ink-soft);font:600 10px/1.3 var(--sans);letter-spacing:.07em;text-transform:uppercase}.charge-modal .charge-family-details dd,.charge-tab .charge-family-details dd{margin:0;color:var(--ink);font:12.5px/1.4 var(--sans)}.charge-modal .charge-family-picker__help,.charge-tab .charge-family-picker__help{margin:12px 0 0;color:var(--ink-soft);font:12px/1.5 var(--sans)}.charge-modal .charge-custom,.charge-tab .charge-custom{margin-top:34px;padding:18px 0;background:transparent;border:0;border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);border-radius:0}.charge-modal .charge-dock,.charge-tab .charge-dock{position:-webkit-sticky;position:sticky;top:16px;width:auto;min-width:0;padding-left:32px;background:transparent;border:0}.charge-modal .charge-dock__inner,.charge-tab .charge-dock__inner{display:block;min-height:0;max-height:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.charge-modal .charge-surface:is([data-phase=build],[data-phase=confirm]) .charge-dock__inner,.charge-tab .charge-surface:is([data-phase=build],[data-phase=confirm]) .charge-dock__inner{display:flex;flex-direction:column}.charge-modal .charge-surface:is([data-phase=build],[data-phase=confirm]) .charge-dock__inner>*,.charge-tab .charge-surface:is([data-phase=build],[data-phase=confirm]) .charge-dock__inner>*{order:8}.charge-modal .charge-dock__head,.charge-tab .charge-dock__head{order:1}.charge-modal .charge-confirm-id,.charge-modal .charge-family-picker,.charge-tab .charge-confirm-id,.charge-tab .charge-family-picker{order:2}.charge-modal .charge-ledger-editor,.charge-modal .charge-ledger-empty,.charge-tab .charge-ledger-editor,.charge-tab .charge-ledger-empty{order:3}.charge-modal .charge-ledger-glance,.charge-tab .charge-ledger-glance{order:4}.charge-modal .charge-dock__lines,.charge-tab .charge-dock__lines{order:5}.charge-modal .charge-totals,.charge-tab .charge-totals{order:6}.charge-modal .charge-dock__then,.charge-tab .charge-dock__then{order:7}.charge-modal .charge-dock__edge,.charge-tab .charge-dock__edge{display:none}.charge-modal .charge-dock__head,.charge-tab .charge-dock__head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin:-10px 0 8px}.charge-modal .charge-dock__eyebrow,.charge-tab .charge-dock__eyebrow{margin:0;color:var(--copper-text);font:500 10px/1 var(--mono);letter-spacing:.14em}.charge-modal .charge-confirm-back,.charge-tab .charge-confirm-back{min-width:44px;min-height:44px;padding:6px 4px 6px 12px;color:var(--copper-text);background:transparent;border:0;font:600 12px/1.2 var(--sans)}.charge-modal .charge-ledger-glance,.charge-tab .charge-ledger-glance{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:4px 16px;gap:4px 16px;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--hairline-strong)}.charge-modal .charge-ledger-glance__label,.charge-tab .charge-ledger-glance__label{color:var(--ink-soft);font:500 10px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}.charge-modal .charge-ledger-glance strong,.charge-tab .charge-ledger-glance strong{grid-column:2;grid-row:1/span 2;color:var(--ink);font:600 18px/1.15 var(--sans);letter-spacing:-.015em}.charge-modal .charge-ledger-glance__renewal,.charge-tab .charge-ledger-glance__renewal{color:var(--ink-soft);font:12px/1.45 var(--sans)}.charge-modal .charge-ledger-glance__action,.charge-tab .charge-ledger-glance__action{grid-column:1/-1;width:100%;min-height:48px;margin-top:9px;border-radius:4px;font-size:13px}.charge-modal .charge-ledger-glance__add,.charge-tab .charge-ledger-glance__add{display:inline-flex;align-items:center;gap:8px;grid-column:1/-1;justify-self:start;min-height:44px;margin:4px 0 -2px;padding:6px 0;color:var(--copper-text);background:transparent;border:0;font:650 12px/1.3 var(--sans);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.charge-modal .charge-ledger-glance__add span,.charge-tab .charge-ledger-glance__add span{font-size:16px;line-height:1;text-decoration:none}.charge-modal .charge-ledger-empty,.charge-tab .charge-ledger-empty{display:block;min-height:0;margin:0 0 22px;padding:16px 0 18px;background:transparent;border:0;border-top:1px dashed var(--hairline-strong);border-bottom:1px dashed var(--hairline-strong);border-radius:0}.charge-modal .charge-ledger-empty strong,.charge-tab .charge-ledger-empty strong{color:var(--ink);font:600 15px/1.3 var(--sans)}.charge-modal .charge-ledger-empty p,.charge-tab .charge-ledger-empty p{max-width:42ch;margin:5px 0 0;color:var(--ink-soft);font:12px/1.55 var(--sans)}.charge-modal .charge-ledger-editor,.charge-tab .charge-ledger-editor{display:flex;flex-direction:column;gap:24px}.charge-modal .charge-ledger-editor:empty,.charge-modal .charge-ledger-editor__adjustments:empty,.charge-modal .charge-ledger-editor__items:empty,.charge-tab .charge-ledger-editor:empty,.charge-tab .charge-ledger-editor__adjustments:empty,.charge-tab .charge-ledger-editor__items:empty{display:none}.charge-modal .charge-cart,.charge-tab .charge-cart{gap:0;margin:0;padding:0;background:transparent;border:0;border-radius:0}.charge-modal .charge-cart__eyebrow,.charge-tab .charge-cart__eyebrow{margin-bottom:4px;color:var(--ink-soft);font:600 10px/1.2 var(--sans);letter-spacing:.1em}.charge-modal .charge-cart__eyebrow:after,.charge-tab .charge-cart__eyebrow:after{background:var(--hairline-strong)}.charge-modal .charge-cart .charge-line,.charge-tab .charge-cart .charge-line{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:9px;gap:9px;margin:0;padding:17px 0;background:transparent;border:0;border-bottom:1px solid var(--hairline);border-radius:0}.charge-modal .charge-cart .charge-line:first-of-type,.charge-tab .charge-cart .charge-line:first-of-type{border-top:1px solid var(--hairline)}.charge-modal .charge-line__name,.charge-tab .charge-line__name{min-width:0;color:var(--ink);font:600 13.5px/1.4 var(--sans)}.charge-modal .charge-line__controls,.charge-tab .charge-line__controls{display:grid;grid-template-columns:52px minmax(128px,1fr) 78px;align-items:center;grid-gap:8px;gap:8px;width:100%;min-width:0}.charge-modal .charge-line__amt--editable,.charge-modal .charge-line__controls>.charge-btn,.charge-modal .charge-line__price-input,.charge-modal .charge-qty,.charge-tab .charge-line__amt--editable,.charge-tab .charge-line__controls>.charge-btn,.charge-tab .charge-line__price-input,.charge-tab .charge-qty{min-height:44px;border-radius:4px}.charge-modal .charge-line__controls .charge-line__money,.charge-tab .charge-line__controls .charge-line__money{min-width:0;justify-content:flex-end;font-family:var(--sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.charge-modal .charge-line__controls>.charge-btn,.charge-tab .charge-line__controls>.charge-btn{min-width:78px;margin:0;padding:8px 10px}.charge-modal .charge-line__billed,.charge-modal .charge-line__bundle,.charge-modal .charge-line__editnote,.charge-modal .charge-line__starts-say,.charge-tab .charge-line__billed,.charge-tab .charge-line__bundle,.charge-tab .charge-line__editnote,.charge-tab .charge-line__starts-say{color:var(--ink-soft);font-family:var(--sans);font-size:12px;line-height:1.5}.charge-modal .charge-line__chips,.charge-modal .charge-line__starts,.charge-tab .charge-line__chips,.charge-tab .charge-line__starts{gap:6px;margin-top:1px}.charge-modal .charge-chip,.charge-modal .charge-startchip,.charge-tab .charge-chip,.charge-tab .charge-startchip{min-height:44px;padding:8px 10px;border-radius:4px;font-family:var(--sans)}.charge-modal .charge-feeline,.charge-tab .charge-feeline{grid-column:1/-1;margin:11px 0 0;padding:11px 0 0;color:var(--ink-soft);border-top:1px solid var(--hairline);font:12px/1.45 var(--sans)}.charge-modal .charge-feebox,.charge-tab .charge-feebox{grid-column:1/-1;margin-top:0;padding:10px 12px;background:var(--bone);border:0;border-radius:4px}.charge-modal .charge-feebox__label,.charge-tab .charge-feebox__label{font-size:12.5px}.charge-modal .charge-feebox__note,.charge-tab .charge-feebox__note{color:var(--ink-2);font:11.5px/1.45 var(--sans)}.charge-modal .charge-step--discount,.charge-tab .charge-step--discount{margin:0;padding:22px 0 0;background:transparent;border:0;border-top:1px solid var(--hairline-strong);border-radius:0;box-shadow:none}.charge-modal .charge-step--discount .charge-step__h--display,.charge-tab .charge-step--discount .charge-step__h--display{margin:0 0 4px;font:600 15px/1.3 var(--sans)}.charge-modal .charge-freeform,.charge-tab .charge-freeform{padding:12px;border-radius:4px}.charge-modal .charge-totals,.charge-tab .charge-totals{display:grid;grid-gap:7px;gap:7px;margin:26px 0 0;padding:17px 0 0;border-top:2px solid var(--forest)}.charge-modal .charge-total-row,.charge-tab .charge-total-row{align-items:baseline;color:var(--ink-soft);font:13px/1.4 var(--sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.charge-modal .charge-total-row--grand,.charge-tab .charge-total-row--grand{margin-top:5px;padding-top:13px;color:var(--ink);border-top:1px solid var(--hairline-strong);font-size:13px;font-weight:600}.charge-modal .charge-dock__due span:last-child,.charge-tab .charge-dock__due span:last-child{color:var(--ink);font:600 32px/1 var(--sans);letter-spacing:-.045em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.charge-modal .charge-dock__then,.charge-tab .charge-dock__then{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;margin:10px 0 0;padding:10px 0;color:var(--ink-2);background:transparent;border:0;border-bottom:1px solid var(--hairline);border-radius:0}.charge-modal .charge-dock__then-label,.charge-tab .charge-dock__then-label{color:var(--ink-soft);font:600 11.5px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}.charge-modal .charge-dock__then-amt,.charge-tab .charge-dock__then-amt{color:var(--ink);font:600 13px/1.4 var(--sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.charge-modal .charge-dock__then-fee,.charge-tab .charge-dock__then-fee{font-family:var(--sans)}.charge-modal .charge-surface[data-phase=build] .charge-dock__note,.charge-tab .charge-surface[data-phase=build] .charge-dock__note{display:none}.charge-modal .charge-dock__terms,.charge-tab .charge-dock__terms{min-height:44px;margin-top:14px;padding:9px 0;color:var(--ink-soft);background:transparent;border:0;border-bottom:1px solid var(--hairline);border-radius:0;font:12.5px/1.45 var(--sans)}.charge-modal .charge-actions--dock,.charge-tab .charge-actions--dock{position:static;margin-top:22px;padding:0;background:transparent}.charge-modal .charge-actions--dock .charge-btn--cta,.charge-tab .charge-actions--dock .charge-btn--cta{min-height:50px;border-radius:4px;font-size:13px}.charge-modal .charge-confirm-id,.charge-tab .charge-confirm-id{margin:-2px 0 26px;padding:0 0 19px;border-bottom:1px solid var(--hairline-strong)}.charge-modal .charge-confirm-id h2,.charge-tab .charge-confirm-id h2{margin:0;color:var(--ink);font:500 27px/1.15 var(--serif);letter-spacing:-.02em}.charge-modal .charge-confirm-id p,.charge-tab .charge-confirm-id p{margin:7px 0 0;color:var(--ink-soft);font:12px/1.45 var(--mono);letter-spacing:.025em}.charge-modal .charge-surface[data-phase=confirm] .charge-dock__note,.charge-modal .charge-surface[data-phase=confirm] .charge-step__note,.charge-tab .charge-surface[data-phase=confirm] .charge-dock__note,.charge-tab .charge-surface[data-phase=confirm] .charge-step__note{color:var(--ink-2);font:13px/1.55 var(--sans)}.charge-modal .charge-checkout-handoff,.charge-tab .charge-checkout-handoff{margin:18px 0 4px;padding:12px 14px;color:var(--ink-2);background:var(--bone);border-left:2px solid var(--forest);font:13px/1.5 var(--sans)}.charge-modal .charge-checkout-handoff strong,.charge-tab .charge-checkout-handoff strong{color:var(--ink)}.charge-modal .charge-surface[data-phase=confirm] .charge-context,.charge-modal .charge-surface[data-phase=confirm] .charge-main,.charge-tab .charge-surface[data-phase=confirm] .charge-context,.charge-tab .charge-surface[data-phase=confirm] .charge-main{display:none}.charge-modal .charge-surface[data-phase=confirm] .charge-layout,.charge-tab .charge-surface[data-phase=confirm] .charge-layout{display:block;width:min(720px,100%);margin:0 auto}.charge-modal .charge-surface[data-phase=confirm] .charge-dock,.charge-tab .charge-surface[data-phase=confirm] .charge-dock{position:static;width:100%;padding:0;border:0}.charge-modal .charge-surface[data-phase=confirm] .charge-dock__inner,.charge-tab .charge-surface[data-phase=confirm] .charge-dock__inner{padding:28px 0 26px;background:transparent;border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong)}.charge-modal .charge-surface[data-phase=confirm] .charge-dock__lines,.charge-tab .charge-surface[data-phase=confirm] .charge-dock__lines{gap:0;margin-bottom:16px;padding-bottom:14px}.charge-modal .charge-surface[data-phase=confirm] .charge-dock__line,.charge-tab .charge-surface[data-phase=confirm] .charge-dock__line{padding:8px 0}.charge-modal .charge-surface[data-phase=confirm] .charge-actions--dock,.charge-tab .charge-surface[data-phase=confirm] .charge-actions--dock{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}@container charge-order (max-width: 1040px){.charge-modal .charge-layout,.charge-tab .charge-layout{display:flex;flex-direction:column}.charge-modal .charge-main,.charge-tab .charge-main{order:2;width:100%;padding:30px 0 0;border:0;border-top:1px solid var(--hairline-strong)}.charge-modal .charge-dock,.charge-tab .charge-dock{position:static;order:1;width:100%;padding:0 0 30px}.charge-modal .charge-surface[data-empty=true] .charge-main,.charge-tab .charge-surface[data-empty=true] .charge-main{order:1;padding-top:0;border-top:0}.charge-modal .charge-surface[data-empty=true] .charge-dock,.charge-tab .charge-surface[data-empty=true] .charge-dock{display:none}.charge-modal .charge-surface[data-family-active=true] .charge-main,.charge-tab .charge-surface[data-family-active=true] .charge-main{order:2;padding-top:30px;border-top:1px solid var(--hairline-strong)}.charge-modal .charge-surface[data-family-active=true] .charge-dock,.charge-tab .charge-surface[data-family-active=true] .charge-dock{display:block;order:1}.charge-modal .charge-browser__head,.charge-tab .charge-browser__head{top:0}.charge-modal .charge-surface[data-phase=confirm] .charge-layout,.charge-tab .charge-surface[data-phase=confirm] .charge-layout{display:block}}@container charge-order (max-width: 700px){.charge-modal .charge-context,.charge-tab .charge-context{margin-bottom:22px;padding-bottom:14px}.charge-modal .charge-id,.charge-tab .charge-id{align-items:flex-start}.charge-modal .charge-id__who,.charge-tab .charge-id__who{flex-direction:column;align-items:flex-start}.charge-modal .charge-id__name,.charge-tab .charge-id__name{font-size:23px}.charge-modal .charge-product,.charge-tab .charge-product{min-height:62px}}.charge-modal .charge-surface[data-compact=true],.charge-tab .charge-surface[data-compact=true]{padding-bottom:110px}.charge-modal .charge-surface[data-compact=true][data-phase=confirm],.charge-tab .charge-surface[data-compact=true][data-phase=confirm]{padding-bottom:148px}.charge-modal .charge-surface[data-compact=true]>.charge-mobilebar,.charge-tab .charge-surface[data-compact=true]>.charge-mobilebar{position:fixed;left:var(--charge-bar-left,0);right:auto;bottom:0;z-index:40;display:block;width:var(--charge-bar-width,100vw);margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));box-sizing:border-box;color:var(--ink);background:var(--paper);border:0;border-top:1px solid var(--hairline-strong);border-radius:0;box-shadow:var(--elev-3)}.charge-modal .charge-mobilebar__edge,.charge-tab .charge-mobilebar__edge{display:none}.charge-modal .charge-surface[data-compact=true] .charge-mobilebar__row,.charge-tab .charge-surface[data-compact=true] .charge-mobilebar__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;width:100%}.charge-modal .charge-mobilebar__figure,.charge-tab .charge-mobilebar__figure{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;grid-gap:1px 10px;gap:1px 10px;min-width:0}.charge-modal .charge-mobilebar__label,.charge-tab .charge-mobilebar__label{color:var(--ink-soft);font:500 9px/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase}.charge-modal .charge-mobilebar__amt,.charge-tab .charge-mobilebar__amt{color:var(--ink);font:600 24px/1 var(--sans);letter-spacing:-.04em;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.charge-modal .charge-surface[data-compact=true] .charge-mobilebar__then,.charge-tab .charge-surface[data-compact=true] .charge-mobilebar__then{grid-column:1/-1;color:var(--ink-soft);font:11px/1.35 var(--sans);letter-spacing:0;text-transform:none;white-space:normal}.charge-modal .charge-mobilebar .charge-btn,.charge-tab .charge-mobilebar .charge-btn{min-width:176px;min-height:48px;padding:9px 14px;border-radius:4px;font-size:12px;line-height:1.25;white-space:normal}@media (max-width:640px){.charge-modal .charge-family-picker__heading,.charge-tab .charge-family-picker__heading{flex-direction:column;align-items:flex-start;gap:2px}.charge-modal .charge-family-picker__change,.charge-tab .charge-family-picker__change{order:-1;margin:-5px 0 2px;padding-inline:0}.charge-modal .charge-family-picker__options,.charge-tab .charge-family-picker__options{grid-template-columns:1fr}.charge-modal .charge-family-option,.charge-tab .charge-family-option{min-height:92px}.charge-modal .charge-family-option__enrollment,.charge-modal .charge-family-option__state,.charge-modal .charge-family-picker__help,.charge-tab .charge-family-option__enrollment,.charge-tab .charge-family-option__state,.charge-tab .charge-family-picker__help{font-size:12px}.charge-modal .charge-surface,.charge-tab .charge-surface{padding-bottom:0}.charge-modal .charge-surface[data-compact=true],.charge-tab .charge-surface[data-compact=true]{padding-bottom:112px}.charge-modal .charge-surface[data-compact=true][data-phase=confirm],.charge-tab .charge-surface[data-compact=true][data-phase=confirm]{padding-bottom:150px}.charge-modal .charge-id,.charge-tab .charge-id{flex-direction:row;gap:10px}.charge-modal .charge-lede,.charge-tab .charge-lede{display:block;margin-top:8px}.charge-modal .charge-lede__body,.charge-modal .charge-lede__more,.charge-tab .charge-lede__body,.charge-tab .charge-lede__more{display:none}.charge-modal .charge-id__swap,.charge-tab .charge-id__swap{align-self:flex-start;margin-left:auto}.charge-modal .charge-browser__head .charge-step__h--display,.charge-tab .charge-browser__head .charge-step__h--display{font-size:24px}.charge-modal .charge-line__controls,.charge-tab .charge-line__controls{grid-template-columns:50px minmax(0,1fr) 74px;gap:6px}.charge-modal .charge-line__starts,.charge-tab .charge-line__starts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;grid-gap:7px;gap:7px}.charge-modal .charge-line__editnote,.charge-modal .charge-line__startdate,.charge-modal .charge-line__starts-label,.charge-modal .charge-line__starts-say,.charge-tab .charge-line__editnote,.charge-tab .charge-line__startdate,.charge-tab .charge-line__starts-label,.charge-tab .charge-line__starts-say{grid-column:1/-1}.charge-modal .charge-line__starts .charge-startchip,.charge-tab .charge-line__starts .charge-startchip{width:100%;min-height:44px;white-space:normal}.charge-modal .charge-surface[data-phase=confirm] .charge-dock__inner,.charge-tab .charge-surface[data-phase=confirm] .charge-dock__inner{padding:22px 0 20px}.charge-modal .charge-surface[data-phase=confirm] .charge-actions--dock,.charge-tab .charge-surface[data-phase=confirm] .charge-actions--dock{grid-template-columns:1fr}}@media (max-width:420px){.charge-modal .charge-surface[data-compact=true]>.charge-mobilebar,.charge-tab .charge-surface[data-compact=true]>.charge-mobilebar{padding-inline:12px}.charge-modal .charge-surface[data-compact=true] .charge-mobilebar__row,.charge-tab .charge-surface[data-compact=true] .charge-mobilebar__row{grid-template-columns:minmax(0,1fr) 154px;gap:10px}.charge-modal .charge-mobilebar__figure,.charge-tab .charge-mobilebar__figure{grid-template-columns:minmax(0,1fr);align-items:start;gap:1px}.charge-modal .charge-mobilebar__amt,.charge-tab .charge-mobilebar__amt{font-size:22px}.charge-modal .charge-surface[data-compact=true] .charge-mobilebar__row .charge-btn,.charge-tab .charge-surface[data-compact=true] .charge-mobilebar__row .charge-btn{width:154px;min-width:154px;padding-inline:8px;font-size:11px}}@media (max-width:280px){.charge-modal .charge-surface[data-compact=true],.charge-modal .charge-surface[data-compact=true][data-phase=confirm],.charge-tab .charge-surface[data-compact=true],.charge-tab .charge-surface[data-compact=true][data-phase=confirm]{padding-bottom:0}.charge-modal .charge-surface[data-compact=true]>.charge-mobilebar,.charge-tab .charge-surface[data-compact=true]>.charge-mobilebar{position:static;width:100%;margin-top:20px;box-shadow:none}.charge-modal .charge-surface[data-compact=true] .charge-mobilebar__row,.charge-tab .charge-surface[data-compact=true] .charge-mobilebar__row{grid-template-columns:1fr}.charge-modal .charge-mobilebar .charge-btn,.charge-tab .charge-mobilebar .charge-btn{width:100%}.charge-modal .charge-line__controls,.charge-tab .charge-line__controls{grid-template-columns:44px minmax(0,1fr);gap:6px}.charge-modal .charge-line__controls>.charge-btn,.charge-tab .charge-line__controls>.charge-btn{grid-column:1/-1;width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.charge-modal .charge-product,.charge-modal .charge-search,.charge-tab .charge-product,.charge-tab .charge-search{transition:none}}.sec-tab{display:flex;flex-direction:column;gap:16px}.sec-tab__title{font-size:20px;font-weight:700;margin:0 0 6px}.sec-tab__intro{margin:0;line-height:1.55;color:var(--ink-soft)}.sec-tab__panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.sec-note{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 13px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bone);line-height:1.5}.sec-note--red{background:var(--red-tint);border-color:rgba(192,54,44,.28)}.sec-note--ok{color:var(--ink-soft)}.sec-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.sec-card__title{font-size:15px;font-weight:700;margin:0 0 4px}.sec-card__sub{margin:0 0 12px;color:var(--ink-soft)}.sec-card__empty{color:var(--ink-soft);display:flex;align-items:center;gap:8px}.sec-mono{font-family:var(--font-mono,ui-monospace,monospace);font-size:12.5px}.sec-known{list-style:none;margin:0 0 12px;padding:0}.sec-known__row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--hairline)}.sec-known__row:last-child{border-bottom:0}.sec-known__label{font-weight:600;flex:1 1}.sec-add{display:flex;gap:8px;flex-wrap:wrap}.sec-add__input{flex:1 1 200px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bone)}.sec-add__mine{margin-top:8px}.sec-btn{border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px;background:var(--paper);cursor:pointer;font:inherit;font-size:13px}.sec-btn:disabled{opacity:.5;cursor:default}.sec-btn--primary{background:var(--forest,#1d3a2f);color:#fff;border-color:transparent}.sec-btn--ghost{background:transparent}.sec-log{list-style:none;margin:0;padding:0}.sec-row{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:4px 16px;gap:4px 16px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--hairline);border-radius:var(--radius)}.sec-row:last-child{border-bottom:0}.sec-row--flagged{background:var(--red-tint)}.sec-row--failed .sec-row__who{color:var(--red,#c0362c)}.sec-row__main{display:flex;flex-direction:column}.sec-row__who{font-weight:600}.sec-row__when{color:var(--ink-soft);font-size:12.5px}.sec-row__where{display:flex;flex-direction:column}.sec-row__where .sec-mono{color:var(--ink-soft)}.sec-row__status{justify-self:end}.sec-row__actions{grid-column:1/-1;display:flex;gap:8px;padding-top:4px}.sec-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--hairline);background:var(--bone)}.sec-chip--red{background:var(--red,#c0362c);color:#fff;border-color:transparent}.sec-chip--muted,.sec-chip--ok{color:var(--ink-soft)}@media (max-width:640px){.sec-row{grid-template-columns:1fr}.sec-row__status{justify-self:start}}