/* Screenshot layout tokens are shared; feature logic stays in separate modules. */
/* Align the selector itself with both frame buttons; its caption stays above. */
.pw-media-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;margin:12px 0 7px}
.pw-media-controls>label{min-width:0;margin:0}
.pw-media-controls select,.pw-media-controls button{box-sizing:border-box;height:36px;margin:0;min-width:0}
.pw-media-controls button{padding:0 9px;white-space:nowrap}
.pw-media-seek{margin:7px 0}
.pw-media-seek input[type=range]{padding:0;accent-color:#087aff}
/* The detail defines the desktop height; the list fills it and scrolls inside. */
.pw-annotation>.pw-columns{align-items:stretch}
.pw-annotation-list{display:flex;flex-direction:column;min-height:350px}
.pw-annotation-list>.section-head,.pw-annotation-list>.pw-footer{flex-shrink:0}
.pw-annotation-list>.pw-scrolling{flex:1;min-height:0;max-height:none;contain:size}
.pw-annotation-list .pw-table thead{position:sticky;top:0;z-index:1}
@media(max-width:850px){
  .pw-annotation-list>.pw-scrolling{flex:auto;contain:none;max-height:430px}
}
.pw-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}.pw-heading h2{font-size:24px;color:#071553;margin:0 0 4px}.pw-heading p{color:#6c81af;font-size:12px;margin:0}.pw-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.pw-metric{background:linear-gradient(120deg,#fff,#f8fcff);border:1px solid #e5f0fd;border-radius:8px;display:flex;gap:14px;align-items:center;padding:15px;min-height:83px}.pw-orb{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e7f4ff;color:#087aff;flex-shrink:0}.pw-orb svg{width:25px;height:25px}.pw-metric.green .pw-orb{background:#e2fff0;color:#00bf7d}.pw-metric.purple .pw-orb{background:#f0e7ff;color:#8949ff}.pw-metric strong{display:block;font-size:24px;color:#08165a;line-height:1.4}.pw-metric small,.pw-metric span:not(.pw-orb){color:#6f84b2;font-size:11px}.pw-panel{border:1px solid #e4effd;border-radius:8px;padding:13px;margin-bottom:12px;background:#fff}.pw-panel h3{font-size:15px;color:#08145b;margin:0}.pw-panel .section-head{margin-bottom:12px}.pw-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.pw-panel label{color:#536b9e;font-size:12px;display:grid;gap:5px}.pw-panel input,.pw-panel select,.pw-panel textarea{min-width:0;width:100%;border:1px solid #dce8fb;border-radius:5px;padding:8px 9px;background:#fff;color:#13245c;font-size:12px}.pw-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pw-form .wide{grid-column:1/-1}.pw-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.pw-actions button{flex:1}.pw-banner{display:flex;align-items:center;justify-content:space-between;min-height:74px;background:linear-gradient(110deg,#e1f0ff,#f5fbff,#ddebff);border-radius:8px;overflow:hidden;padding:12px 20px;margin-bottom:12px;position:relative}.pw-banner>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.pw-banner>div,.pw-banner>a{position:relative;z-index:1}.pw-banner strong{display:block;color:#0752cc;font-size:17px}.pw-banner small{display:block;color:#6482b1;margin-top:5px}.pw-banner svg{float:left;width:46px;height:46px;color:#087aff;margin-right:15px}.pw-empty{min-height:110px;display:grid;place-content:center;justify-items:center;gap:9px;color:#92a2c0;font-size:12px}.pw-empty svg{width:36px;height:36px}.pw-filter{display:flex;gap:8px;align-items:center;padding:10px;background:white;border:1px solid #e4effd;border-radius:7px;margin-bottom:12px}.pw-filter input{flex:1;min-width:100px}.pw-filter select{max-width:220px}.pw-filter input,.pw-filter select{padding:8px;border:1px solid #dce8fb;border-radius:5px;color:#536b9e}.pw-table{width:100%;font-size:11px;border-collapse:collapse}.pw-table th{background:#eff6ff;color:#6580af;text-align:left;padding:9px 7px;white-space:nowrap}.pw-table td{padding:8px 7px;border-bottom:1px solid #eff4fb;color:#374e7d}.pw-table tr.selected td{background:#f2f8ff}.pw-table input[type=checkbox]{width:13px}.pw-table small{display:block;color:#8396bb}.pw-table .pw-link{color:#0074ff;background:transparent;border:0;padding:0;font-size:11px}.pw-progress{height:6px;min-width:65px;background:#edf3fc;border-radius:10px;overflow:hidden}.pw-progress i{display:block;height:100%;background:#0082ff}.pw-preview{background:#f1f6fc;border-radius:6px;overflow:hidden;position:relative;min-height:190px;display:grid;place-items:center}.pw-preview img{display:block;width:100%;object-fit:contain;max-height:320px}.pw-preview-tag{position:absolute;top:8px;left:8px;background:#253552c9;color:#fff;border-radius:4px;padding:3px 7px;font-size:11px}.pw-details{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);gap:12px}.pw-kv{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;font-size:11px;margin:0}.pw-kv dt{color:#7288b1}.pw-kv dd{color:#283e75;overflow-wrap:anywhere;margin:0}.pw-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;color:#59749f;margin:12px 0}.pw-checks .good-text{color:#00ba76}.pw-footer{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:#6482b0}.pw-footer button{padding:4px 10px}.pw-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pw-capability{background:#fbfdff;border:1px solid #e5f0fd;border-radius:7px;padding:12px;display:flex;gap:9px;align-items:center}.pw-capability svg{width:25px;height:25px;color:#087aff}.pw-capability strong{display:block;color:#132563;font-size:12px}.pw-capability small{font-size:10px;color:#7088b1}.pw-tabs{display:flex;gap:16px;border-bottom:1px solid #e5effd;margin-bottom:12px}.pw-tabs button{background:transparent;border:0;border-radius:0;padding:8px;color:#7585ac}.pw-tabs button.active{color:#087aff;border-bottom:2px solid #087aff}.pw-chart{width:100%;height:155px;overflow:visible}.pw-chart text{font-size:9px;fill:#7690b9}.pw-chart-legend{display:flex;gap:12px;font-size:10px}.pw-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pw-chart-grid .pw-panel{padding:10px;margin:0}.pw-tree{font:11px/1.9 ui-monospace,monospace;max-height:340px;overflow:auto;color:#315b9a;white-space:pre-wrap;overflow-wrap:anywhere}.pw-lerobot-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.pw-compat{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pw-compat>div{background:#f6faff;border:1px solid #e2edfc;padding:12px;border-radius:6px;color:#5570a0}.pw-stage-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:12px}.pw-stage{background:linear-gradient(110deg,#eaf3ff,#f9fcff);border:1px solid transparent;border-radius:8px;padding:14px;position:relative;color:#5975a2}.pw-stage.current{border-color:#0c7cff}.pw-stage:nth-child(2),.pw-stage:nth-child(5){background:#ebfbf5}.pw-stage:nth-child(3){background:#fff6e9}.pw-stage:nth-child(4){background:#f4efff}.pw-stage:not(:last-child):after{content:'→';position:absolute;right:-13px;top:40%;font-size:24px;color:#77a6ff}.pw-stage b{float:left;border-radius:50%;background:#087aff;color:#fff;font-size:22px;width:37px;height:37px;display:grid;place-items:center;margin-right:9px}.pw-stage:nth-child(2) b,.pw-stage:nth-child(5) b{background:#04c980}.pw-stage:nth-child(3) b{background:#ff9400}.pw-stage:nth-child(4) b{background:#8d51ff}.pw-stage strong{display:block;color:#1458b8;font-size:14px}.pw-stage small{display:block;font-size:10px;margin-top:5px}.pw-stage ul{font-size:11px;list-style:none;padding:0 0 0 46px;margin:12px 0 0;line-height:1.9}.pw-stage ul li:before{content:'●';color:#0b80ff;margin-right:7px}.pw-device-brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.pw-device-brand{display:flex;gap:8px;align-items:center;background:#fbfdff;border:1px solid #e3edfb;border-radius:7px;padding:10px;color:#1d346a;text-decoration:none}.pw-device-brand>svg{width:37px;height:37px;color:#4088c7;flex-shrink:0}.pw-device-brand strong{display:block;font-size:14px}.pw-device-brand small{display:block;color:#7c93b4;font-size:10px}.pw-device-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px;margin-bottom:12px}.pw-device-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.8fr);gap:12px}.pw-device-layout .form-grid{grid-template-columns:1fr 1fr;gap:10px}.pw-device-layout .panel{padding:13px;border:1px solid #e4effd;border-radius:8px;min-width:0}.pw-device-layout .muted{font-size:11px}.pw-device-layout label{font-size:11px}.pw-device-layout input,.pw-device-layout select{font-size:11px;width:100%;min-width:0}.pw-radio{display:flex;align-items:center;gap:12px;font-size:12px;color:#5873a0}.pw-radio label{display:flex;align-items:center;gap:4px}.pw-radio input{width:auto}.pw-model-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pw-model-card{padding:12px;border:1px solid #e2edfc;border-radius:7px;background:#f8fbff}.pw-model-card h4{font-size:12px;color:#123379;margin:0 0 7px}.pw-model-card small{color:#7b91b7;font-size:10px}.pw-infer-output{background:#f3f8ff;padding:12px;border-radius:6px;font:12px/1.7 monospace;overflow-wrap:anywhere;white-space:pre-wrap;color:#195aaf}.pw-thumbnails{display:flex;gap:6px;margin:8px 0}.pw-thumbnails button{padding:2px;width:68px;overflow:hidden;border:1px solid #d9e8fb;background:#f4f8ff}.pw-thumbnails img{width:100%;height:40px;object-fit:cover}.pw-thumbnails button.active{border-color:#087aff}.pw-error{color:#d54444;font-size:12px;margin:8px 0}.pw-mapping{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:8px}.pw-mapping>span{text-align:center;color:#8c9dbd}.pw-inline-links{display:flex;gap:12px;font-size:12px;align-items:center}.pw-inline-links a{color:#087aff}.pw-camera-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pw-camera-strip img{width:100%;height:155px;object-fit:cover}.pw-collection .wizard-step-nav{display:flex;gap:5px;overflow:auto}.pw-collection .wizard-step-card{min-width:90px;padding:7px;flex:1}.pw-collection .wizard-step-card small{display:none}.pw-collection .wizard-step-card strong{font-size:10px}.pw-collection .wizard-step-card>span{font-size:12px;width:20px;height:20px}.pw-collection .collection-layout{gap:12px}.pw-collection .panel{border:1px solid #e4effd;border-radius:8px}.pw-collection .camera-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pw-collection .camera img{height:160px}.pw-scrolling{overflow:auto;max-height:430px}.pw-subtle{color:#7b91b7;font-size:11px}.pw-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pw-status-grid>div{background:#f8fbff;padding:10px;border-radius:6px}.pw-status-grid strong{color:#0bba7e;display:block}.pw-hidden{display:none!important}@media(max-width:1200px){.pw-device-layout{grid-template-columns:1fr 1fr}.pw-device-layout>aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pw-details{grid-template-columns:1fr}.pw-lerobot-grid{grid-template-columns:180px 1fr}.pw-stage{padding:10px}.pw-stage ul{padding-left:0}.pw-stage strong{font-size:12px}}@media(max-width:850px){.pw-columns,.pw-device-top,.pw-device-layout,.pw-lerobot-grid{grid-template-columns:1fr}.pw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-device-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.pw-stage-nav{grid-template-columns:1fr}.pw-stage:not(:last-child):after{display:none}.pw-stage ul{display:none}.pw-filter{flex-wrap:wrap}.pw-capabilities{grid-template-columns:1fr 1fr}.pw-stage{padding:8px}.pw-camera-strip{grid-template-columns:1fr}.pw-collection .camera-grid{grid-template-columns:1fr}.pw-model-cards{grid-template-columns:1fr}.pw-heading{align-items:flex-start}.pw-metric{padding:10px}.pw-metric strong{font-size:20px}.pw-form{grid-template-columns:1fr}.pw-form .wide{grid-column:auto}.pw-chart-grid{grid-template-columns:1fr}.pw-device-layout>aside{grid-template-columns:1fr}}
.pw-columns,.pw-lerobot-grid,.pw-device-layout{align-items:start}.pw-columns>*,.pw-columns>*>*,.pw-lerobot-grid>*,.pw-device-layout>*,.pw-details>*{min-width:0}.pw-panel,.pw-heading{min-width:0}.pw-banner>div{flex:1}.pw-panel strong,.pw-kv dd{overflow-wrap:anywhere}.pw-actions>label{flex:1;min-width:0}.pw-actions select{max-width:100%}.pw-tree .ui-icon{width:13px;height:13px;vertical-align:middle}.pw-annotation .pw-panel h4{margin:9px 0;font-size:12px}.pw-annotation .pw-details{grid-template-columns:minmax(0,1.2fr) minmax(150px,.8fr)}.pw-annotation .pw-preview{min-height:150px}.pw-annotation .pw-preview img{max-height:195px}.pw-annotation .pw-chart{height:105px}.pw-annotation .pw-panel .pw-panel{padding:8px;margin-bottom:6px}.pw-annotation .pw-checks{grid-template-columns:repeat(3,minmax(0,1fr));font-size:10px}.pw-annotation .pw-metric{min-height:72px;padding:10px}.pw-training .pw-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pw-training .pw-form>.wide>label{grid-template-columns:85px minmax(0,1fr);align-items:center}.pw-training .pw-form>label{font-size:10px}.pw-training .pw-form input,.pw-training .pw-form select{padding:5px 7px;font-size:11px}.pw-training .pw-chart{height:118px}.pw-training .pw-panel{padding:11px}.pw-training .pw-panel h3{font-size:14px}.pw-training .pw-panel .section-head{margin-bottom:8px}.pw-training .pw-metric{min-height:73px;padding:10px}.pw-training .pw-metric strong{font-size:21px}.pw-training button{padding:6px 10px}.pw-training .pw-model-card{padding:8px}.pw-training .pw-chart-grid .pw-empty{min-height:143px}.pw-training .pw-chart-grid .pw-panel{margin-bottom:0}.pw-stage-nav .pw-stage ul{margin-top:7px}.pw-stage-nav .pw-stage{padding:12px}.pw-device-brands button{text-align:left}.pw-device-layout #device-mvs-settings .two-column{grid-template-columns:1fr}.pw-device-layout #device-mvs-settings .form-grid{grid-template-columns:1fr}.pw-table .ui-icon{width:15px;height:15px;vertical-align:middle}.pw-model-card .ui-icon{width:19px;height:19px;vertical-align:middle}.dark .pw-panel,.dark .pw-metric,.dark .pw-filter{background:#192738;border-color:#304257}.dark .pw-heading h2,.dark .pw-panel h3,.dark .pw-metric strong{color:#eef6ff}.dark .pw-panel input,.dark .pw-panel select,.dark .pw-panel textarea,.dark .pw-filter input,.dark .pw-filter select{background:#1c2e43;color:#eaf4ff;border-color:#3b5474}.dark .pw-table th{background:#23394f;color:#c1d3e9}.dark .pw-table td{color:#d1dfef;border-color:#31445c}.dark .pw-banner{background:linear-gradient(110deg,#19395d,#223c57)}.dark .pw-banner strong{color:#9fcbff}.dark .pw-device-brand,.dark .pw-capability,.dark .pw-model-card,.dark .pw-compat>div{background:#203348;color:#edf4ff;border-color:#364e69}@media(max-width:850px){.pw-annotation .pw-details{grid-template-columns:1fr}.pw-training .pw-form{grid-template-columns:1fr 1fr}.pw-training .pw-form>.wide>label{grid-template-columns:1fr}.pw-annotation .pw-checks{grid-template-columns:1fr 1fr}.pw-form input,.pw-form select,.pw-form textarea{max-width:100%}.pw-heading{flex-wrap:wrap}.pw-banner{padding:12px}.pw-banner>div{min-width:0}.pw-banner>a{max-width:85px}.pw-columns{width:100%}.pw-compat{grid-template-columns:1fr}}
@media(min-width:1100px){.pw-annotation{position:relative}.pw-annotation>.pw-heading{min-height:55px;max-width:50%}.pw-annotation>.pw-banner{position:absolute;top:0;right:0;width:48%;min-height:52px;height:55px;padding:7px 12px;margin:0}.pw-annotation>.pw-banner strong{font-size:14px}.pw-annotation>.pw-banner small{font-size:10px}.pw-annotation>.pw-banner svg{height:32px;width:32px}.pw-annotation>.pw-banner>a{max-width:95px;font-size:10px}}
/* Model dialogs keep preparation separate from the main training dashboard. */
.pi-training-dialog{width:min(1080px,calc(100vw - 40px));max-width:1080px;max-height:90vh;margin:auto;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0b234033;overflow:auto}
.pi-training-dialog::backdrop{background:#071b3b66}
.pi-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 12px;background:var(--panel);border-bottom:1px solid var(--line)}
.pi-dialog-header h2{margin:0;font-size:20px}.pi-dialog-header p{margin:6px 0 0}.pi-dialog-header button{flex:none}
.pi-config-tabs{padding:0 24px;margin:0;background:var(--panel)}.pi-config-tabs button{padding:14px 16px}
.pi-dialog-body{padding:20px 24px}.pi-dialog-body .pw-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pi-dialog-body .pw-columns>div{min-width:0}
.pi-job-log{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.pi-stage-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.pi-stage-cards section{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}.pi-stage-cards h4{margin:0 0 10px}.pi-stage-cards p{font-size:12px;color:var(--muted);line-height:1.7}.pi-stage-cards small{display:block;margin:10px 0;color:var(--muted)}
.pi-config-group{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:14px}.pi-config-group legend{font-weight:600;padding:0 6px}
@media(max-width:800px){.pi-dialog-body .pw-columns{grid-template-columns:1fr}.pi-training-dialog{width:calc(100vw - 20px);max-height:94vh}.pi-dialog-header,.pi-dialog-body{padding:16px}.pi-config-tabs{padding:0 16px}.pi-stage-cards{grid-template-columns:1fr}}
/* Real ABB capture uses a bounded set of independently previewed cameras. */
.abb-capture-cameras { margin-bottom: 20px; }
.abb-capture-camera-choices { display: grid; gap: 10px; margin: 16px 0; }
.abb-capture-camera-choice { display: flex; align-items: flex-start; gap: 12px; padding: 12px; border: 1px solid var(--border, #dbe5ef); border-radius: 10px; }
.abb-capture-camera-main { display: flex; align-items: flex-start; gap: 12px; flex: 1; min-width: 0; margin: 0; }
.abb-capture-camera-choice.is-disconnected { border-style: dashed; }
.abb-capture-camera-choice > button { flex: none; align-self: center; }
.abb-capture-hardware-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; margin-bottom: 10px; border: 1px solid var(--line, #dbe5ef); border-radius: 10px; }
.abb-capture-hardware-card > div { display: grid; gap: 5px; min-width: 0; }
.abb-capture-hardware-card small { color: var(--muted); overflow-wrap: anywhere; }
#field-camera-panel .abb-capture-hardware-card { flex-wrap: wrap; }
#field-camera-panel .abb-capture-hardware-card > details { flex: 1 1 100%; min-width: 0; }
#field-camera-panel .abb-capture-hardware-card form { margin-top: 12px; }
.abb-camera-empty { color: var(--muted); padding: 20px; border: 1px dashed var(--line, #dbe5ef); border-radius: 10px; }
.abb-camera-empty[hidden], #abb-hik-settings-open[hidden] { display: none; }
.abb-camera-ip-search { margin: 14px 0; }
.abb-hik-camera-dialog { width: min(1180px, calc(100vw - 32px)); max-width: 1180px; max-height: 90vh; margin: auto; padding: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--surface, #f7faff); color: var(--text); box-shadow: 0 24px 80px #0b234033; overflow: auto; }
.abb-hik-camera-dialog::backdrop { background: #071b3b66; }
.abb-hik-dialog-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 22px; background: var(--panel, #fff); border-bottom: 1px solid var(--line); }
.abb-hik-dialog-header h2 { margin: 0; }
.abb-hik-dialog-header p { margin: 8px 0 0; }
.abb-hik-dialog-header > button { flex: none; }
.abb-hik-dialog-body { padding: 18px; }
.abb-capture-camera-choice input { width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0 0; }
.abb-capture-camera-choice span { display: grid; gap: 4px; min-width: 0; }
.abb-capture-camera-choice small { overflow-wrap: anywhere; color: var(--muted, #6b7d95); }
.abb-capture-camera-previews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.abb-capture-camera-previews .camera-view { min-width: 0; margin: 0; }
.abb-capture-camera-previews .camera-frame { width: 100%; aspect-ratio: 1; height: auto; }
.field-agent-download { align-items: end; margin-block: 12px; }
.field-agent-download > label { flex: 1 1 260px; min-width: 0; max-width: 620px; }
.field-agent-download select { width: 100%; min-width: 0; }
.field-agent-download > small { flex-basis: 100%; }
@media (max-width: 720px) { .abb-capture-camera-previews { grid-template-columns: 1fr; } }
@media (max-width: 800px) { .abb-hik-dialog-body .two-column { grid-template-columns: 1fr; } .abb-hik-camera-dialog { width: calc(100vw - 16px); max-height: 94vh; } .abb-hik-dialog-header { padding: 14px; } .abb-hik-dialog-body { padding: 10px; } .abb-capture-hardware-card { flex-wrap: wrap; } }

[data-rervision-panel] { display: grid; min-width: 0; }
[data-rervision-panel] > div { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
[data-rervision-panel] label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
[data-rervision-panel] select { width: 100%; min-width: 0; }
.page-content [data-rervision-panel] label > select { grid-column: 2; }
[data-rervision-panel] pre { max-height: 180px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
#rervision-log-text { max-height: 60vh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }