.smartpad-shell{margin:16px;background:linear-gradient(155deg,#3c4448,#1e2529 48%,#11171a);border:1px solid #5d686d;border-radius:26px;padding:12px;box-shadow:inset 0 1px #ffffff22,0 22px 40px #0008;position:relative}.smartpad-hardware-top{display:grid;grid-template-columns:54px 64px 1fr 84px;gap:10px;align-items:center;margin-bottom:10px}.hw-key,.mode-key{height:48px;border-radius:12px;border:1px solid #778187;background:#252e32;color:#edf3f2;font-weight:800}.hw-menu{font-size:21px}.mode-key{display:grid;place-items:center;line-height:1}.mode-key span{font-size:8px;color:#aebbbe;letter-spacing:.12em}.mode-key b{font-size:15px;color:#d3f680}.smartpad-name{text-align:center;font-weight:900;letter-spacing:.05em;color:#f2f5f4}.smartpad-name small{display:block;color:#9aabad;font-size:8px;letter-spacing:.12em;margin-top:3px}.estop{width:78px;height:58px;border:7px solid #f0c438;border-radius:50%;background:#d73838;color:#fff;box-shadow:inset 0 -8px #8e1f1f,0 4px 12px #0007;font-size:9px;font-weight:900}.estop.latched{transform:translateY(4px);box-shadow:inset 0 -2px #8e1f1f,0 1px 4px #0008}.smartpad-main{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:12px}.smartpad-screen-wrap{background:#0d1112;border:6px solid #171c1e;border-radius:16px;padding:7px;box-shadow:inset 0 0 0 1px #596468}.smartpad-screen{position:relative;min-height:492px;background:#dce3e0;color:#263331;border-radius:6px;overflow:hidden;border:1px solid #8c9a96;font:11px/1.25 "Segoe UI",Arial,sans-serif}.sp-statusbar{display:grid;overflow-x:auto;scrollbar-width:thin;grid-template-columns:34px 30px minmax(82px,1fr) repeat(7,minmax(42px,auto)) 42px;gap:2px;align-items:stretch;background:#6f7a78;padding:3px;color:#fff;min-height:46px}.sp-mainmenu,.sp-status{border:1px solid #58615f;background:#d7ddda;color:#22302e;padding:2px 4px}.sp-mainmenu{font-size:18px}.sp-robot{display:grid;place-items:center;font-weight:900}.sp-program{display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px}.sp-status{display:grid;place-items:center;align-content:center;gap:1px}.sp-status b{font-size:11px;white-space:nowrap}.sp-status small{font-size:7px}.sp-status.active{background:#79df4d;color:#0e2806}.sp-status.warn{background:#ffc45b}.sp-clock{display:grid;place-items:center;font-size:9px}.sp-messagebar{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:6px;padding:5px 6px;background:#c7d0cd;border-bottom:1px solid #aeb8b5;min-height:30px}.sp-messagebar.has-message{background:#f2d188}.message-count{border:0;background:#7e8b88;color:#fff;border-radius:3px;padding:3px}.sp-messagebar>button:last-child{border:1px solid #8d9995;background:#e7ecea;color:#283431;border-radius:3px;padding:3px 7px;font-size:10px}.sp-content{height:356px;overflow:hidden}.sp-page{display:none;height:100%}.sp-page.active{display:grid}.sp-page[data-sp-page="navigator"]{grid-template-columns:40% 60%}.navigator-pane,.program-pane{padding:8px;overflow:auto}.navigator-pane{background:#d4dcda;border-right:1px solid #aeb9b5}.sp-pane-title{background:#e57b24;color:#fff;font-weight:800;padding:5px 7px;margin:-8px -8px 6px}.tree-row,.program-row{width:100%;border:0;border-bottom:1px solid #bdc8c4;background:transparent;text-align:left;color:#2d3936;padding:7px 5px}.tree-row.selected,.program-row.selected{background:#b8c7c2}.program-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:5px}.program-row small{color:#667571}.program-hint{padding:12px 6px;color:#596864}.monitor-head{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;background:#e57b24;color:white}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;align-content:start}.position-grid div{background:#eef2f0;border:1px solid #b9c5c1;padding:10px}.position-grid span{display:block;color:#697875;font-size:9px}.position-grid b{font-size:13px}.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;overflow:auto}.io-grid h4{margin:0 0 5px}.io-row{display:flex;justify-content:space-between;width:100%;padding:6px;border:0;border-bottom:1px solid #bec8c5;background:#edf1ef;color:#31403d}.io-row.on b{color:#268212}.training-screen{overflow:auto}.training-screen ol{list-style:none;margin:0;padding:9px;display:grid;gap:6px}.training-screen li{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;background:#edf1ef;border:1px solid #bdc8c4;padding:7px}.training-screen li>b{width:24px;height:24px;display:grid;place-items:center;background:#c7d0cd;border-radius:50%}.training-screen li.done{background:#dff4d5;border-color:#8abd76}.training-screen li.done>b{background:#7bd64f}.training-screen p{margin:3px 10px 12px;color:#52615d}.sp-softkeys{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:5px;background:#c5cecb;border-top:1px solid #a6b1ad}.sp-softkeys button{padding:6px 3px;border:1px solid #98a4a0;background:#e6ebe9;color:#2b3835;font-size:9px}.sp-popover{position:absolute;inset:52px 14px 46px 14px;z-index:20;background:#edf2f0;border:2px solid #67736f;box-shadow:0 12px 30px #0006;padding:10px;overflow:auto}.sp-popover[hidden]{display:none}.popover-title{display:flex;justify-content:space-between;align-items:center;background:#e57b24;color:#fff;margin:-10px -10px 10px;padding:7px 9px}.popover-title button{border:0;background:#fff2;color:#fff}.popover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.popover-grid button,.popover-list button{border:1px solid #a7b2ae;background:#fff;color:#2b3936;padding:9px;text-align:left}.popover-list{display:grid;gap:5px}.popover-slider{display:grid;gap:8px;margin:9px 0}.popover-slider input{width:100%;accent-color:#e57b24}.smartpad-controls{display:flex;flex-direction:column;gap:9px;color:#ecf3f1}.control-section>small,.enable-box>small{display:block;color:#9fb0b2;font-size:9px;margin-bottom:4px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:3px}.segmented button{border:1px solid #59676c;background:#222c30;color:#c8d3d4;padding:6px 3px;font-size:9px}.segmented button.active{background:#d6e6a3;color:#263010;border-color:#d6e6a3}.enable-box button{width:100%;border:1px solid #657379;border-radius:8px;background:#212a2e;color:#e8efed;padding:7px}.enable-box button span,.enable-box button b{display:block}.enable-box button span{font-size:9px}.enable-box button b{font-size:10px;color:#ffbf62}.enable-box button.active{background:#29441e;border-color:#79df4d}.enable-box button.active b{color:#a8f08c}.jog-bank{display:grid;gap:4px}.jog-row{display:grid;grid-template-columns:34px 1fr 1fr;gap:4px;align-items:center}.jog-label{font-weight:900;color:#d4e0dd}.jog-row button{height:31px;border:1px solid #657278;background:#e1e6e3;color:#1f2a27;font-size:18px;border-radius:5px}.jog-row button:active{background:#b8c4c0}.jog-row button:disabled{opacity:.35}.physical-keys{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:auto}.physical-keys button{border:1px solid #657278;background:#283438;color:#eaf1ef;padding:8px 3px;font-size:9px}.physical-keys .start-key{background:#3a7d35}.physical-keys .stop-key{background:#8b3434}.physical-keys #padBack{grid-column:1/-1}.panel-head-actions{display:flex;align-items:center;gap:8px}.chip-button{border:1px solid var(--line);background:#14232c;color:#c7d5d6;border-radius:999px;padding:6px 9px;font-size:10px}.pendant-panel.smartpad-focus{position:fixed;inset:16px;z-index:50;max-width:none!important;background:#0b141b;overflow:auto}.pendant-panel.smartpad-focus .smartpad-shell{max-width:1080px;margin:18px auto}.pendant-panel.smartpad-focus .pendant-actions{max-width:1080px;margin:auto}.pendant-panel.smartpad-focus .smartpad-screen{min-height:570px}.pendant-panel.smartpad-focus .sp-content{height:432px}.smartpad-focus #smartpadFocus{background:var(--lime);color:#14200f}
.sp-page[data-sp-page="program"].active{display:flex;flex-direction:column}.sp-program-execution{padding:7px 9px;background:#dfe7e4;border-bottom:1px solid #aeb9b5}.sp-program-execution>div:not(.sp-run-progress){display:grid;grid-template-columns:82px 1fr;gap:7px;align-items:center;margin:3px 0}.sp-program-execution span{color:#64736f;font-size:9px}.sp-program-execution b{font-size:10px;color:#294035}.sp-program-execution code{font:10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-run-progress{height:4px;background:#bcc8c4;margin-top:6px;overflow:hidden}.sp-run-progress span{display:block;height:100%;width:0;background:#60962e;transition:width .08s linear}.sp-program-code{flex:1;overflow:auto;background:#f4f6f5;padding:5px 0}.sp-code-line{display:grid;grid-template-columns:30px 1fr;gap:6px;padding:3px 7px;border-left:4px solid transparent;min-height:20px}.sp-code-line span{color:#84918d;font-size:9px;text-align:right}.sp-code-line code{font:10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#293633;white-space:pre}.sp-code-line.active-run{background:#ffeab7;border-left-color:#e57b24}.sp-code-line.active-run code{font-weight:800}.start-readiness{padding:6px 7px;border:1px solid #704c32;border-radius:6px;background:#39271d;color:#ffbd7c;font-size:9px;font-weight:800;text-align:center}.start-readiness.ready{background:#20351d;border-color:#5f8b46;color:#aee887}.physical-keys .start-key.ready{background:#4a963f;box-shadow:0 0 0 2px #9be67f22}.physical-keys .start-key.blocked{background:#524733;color:#d9c4a6}.enable-box button.attention{animation:spAttention .36s ease-in-out 3}.sp-quick-ready{display:block;width:calc(100% - 20px);margin:8px 10px 12px;border:1px solid #7a994a;background:#d9efb9;color:#233414;padding:8px;font-weight:800}.sp-messagebar.stop-message{background:#e2a0a0}.sp-messagebar.warn-message{background:#f2d188}@keyframes spAttention{50%{transform:scale(1.035);box-shadow:0 0 0 3px #ffbd6255}}
.program-row.active-program{box-shadow:inset 3px 0 0 #4e8f2f}.program-row.active-program::after{content:'SEL';font-size:8px;font-weight:900;color:#3e7828;margin-left:4px}.program-row.active-program small{display:none}

.program-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-row[data-program="PickPlace_A"] span,.program-row[data-program="SensorPick"] span{font-weight:700}.program-hint{font-size:9px;line-height:1.35}