/* Approved Compute desktop refinements, extracted without changing behavior. */

@media (min-width:769px) {
  .main:has(.contribution-view.active) { background:var(--dn-bg-page)!important; }
  .contribution-view, .contribution-view #modelGrid, .contribution-view .v21-flow, .contribution-view .v21-block, .contribution-view .contribution-heading { background:transparent!important; color:var(--dn-text-primary)!important; }
  .contribution-view .contribution-heading h1, .contribution-view .v21-block-head h2 { color:var(--dn-text-primary)!important; }
  .contribution-view .contribution-heading p, .contribution-view .v21-block-head p { color:var(--dn-text-secondary)!important; }
  .contribution-view .v21-tier-card, .contribution-view .v21-gpu-card, .contribution-view .v21-size, .contribution-view .estimate-config-core, .contribution-view .estimate-config-grid > div, .contribution-view .estimate-kpis > div, .contribution-view .v21-order-panel { background:var(--dn-bg-card)!important; border-color:var(--dn-border)!important; color:var(--dn-text-primary)!important; box-shadow:0 4px 14px rgba(15,23,42,.05)!important; }
  .contribution-view .v21-tier-card h3, .contribution-view .v21-gpu-card h3, .contribution-view .v21-facts b, .contribution-view .estimate-config-core h3, .contribution-view .estimate-config-core strong, .contribution-view .estimate-config-core b, .contribution-view .v21-order-panel strong { color:var(--dn-text-primary)!important; }
  .contribution-view .v21-tier-card p, .contribution-view .v21-gpu-card p, .contribution-view .v21-facts span, .contribution-view .v21-axis-legend, .contribution-view .v21-axis-scale, .contribution-view .estimate-config-core span, .contribution-view .v21-order-panel span { color:var(--dn-text-secondary)!important; }
  .contribution-view .v21-tier-card.current, .contribution-view .v21-gpu-card.current, .contribution-view .v21-size.current { background:var(--dn-bg-selected)!important; border-color:var(--dn-bg-selected)!important; color:var(--dn-bg-card)!important; box-shadow:0 10px 26px rgba(15,23,42,.20)!important; }
  .contribution-view .v21-tier-card.current h3, .contribution-view .v21-gpu-card.current h3, .contribution-view .current .v21-facts b { color:var(--dn-bg-card)!important; }
  .contribution-view .v21-tier-card.current p, .contribution-view .v21-gpu-card.current p, .contribution-view .current .v21-facts span, .contribution-view .current .v21-axis-legend, .contribution-view .current .v21-axis-scale { color:rgba(255,255,255,.68)!important; }
  .contribution-view .v21-cycle-axis, .contribution-view .v21-order-panel > *, .contribution-view .v21-order-method, .contribution-view .v21-order-consent { border-color:var(--dn-border)!important; }
  .contribution-view .current .v21-cycle-axis { border-color:rgba(255,255,255,.12)!important; }
  .contribution-view .v21-selected, .contribution-view .v21-popularity, .contribution-view .v21-order-total strong { color:var(--dn-blue)!important; }
  .contribution-view .v21-order-panel .input { background:var(--dn-subtle)!important; color:var(--dn-text-primary)!important; border-color:var(--dn-border)!important; }
}


@media(min-width:769px){
 body:has(.contribution-view.active) .v21-order-total,body:has(.contribution-view.active) .v21-order-coverage,body:has(.contribution-view.active) .v21-order-net { border-bottom:1px solid var(--dn-divider)!important; }
 body:has(.contribution-view.active) .calculator-view, body:has(.contribution-view.active) .calc-shell, body:has(.contribution-view.active) .estimate,body:has(.contribution-view.active) .estimate-body { background:transparent!important; border-color:transparent!important; box-shadow:none!important; }
 body:has(.contribution-view.active) .v21-fit-section,body:has(.contribution-view.active) .v21-fee-details,body:has(.contribution-view.active) .estimate-rule { background:var(--dn-bg-card)!important; border:1px solid var(--dn-border)!important; color:var(--dn-text-primary)!important; box-shadow:0 4px 14px rgba(15,23,42,.05)!important; border-radius:12px!important; }
 body:has(.contribution-view.active) .estimate-index,body:has(.contribution-view.active) .estimate-rule-title,body:has(.contribution-view.active) .estimate-rule-equation,body:has(.contribution-view.active) .estimate-fees b { color:var(--dn-text-primary)!important; }
 body:has(.contribution-view.active) #v21FitCopy,body:has(.contribution-view.active) .v21-fee-details summary > span:last-child,body:has(.contribution-view.active) #calcRuleDescription,body:has(.contribution-view.active) .estimate-fees span { color:var(--dn-text-secondary)!important; }
 body:has(.contribution-view.active) .estimate-fees > div { background:var(--dn-subtle)!important; border-color:var(--dn-border)!important; }
 body:has(.contribution-view.active) .estimate-rule-icon { background:var(--dn-blue-tint)!important; border-color:#bfdbfe!important; color:var(--dn-blue)!important; }
 body:has(.contribution-view.active) .side { background:var(--dn-bg-card)!important; border-color:var(--dn-border)!important; }
 body:has(.contribution-view.active) .side :is(.nav-btn,a) { color:var(--dn-text-primary)!important; }
 body:has(.contribution-view.active) .side :is(.side-title,p,small) { color:var(--dn-text-secondary)!important; }
 body:has(.contribution-view.active) .side .nav-btn { background:transparent!important; }
 body:has(.contribution-view.active) .side .nav-btn:hover { background:var(--dn-hover)!important; }
 body:has(.contribution-view.active) .side .nav-btn.active { background:var(--dn-bg-selected)!important; color:var(--dn-bg-card)!important; }
 body:has(.contribution-view.active) .side hr { border-color:var(--dn-border)!important; }
 body:has(.contribution-view.active) .side :is(.side-product-button,.side-note,.side-note b) { color:var(--dn-text-secondary)!important; }
 body:has(.contribution-view.active) .side .side-product.active { background:var(--dn-blue-tint)!important; color:var(--dn-blue)!important; }
}


@media(min-width:769px){
 body:has(.contribution-view.active) .side { padding-bottom:88px!important; }
 body:has(.contribution-view.active) .side .nav-btn,body:has(.contribution-view.active) .side .side-product { border-bottom:1px solid var(--dn-border)!important; }
 body:has(.contribution-view.active) .side .side-note,body:has(.contribution-view.active) .side [data-open-contact] { display:none!important; }
 body:has(.contribution-view.active) .side::after { content:"";position:fixed;left:0;bottom:0;width:227px;height:80px;background:var(--dn-bg-card);border-top:1px solid var(--dn-border);z-index:100; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] { left:30px!important;right:auto!important;bottom:20px!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] > button { width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;background:var(--dn-hover)!important;color:var(--dn-text-primary)!important;border-color:var(--dn-divider)!important;box-shadow:none!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] > button span:last-child { display:none!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] > button span:first-child { font-size:0!important;width:22px;height:22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23334155%27 stroke-width=%271.6%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cellipse cx=%2712%27 cy=%2712%27 rx=%274%27 ry=%279%27/%3E%3Cpath d=%27M3 12h18M5 7h14M5 17h14%27/%3E%3C/svg%3E"); }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list { left:0!important;right:auto!important; }
 body:has(.contribution-view.active) > .mobile-contact-btn { left:92px!important;right:auto!important;bottom:20px!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important;background:var(--dn-hover)!important;border-color:var(--dn-divider)!important;color:var(--dn-text-primary)!important;box-shadow:none!important; }
 body:has(.contribution-view.active) > .mobile-contact-btn svg { width:21px!important;height:21px!important; }
 body:has(.contribution-view.active) #dnSupportRoot { left:154px!important;right:auto!important;bottom:20px!important; }
 body:has(.contribution-view.active) #dnSupportButton { background:var(--dn-hover)!important;border-color:var(--dn-divider)!important;color:var(--dn-text-primary)!important;box-shadow:none!important; }
 body:has(.contribution-view.active) #dnSupportButton svg { stroke:var(--dn-text-primary)!important; }
 body:has(.contribution-view.active) .dn-notification-root { top:15px!important;right:64px!important;left:auto!important; }
 body:has(.contribution-view.active) .dn-bell { box-shadow:none!important; }
}


@media(min-width:769px){
 body:has(.contribution-view.active) .side .side-product:hover,
 body:has(.contribution-view.active) .side .side-product:focus-visible { background:var(--dn-hover)!important; color:var(--dn-text-primary)!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] > button,
 body:has(.contribution-view.active) > .mobile-contact-btn,
 body:has(.contribution-view.active) #dnSupportButton { background:transparent!important; border-color:transparent!important; box-shadow:none!important; display:grid!important; place-items:center!important; padding:0!important; width:42px!important; height:42px!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] > button span:first-child,
 body:has(.contribution-view.active) > .mobile-contact-btn svg,
 body:has(.contribution-view.active) #dnSupportButton svg { width:28px!important; height:28px!important; margin:0!important; }
 body:has(.contribution-view.active) > .mobile-contact-btn { gap:0!important; line-height:0!important; display:flex!important; align-items:center!important; justify-content:center!important; }
}


@media(min-width:769px){
 .contribution-view .v21-summary-slot .estimate-kpis { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; }
 .contribution-view .v21-summary-slot .estimate-kpis > div:nth-child(n) { grid-column:span 1!important; margin:0!important; box-shadow:none!important; border:0!important; border-top:1px solid var(--dn-border)!important; border-radius:0!important; }
 .contribution-view .v21-summary-slot .estimate-kpis > div:not(:nth-child(3n)) { border-inline-end:1px solid var(--dn-border)!important; }
 .contribution-view .v21-order-panel .v21-order-consent:has(input:checked) span { color:#000!important; }
 .contribution-view .v21-gpu-card .v21-facts b.v21-status-available { color:var(--dn-success)!important; }
 .contribution-view .v21-gpu-card.current .v21-facts b.v21-status-available { color:var(--dn-blue)!important; }
}


@media(min-width:769px){
 .contribution-view :is(.v21-tier-card,.v21-gpu-card) :is(.v21-popularity,.v21-selected) { color:var(--dn-success)!important; }
 .contribution-view :is(.v21-tier-card,.v21-gpu-card).current :is(.v21-popularity,.v21-selected) { color:var(--dn-blue)!important; }
}


@media(min-width:769px){
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list { width:112px!important; background:var(--dn-bg-card)!important; color:#000!important; border-color:var(--dn-border)!important; box-shadow:0 8px 28px rgba(15,23,42,.12)!important; scrollbar-width:none!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list::-webkit-scrollbar { display:none!important; width:0!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list a { background:var(--dn-bg-card)!important; color:#000!important; justify-content:center!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list a > span { display:none!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list a > small { font-size:13px!important; color:inherit!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list a:hover,
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list a:focus-visible { background:var(--dn-hover)!important; color:#000!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list a[aria-current='true'] { background:var(--dn-bg-selected)!important; color:var(--dn-bg-card)!important; }
 body:has(.contribution-view.active) [data-daneng-language-switcher] .dn-i18n-list a[aria-current='true']::after { display:none!important; }
}


@media(min-width:769px){
 #v21ReviewModal .modal-card,#paymentModal .payment-modal { background:var(--dn-bg-card)!important;color:var(--dn-text-primary)!important;border:1px solid var(--dn-border)!important;padding:22px!important;width:min(880px,calc(100vw - 48px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important; }
 #v21ReviewModal h2,#paymentModal h2 { color:var(--dn-text-primary)!important;font-size:21px!important;margin:0 0 10px!important; }
 #v21ReviewModal .contribution-kicker { color:var(--dn-text-secondary)!important; }
 #v21ReviewModal .payment-order-review,#paymentModal .payment-order-review { gap:0!important;margin:0!important; }
 #v21ReviewModal .payment-order-review > div,#paymentModal .payment-order-review > div { background:transparent!important;border:0!important;border-bottom:1px solid var(--dn-border)!important;border-radius:0!important;padding:9px 12px!important;box-shadow:none!important; }
 #v21ReviewModal .payment-order-review span,#paymentModal .payment-order-review span { color:var(--dn-text-secondary)!important; }
 #v21ReviewModal .payment-order-review b,#paymentModal .payment-order-review b { color:var(--dn-text-primary)!important; }
 #v21ReviewModal .gpu-card-actions { margin-top:16px!important; }
 #paymentModal .payment-modal { display:grid!important;grid-template-columns:minmax(0,1fr) 210px;gap:8px 24px!important; }
 #paymentModal .payment-modal-head,#paymentModal .payment-countdown,#paymentModal #paymentSafetyNotice,#paymentModal > .payment-modal > .payment-meta,#paymentModal .payment-address,#paymentModal #paymentModalInstruction,#paymentModal .payment-modal-actions { grid-column:1/-1; }
 #paymentModal .payment-countdown { margin:0!important;padding:8px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--dn-border)!important;border-radius:0!important;color:var(--dn-warning)!important; }
 #paymentModal .payment-order-review { grid-column:1;grid-row:4; }
 #paymentModal .payment-qr { grid-column:2;grid-row:4;align-self:center;margin:0 auto!important; }
 #paymentModal .payment-meta,#paymentModal .payment-instruction { color:var(--dn-text-secondary)!important;margin:0!important;line-height:1.4!important; }
 #paymentModal .payment-address { margin:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--dn-border)!important;border-radius:0!important;padding:6px 0!important; }
 #paymentModal .payment-address code { color:var(--dn-text-primary)!important;background:transparent!important;border:0!important;border-radius:0!important;overflow-wrap:anywhere; }
 #paymentModal .payment-modal-actions { margin:4px 0 0!important; }
 #paymentModal .btn:not(.btn-primary),#v21ReviewModal .btn { color:var(--dn-text-primary)!important;background:transparent!important;border-color:#cbd5e1!important; }
 body:has(#paymentModal:not(.hidden)) .compute-guide-fab,body:has(#v21ReviewModal:not(.hidden)) .compute-guide-fab { display:none!important; }
}


@media(min-width:769px){
 .contribution-view .v21-order-panel select[data-v21-payment] { appearance:none!important; -webkit-appearance:none!important; background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/16px 16px!important; color:var(--dn-bg-card)!important; border-color:#000!important; padding-inline-end:38px!important; color-scheme:dark; }
 .contribution-view .v21-order-panel select[data-v21-payment] option { background:#000; color:var(--dn-bg-card); }
 html[dir='rtl'] .contribution-view .v21-order-panel select[data-v21-payment] { background-position:left 12px center!important; }
}


@media(min-width:769px){
 .contribution-view .v21-order-panel select[data-v21-payment],
 .contribution-view .v21-order-panel select[data-v21-payment]:focus,
 .contribution-view .v21-order-panel select[data-v21-payment]:focus-visible { outline:none!important; box-shadow:none!important; border-color:#000!important; }
}


@media(min-width:769px){
 body:has(.contribution-view.active) #dnSupportPanel { position:fixed!important;left:60px!important;right:auto!important;bottom:80px!important;top:auto!important;width:390px!important;max-width:calc(100vw - 24px)!important;height:min(620px,calc(100dvh - 152px))!important;max-height:calc(100dvh - 152px)!important;background:var(--dn-bg-card)!important;color:var(--dn-text-primary)!important;border:1px solid var(--dn-border)!important;border-left:1px solid var(--dn-border)!important;border-radius:12px!important;box-shadow:8px 0 28px rgba(15,23,42,.12)!important; }
 body:has(.contribution-view.active) .dn-support-head { background:#000!important;color:var(--dn-bg-card)!important;border-bottom:1px solid var(--dn-border)!important;padding:12px 14px!important; }
 body:has(.contribution-view.active) .dn-support-head small { color:var(--dn-bg-card)!important; }
 body:has(.contribution-view.active) .dn-support-head button { background:transparent!important;color:var(--dn-bg-card)!important; }
 body:has(.contribution-view.active) .dn-support-messages { background:var(--dn-bg-card)!important; }
 body:has(.contribution-view.active) .dn-support-message { background:var(--dn-hover)!important;color:var(--dn-text-primary)!important; }
 body:has(.contribution-view.active) .dn-support-message.mine { background:var(--dn-bg-selected)!important;color:var(--dn-bg-card)!important; }
 body:has(.contribution-view.active) .dn-support-form { background:var(--dn-bg-card)!important;border-top:1px solid var(--dn-border)!important; }
 body:has(.contribution-view.active) .dn-support-input { background:transparent!important;color:var(--dn-text-primary)!important;border:0!important;border-bottom:1px solid #cbd5e1!important;border-radius:0!important;box-shadow:none!important; }
 body:has(.contribution-view.active) .dn-support-input::placeholder { color:var(--dn-text-secondary)!important; }
 body:has(.contribution-view.active) .dn-support-attach { background:transparent!important;border-color:var(--dn-border)!important;color:var(--dn-text-primary)!important; }
 body:has(.contribution-view.active) .dn-panel { position:fixed!important;right:0!important;left:auto!important;top:72px!important;width:390px!important;max-height:calc(100dvh - 72px)!important;background:var(--dn-bg-card)!important;color:var(--dn-text-primary)!important;border:1px solid var(--dn-border)!important;border-right:0!important;border-radius:0 0 0 12px!important;box-shadow:-8px 8px 28px rgba(15,23,42,.12)!important; }
 body:has(.contribution-view.active) .dn-panel :is(.dn-head,.dn-item,.dn-prefs) { border-color:var(--dn-border)!important; }
 body:has(.contribution-view.active) .dn-panel .dn-head h2 { color:var(--dn-text-primary)!important; }
 body:has(.contribution-view.active) .dn-panel .dn-item.unread { background:var(--dn-hover)!important; }
 body:has(.contribution-view.active) .dn-panel :is(.dn-item p,.dn-meta,.dn-empty) { color:var(--dn-text-secondary)!important; }
 body:has(.contribution-view.active) .dn-panel :is(.dn-action,.dn-prefs a) { color:var(--dn-blue)!important; }
 body:has(.contribution-view.active) .dn-panel .dn-error,body:has(.contribution-view.active) .dn-support-error { color:var(--dn-danger)!important; }
 body:has(.contribution-view.active) .dn-panel .dn-list { max-height:calc(100dvh - 220px)!important; }
}