﻿.machine-map-shell{padding:18px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;color:var(--text,#e5eaf3)}
.machine-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.machine-map-toolbar strong{font-size:20px}.machine-map-toolbar span{display:block;color:var(--muted,#9baac1);margin-top:4px;font-size:12px}
.machine-map-notice{font-size:13px;padding:10px 12px;background:rgba(78,151,210,.12);border-radius:7px;flex-shrink:0}.machine-map-notice.error{color:#ffb5ae;background:rgba(240,93,78,.13)}
.machine-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;min-height:0;flex:1}.machine-map-main{min-width:0;min-height:0;display:flex;flex-direction:column}.machine-map-viewport{height:100%;min-height:280px;overflow:auto;background:#222d3d;border:1px solid #526174;border-radius:8px;cursor:grab;touch-action:none;overscroll-behavior:contain;position:relative}.machine-map-viewport:active{cursor:grabbing}.machine-map-viewport.placing{cursor:crosshair}
.machine-map-surface{margin:0 auto;position:relative;flex:none;background:white}.machine-map-surface>img{display:block;width:100%;height:100%;max-width:none;user-select:none;pointer-events:none}.machine-map-markers{position:absolute;inset:0;pointer-events:none}.machine-map-marker,.machine-map-draft{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#125d9f;border:2px solid #fff;color:#fff;box-shadow:0 1px 5px #0009;font-size:15px;pointer-events:auto;cursor:pointer;line-height:1}.machine-map-marker.cluster{width:34px;height:34px;font-size:12px;font-weight:700}.machine-map-marker.selected{background:#854c05;outline:3px solid #ffce62;z-index:2}.machine-map-marker:focus-visible{outline:4px solid #17202e;z-index:3}.machine-map-draft{background:#a83d71;pointer-events:none;font-size:25px;z-index:4}.machine-map-caption{font-size:11px;color:var(--muted,#9baac1);line-height:1.5;padding-top:7px}
.machine-map-sidebar{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding-right:3px}.machine-map-sidebar label{display:flex;flex-direction:column;gap:5px;font-size:12px}.machine-map-sidebar input,.machine-map-sidebar select{width:100%;min-width:0;box-sizing:border-box;padding:8px;background:#172131;color:#e5eaf3;border:1px solid #526174;border-radius:5px}.machine-map-sidebar p{font-size:12px;line-height:1.5;margin:0;color:var(--muted,#aab7cb)}.machine-map-sidebar fieldset{border:0;margin:0;padding:0;min-width:0}.machine-map-sidebar fieldset:disabled{opacity:.65}.machine-map-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.machine-map-sidebar .repo-actions{flex-wrap:wrap;gap:8px;margin-top:10px}.machine-map-sidebar [data-map-coordinate-note]{margin-top:10px}.machine-map-sidebar [data-map-save-status]{color:#efc876}.machine-map-sidebar [data-map-cluster]{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto;flex-shrink:0}.machine-map-source{border-top:1px solid #526174;padding-top:12px}.machine-map-modal .mbody{overflow:hidden!important}
@media(max-width:800px){.machine-map-layout{grid-template-columns:1fr;overflow:auto}.machine-map-main{height:400px;flex-shrink:0}.machine-map-sidebar{overflow:visible}.machine-map-shell{padding:12px}.machine-map-toolbar .repo-actions{flex-wrap:wrap}.machine-map-layout{display:flex;flex-direction:column}.machine-map-viewport{height:360px}.machine-map-sidebar{flex-shrink:0}}

.machine-map-viewport.placing .machine-map-marker{pointer-events:none}
.machine-map-marker.map-health-red,.map-card-dot.map-health-red{background:#c82e3c}.machine-map-marker.map-health-yellow,.map-card-dot.map-health-yellow{background:#e7ae23;color:#342900}.machine-map-marker.map-health-green,.map-card-dot.map-health-green{background:#218457}.machine-map-marker.map-health-gray,.map-card-dot.map-health-gray{background:#718096}.machine-map-marker.selected{outline:3px solid #ffce62}
.machine-map-popover{position:fixed;z-index:150;width:306px;max-width:calc(100vw - 24px);max-height:min(650px,calc(100vh - 24px));overflow:auto;background:#fff;color:#172b42;border:1px solid #d3dce6;border-radius:14px;box-shadow:0 12px 40px #0005;padding:14px;box-sizing:border-box;cursor:default;font-size:13px;line-height:1.45}.machine-map-popover[hidden]{display:none}.machine-map-popover h3{font-size:18px;line-height:1.3;color:#152c45;margin:8px 0;overflow-wrap:anywhere}.machine-map-popover p{margin:6px 0;overflow-wrap:anywhere}.map-card-top,.map-card-badges,.map-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.map-card-top{justify-content:space-between}.map-card-eyebrow{font-size:10px;letter-spacing:1.1px;color:#576b80;font-weight:700}.machine-map-popover .map-card-button{border:1px solid #cbd6e2;background:#f3f7fb;color:#1c456a;padding:7px 10px;border-radius:7px;font:inherit;cursor:pointer}.machine-map-popover .map-card-button:hover{background:#e4eef8}.machine-map-popover .map-card-button:focus-visible{outline:3px solid #3d84b7}.machine-map-popover .map-card-button:disabled{opacity:.5;cursor:wait}.machine-map-popover .map-card-close{font-size:21px;padding:0 7px;border:0;background:transparent;color:#5d6a79}.map-card-badge{padding:4px 8px;border-radius:20px;font-size:11px;font-weight:700;background:#edf1f5;color:#546273}.map-card-badge.is-online,.map-card-badge.map-health-green{background:#dcf6e7;color:#196c42}.map-card-badge.is-online:before{content:'●';margin-right:5px}.map-card-badge.map-health-red{background:#ffe3e6;color:#a91e31}.map-card-badge.map-health-yellow{background:#fff2cd;color:#825d00}.map-card-host,.map-card-meta{font-size:12px;color:#51667d}.map-card-location{font-weight:600}.map-card-coverage,.map-card-footnote{font-size:11px;color:#67778b}.map-card-events{overflow:visible}.map-card-event{border-top:1px solid #dde5ee;padding:10px 0}.map-card-event small{color:#68798c}.map-card-message{font-size:11px;color:#53677b;white-space:pre-wrap;overflow-wrap:anywhere}.map-card-actions{margin-top:10px}.map-card-footnote{display:block;margin-top:10px}.map-card-cluster-list{display:flex;flex-direction:column;gap:7px;max-height:440px;overflow:auto}.machine-map-popover .map-card-cluster-choice{text-align:left;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.map-card-dot{display:inline-block;width:10px;height:10px;flex-shrink:0;border-radius:50%}

.map-card-details{font-size:12px;margin-top:6px}.map-card-details>summary{cursor:pointer;color:#334f6b}.map-card-details .map-card-button{margin:5px 0}

.machine-map-popover{overscroll-behavior:contain}
.machine-map-popover .map-card-top{position:sticky;top:0;background:#fff;z-index:1}

.map-card-summary{border-block:1px solid #e1e8ef;padding:10px 0;margin-top:10px}.map-card-latest{font-size:12px}.map-event-time{display:block;margin-top:4px;font-size:11px;color:#68798c}
.machine-map-review{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-sizing:border-box;overflow:auto;background:#fff;color:#172b42;border:1px solid #d3dce6;border-radius:14px;padding:20px;box-shadow:0 12px 40px #0005;font-size:13px;line-height:1.5}.machine-map-review::backdrop{background:#10223899}.machine-map-review h3{margin:0}.machine-map-review .map-card-button{border:1px solid #cbd6e2;background:#f3f7fb;color:#1c456a;padding:7px 10px;border-radius:7px;font:inherit;cursor:pointer}.machine-map-review .map-card-button:disabled{opacity:.5;cursor:default}.machine-map-review .map-card-details{margin-bottom:14px}.machine-map-review .map-card-event{margin-top:12px}.machine-map-review .map-card-message{font-size:13px}.machine-map-review .map-card-top{position:sticky;top:-20px;background:white;padding:12px 0;z-index:1}

.machine-map-marker.map-health-yellow{color:#fff}.machine-map-marker.cluster.map-health-yellow{color:#342900}

.machine-map-review[open]{display:flex;flex-direction:column;overflow:hidden;max-height:min(760px,calc(100vh - 48px))}.machine-map-review [data-review-body]{overflow:auto;min-height:0;padding-right:8px}.machine-map-review>.map-card-top,.machine-map-review>[data-review-status],.map-review-controls{flex-shrink:0}.machine-map-review>.map-card-top{position:static;padding-top:0}.map-review-controls{border-bottom:1px solid #dde5ee;padding-bottom:12px}.map-review-controls .map-card-actions{justify-content:space-between}.machine-map-review .map-card-event{padding:9px 0;margin-top:5px}.machine-map-review .map-card-message{margin:8px 0}

.map-review-controls{display:flex;flex-wrap:wrap;gap:8px}.map-review-controls>.map-card-actions{flex-basis:100%;margin-top:2px}

#machineMapContent{height:calc(100vh - 135px);min-height:520px}#machineMapContent .machine-map-shell{padding:16px 0}.map-collection-progress{border:1px solid #d3dce6;background:#f4f8fc;border-radius:8px;padding:12px;margin:8px 0}.map-collection-channel{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:8px}@media(max-width:800px){#machineMapContent{height:auto}.map-collection-channel{flex-wrap:wrap}}

/* Shared wallboard map palette; image filter deliberately excludes the markers. */
.machine-map-viewport,.machine-map-surface{background:#0a1420}.machine-map-viewport{border:1px solid #25384c;border-radius:5px}.machine-map-surface>img{filter:invert(1) grayscale(1) contrast(.82) sepia(.6) hue-rotate(165deg) saturate(1.6);opacity:.76}
.machine-map-toolbar{background:linear-gradient(180deg,#0d1c2dba,#08121ece);border:1px solid #25384c;border-radius:7px;padding:12px 14px}.machine-map-toolbar .btn{background:#102033;border-color:#25384c;color:#edf4fb}.machine-map-toolbar .btn:hover{border-color:#39c7ff}.machine-map-notice{background:#0c2030;border:1px solid #25384c}.machine-map-marker.selected{outline:3px solid #168cff99;outline-offset:3px}.machine-map-marker.map-health-red{background:#ff5b65}.machine-map-marker.map-health-yellow{background:#f4b942;color:#342900}.machine-map-marker.map-health-green{background:#48c774;color:#073a26}.machine-map-marker.map-health-gray{background:#8694a2}.machine-map-pin-label{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#edf4fb;background:#071321;border:1px solid #39c7ff;border-radius:4px;padding:5px 8px;font:12px 'Segoe UI',Arial;pointer-events:none}

/* Availability and collection progress have distinct, non-health colors. */
.machine-map-marker.map-health-blue,.map-card-dot.map-health-blue{background:#39a9ed;color:#092b46}
.machine-map-marker.map-health-offline,.map-card-dot.map-health-offline{background:#8694a2;color:#fff}
.machine-map-marker.map-health-gray{background:#0a1420;border-color:#aab7c4;color:#aab7c4}
.map-card-dot.map-health-gray{background:transparent;border:2px solid #8694a2;box-sizing:border-box}
.map-card-host{overflow-wrap:anywhere}

/* Panning belongs to the map, never native image or text-selection dragging. */
.machine-map-viewport,.machine-map-surface{-webkit-user-select:none;user-select:none}
.machine-map-surface>img{-webkit-user-drag:none;user-drag:none}

/* Event review uses a light surface, including native checkbox controls. */
.map-event-select input[type="checkbox"], .map-exceptions input[type="checkbox"]{color-scheme:light;accent-color:#1674c5;background-color:#fff;border:1px solid #879db5;box-shadow:none;}
.map-exceptions{border-top:1px solid #cedbea;margin:12px 0;padding-top:10px;}
.map-exceptions label{display:flex;gap:8px;align-items:center;margin:8px 0;color:#19334f;}
.map-exceptions input:not([type="checkbox"]),.map-exceptions select,.map-exceptions textarea{color-scheme:light;color:#19334f;background:#fff;border:1px solid #b6c9de;border-radius:4px;padding:6px;max-width:100%;}
.map-exceptions .map-exception-rule{border-top:1px solid #d6e1ec;padding:10px 0;}
#isoUsbRefreshDisks:disabled,#imagingMediaRefreshDisks:disabled{opacity:.5;cursor:wait;pointer-events:none;}

.machine-map-review .map-exceptions input:not([type="checkbox"]),.machine-map-review .map-exceptions select,.machine-map-review .map-exceptions textarea{background:#fff!important;color:#19334f!important;-webkit-text-fill-color:#19334f!important;border-color:#b6c9de!important;caret-color:#19334f;color-scheme:light;}
.machine-map-review .map-exceptions input:disabled,.machine-map-review .map-exceptions select:disabled{opacity:.6;}
body dialog.machine-map-review .map-exceptions select{appearance:auto!important;background:#fff!important;color:#19334f!important;-webkit-text-fill-color:#19334f!important;border-color:#b6c9de!important;color-scheme:light!important;padding:6px 10px!important;}
body dialog.machine-map-review .map-exceptions select option{background:#fff!important;color:#19334f!important;}

/* Override the console-wide dark input theme on the white review dialog. */
body dialog.machine-map-review input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;flex:0 0 16px!important;padding:0!important;margin:0!important;border:1px solid #879db5!important;border-radius:3px!important;background:#fff!important;color-scheme:light!important;box-shadow:none!important;cursor:pointer;vertical-align:middle;}
body dialog.machine-map-review input[type="checkbox"]:checked{background-color:#1674c5!important;border-color:#1674c5!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;}
body dialog.machine-map-review input[type="checkbox"]:focus-visible{outline:2px solid #1674c5!important;outline-offset:2px!important;}
body dialog.machine-map-review input[type="checkbox"]:disabled{opacity:.55;cursor:default;}
@media(forced-colors:active){body dialog.machine-map-review input[type="checkbox"]{appearance:auto!important;-webkit-appearance:auto!important;}}
