/* Shared canonical R6 layout: tenant colors and fonts remain CSS variables. */
.mp-panel-card,.mpv2-card,.up-payment,.up-auth-card{box-shadow:var(--mp-shadow,0 8px 28px #36175b12);border:1px solid var(--mp-border)}
.up-method-selector{background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--up-radius,14px);margin-bottom:20px;box-shadow:0 3px 0 color-mix(in srgb,var(--mp-border) 60%,transparent),0 10px 26px #3014480a}
.up-method-selector>summary{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;list-style:none;min-height:82px}.up-method-selector>summary::-webkit-details-marker{display:none}.up-method-selector>summary>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.up-method-selector>summary small{font-size:12px;color:var(--mp-muted)}.up-method-selector>summary strong{overflow-wrap:anywhere;font-size:16px}.up-method-selector>summary>svg{width:20px;flex:none;transition:transform .18s}.up-method-selector[open]>summary>svg{transform:rotate(180deg)}
.up-method-selected-icon{display:grid;place-items:center;background:var(--up-field);border-radius:12px;width:44px;height:44px;flex:none;color:var(--mp-primary)}.up-method-selected-icon svg{width:24px;height:24px}.up-method-selected-currency{font-size:12px;font-weight:700;flex:none}
.up-method-selector .up-method-cards{margin:0;padding:0 14px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;max-height:420px;overflow:auto}.up-method-selector .up-method-card{padding:16px;min-width:0;box-shadow:none;border-radius:12px}.up-method-selector .up-method-logo{height:32px;width:32px}.up-method-selector .up-method-logo img{max-height:32px;max-width:32px}.up-funding-form{position:relative}
.up-child-request{max-width:880px;margin-inline:auto;padding:clamp(20px,3vw,36px)}.up-child-request .mp-card-head{display:flex;gap:15px;align-items:flex-start}.up-child-symbol{display:grid;place-items:center;width:48px;height:48px;flex:none;color:var(--mp-primary);background:var(--up-field);border-radius:14px;box-shadow:inset 0 1px #ffffff8c,0 4px 0 color-mix(in srgb,var(--mp-border) 60%,transparent)}.up-child-symbol svg{width:26px;height:26px}.up-child-request p{color:var(--mp-muted);font-size:13px;line-height:1.7}.up-child-form{gap:22px}.up-child-form label{display:grid;gap:8px;font-weight:650}.up-child-form label small{font-weight:400;color:var(--mp-muted);font-size:12px;line-height:1.6}.up-child-form input,.up-child-form select{min-height:50px;box-shadow:inset 0 1px 2px #34125c06,0 3px 0 color-mix(in srgb,var(--mp-border) 65%,transparent);border-radius:12px}.up-child-form input[readonly]{opacity:.8;cursor:default}.up-child-nameservers{background:color-mix(in srgb,var(--mp-primary) 9%,var(--mp-card));border:1px solid color-mix(in srgb,var(--mp-primary) 20%,var(--mp-border));border-radius:14px;padding:18px;color:var(--mp-primary)}.up-child-nameservers dl{margin:12px 0 0;display:grid;gap:8px}.up-child-nameservers dl>div{display:flex;gap:12px;align-items:center}.up-child-nameservers dt{font-size:12px;opacity:.75;flex:none}.up-child-nameservers dd{margin:0;overflow-wrap:anywhere}.up-child-account{display:grid;grid-template-columns:1fr 1fr;gap:18px}.up-child-form>.mp-primary{min-height:52px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.up-child-form>.mp-primary svg{width:20px;height:20px}.up-child-status{max-width:880px;margin-inline:auto}.up-child-status dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.up-child-status dd{margin:0;overflow-wrap:anywhere;font-weight:650}
@media(max-width:820px){.up-child-account{grid-template-columns:1fr}.up-method-selector>summary{padding:16px 14px;gap:9px}.up-method-selector .up-method-cards{grid-template-columns:1fr}.up-child-request .mp-card-head{align-items:flex-start}.up-child-status dl{font-size:13px}}
@media(max-width:820px){
 .up-payment-history .mp-responsive-table,.up-ledger .mp-responsive-table{overflow:visible}.up-payment-history table,.up-ledger table{min-width:0!important;width:100%}.up-payment-history thead,.up-ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .up-payment-history tbody,.up-ledger tbody{display:grid;gap:14px}.up-payment-history tr,.up-ledger tr{display:grid;border:1px solid var(--mp-border);border-radius:12px;padding:12px;background:var(--mp-card)}
 .up-payment-history td,.up-ledger td{display:grid;grid-template-columns:minmax(76px,30%) minmax(0,1fr);gap:10px;padding:9px 0;max-width:none!important;min-width:0!important;text-align:start;overflow-wrap:anywhere;white-space:normal!important;border-bottom:1px solid color-mix(in srgb,var(--mp-border) 50%,transparent)}
 .up-payment-history td::before,.up-ledger td::before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--mp-muted);direction:inherit}.up-payment-history td:last-child,.up-ledger td:last-child{border:0}.up-payment-history td[colspan],.up-ledger td[colspan]{display:block}.up-payment-history td[colspan]::before,.up-ledger td[colspan]::before{display:none}.up-payment-history td>small,.up-ledger td>small{grid-column:2}.up-payment-history td>br,.up-ledger td>br{display:none}.up-payment-history td form{min-width:0}
}
@media(prefers-reduced-motion:reduce){.up-method-selector>summary>svg{transition:none}}
@media(max-width:820px){
 .mpv2-orders-table-wrap{overflow:visible!important;border:0!important}.mpv2-orders-table{min-width:0!important;width:100%!important;table-layout:fixed}.mpv2-orders-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .mpv2-orders-table tbody{display:grid;gap:16px}.mpv2-orders-table .mpv2-order-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;border:1px solid var(--mp-border);border-radius:14px;padding:16px;background:var(--mp-card);box-shadow:0 4px 14px #31165b08}
 .mpv2-orders-table .mpv2-order-row td{display:block;max-width:none!important;min-width:0!important;padding:8px 0!important;white-space:normal!important;border-bottom:1px solid var(--mp-border);overflow-wrap:anywhere;text-align:start!important;font-size:13px}
 .mpv2-order-row td::before{content:attr(data-label);display:block;color:var(--mp-muted);font-size:11px;margin-bottom:5px;font-weight:500}.mpv2-order-row td:nth-child(2),.mpv2-order-row td:nth-child(3),.mpv2-order-row td:last-child{grid-column:1/-1}.mpv2-order-row td:first-child{grid-column:1/-1;color:var(--mp-primary);font-size:16px}.mpv2-order-row td:first-child::before{display:none}.mpv2-order-row td:last-child{border:0}.mpv2-orders-table .mp-workspace-order-menu{max-width:100%}.mpv2-orders-table .mp-workspace-order-menu>div{min-width:0;max-width:100%}
}
html[data-theme="dark"] .up-child-nameservers,html[data-theme="dark"] .up-child-symbol,html[data-theme="dark"] .up-method-selected-icon,html[data-theme="dark"] .mpv2-order-row a{color:color-mix(in srgb,var(--mp-primary) 40%,#fff)}
.up-category-picker{position:relative;min-width:0}.up-category-button{display:flex;align-items:center;gap:10px;text-align:start;min-height:56px;height:auto!important;white-space:normal;box-shadow:inset 0 1px #ffffff50,0 3px 0 color-mix(in srgb,var(--mp-border) 60%,transparent)}.up-category-selection{flex:1;min-width:0}.up-category-button>svg{width:18px;height:18px;flex:none}.up-category-identity{display:flex;align-items:center;gap:10px;min-width:0;width:100%}.up-category-identity>img,.up-category-identity>svg{width:32px;height:32px;object-fit:contain;border-radius:8px;flex:none}.up-category-identity>span{min-width:0;flex:1;overflow-wrap:anywhere;line-height:1.5}.up-category-identity>small{flex:none;border-radius:6px;background:var(--up-field);padding:3px 6px;font-size:11px;color:var(--mp-muted)}
.up-category-popup{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:70;padding:10px;background:var(--mp-card);color:var(--mp-text);border:1px solid var(--mp-border);border-radius:14px;box-shadow:0 12px 40px #26113c33;display:flex;flex-direction:column;gap:8px;overflow:hidden}.up-category-popup.is-above{top:auto;bottom:calc(100% + 8px)}.up-category-popup>input{min-height:42px;flex:none;font-size:14px}.up-category-list{overflow:auto;min-height:0;overscroll-behavior:contain}.up-category-option{display:block;width:100%;border:0;border-radius:9px;padding:10px;background:transparent;color:inherit;font-size:14px;text-align:start;min-height:48px}.up-category-option:hover,.up-category-option:focus-visible,.up-category-option[aria-selected=true]{background:var(--up-field)}.up-category-status{font-size:12px;margin:3px 5px;color:var(--mp-muted)}.up-category-thumb{width:28px!important;height:28px!important;object-fit:contain;border-radius:6px;margin-inline-end:6px;vertical-align:middle}.up-catalog-table .up-category-name{overflow-wrap:anywhere}

/* Independent header controls keep their own bounds and touch targets. */
.up-service-description{white-space:pre-wrap;line-height:1.8;letter-spacing:normal;word-spacing:normal;word-break:normal;overflow-wrap:anywhere;min-width:0;unicode-bidi:plaintext}.up-order-status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.up-order-status-tabs a{padding:12px 18px;border-radius:10px;text-decoration:none;line-height:1.5}.up-order-status-tabs a[aria-current=page]{background:var(--up-button,var(--mp-primary));color:var(--up-button-ink,#fff)}@media(max-width:600px){.up-order-status-tabs{display:grid;grid-template-columns:1fr;gap:2px}.up-order-status-tabs a{padding:12px 14px}}

.up-method-field-label{display:block;font-weight:700;margin-bottom:10px}.up-funding-form>.up-method-selector{box-shadow:none;background:var(--up-field);border-radius:10px}.up-funding-form>.up-method-selector>summary{min-height:58px;padding:12px}.up-funding-form>.up-method-selector>summary small,.up-funding-form .up-method-selected-icon{display:none}.up-funding-instructions{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.up-funding-instructions h3{white-space:normal;font-size:16px;margin-bottom:14px}

.up-cell-value{min-width:0;overflow-wrap:anywhere}.up-cell-value small{display:block;margin-top:4px}.up-cell-value time{white-space:normal}@media(max-width:820px){.up-payment-history td>.up-cell-value,.up-ledger td>.up-cell-value{grid-column:2}.up-payment-history td[colspan]>.up-cell-value,.up-ledger td[colspan]>.up-cell-value{grid-column:auto}}

/* Keep order timestamps and monetary values readable in dense tables. */
.up-order-date{display:block;direction:ltr;unicode-bidi:isolate}.up-order-date>span{display:block;white-space:nowrap}.up-orders-table .display-money,.up-orders-table .base-money{display:block;white-space:nowrap}

/* Dark payment controls and headers use the theme's readable text, not a dark brand accent. */
html[data-theme="dark"] .up-payment-history :is(.mp-secondary,.mp-status,th),
html[data-theme="dark"] .up-payment :is(.mp-secondary,.mp-status){color:var(--mp-text)}