.customer-workspace{max-width:1250px}.customer-workspace .crumb{margin-bottom:18px;font-size:11px}.customer-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.customer-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8e7e2;border-radius:12px;background:#e7f0ec;color:#377767;font-size:15px;font-weight:700}.customer-header h1{font-size:25px;line-height:1.3}.customer-header p{font-size:11px;color:#7b8d9d;margin:4px 0 0}.customer-header p span{padding:0 6px}.customer-tools{margin-left:auto;display:flex;gap:7px;align-items:center}.customer-tools button{font-size:11px;padding:7px 10px}.customer-more{position:relative}.customer-more summary{list-style:none;padding:5px 10px;border:1px solid #dfe7ed;border-radius:6px;background:white;cursor:pointer}.customer-more summary::-webkit-details-marker{display:none}.customer-more[open]>button{position:absolute;right:0;top:36px;white-space:nowrap;z-index:4;box-shadow:0 6px 20px #192c3e15}.customer-tabs{margin-bottom:20px;gap:24px}.customer-tabs a{font-size:12px;padding:10px 0}.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dfe7ed;border-radius:10px;background:white;margin-bottom:22px;overflow:hidden}.customer-metric{padding:14px 20px;border-right:1px solid #e8edf2}.customer-metric:last-child{border:0}.customer-metric>span{display:block;font-size:11px;color:#75889a}.customer-metric strong{font-size:27px;font-weight:650;line-height:1.5;letter-spacing:-.6px;display:block;font-variant-numeric:tabular-nums}.customer-metric small{font-size:10px;color:#8998a7}.customer-metric.attention strong{color:#ae7742}.customer-section-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.customer-section-bar h2{font-size:14px}.customer-section-bar>div>span{font-size:10px;color:#8797a6;display:block;margin-top:3px}.customer-range{display:flex;padding:3px;background:#e9eef3;border-radius:7px;gap:2px}.customer-range button{border:0;background:transparent;font-size:10px;padding:4px 12px;color:#7a8c9e}.customer-range button[aria-pressed="true"]{background:white;box-shadow:0 1px 3px #16293c15;color:#2a6f64}.customer-graphs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.customer-graph{margin:0;box-shadow:0 2px 5px #192c3e03}.customer-graph>header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 0}.customer-graph h3{font-size:12px}.customer-graph header small{font-size:10px;color:#8797a6}.customer-graph header strong{font-size:22px;font-weight:650;color:#2e4c60;letter-spacing:-.5px}.customer-graph header strong small{font-size:11px}.customer-echart{height:190px;margin:6px 10px 0}.customer-graph>footer{display:flex;align-items:center;gap:6px;font-size:10px;padding:8px 18px 12px;color:#7b8d9d}.customer-series-dot{width:6px;height:6px;background:#087f70;border-radius:50%}.customer-graph:nth-child(2) .customer-series-dot{background:#527de0}.customer-graph footer button{margin-left:auto;border:0;padding:0;font-size:10px;color:#8193a2;background:transparent}.customer-chart-data{border-top:1px solid #edf1f5;font-size:10px;padding:8px 18px;color:#8797a6}.customer-chart-data summary{cursor:pointer}.customer-chart-data[open]{max-height:240px;overflow:auto}.customer-chart-data th,.customer-chart-data td{font-size:10px;padding:6px 0}.customer-chart-empty{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#8093a3}.customer-chart-empty strong{font-size:13px;font-weight:500}.customer-chart-empty small{font-size:11px}.customer-locations{margin-bottom:18px}.customer-locations>.customer-section-bar{padding:16px 18px;margin:0;border-bottom:1px solid #e4eaf0}.customer-locations button{font-size:11px;padding:7px 10px}.customer-locations th,.customer-locations td{padding:11px 18px;font-size:11px}.customer-locations td strong{font-size:12px}.customer-locations td small{font-size:10px;margin-top:2px}.customer-issue{color:#a47137}.customer-empty{padding:32px 20px;text-align:center}.customer-empty h3{font-size:14px}.customer-empty p{font-size:12px;color:#8193a2;margin:6px 0 0}.customer-attention>header{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e4eaf0}.customer-attention h2{font-size:13px}.customer-attention header a{font-size:11px}.customer-attention th,.customer-attention td{font-size:11px;padding:11px 18px}.customer-workspace>.heading{margin-bottom:16px}.customer-workspace>.heading h1{font-size:18px}.customer-workspace>.heading p{font-size:12px}
@media(max-width:760px){.customer-header{flex-wrap:wrap;gap:10px}.customer-header h1{font-size:21px}.customer-tools{margin-left:56px}.customer-tabs{overflow-x:auto;gap:18px;white-space:nowrap}.customer-tabs a{flex-shrink:0}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-metric{padding:12px 14px;border-bottom:1px solid #e8edf2}.customer-metric:nth-child(2){border-right:0}.customer-metric:nth-child(3){border-bottom:0}.customer-metric strong{font-size:24px}.customer-graphs{grid-template-columns:minmax(0,1fr);gap:12px}.customer-section-bar{flex-wrap:wrap}.customer-echart{height:175px}.customer-locations .tablewrap{overflow-x:auto}.customer-locations table{min-width:530px}.customer-header>div:first-of-type{min-width:0;flex:1}.customer-header p{overflow-wrap:anywhere}}
.customer-directory>.heading{margin-bottom:20px}.customer-directory .heading h1{font-size:25px}.customer-directory .heading p{font-size:12px}.customer-directory button{font-size:12px;padding:8px 12px}.customer-directory th,.customer-directory td{padding:14px 18px;font-size:12px}.customer-directory td strong{font-size:13px}.customer-directory td small{font-size:10px;margin-top:3px}
@media(max-width:760px){.customer-tools{flex-basis:calc(100% - 56px);margin-left:56px}.customer-header>div:first-of-type{flex-basis:calc(100% - 56px)}.customer-header p{white-space:normal}.customer-attention .tablewrap{overflow-x:auto}}
.customer-device-list th,.customer-device-list td{padding:12px 16px;font-size:12px}.customer-device-list td small{font-size:10px}.device-inline-trend{display:flex;gap:12px;align-items:center;min-width:185px}.device-sparkline.customer-echart{height:38px;width:120px;margin:0;flex-shrink:0}.device-inline-trend>strong{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#476578;font-weight:600}.device-inline-trend>strong small{display:inline;font-size:10px;font-weight:400}.device-inline-empty{display:flex;align-items:center;gap:10px;color:#8b98a6;min-width:185px}.device-inline-empty strong{font-size:15px;font-weight:400}.device-inline-empty span{font-size:10px}.device-trend-note{font-size:10px;color:#8b98a6;margin-top:-10px}
/* Customer settings retain scope/source cues without repeating the page identity. */
.customer-settings-note{font-size:11px;color:#8091a1;margin:-4px 0 14px}.customer-settings .config-heading,.customer-settings .config-path{display:none}.customer-settings .config-sections{gap:5px;padding:0;border:0;background:#eaf0f4;border-radius:8px;width:fit-content;margin:0 0 16px}.customer-settings .config-sections button{font-size:11px;padding:7px 13px;border-radius:6px;margin:3px;font-weight:500}.customer-settings .config-sections button.selected{background:white;box-shadow:0 1px 4px #192c3e12;color:var(--green);font-weight:600}.customer-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.customer-settings .card{margin-bottom:14px}.customer-settings-grid .card{margin:0}.customer-settings .cardhead{padding:11px 15px;background:#fafcfd}.customer-settings .cardhead h2{font-size:12px}.customer-settings .config-row{grid-template-columns:minmax(0,1fr) 120px auto;padding:10px 15px;gap:12px;min-height:58px}.customer-settings .config-row strong{font-size:11px}.customer-settings .config-row small{font-size:10px;margin-top:2px}.customer-settings .config-source{font-size:9px;line-height:1.5}.customer-settings .config-value{gap:2px}.customer-settings .config-actions{grid-column:auto;flex-wrap:wrap;flex-direction:column;align-items:flex-end;gap:4px}.customer-settings .config-actions button{font-size:10px;padding:4px 7px}.customer-settings .config-actions button.link{padding:0;font-size:9px}.customer-setting-custom{box-shadow:inset 2px 0 #49a38d;background:#fafdfc}.customer-settings .pad{padding:12px 15px}.customer-settings .pad p{font-size:11px;margin:0}.customer-settings .config-note{padding:10px 12px;font-size:11px;margin:0 15px 12px}.customer-settings .config-value .pill{font-size:9px;padding:3px 6px}
@media(max-width:1100px){.customer-settings-grid{grid-template-columns:minmax(0,1fr)}.customer-settings .config-row{grid-template-columns:minmax(0,1fr) 145px auto}}
@media(max-width:760px){.customer-settings .config-sections{width:100%;gap:0;flex-wrap:nowrap;overflow-x:auto}.customer-settings .config-sections button{white-space:nowrap;flex-shrink:0;padding:6px 9px;margin:3px 2px}.customer-settings .config-row{grid-template-columns:minmax(0,1fr) 90px auto;gap:8px;padding:10px 12px}.customer-settings .config-row strong{font-size:10px}.customer-settings .config-actions button{font-size:9px;padding:4px 6px}.customer-settings-note{font-size:10px}}
.customer-access{margin-bottom:0}.customer-access>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e4eaf0}.customer-access h2{font-size:13px}.customer-access header small{display:block;font-size:10px;margin-top:3px;color:#8797a6}.customer-access header a{font-size:11px;white-space:nowrap}.customer-access th{padding:9px 16px;font-size:10px}.customer-access td{padding:10px 16px;font-size:11px}.customer-access td strong{font-size:12px;font-weight:600}.customer-access-role{display:inline-block;background:#eef3f8;color:#54718a;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600}.customer-access-inherited{font-size:10px;color:#8394a4}.customer-access td:last-child{text-align:right;white-space:nowrap}.customer-access td button{font-size:10px;padding:5px 8px}.customer-access .access-disabled-label{font-size:9px;color:#a17864;margin-top:2px}
@media(max-width:760px){.customer-access th,.customer-access td{padding:9px 12px}.customer-access table{min-width:510px}.customer-access>header{padding:12px}.customer-access header a{font-size:10px}}
.customer-form-details{margin:16px 0;font-size:12px;color:#647586}.customer-form-details summary{cursor:pointer}.customer-form-details[open] summary{margin-bottom:12px}.customer-form-details label{font-size:12px}
.customer-operations{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.customer-operations-main{min-width:0}.customer-ops-card{margin-bottom:16px}.customer-ops-card>header,.customer-ops-events>header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e8edf2;gap:10px}.customer-ops-card h2,.customer-ops-events h2{font-size:12px}.customer-ops-card header a,.customer-ops-events header>span{font-size:10px}.customer-ops-events header>span{color:#8b9ba8}.customer-ops-site{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #edf1f5;text-decoration:none!important}.customer-ops-site:hover{background:#fafcfd}.customer-ops-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#fcf5e9;color:#b28f58;font-size:18px;flex-shrink:0}.customer-ops-icon.offline{color:#b7756e;background:#fcf0ee}.customer-ops-site>div{flex:1;min-width:0}.customer-ops-site strong{display:block;font-size:12px;color:#446478}.customer-ops-site small{display:block;font-size:10px;margin-top:3px}.customer-ops-site .pill,.customer-ops-device .pill{font-size:9px;padding:3px 6px;flex-shrink:0}.customer-ops-arrow{font-size:16px;color:#8a9ca7}.customer-ops-card footer,.customer-ops-events footer{padding:10px 16px;background:#fafcfd;font-size:9px;color:#91a0ac;border-top:1px solid #edf1f5}.customer-ops-device{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #edf1f5}.customer-ops-device>div:first-child{min-width:0;flex:1}.customer-ops-device>div>a{font-size:11px;font-weight:600;color:#426377;display:block;overflow-wrap:anywhere}.customer-ops-device small{font-size:9px;display:block;margin-top:3px}.customer-ops-trend .device-sparkline{width:80px;height:29px}.customer-ops-trend .device-inline-trend,.customer-ops-trend .device-inline-empty{min-width:128px}.customer-ops-trend .device-inline-trend{gap:7px}.customer-ops-clear{display:flex;align-items:center;gap:12px;padding:24px 16px}.customer-ops-clear>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ebf7f1;color:#569f84}.customer-ops-clear strong{font-size:12px;display:block;font-weight:500}.customer-ops-clear small{font-size:10px;display:block;margin-top:4px}.customer-ops-events{margin:0}.customer-ops-events article{display:flex;gap:10px;padding:14px 16px;border-bottom:1px solid #edf1f5}.customer-event-dot{width:5px;height:5px;border-radius:50%;background:#84b8a8;flex-shrink:0;margin-top:5px}.customer-ops-events article strong{font-size:11px;line-height:1.5;font-weight:500;display:block;color:#506c80}.customer-ops-events article small{font-size:9px;display:block;margin-top:5px}.customer-ops-events article div>span{font-size:9px;display:block;color:#96a5af;margin-top:3px}.customer-ops-event-empty{padding:26px 16px;font-size:11px;color:#8d9da9}.customer-operations:not(:has(.customer-ops-events)){grid-template-columns:minmax(0,1fr)}
@media(max-width:1150px){.customer-operations{grid-template-columns:minmax(0,1fr)}.customer-ops-events{max-width:none}}
@media(max-width:760px){.customer-ops-device{flex-wrap:wrap;gap:8px;padding:12px}.customer-ops-device>div:first-child{flex-basis:100%}.customer-ops-device .pill{margin-left:auto}.customer-ops-device .customer-ops-arrow{display:none}.customer-ops-site{flex-wrap:wrap;padding:12px;gap:8px}.customer-ops-site>div{flex-basis:calc(100% - 65px)}.customer-ops-site .pill{margin-left:37px}.customer-ops-card>header{padding:12px}}
.gateway-default>header,.gateway-locations>header{padding:13px 16px;border-bottom:1px solid #e8edf2}.gateway-default h2,.gateway-locations h2{font-size:12px}.gateway-default header p,.gateway-locations header p{font-size:11px;color:#8194a3;margin:5px 0 0;max-width:760px;line-height:1.6}.gateway-locations th,.gateway-locations td{padding:11px 16px;font-size:11px}.gateway-locations td strong{font-size:11px;font-weight:500}.gateway-locations td small{font-size:9px;color:#8b9ca9;margin-top:4px}.gateway-unassigned{font-size:11px;color:#96a5af}.gateway-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}.gateway-row-actions button{padding:5px 8px;font-size:10px}.gateway-row-actions a{font-size:9px;color:#8097a4}.gateway-locations footer{background:#fafcfd;padding:10px 16px;font-size:10px;color:#8fa0ac;border-top:1px solid #edf1f5}
@media(max-width:1000px){.gateway-locations table{min-width:750px}}
.gateway-default>footer{padding:11px 16px;background:#fafcfd;border-top:1px solid #edf1f5;font-size:10px;color:#8fa0ac;line-height:1.6}
.main:has(.site-settings)>.heading{margin-bottom:16px}.main:has(.site-settings)>.heading h1{font-size:24px}.main:has(.site-settings)>.heading p{font-size:11px}.main:has(.site-settings)>.tabs{margin-bottom:18px}.main:has(.site-settings)>.tabs a{font-size:12px;padding:9px 0}.site-settings .config-row>button{font-size:10px;padding:5px 8px;justify-self:end}.site-settings .config-row>div>small:empty{display:none}
.main:has(.device-settings)>.heading{margin-bottom:16px}.main:has(.device-settings)>.heading h1{font-size:24px}.main:has(.device-settings)>.heading p{font-size:11px}.main:has(.device-settings)>.tabs{margin-bottom:18px}.main:has(.device-settings)>.tabs a{font-size:12px;padding:9px 0}.device-profile-card{display:flex;align-items:center;gap:18px;padding:12px 15px}.device-profile-card>div{min-width:120px}.device-profile-card small{display:block;font-size:9px;color:#8195a4}.device-profile-card strong{display:block;font-size:12px;margin-top:3px;color:#466578}.device-profile-card p{flex:1;font-size:10px;color:#8195a4;margin:0;line-height:1.5}.device-profile-card button{font-size:10px;padding:5px 8px;white-space:nowrap}.device-inactive-label{font-size:9px;font-weight:400;margin-left:6px;background:#edf1f4;color:#8b9ca9;padding:2px 5px;border-radius:4px}
@media(max-width:760px){.device-profile-card{flex-wrap:wrap;gap:10px}.device-profile-card p{flex-basis:100%;order:3}.device-profile-card button{margin-left:auto}.main:has(.device-settings)>.heading h1{font-size:21px}}
.scoped-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.scoped-library-toolbar button{flex-shrink:0}
@media(max-width:650px){.scoped-library-toolbar{align-items:flex-start;flex-direction:column}}

.customer-location-open{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#087f70;font-size:11px;font-weight:600;white-space:nowrap}.customer-location-open:hover{background:#f0f8f5;border-color:#9bc8bd;text-decoration:none}.customer-location-open:focus-visible{outline:2px solid #087f70;outline-offset:2px}
/* Custom OID assignment pages: compact tables for assigned, available and automatically detected values. */
.oid-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.oid-card-head h2{font-size:15px}.oid-card-head small{display:block;margin-top:2px;font-size:12px}.oid-card-head button{flex-shrink:0;padding:7px 12px;font-size:12px}.oid-card-head a{flex-shrink:0;font-size:12px;font-weight:600}
.oid-card-notice{margin:14px 20px 0;padding:10px 14px;border-radius:8px;background:#fff7eb;border:1px solid #f0dcb6;color:#7a5208;font-size:12px}
.oid-card-empty{margin:0;padding:22px 20px;color:var(--muted);font-size:13px}
.oid-table{table-layout:fixed}.oid-table th{padding:8px 20px;font-size:11px}.oid-table td{padding:11px 20px;font-size:12px;vertical-align:middle}.oid-table th:last-child,.oid-table td:last-child{width:250px;text-align:right}.oid-table th:nth-child(2),.oid-table td:nth-child(2){width:28%}.oid-table th:nth-child(3):not(:last-child),.oid-table td:nth-child(3):not(:last-child){width:190px}
.oid-name{min-width:0}.oid-name strong{display:block;font-size:13px;font-weight:600}.oid-name small{display:block;margin-top:2px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.oid-name code{font-size:11px;color:var(--muted)}
.oid-reading strong{display:inline;font-size:13px}.oid-reading small{display:inline;font-size:11px}
.oid-source{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
.oid-actions{white-space:nowrap}.oid-actions form{display:inline}.oid-actions button{padding:5px 10px;font-size:12px;font-weight:500}.oid-actions a{margin-left:12px;font-size:12px;font-weight:600}
.oid-subhead{margin:0;padding:14px 20px 6px;font-size:11px;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--line)}.oid-table-available td:nth-last-child(2){width:190px}
@media(max-width:760px){.oid-card-head{flex-direction:column;align-items:flex-start;padding:14px 16px}.oid-table thead{display:none}.oid-table,.oid-table tbody,.oid-table tr{display:block}.oid-table tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 16px;border-bottom:1px solid var(--line)}.oid-table tbody tr:last-child{border-bottom:0}.oid-table td{display:block;padding:0;border:0;width:auto!important;text-align:left!important}.oid-table td:first-child{grid-column:1/-1}.oid-table td.oid-actions{grid-column:1/-1}.oid-table td.oid-reading:empty{display:none}.oid-actions a:first-child{margin-left:0}}
/* Add location / Add device: one look for "add" actions in section toolbars and empty states. */
.add-resource-button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;padding:8px 12px;min-height:36px}.customer-section-bar>.add-resource-button{margin-left:auto}.customer-empty .add-resource-button{margin-top:10px}