/* Product pages visual corrections — owner 2026-09-30 */

/* ToolBox440Pro: preserve the approved body artwork, remove exterior gaps, use catalog controls. */
body[data-p440-installer-product="ToolBox440Pro"]{padding:0!important;background:#05080a!important}
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-shell{
  width:var(--p440-rack-width,min(1086px,100vw))!important;max-width:var(--p440-rack-width,min(1086px,100vw))!important;
  margin:0 auto!important;padding:0!important
}
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-body-real{margin:0!important}
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-menu-btn,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-manage-account,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-product-action{
  border:0!important;background:transparent!important;box-shadow:none!important;color:#C9BBA6!important;text-transform:none!important;
  position:relative
}
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-menu-btn{padding-left:28%!important;text-align:left}
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-menu-btn::before,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-manage-account::before,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-product-action::before{
  content:"";position:absolute;left:5%;top:50%;transform:translateY(-50%);width:clamp(16px,2.25cqw,30px);aspect-ratio:1;
  background:url("/assets/official/controls/button-package-07-gray-state-001.png") center/contain no-repeat;
  filter:drop-shadow(0 1px 2px #000a)
}
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-product-action{padding-left:26%!important}
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-product-copy h2,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-product-copy p,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-product-copy small,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-account-panel,
body[data-p440-installer-product="ToolBox440Pro"] .toolbox-footer-status{color:#C9BBA6!important}
.toolbox-product-actions{position:absolute;left:78%;top:5%;width:22%;height:90%;display:flex;flex-direction:column;justify-content:center;gap:2px}
.toolbox-product-actions .toolbox-product-action{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:42%!important}
.toolbox-tool-strip{display:flex;gap:3px;margin-top:.35em;min-width:0}
.toolbox-tool-strip a{display:inline-flex;align-items:center;gap:3px;color:#C9BBA6;text-decoration:none;font-size:clamp(5px,.5vw,8px);white-space:nowrap}
.toolbox-tool-strip i{width:7px;height:7px;border-radius:50%;display:inline-block;border:1px solid #647078}
.toolbox-tool-strip .owned i{background:#41df56;box-shadow:0 0 5px #41df56}
.toolbox-tool-strip .rental i{background:#e0b54d;box-shadow:0 0 5px #e0b54d}
.toolbox-tool-strip .missing i{background:#d94a3d;box-shadow:0 0 5px #d94a3d}

/* ToolWallet440Pro: free cover is black leather; interior assets use rack/window language. */
body[data-p440-installer-product="ToolWallet440Pro"]{background:#05080a!important}
body[data-p440-installer-product="ToolWallet440Pro"] .appShell{width:var(--p440-rack-width,min(1086px,100vw))!important;max-width:var(--p440-rack-width,min(1086px,100vw))!important;margin:0 auto!important}
.closedWallet.skin-paez{
  background:
    radial-gradient(circle at 18% 24%,rgba(255,255,255,.055) 0 1px,transparent 1.5px),
    repeating-linear-gradient(102deg,rgba(255,255,255,.015) 0 1px,transparent 1px 7px),
    linear-gradient(135deg,#171717,#030303 55%,#0b0b0b)!important;
  border-color:#444!important;box-shadow:inset 0 0 32px #000,0 16px 34px #000c!important
}
.closedWallet.skin-paez .originalLogoBurn{background:#0a0a0a!important;border:1px solid #5e6265!important;box-shadow:0 4px 10px #000!important}
.closedWallet.skin-paez .originalLogoBurn img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;object-fit:contain!important}
.closedWallet.skin-paez .coverSub{color:#C9BBA6!important}
.walletInterior{background:#071018!important;color:#C9BBA6!important}
.walletInterior .assetPanel,.walletInterior .walletBody{
  border:28px solid transparent!important;border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 28px round!important;
  background:#071018!important
}
.walletInterior .assetGrid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.walletInterior .assetCard,.walletInterior .walletSlot{
  margin:0!important;border:0!important;border-radius:0!important;
  background:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-01.png") center/100% 100% no-repeat!important;
  color:#C9BBA6!important;min-height:82px
}
.walletInterior .assetCard h3,.walletInterior .assetCard p,.walletInterior .assetCard span,
.walletInterior .walletSlot *{color:#C9BBA6!important}
.walletSoftwareWindow{
  margin:8px 0 0;padding:14px;border:28px solid transparent;border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 28px round;
  color:#C9BBA6;background:#071018
}
.walletSoftwareWindow h3{margin:0 0 5px}.walletSoftwareWindow p{margin:0;font-size:12px;color:#B8AA95}
.walletPendingDesign{margin-top:8px;padding:8px;border:1px solid #5f5a4d;color:#C9BBA6;font-size:11px}

/* Arena PAD & VJ: blue presentation plate + Ventana lists, no rack/scroll illusion. */
body.arenaCatalogPage{background:#05080a!important;color:#C9BBA6!important}
body.arenaCatalogPage .arenaCatalogShell{width:var(--p440-rack-width,min(1086px,100vw))!important;max-width:var(--p440-rack-width,min(1086px,100vw))!important;margin:0 auto!important}
body.arenaCatalogPage .arenaCatalogFrame{padding:0!important;min-height:0!important;background:none!important;filter:none!important}
body.arenaCatalogPage .arenaCatalogContent{padding:0!important}
body.arenaCatalogPage .arenaIntro{
  margin:0;padding:3% 8%;aspect-ratio:1086/184;display:flex;flex-direction:column;justify-content:center;
  background:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-01.png") center/contain no-repeat;color:#C9BBA6
}
body.arenaCatalogPage .arenaIntro h1,body.arenaCatalogPage .arenaIntro p,body.arenaCatalogPage .arenaIntro small{color:#C9BBA6!important}
body.arenaCatalogPage .arenaGroup{
  margin:0!important;padding:24px!important;border:28px solid transparent!important;
  border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 28px round!important;
  background:#061018!important
}
body.arenaCatalogPage .arenaList{display:grid;grid-template-columns:1fr!important}
body.arenaCatalogPage .arenaList article{min-height:auto!important;border:0!important;border-bottom:1px solid #26353b!important;padding:9px 12px!important}
body.arenaCatalogPage .arenaList h2,body.arenaCatalogPage .arenaList p,body.arenaCatalogPage .arenaGroupHead{color:#C9BBA6!important}
body.arenaCatalogPage .arenaToolBox{margin:0!important;border:0!important;background:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-02.png") center/100% 100% no-repeat!important;color:#C9BBA6!important}
body.arenaCatalogPage .arenaToolBox a{border:0!important;background:transparent!important;color:#C9BBA6!important;position:relative;padding-left:44px!important}
body.arenaCatalogPage .arenaToolBox a::before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:34px;aspect-ratio:1;background:url("/assets/official/controls/button-package-07-gray-state-001.png") center/contain no-repeat}