*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0f13;color:#eef3f5;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif}
:root{--blue:#215d86;--blue2:#184a6d;--blue3:#0d2f48;--metal:#aeb5b9;--edge:#68757d;--ink:#05080a}
body{padding:14px;background:radial-gradient(circle at 35% -15%,#2a3139 0,#13191f 42%,#080b0f 78%,#050608 100%);overflow-x:hidden}
.toolbox-shell{position:relative;width:min(1420px,100%);margin:auto;padding:8px;background:linear-gradient(90deg,#5c6469,#1c2226 1.2%,#0a0d10 2.1%,#0a0d10 97.9%,#1c2226 98.8%,#5c6469);border:2px solid #8a8f92;box-shadow:0 26px 70px #000b,inset 0 0 0 2px #060708}
.rack-head,.product-unit,.side-rack,.status-unit{position:relative;overflow:hidden;border:1px solid #79858d;background:
radial-gradient(circle at 16% 18%,rgba(255,255,255,.09) 0 1px,transparent 1.6px),
radial-gradient(circle at 78% 61%,rgba(23,20,16,.32) 0 1px,transparent 1.6px),
repeating-linear-gradient(97deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
linear-gradient(180deg,#2b709d 0,#245f89 14%,#1f557b 56%,#194765 100%);
box-shadow:inset 0 0 0 2px #07131a,inset 0 0 0 3px rgba(212,226,233,.36),inset 0 9px 19px rgba(255,255,255,.035),0 4px 8px #0009}
.rack-head:after,.product-unit:after,.side-rack:after,.status-unit:after{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(90deg,rgba(242,236,222,.55),transparent 8px) left/10px 100% no-repeat,
linear-gradient(270deg,rgba(242,236,222,.45),transparent 8px) right/10px 100% no-repeat,
linear-gradient(180deg,rgba(235,227,210,.55),transparent 5px) top/100% 7px no-repeat,
linear-gradient(0deg,rgba(235,227,210,.5),transparent 6px) bottom/100% 8px no-repeat,
repeating-linear-gradient(113deg,transparent 0 29px,rgba(232,222,199,.12) 30px 31px,transparent 32px 71px);opacity:.62}
.screw{position:absolute;width:16px;height:16px;border-radius:50%;z-index:5;background:radial-gradient(circle at 34% 29%,#f8f8f6 0 8%,#c8c9c6 13%,#71777a 43%,#212629 66%,#c9cccd 76%,#4c5357 100%);box-shadow:0 1px 2px #000d,inset 0 0 0 1px #343a3d}.screw:after{content:"";position:absolute;left:3px;right:3px;top:7px;height:2px;background:#272d30;transform:rotate(-25deg);box-shadow:0 1px #e6e8e8}.screw.tl{left:8px;top:8px}.screw.tr{right:8px;top:8px}.screw.bl{left:8px;bottom:8px}.screw.br{right:8px;bottom:8px}
.rack-head{min-height:116px;display:grid;grid-template-columns:350px minmax(280px,1fr) auto auto auto;gap:22px;align-items:center;padding:16px 62px;margin-bottom:6px}.rack-ear{position:absolute;top:0;bottom:0;width:42px;background:linear-gradient(90deg,#242a2e,#697178 34%,#2c3236 60%,#171c1f);border-right:1px solid #101315;z-index:3}.rack-ear.left{left:0}.rack-ear.right{right:0;transform:scaleX(-1)}.rack-ear i{position:absolute;left:11px;width:20px;height:34px;border-radius:8px;border:2px solid #0a0b0c;background:#050607;box-shadow:inset 0 0 0 2px #858b8e}.rack-ear i:first-child{top:20px}.rack-ear i:last-child{bottom:20px}
.logo-plate{position:relative;z-index:4;height:78px;display:grid;place-items:center;padding:8px 12px;border:2px solid #a9aca8;background:linear-gradient(#8f9698,#4b5153 48%,#252a2d);box-shadow:inset 0 0 0 2px #2a2f31,inset 0 0 0 3px #b1b2ad,0 4px 9px #000a;overflow:hidden}.brand-logo{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1) contrast(1.5) brightness(1.45);mix-blend-mode:screen;opacity:.9}.brand-copy{position:relative;z-index:4}.brand-copy h1{margin:0;font-size:43px;font-weight:900;font-style:italic;letter-spacing:-1px;text-shadow:0 2px 0 #0c2a3d,0 3px 7px #000}.brand-copy p{margin:5px 0 0;font-size:9px;letter-spacing:4px;color:#d8e0e4}.motto{position:relative;z-index:4;font-size:8px;letter-spacing:2.5px;line-height:1.5;color:#d6dfe4}.lang-switch{position:relative;z-index:5;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.lang-switch i{position:relative;width:44px;height:43px;border-radius:50%;border:1px solid #e1e2df;background:radial-gradient(circle at 35% 29%,#f5f5f1 0 16%,#b8bab8 28%,#71777a 49%,#d9d9d4 67%,#535a5e 77%,#171b1e 100%);box-shadow:inset 0 0 0 2px #454b4f,0 3px 5px #000b}.lang-switch i:after{content:"";position:absolute;left:14px;top:3px;width:14px;height:29px;border-radius:8px 8px 5px 5px;background:linear-gradient(90deg,#101315,#3a3f42 45%,#080a0b 55%,#282d30);border:1px solid #030405;transform:rotate(-23deg);transform-origin:50% 88%;box-shadow:2px 4px 5px #000c}.lang-switch.en i:after{transform:rotate(23deg)}.pilot{position:relative;z-index:4;display:grid;place-items:center;gap:4px;font-size:7px;letter-spacing:1.2px}.pilot i,.lamp,.mini-led{display:inline-block;border-radius:50%;border:1px solid #bfc4c6;background:#161a1d;box-shadow:inset 0 0 5px #000}.pilot i{width:24px;height:24px;background:radial-gradient(circle at 38% 30%,#fff3ee 0 9%,#ff584b 23%,#bd110b 61%,#420300 100%);box-shadow:0 0 14px #ef251d,0 0 0 2px #3e4447}.window-controls{position:absolute;right:10px;top:8px;z-index:5;display:flex;gap:5px}.window-controls span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #87939a;background:linear-gradient(#265e83,#0d2d42);box-shadow:inset 0 0 0 2px #06131a;font-size:18px}
.toolbox-body{display:grid;grid-template-columns:270px 1fr;gap:6px;background:#050709}.side-rack{padding:12px 12px 8px;display:flex;flex-direction:column;gap:7px}.side-btn{position:relative;z-index:4;min-height:58px;display:grid;grid-template-columns:38px 1fr 12px;align-items:center;gap:8px;text-align:left;color:#eef2f4;border:1px solid #778690;background:linear-gradient(#1e455f,#102a3d 52%,#0a1822);box-shadow:inset 0 0 0 2px #050b0f,inset 0 1px 0 #ffffff18;font-weight:900;font-size:15px;cursor:pointer}.side-btn b{font-size:21px;text-align:center}.side-btn i{width:10px;height:10px;border-radius:50%;background:#15191b;border:1px solid #8e979c;box-shadow:inset 0 0 4px #000}.side-btn.active{background:linear-gradient(#2f7aab,#174b6d);border-color:#9bc9e6;box-shadow:inset 0 0 0 2px #07131b,0 0 10px #248fd966}.side-btn.active i{background:#2b8dff;box-shadow:0 0 10px #2b8dff}.user-card{position:relative;z-index:4;margin-top:4px;border:1px solid #85939b;background:#0c1c27;padding:12px;box-shadow:inset 0 0 0 2px #03080b}.user-online{display:flex;align-items:center;gap:7px}.mini-led{width:10px;height:10px}.green{background:#57e331!important;box-shadow:0 0 9px #57e331!important}.blue{background:#38a0ff!important;box-shadow:0 0 9px #38a0ff!important}.user-card>small{display:block;color:#c7d2d8;margin:3px 0 11px}.user-tier{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #334550;border-bottom:1px solid #334550}.user-tier small{display:block;color:#a7b6bf}.user-stats{padding-top:8px;display:grid;gap:6px;font-size:11px}.user-stats h3{margin:0 0 2px;font-size:13px}.user-stats span{display:flex;justify-content:space-between}.manage-btn{width:100%;margin-top:10px;padding:9px;border:1px solid #98a6ad;background:linear-gradient(#244e69,#0c2637);color:white;font-weight:900}.side-footer{position:relative;z-index:4;margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.side-footer button{border:0;background:transparent;color:#d9e1e5;font-size:8px}
.products-rack{display:grid;gap:5px}.product-unit{min-height:115px;display:grid;grid-template-columns:52px 78px minmax(280px,1fr) minmax(205px,260px) 170px 58px;gap:14px;align-items:center;padding:11px 28px}.unit-number{position:relative;z-index:4;font-size:27px;font-weight:900;color:#18415d;background:linear-gradient(#e5e8e9,#b8bfc2);padding:9px;text-align:center;border:1px solid #eef0ef;box-shadow:inset 0 0 0 1px #707c82,0 2px 4px #0008}.unit-icon{position:relative;z-index:4;width:72px;height:72px;display:grid;place-items:center;font-size:35px;color:#9ddfff;background:#061119;border:2px solid #99acb6;box-shadow:inset 0 0 0 2px #020609,inset 0 0 18px #000,0 2px 4px #0009}.bars-icon{grid-auto-flow:column;gap:4px;align-items:center;padding:14px}.bars-icon i{width:4px;background:#77d2ff;box-shadow:0 0 7px #3fbaff}.bars-icon i:nth-child(1){height:18px}.bars-icon i:nth-child(2){height:40px}.bars-icon i:nth-child(3){height:55px}.bars-icon i:nth-child(4){height:36px}.bars-icon i:nth-child(5){height:24px}.unit-copy{position:relative;z-index:4}.unit-copy h2{margin:0;font-size:26px;font-style:italic;text-shadow:0 2px 0 #16384d}.unit-copy p{margin:4px 0 6px;font-size:9px;letter-spacing:2px}.unit-copy small{font-size:8px;letter-spacing:3px;color:#c3d0d7}.unit-state{position:relative;z-index:4;display:flex;align-items:center;gap:12px}.lamp{width:25px;height:25px;flex:0 0 auto;background:radial-gradient(circle at 36% 29%,#eee 0 8%,#1d2022 20%,#08090a 70%);box-shadow:0 0 0 2px #333b40}.lamp.green{background:radial-gradient(circle at 35% 28%,#dcffd6 0 8%,#62ff35 20%,#1a9b08 58%,#0b3507 100%);box-shadow:0 0 13px #41ff22,0 0 0 2px #39413f}.lamp.amber{background:radial-gradient(circle at 35% 28%,#fff4bd 0 9%,#ffb813 24%,#b76700 62%,#3e1e00);box-shadow:0 0 13px #ff9d00,0 0 0 2px #4a4034}.lamp.blue{background:radial-gradient(circle at 35% 28%,#d7efff 0 9%,#2f9bff 24%,#0c4fa7 62%,#081b3e);box-shadow:0 0 13px #238cff,0 0 0 2px #39414a}.lamp.off{background:radial-gradient(circle at 36% 28%,#d8d8d8 0 6%,#35383a 18%,#0e1011 68%);box-shadow:0 0 0 2px #3a4145}.unit-state b{display:block;font-size:15px}.unit-state small{display:block;margin-top:4px;color:#e2e7e9;line-height:1.4}.amber-text{color:#ffd36f}.action-btn,.gear-btn{position:relative;z-index:4;color:#fff;border:1px solid #9da8ae;background:linear-gradient(#2d709a,#174d70 50%,#0b2d44);box-shadow:inset 0 0 0 2px #071219,inset 0 1px 0 #ffffff28,0 3px 5px #0009;font-weight:900;cursor:pointer;text-shadow:0 1px 0 #000}.action-btn{height:56px;font-size:18px}.gear-btn{width:52px;height:52px;font-size:20px}.action-btn:active,.gear-btn:active{transform:translateY(1px)}
.status-unit{min-height:126px;display:grid;grid-template-columns:270px 1fr 230px;gap:18px;align-items:center;padding:12px 28px}.scope-mini{position:relative;z-index:4;border:1px solid #8c989e;background:#0a1116;padding:8px}.scope-screen{height:60px;display:flex;gap:4px;align-items:end;padding:8px;background:linear-gradient(#081014,#0b1921);border:1px solid #42515a}.scope-screen i{flex:1;background:#3ca9ff;box-shadow:0 0 5px #258ee0}.scope-screen i:nth-child(1){height:20%}.scope-screen i:nth-child(2){height:32%}.scope-screen i:nth-child(3){height:43%}.scope-screen i:nth-child(4){height:67%}.scope-screen i:nth-child(5){height:52%}.scope-screen i:nth-child(6){height:78%}.scope-screen i:nth-child(7){height:44%}.scope-screen i:nth-child(8){height:88%}.scope-mini>b{display:block;text-align:center;margin-top:4px;font-style:italic}.vent-bank{position:relative;z-index:4;display:flex;gap:9px;height:75px;align-items:stretch;justify-content:center}.vent-bank i{width:10px;border-radius:3px;background:#030405;box-shadow:inset 2px 0 2px #000,1px 0 #53616a}.system-status{position:relative;z-index:4;display:grid;gap:8px;border:1px solid #51626d;background:#0a1821;padding:12px}.system-status>b{font-size:11px;letter-spacing:1px}.system-status span{display:flex;align-items:center;gap:7px;font-size:11px}
@media(max-width:1050px){.rack-head{grid-template-columns:230px 1fr auto auto;padding-left:54px;padding-right:54px}.motto{display:none}.toolbox-body{grid-template-columns:210px 1fr}.product-unit{grid-template-columns:42px 56px minmax(180px,1fr) 160px 110px 44px;padding:9px 24px}.unit-icon{width:54px;height:54px}.unit-copy h2{font-size:20px}.action-btn{height:48px}.gear-btn{width:42px;height:42px}.status-unit{grid-template-columns:210px 1fr 180px}}
@media(max-width:760px){body{padding:0}.toolbox-shell{width:100%;padding:4px;border-left:0;border-right:0}.rack-head{grid-template-columns:106px 1fr auto;padding:8px 16px 8px 38px;min-height:86px;gap:8px}.rack-ear{width:30px}.rack-ear i{left:7px;width:16px}.logo-plate{height:60px;padding:5px}.brand-copy h1{font-size:22px}.brand-copy p{font-size:6px;letter-spacing:2px}.pilot,.window-controls{display:none}.lang-switch span{display:none}.lang-switch i{width:38px;height:37px}.lang-switch i:after{left:12px;width:12px;height:25px}.toolbox-body{grid-template-columns:1fr}.side-rack{display:grid;grid-template-columns:repeat(4,1fr);padding:5px}.side-rack>.screw,.user-card,.side-footer{display:none}.side-btn{min-height:45px;display:flex;justify-content:center;text-align:center;font-size:10px}.side-btn b,.side-btn i{display:none}.side-btn:nth-of-type(n+5){display:none}.product-unit{min-height:98px;grid-template-columns:34px 42px minmax(120px,1fr) 92px;gap:7px;padding:8px 18px}.unit-number{font-size:15px;padding:5px}.unit-icon{width:40px;height:40px;font-size:21px}.bars-icon{padding:8px;gap:2px}.bars-icon i{width:2px}.unit-copy h2{font-size:15px}.unit-copy p{font-size:6px;letter-spacing:1px}.unit-copy small{display:none}.unit-state{grid-column:3/4;gap:6px}.unit-state .lamp{width:14px;height:14px}.unit-state b{font-size:10px}.unit-state small{font-size:8px;margin-top:1px}.action-btn{grid-column:4;grid-row:1/3;height:44px;font-size:13px}.gear-btn{display:none}.status-unit{min-height:78px;grid-template-columns:1fr 1fr;padding:8px 16px}.scope-mini{display:none}.vent-bank{height:46px}.system-status{font-size:8px;padding:7px}.system-status span{font-size:8px}}
@media(max-width:450px){.rack-head{grid-template-columns:92px 1fr auto}.brand-copy h1{font-size:19px}.product-unit{grid-template-columns:30px 36px minmax(100px,1fr) 76px;padding:7px 15px}.unit-icon{width:35px;height:35px}.unit-copy h2{font-size:13px}.unit-copy p{display:none}.action-btn{width:76px;font-size:11px}.product-unit>.screw{width:11px;height:11px}.product-unit>.screw:after{top:4px}.status-unit{grid-template-columns:1fr}.vent-bank{display:none}}

/* TOOLBOX440PRO REAL BODY v3 */
:root{--tb-body-w:1448;--tb-body-h:879}
.toolbox-shell{width:min(1448px,100%);margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}
.toolbox-body-real{
  position:relative;
  width:100%;
  aspect-ratio:1448/879;
  overflow:hidden;
  background-image:url('/shared/design-system/toolbox/v1/assets/TOOLBOX-BODY-FULL.png');
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:100% 100%;
  isolation:isolate;
}
.toolbox-menu-panel,.toolbox-account-panel,.toolbox-footer-status,.toolbox-product-slot{position:absolute;z-index:2}
.toolbox-menu-panel{
  left:3.245856%;top:1.592719%;width:17.127072%;height:51.194539%;
  display:grid;grid-template-rows:repeat(7,1fr);gap:2.1%;padding:clamp(6px,1.38vw,20px);
}
.toolbox-menu-btn{
  min-width:0;border:1px solid rgba(157,183,199,.6);border-radius:3px;
  background:linear-gradient(180deg,rgba(24,54,75,.88),rgba(5,18,27,.88));
  color:#edf6fb;font:800 clamp(7px,.83vw,12px)/1 "Arial Narrow","Roboto Condensed",Arial,sans-serif;
  letter-spacing:.055em;text-transform:uppercase;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(3,8,11,.95),inset 0 1px rgba(255,255,255,.12),0 1px 3px rgba(0,0,0,.8);
}
.toolbox-menu-btn:hover,.toolbox-menu-btn:focus-visible{outline:none;border-color:#a9d7f0;background:linear-gradient(180deg,rgba(36,91,126,.94),rgba(8,31,45,.94))}
.toolbox-menu-btn.active{border-color:#a9dcfa;background:linear-gradient(180deg,rgba(45,116,160,.96),rgba(14,55,79,.96));box-shadow:inset 0 0 0 1px #07131b,0 0 8px rgba(50,167,235,.62)}

.toolbox-account-panel{
  left:3.245856%;top:56.200228%;width:17.127072%;height:36.860068%;
  padding:clamp(6px,1.38vw,20px);
  color:#e6eef2;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;
  display:flex;flex-direction:column;gap:clamp(2px,.33vw,5px);overflow:hidden;
}
.toolbox-demo-badge{
  align-self:flex-start;max-width:100%;padding:2px 5px;border:1px solid rgba(245,195,83,.65);
  background:rgba(45,34,4,.7);color:#ffd976;font-size:clamp(6px,.57vw,8px);font-weight:900;
  letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.toolbox-account-name{font-size:clamp(9px,1.05vw,15px);font-weight:900;letter-spacing:.025em}
.toolbox-account-email{font-size:clamp(6px,.69vw,10px);color:#b9c8cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toolbox-account-type{display:flex;justify-content:space-between;gap:5px;padding:clamp(3px,.32vw,5px) 0;border-top:1px solid rgba(130,151,162,.36);border-bottom:1px solid rgba(130,151,162,.36);font-size:clamp(6px,.63vw,9px)}
.toolbox-account-type b{color:#8bd5ff;white-space:nowrap}
.toolbox-account-stats{display:grid;gap:clamp(1px,.25vw,4px);font-size:clamp(6px,.62vw,9px)}
.toolbox-account-stats span{display:flex;justify-content:space-between;gap:6px}
.toolbox-account-stats em{font-style:normal;color:#c4d0d6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toolbox-account-stats b{color:#fff}
.toolbox-manage-account{
  margin-top:auto;width:100%;height:clamp(20px,2.25vw,33px);border:1px solid rgba(153,176,189,.75);border-radius:3px;
  background:linear-gradient(#245675,#0b2a3d);color:#fff;font:900 clamp(6px,.68vw,10px)/1 "Arial Narrow",Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:inset 0 0 0 1px #061117
}

.toolbox-product-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.toolbox-product-slot{
  left:26.381215%;width:65.607735%;color:#eef5f7;pointer-events:auto;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;
}
.toolbox-product-slot.slot-1{top:1.365188%;height:9.670080%}
.toolbox-product-slot.slot-2{top:14.562002%;height:10.125142%}
.toolbox-product-slot.slot-3{top:28.213879%;height:10.011377%}
.toolbox-product-slot.slot-4{top:41.751991%;height:10.125142%}
.toolbox-product-slot.slot-5{top:55.403868%;height:10.238908%}
.toolbox-product-slot.slot-6{top:69.169511%;height:10.807736%}
.toolbox-product-slot[hidden]{display:none}
.toolbox-product-icon{
  position:absolute;left:0;top:7%;width:8.421053%;height:86%;display:grid;place-items:center;
  border:1px solid rgba(142,166,179,.68);border-radius:4px;background:rgba(4,14,21,.83);
  color:#94dfff;font-size:clamp(8px,1.05vw,15px);font-weight:900;letter-spacing:.035em;
  box-shadow:inset 0 0 10px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.65)
}
.toolbox-product-copy{
  position:absolute;left:10.526316%;top:4%;width:58.947368%;height:92%;display:flex;flex-direction:column;justify-content:center;min-width:0
}
.toolbox-product-copy h2{margin:0;font-size:clamp(9px,1.38vw,20px);line-height:1;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 2px #03131d}
.toolbox-product-copy p{margin:.28em 0 0;color:#c5d5dd;font-size:clamp(6px,.68vw,10px);line-height:1.05;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toolbox-product-copy small{margin-top:.28em;color:#8fa8b4;font-size:clamp(5px,.55vw,8px);line-height:1;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toolbox-product-led-wrap{position:absolute;left:73.684211%;top:0;width:3.157895%;height:100%;display:grid;place-items:center}
.toolbox-led{display:inline-block;width:clamp(6px,1.35vw,20px);aspect-ratio:1;border-radius:50%;border:1px solid #85939a;background:#14191c;box-shadow:inset 0 0 4px #000}
.toolbox-led.led-green{background:radial-gradient(circle at 35% 28%,#eaffdf 0 9%,#5fff39 22%,#15940b 60%,#063405 100%);box-shadow:0 0 8px #45ff28,0 0 0 1px #38453d}
.toolbox-led.led-blue{background:radial-gradient(circle at 35% 28%,#e3f4ff 0 9%,#3ca2ff 24%,#1451a1 62%,#081b39);box-shadow:0 0 8px #3197ff,0 0 0 1px #39444d}
.toolbox-led.led-amber{background:radial-gradient(circle at 35% 28%,#fff4bd 0 9%,#ffb813 24%,#b76700 62%,#3e1e00);box-shadow:0 0 8px #ff9d00,0 0 0 1px #4a4034}
.toolbox-led.led-red{background:radial-gradient(circle at 35% 28%,#ffe4df 0 9%,#ff5440 24%,#ad160b 62%,#3e0703);box-shadow:0 0 8px #ff4935,0 0 0 1px #4a3834}
.toolbox-led.led-off{background:radial-gradient(circle at 36% 28%,#d8d8d8 0 6%,#35383a 18%,#0e1011 68%);box-shadow:0 0 0 1px #3a4145}
.toolbox-product-action{
  position:absolute;left:81.052632%;top:16%;width:18.947368%;height:68%;border:1px solid rgba(164,181,190,.82);border-radius:3px;
  background:linear-gradient(#2a6b93,#123e5b 52%,#092438);color:white;font:900 clamp(6px,.79vw,11px)/1 "Arial Narrow",Arial,sans-serif;
  letter-spacing:.035em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 1px #061117,inset 0 1px rgba(255,255,255,.18),0 2px 4px rgba(0,0,0,.72)
}
.toolbox-product-action:hover,.toolbox-product-action:focus-visible{outline:none;border-color:#bce4fa;filter:brightness(1.12)}
.toolbox-product-slot.is-expired .toolbox-product-copy h2{color:#ffd6cf}
.toolbox-product-slot.is-update .toolbox-product-copy h2{color:#ffe1a1}

.toolbox-footer-status{
  left:77.693370%;top:83.503982%;width:17.265193%;height:14.789534%;
  padding:clamp(6px,1.38vw,20px);display:grid;
  grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-content:center;gap:clamp(2px,.28vw,4px) 5px;
  color:#dce8ed;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;
}
.toolbox-status-title{grid-column:1/-1;font-size:clamp(6px,.7vw,10px);font-weight:900;letter-spacing:.08em}
.toolbox-status-line{display:flex;align-items:center;gap:clamp(3px,.4vw,6px);font-size:clamp(6px,.67vw,10px)}
.toolbox-status-line .toolbox-led{width:clamp(5px,.62vw,9px)}
.toolbox-pagination{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:clamp(3px,.38vw,6px);font-size:clamp(6px,.64vw,9px);font-weight:900}
.toolbox-pagination button{width:clamp(15px,1.7vw,25px);height:clamp(15px,1.45vw,21px);padding:0;border:1px solid #607783;background:rgba(4,18,27,.82);color:#eef8fc;cursor:pointer;line-height:1}
.toolbox-pagination button:disabled{opacity:.34;cursor:default}

.toolbox-demo-toast{
  position:absolute;z-index:5;left:40%;bottom:2.2%;max-width:34%;padding:clamp(4px,.5vw,7px) clamp(7px,.85vw,12px);
  border:1px solid rgba(135,171,190,.75);border-radius:3px;background:rgba(3,14,21,.93);color:#d9edf7;
  font:700 clamp(6px,.65vw,9px)/1.2 "Arial Narrow",Arial,sans-serif;opacity:0;transform:translateY(4px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease
}
.toolbox-demo-toast.show{opacity:1;transform:none}

@media(max-width:760px){
  body{padding:0}
  .toolbox-shell{width:100%}
  .toolbox-menu-btn{letter-spacing:0}
  .toolbox-product-copy p,.toolbox-product-copy small{display:none}
  .toolbox-account-email{display:none}
  .toolbox-account-stats span:nth-child(2){display:none}
}
/* ── Orden A (30-sep): LED verde en el menú lateral para la sección seleccionada (como en Tools440Pro) ── */
.toolbox-menu-btn{position:relative}
.toolbox-menu-btn::after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#2d3b35,#0c1410);box-shadow:0 0 0 1px #050a07,inset 0 1px 1px #ffffff22}
.toolbox-menu-btn.active::after{background:radial-gradient(circle at 35% 35%,#c9ffde,#35d27a 45%,#127a3f);box-shadow:0 0 0 1px #050a07,0 0 8px #35d27a,0 0 14px rgba(53,210,122,.6)}
.tb-cart-badge{position:absolute;right:22px;top:50%;transform:translateY(-50%);min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#35d27a;color:#04130b;font:900 9px/15px Arial,sans-serif;text-align:center}
/* licencias: total, conectadas, offline, historial */
.toolbox-license-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font:800 9px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.06em;color:#C9BBA6}
.toolbox-license-strip b{color:#fff}
.toolbox-license-strip i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:-1px}
.toolbox-license-strip .on i{background:#35d27a;box-shadow:0 0 6px #35d27a}
.toolbox-license-strip .off i{background:#e0a33a;box-shadow:0 0 6px #e0a33a}
.toolbox-license-hist{all:unset;cursor:pointer;color:#9fe0ff;text-decoration:underline;font:800 9px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.06em}
.toolbox-license-hist:hover{color:#fff}
.toolbox-price{color:#9fe0ff;font-weight:900;letter-spacing:.02em}
.toolbox-price.pending{color:#e0a33a}
.toolbox-product-slot.is-highlight{box-shadow:0 0 0 2px #35d27a,0 0 18px rgba(53,210,122,.55)!important}
.toolbox-product-action[disabled]{opacity:.55;cursor:default}