.portal.c-customer-design .i-detail{width:100%;max-width:1120px;margin:0 auto;container-type:inline-size}.portal.c-customer-design .i-detail [hidden]{display:none!important}.portal.c-customer-design .i-detail .i-breadcrumb{min-height:40px;margin-bottom:16px;padding-right:120px}.portal.c-customer-design .i-detail .i-back{color:var(--c-muted);box-shadow:none;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex}.portal.c-customer-design .i-detail .i-layout{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) 380px;align-items:start;column-gap:24px;display:grid}.portal.c-customer-design .i-detail .i-card{border:1px solid var(--c-border);background:var(--c-surface);box-shadow:none;border-radius:16px;min-width:0;padding:24px}.portal.c-customer-design .i-detail .i-heading{border-bottom:0;border-radius:16px 16px 0 0;grid-area:1/1}.portal.c-customer-design .i-detail .i-title-line{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portal.c-customer-design .i-detail h1{overflow-wrap:anywhere;margin:0}.portal.c-customer-design .i-detail h2{margin:0 0 16px}.portal.c-customer-design .i-detail .i-status{background:var(--c-surface-alt);color:var(--c-text);white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:12px}.portal.c-customer-design .i-detail .i-status-paid{color:var(--c-success,var(--c-text))}.portal.c-customer-design .i-detail .i-heading-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.portal.c-customer-design .i-detail .i-heading-actions .p-button,.portal.c-customer-design .i-detail .i-heading-actions button{align-items:center;gap:6px;display:inline-flex}.portal.c-customer-design .i-detail .i-more{margin-left:auto;position:relative}.portal.c-customer-design .i-detail .i-more summary{cursor:pointer;border:1px solid var(--c-border);border-radius:8px;padding:6px 12px;list-style:none}.portal.c-customer-design .i-detail .i-more summary::-webkit-details-marker{display:none}.portal.c-customer-design .i-detail .i-more>div{z-index:4;border:1px solid var(--c-border);background:var(--c-surface);border-radius:12px;width:170px;max-width:calc(100vw - 32px);padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000012}.portal.c-customer-design .i-detail .i-more a,.portal.c-customer-design .i-detail .i-more button{text-align:left;width:100%;color:var(--c-text);border:0;padding:8px;text-decoration:none;display:block}.portal.c-customer-design .i-detail .i-information{border-top:0;border-radius:0 0 16px 16px;grid-area:2/1;padding-top:0}.portal.c-customer-design .i-detail .i-billed{border-top:1px solid var(--c-border);padding:20px 0}.portal.c-customer-design .i-detail .i-billed h2{margin-bottom:8px;font-size:14px}.portal.c-customer-design .i-detail .i-billed p{color:var(--c-muted);white-space:pre-line;overflow-wrap:anywhere;margin:2px 0}.portal.c-customer-design .i-detail .i-billed p:first-of-type{color:var(--c-text);font-weight:600}.portal.c-customer-design .i-detail .i-items{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.portal.c-customer-design .i-detail .i-items th{background:var(--c-surface-alt);font-weight:600}.portal.c-customer-design .i-detail .i-items th,.portal.c-customer-design .i-detail .i-items td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid var(--c-border);padding:12px}.portal.c-customer-design .i-detail .i-items th:last-child,.portal.c-customer-design .i-detail .i-items td:last-child{text-align:right;font-variant-numeric:tabular-nums;width:38%}.portal.c-customer-design .i-detail .i-totals{margin:16px 0 0}.portal.c-customer-design .i-detail .i-totals>div{color:var(--c-muted);justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.portal.c-customer-design .i-detail dd{margin:0}.portal.c-customer-design .i-detail .i-totals dd{text-align:right;font-variant-numeric:tabular-nums}.portal.c-customer-design .i-detail .i-totals .i-due-row{background:var(--c-surface-alt);color:var(--c-text);border-radius:8px;font-weight:600}.portal.c-customer-design .i-detail .i-checkout{grid-area:1/2/4}.portal.c-customer-design .i-detail .i-panel-focus:focus{outline:none}.portal.c-customer-design .i-detail .i-checkout .i-back{margin-bottom:20px}.portal.c-customer-design .i-detail .i-methods,.portal.c-customer-design .i-detail .i-networks{border:0;gap:10px;min-width:0;margin:20px 0;padding:0;display:grid}.portal.c-customer-design .i-detail .i-methods label,.portal.c-customer-design .i-detail .i-networks label{border:1px solid var(--c-border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:14px 12px;display:flex}.portal.c-customer-design .i-detail label:has(input[type=radio]:checked){border-color:var(--c-accent);background:var(--c-surface-alt)}.portal.c-customer-design .i-detail label:has(input[type=radio]:disabled){opacity:.55;cursor:default}.portal.c-customer-design .i-detail input[type=radio]{appearance:auto;width:16px;height:16px;min-height:0;accent-color:var(--c-accent);flex-shrink:0;margin:0}.portal.c-customer-design .i-detail .i-methods svg{flex-shrink:0;width:22px;height:22px}.portal.c-customer-design .i-detail .i-methods strong,.portal.c-customer-design .i-detail .i-networks strong{font-weight:500}.portal.c-customer-design .i-detail .i-methods small,.portal.c-customer-design .i-detail .i-networks small{color:var(--c-muted);margin-top:2px;font-size:12px;display:block}.portal.c-customer-design .i-detail .i-networks{grid-template-columns:1fr 1fr}.portal.c-customer-design .i-detail .i-networks label{gap:8px;padding:14px 10px;font-size:13px}.portal.c-customer-design .i-detail .i-pay{justify-content:center;align-items:center;width:100%;min-height:40px;margin-top:20px;display:flex}.portal.c-customer-design .i-detail .i-quote{text-align:center;background:var(--c-surface-alt);color:var(--c-muted);border-radius:12px;gap:6px;margin-top:20px;padding:18px 12px;font-size:13px;display:grid}.portal.c-customer-design .i-detail .i-quote strong{color:var(--c-text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:25px;font-weight:600}.portal.c-customer-design .i-detail .i-countdown{font-variant-numeric:tabular-nums;margin-top:4px}.portal.c-customer-design .i-detail .i-qr{justify-content:center;margin:20px 0 12px;display:flex}.portal.c-customer-design .i-detail .i-qr canvas{background:#fff;border-radius:8px;width:216px;max-width:100%;height:216px}.portal.c-customer-design .i-detail .i-network-note{text-align:center;font-size:12px}.portal.c-customer-design .i-detail .i-wallet{border-top:1px solid var(--c-border);gap:8px;margin-top:16px;padding-top:16px;display:grid}.portal.c-customer-design .i-detail .i-wallet>span{color:var(--c-muted);font-size:12px}.portal.c-customer-design .i-detail .i-wallet code{overflow-wrap:anywhere;background:var(--c-surface-alt);border-radius:8px;padding:12px;font-size:13px;display:block}.portal.c-customer-design .i-detail .i-wallet [role=status]:empty{display:none}.portal.c-customer-design .i-detail .i-payment-help{color:var(--c-muted);margin-top:18px;font-size:13px}.portal.c-customer-design .i-detail summary{cursor:pointer}.portal.c-customer-design .i-detail .i-status-refresh{margin-top:16px}.portal.c-customer-design .i-detail .i-payment-notice{border-top:1px solid var(--c-border);margin-top:24px;padding-top:20px}.portal.c-customer-design .i-detail .i-notify-row{color:var(--c-muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.portal.c-customer-design .i-detail .i-payment-notice .p-actions{flex-wrap:wrap}.portal.c-customer-design .i-detail .i-payment-notice input{min-width:0;max-width:100%}.portal.c-customer-design .i-detail .p-transfer-field>div{grid-template-columns:1fr;gap:4px}.portal.c-customer-design .i-detail .p-transfer-field dd{overflow-wrap:anywhere}.portal.c-customer-design .i-detail .p-payment-method-heading{flex-wrap:wrap;align-items:flex-start}.portal.c-customer-design .i-detail .i-history{grid-area:3/1;min-width:0;margin-top:24px}.portal.c-customer-design .i-detail .i-history:empty{display:none}.portal.c-customer-design .i-detail .i-record{grid-template-columns:1fr}.portal.c-customer-design .i-detail .i-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portal.c-customer-design .i-detail :is(button,a,summary,input):focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}@container not (min-width:900px){.portal.c-customer-design .i-detail .i-layout{grid-template-columns:minmax(0,1fr);gap:16px}.portal.c-customer-design .i-detail .i-heading{border:1px solid var(--c-border);border-radius:16px;grid-row:1}.portal.c-customer-design .i-detail .i-checkout{grid-area:2/1}.portal.c-customer-design .i-detail .i-information{border:1px solid var(--c-border);border-radius:16px;grid-row:3;padding-top:24px}.portal.c-customer-design .i-detail .i-billed{border-top:0;padding-top:0}.portal.c-customer-design .i-detail .i-history{grid-row:4;margin-top:0}.portal.c-customer-design .i-detail .i-record .i-information{grid-row:2}}@container not (min-width:480px){.portal.c-customer-design .i-detail .i-card{padding:20px 16px}.portal.c-customer-design .i-detail .i-title-line{flex-wrap:wrap;gap:8px}.portal.c-customer-design .i-detail .i-items th,.portal.c-customer-design .i-detail .i-items td{padding:10px 8px}}.portal.c-customer-design .i-detail .i-payoneer-mark{background:conic-gradient(#ffb400,#78c91d,#02c7cf,#6954ff,#fe19be,#ff3838,#ffb400);border-radius:50%;flex-shrink:0;width:22px;height:22px;display:inline-block;position:relative}.portal.c-customer-design .i-detail .i-payoneer-mark:after{content:"";background:var(--c-surface);border-radius:50%;position:absolute;inset:2px}
