.stpp{--bg:#07111e;--panel:#0b1726;--line:#213a50;--text:#eaf5ff;--muted:#98aec0;--cyan:#66d8ff;--gold:#f0cf80;margin:22px auto 26px;padding:clamp(14px,2vw,24px);border:1px solid #20384d;border-radius:20px;background:linear-gradient(180deg,#091625,#050d17);color:var(--text);box-shadow:0 18px 60px rgba(0,0,0,.24)}
.stpp *{box-sizing:border-box}.stpp h2,.stpp h3,.stpp p{margin-top:0}.stpp-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.stpp-head h2{margin:.15rem 0 .45rem;font-size:clamp(1.35rem,3vw,2rem)}.stpp-head p{color:var(--muted);max-width:760px;margin-bottom:0}.stpp-kicker{font-size:.76rem;font-weight:800;letter-spacing:.13em;color:#7bdcff}.stpp-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:10px 0 18px}.stpp label{display:grid;gap:5px;color:#a9bdca;font-size:.78rem}.stpp input,.stpp select,.stpp button{font:inherit}.stpp input[type=datetime-local],.stpp select,.stpp button{min-height:42px;border:1px solid #31516b;border-radius:10px;background:#0b1a2a;color:#edf7ff;padding:9px 11px}.stpp button{cursor:pointer}.stpp button:hover,.stpp button:focus-visible{border-color:#6fcff0;outline:none}.stpp-primary{background:#0e4260!important;border-color:#3ca4cf!important}.stpp-timeline{display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:10px;padding:6px 2px 4px;color:#9fb6c7;font-size:.78rem}.stpp-timeline input{width:100%;accent-color:#67d8ff}.stpp-timeline output{min-width:145px;text-align:right;color:#dceefa}.stpp-section-title{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.stpp-section-title h3{margin-bottom:10px}.stpp-section-title span{color:#8faabc;font-size:.78rem}.stpp-glance{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:10px;overflow:auto;padding-bottom:3px}.stpp-glance-card{min-width:132px;padding:12px;border:1px solid #203d53;border-radius:14px;background:#081522}.stpp-glance-card small,.stpp-glance-card span{display:block;color:#91aabd}.stpp-glance-card small{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.stpp-glance-card strong{display:block;font-size:1.02rem;margin:4px 0}.stpp-glance-card span{font-size:.76rem}.stpp-planet-strip{display:flex;gap:8px;overflow:auto;margin:16px 0 14px;padding:3px 1px 7px}.stpp-planet-strip button{display:flex;align-items:center;gap:7px;min-width:max-content;padding:6px 10px;background:#081522}.stpp-planet-strip button.active{border-color:#87defd;background:#102a3b;box-shadow:0 0 0 1px #2b819d inset}.stpp-planet-strip img{width:27px;height:27px;object-fit:contain}.stpp-tabs{display:flex;gap:8px;border-bottom:1px solid #294358;margin-top:4px}.stpp-tabs button{border-radius:10px 10px 0 0;border-bottom:0;background:#081522;color:#a7bdcc}.stpp-tabs button[aria-selected=true]{background:#10273a;color:#fff;border-color:#4d87a5}.stpp-panel{padding-top:16px}.stpp-map-stage{margin-top:12px;padding:10px;border:1px solid #203b50;border-radius:16px;background:#06111d}.stpp-map-head{display:flex;gap:18px;align-items:end;justify-content:space-between}.stpp-map{display:block;width:100%;height:520px;border:1px solid #1d3a50;border-radius:15px;background:#030914;touch-action:manipulation}.stpp-focus{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;margin:12px 0;padding:12px;border:1px solid #234358;border-radius:14px;background:#091827}.stpp-focus img{width:78px;height:78px;object-fit:contain}.stpp-focus span{font-size:.68rem;letter-spacing:.1em;color:#75d7f5}.stpp-focus h3{margin:2px 0 4px}.stpp-focus p{margin:3px 0;color:#b0c4d0}.stpp a{color:#7edcff;text-decoration:none}.stpp a:hover{text-decoration:underline}.stpp-table-wrap{overflow:auto;border:1px solid #203b50;border-radius:14px;margin-top:12px}.stpp-table{width:100%;border-collapse:collapse;min-width:760px;background:#07131f}.stpp-table th,.stpp-table td{padding:10px 11px;border-bottom:1px solid #172e40;text-align:left;white-space:nowrap;font-size:.82rem}.stpp-table th{position:sticky;top:0;background:#0e2030;color:#afc7d7;font-size:.73rem;text-transform:uppercase;letter-spacing:.035em}.stpp-planet-link{display:inline-flex;align-items:center;gap:7px;border:0!important;background:transparent!important;padding:0!important;min-height:0!important;color:#eef7ff!important}.stpp-planet-link span{width:9px;height:9px;border-radius:50%}.stpp-status{display:inline-block;padding:3px 7px;border-radius:999px;font-size:.72rem}.stpp-status.good{background:#123d31;color:#8ce6c1}.stpp-status.info{background:#12364a;color:#9fdcff}.stpp-status.warn{background:#4a3717;color:#ffd992}.stpp-status.muted{background:#26303a;color:#bcc7cf}.stpp-observer{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;padding:11px 13px;border:1px solid #244155;border-radius:12px;background:#081522}.stpp-observer span{color:#93aaba;font-size:.82rem}.stpp-note{margin:10px 2px 0;color:#8fa7b7;font-size:.8rem}.stpp-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:14px}.stpp-actions a,.stpp-actions button{display:inline-flex;align-items:center;min-height:40px;padding:8px 11px;border:1px solid #31516b;border-radius:10px;background:#0a1a29;color:#ddecf6}.stpp[data-ready=error]{border-color:#6c493a}.stpp[data-ready=error] 
@media(max-width:800px){.stpp{padding:13px;border-radius:15px}.stpp-head{display:block}.stpp-controls{display:grid;grid-template-columns:1fr 1fr}.stpp-controls label:first-child{grid-column:1/-1}.stpp-controls label:last-child{grid-column:1/-1}.stpp-timeline{grid-template-columns:auto 1fr auto}.stpp-timeline output{grid-column:1/-1;text-align:center;margin-top:-2px;font-weight:700}.stpp-glance{grid-template-columns:repeat(5,155px)}.stpp-map-head{display:block}.stpp-map-head label{margin-bottom:9px}.stpp-map{height:330px}.stpp-focus{grid-template-columns:62px 1fr}.stpp-focus img{width:58px;height:58px}.stpp-tabs button{flex:1;padding:8px 6px;font-size:.78rem}.stpp-actions{align-items:stretch}.stpp-actions>*{flex:1 1 190px;justify-content:center;text-align:center}}
@media(max-width:430px){.stpp-map-stage{padding:8px}.stpp-controls{grid-template-columns:repeat(3,1fr)}.stpp-controls label:first-child,.stpp-controls label:last-child{grid-column:1/-1}.stpp-controls button{padding:8px 5px;font-size:.76rem}.stpp-timeline{gap:6px}.stpp-timeline span{font-size:.68rem}.stpp-map{height:300px}.stpp-glance{grid-template-columns:repeat(5,145px)}.stpp-table th,.stpp-table td{padding:9px;font-size:.78rem}}

/* v2.2 public UI cleanup */
@media(max-width:800px){.stpp-map-stage{margin-bottom:0}.stpp-timeline{margin-top:0}.stpp-head p{margin-bottom:4px}.stpp-map-head h3{margin-bottom:8px}}


/* v2.3 mobile overflow containment */
@media (max-width:800px){
  .stpp,.stpp-map-stage,.stpp-map-head,.stpp-timeline{max-width:100%;min-width:0}
  .stpp-map-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
  .stpp-map-head>div,.stpp-map-head>label{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .stpp-map-head h3{max-width:100%!important;margin:0 0 4px!important;line-height:1.15!important;overflow-wrap:anywhere;word-break:normal}
  .stpp-map-head select{display:block;width:100%!important;max-width:100%!important;min-width:0!important}
  .stpp-timeline{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;overflow:hidden!important;padding-left:0!important;padding-right:0!important}
  .stpp-timeline input[type=range]{min-width:0!important;width:100%!important;max-width:100%!important}
  .stpp-timeline output{grid-column:1/-1!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:2px 0 0!important;padding:0 6px!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
}
@media (max-width:430px){
  .stpp-map-head h3{font-size:1.35rem!important}
  .stpp-map-head label{font-size:.75rem!important}
  .stpp-timeline output{font-size:.78rem!important;line-height:1.3!important}
}