/* Right-hand work areas collapse independently and release their grid space. */
.cyberclaw-light .right > .panel.is-collapsed{min-height:0!important;overflow:hidden}
.cyberclaw-light .right > .panel > .body[hidden]{display:none!important}
.cyberclaw-light .right .right-panel-toggle{margin-left:auto;flex:none;min-width:32px;height:30px;padding:0 7px;border:1px solid #dbe6f4;border-radius:7px;background:#f5f9ff;color:#42638f;font-size:15px;line-height:1;cursor:pointer}
.cyberclaw-light .right .right-panel-toggle:focus-visible{outline:2px solid #3976e6;outline-offset:2px}
.cyberclaw-light .right .title{min-width:0}
/* Keep long registered device names readable on cards, event rows and skill labels. */
.cyberclaw-light .right .call-row{height:auto!important;min-height:0;grid-template-rows:auto auto auto!important}
.cyberclaw-light .right .call-fields{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)!important;align-items:stretch;height:auto!important}
.cyberclaw-light .right .call-field-robot,.cyberclaw-light .right .field-value.skill-robot-cell{width:auto!important;max-width:none!important;height:auto!important;min-height:24px;overflow:visible!important;white-space:normal!important}
.cyberclaw-light .right .field-value.skill-robot-cell>span:last-child{white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;text-overflow:clip!important}
.cyberclaw-light .right .obs-row.timeline-row b,.cyberclaw-light .right .entity-card-name b{white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important}
.cyberclaw-light .right .entity-card-name{min-width:0;height:auto!important}
.cyberclaw-light .right .agent-device-picker select{min-width:0;max-width:100%}
/* Map and metadata are separate rows: neither target card nor status can cover the other. */
.cyberclaw-light .physical-stage.physical-space-live{display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch}
.cyberclaw-light .physical-stage .physical-map-visual{position:relative;min-width:0;min-height:0;overflow:hidden}
.cyberclaw-light .physical-stage.physical-space-live .physical-map-canvas{position:absolute;inset:0;width:100%;height:100%}
.cyberclaw-light .physical-stage .physical-map-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-height:40px;max-height:40%;overflow:auto;padding:6px 8px;background:#f7faff;border-top:1px solid #dfe8f5}
.cyberclaw-light .physical-stage.physical-space-live .physical-map-meta .physical-map-state{position:static;max-width:none;min-width:0;overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;border-radius:8px;pointer-events:auto;font-size:10px}
.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live{position:static;width:auto;max-width:none;min-width:0;grid-column:2;box-shadow:none;z-index:auto}
.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live span{white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.cyberclaw-light .physical-stage .physical-map-meta{grid-template-columns:minmax(0,1fr)}.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live{grid-column:1}}
/* Reserve the heading for its folding control and keep full names inside their containers. */
.cyberclaw-light .right .skill-resource-panel .skill-summary{position:static!important;max-width:100%!important;width:auto!important;overflow:auto!important}
.cyberclaw-light .right .agent-space-module .agent-tabbar{position:static!important;max-width:100%!important;width:100%!important;flex:0 0 auto}
.cyberclaw-light .right .call-fields{display:grid!important;overflow:visible!important}
.cyberclaw-light .right .field-value.skill-robot-cell>span:last-child{flex:1 1 auto!important;min-width:0!important}
.cyberclaw-light .right .agent-device-picker{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px;height:auto!important}
.cyberclaw-light .right .agent-device-picker select{width:100%!important;flex:0 0 auto!important}
html.cyberclaw-light body .right .skill-resource-panel .skill-summary{position:relative!important;top:auto!important;right:auto!important;left:auto!important;max-width:100%!important;width:auto!important}
html.cyberclaw-light body .right .agent-space-module .agent-tabbar{position:relative!important;top:auto!important;right:auto!important;left:auto!important;max-width:100%!important;width:100%!important}
html.cyberclaw-light body .right .right-panel-toggle{position:relative;z-index:10}
html.cyberclaw-light body .right .skill-resource-panel:not(:fullscreen) .callbody{display:flex!important;flex-direction:column!important;gap:7px}
html.cyberclaw-light body .right .skill-resource-panel .skill-summary,html.cyberclaw-light body .right .skill-resource-panel .skill-controls{flex:0 0 auto!important}
html.cyberclaw-light body .right .skill-resource-panel .skill-table-wrap{flex:1 1 auto!important;min-height:0!important}
html.cyberclaw-light body .right .skill-resource-panel .callbody[hidden]{display:none!important}

.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live.visible{display:flex;align-items:center;gap:6px}
.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live img{width:60px;max-width:35%;height:48px;max-height:48px;object-fit:contain;flex:none}
.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live div{flex:1;min-width:0;padding:5px 7px}
.cyberclaw-light .physical-stage .physical-map-meta{max-height:none;overflow:visible}
.cyberclaw-light .physical-stage.physical-space-live{grid-template-rows:minmax(50px,1fr) minmax(0,auto)}
.cyberclaw-light .physical-stage .physical-map-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(110px,.85fr);min-height:0;overflow:auto}
.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live{grid-column:3;grid-row:1}
.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live img{width:42px;height:36px;max-height:36px}
@media(max-width:700px){.cyberclaw-light .physical-stage .physical-map-meta{grid-template-columns:minmax(0,1fr);max-height:60%;overflow:auto}.cyberclaw-light .physical-stage .physical-map-meta .target-detection-live{grid-column:1;grid-row:auto}}

/* Keep every skill card on the same columns, including wrapped long names. */
.cyberclaw-light .right .call-field-business{min-width:0;height:auto!important;white-space:normal!important;overflow:visible!important}
.cyberclaw-light .right .call-field-business .skill-business{white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;text-overflow:clip!important}
.cyberclaw-light .right .skill-resource-panel .call-row{flex:0 0 auto!important}

/* Keep device and video context readable in narrow windows. */
.context-video-banner{flex-wrap:wrap}.context-video-banner #videoContextText{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}.context-video-banner #viewCurrentDevice{flex:0 0 auto}