.controller-source-bar{background:#18294c;color:#fff;border-radius:12px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.controller-source-bar h2{font-size:23px;margin:0 0 8px;color:#fff}.controller-source-bar p{color:#d1ddee;font-size:13px;margin:0}.controller-source-bar>button{min-height:44px;background:#007b82;border-color:#51c6c0}.controller-source-bar>button:hover{background:#00666c}.controller-sync-meta{display:flex;gap:10px 22px;flex-wrap:wrap;width:100%;padding-top:16px;border-top:1px solid #3b5071;color:#d1ddee;font-size:12px;font-variant-numeric:tabular-nums}.alarm-sync-indicator{display:inline-flex;gap:7px;align-items:center}.alarm-sync-indicator:before{content:"";width:7px;height:7px;border-radius:50%;background:#eac27e}.alarm-sync-indicator.is-healthy:before{background:#7ce0ca}.controller-state-note{font-size:12px;color:#58677b;margin:15px 2px 22px}.controller-category-strip{display:flex;gap:0;margin:0 0 24px;border-bottom:1px solid #d4dee7;overflow:auto}.controller-category-strip>button{flex:1;min-width:140px;text-align:left;border:0;border-radius:0;background:transparent;padding:14px 17px 19px;color:#18294c;white-space:nowrap}.controller-category-strip>button>span{display:flex;align-items:center;gap:7px;color:#58677b;font-size:12px}.controller-category-strip strong{display:block;font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:11px}.controller-category-strip>button:hover{background:#e9f2f3}.controller-category-strip>button.selected{background:#e4f2f1;box-shadow:inset 0 -3px #007b82}.controller-category-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#758598}.controller-category-dot.notice{background:#315b94}.controller-category-dot.warning{background:#9a6400}.controller-category-dot.shutdown{background:#a32937}.controller-category-dot.trip{background:#7e3e6c}.controller-view-switch{display:flex;gap:8px;padding:20px 22px 0}.controller-view-switch button{font-size:13px}.controller-view-switch button[aria-pressed=true]{background:#18294c;color:#fff;border-color:#18294c}.controller-events-table th{font-size:12px}.controller-events-table td{font-size:13px;vertical-align:top;padding:16px}.controller-events-table td:first-child{min-width:170px}.controller-events-table td small{font-size:11px}.controller-events-table td.controller-message{white-space:normal;min-width:190px;max-width:330px;line-height:1.65}.controller-context-cell{white-space:normal;min-width:160px;max-width:270px;overflow-wrap:anywhere}.controller-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:600;line-height:1.4;border-radius:5px;background:#edf0f4;color:#58677b;white-space:nowrap}.controller-tag i{width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}.controller-notice{background:#e9f0fa;color:#315b94}.controller-warning{background:#fff0d2;color:#805200}.controller-shutdown{background:#ffebee;color:#a32937}.controller-trip{background:#f4e9f1;color:#7e3e6c}.controller-coverage{display:flex;gap:10px 24px;font-size:12px;color:#58677b;flex-wrap:wrap;margin:20px 3px}.controller-gap{color:#805200}.controller-coverage>span:last-child{margin-left:auto}.device-controller-alarms{margin-top:26px}.device-controller-alarms .panel-heading{border-bottom:1px solid #dce2e9}.device-controller-alarms .panel-heading>button{font-size:12px;white-space:nowrap;min-height:42px}.controller-current-reading{display:flex;align-items:baseline;gap:10px 20px;background:#f5f8fa;padding:15px 22px;flex-wrap:wrap;font-size:12px}.controller-current-reading>span{color:#58677b}.controller-current-reading strong{font-size:13px;font-weight:600}.controller-current-reading time{font-size:11px;color:#58677b;margin-left:auto;font-variant-numeric:tabular-nums}.device-alarm-meta{display:flex;gap:10px 24px;flex-wrap:wrap;padding:16px 22px 0;font-size:12px;color:#58677b;font-variant-numeric:tabular-nums}.device-latest-alarm{padding:19px 22px 23px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.device-latest-alarm>strong{font-size:17px;font-weight:600;color:#18294c;overflow-wrap:anywhere}.device-latest-alarm>time{font-size:12px;color:#58677b;flex-basis:100%;font-variant-numeric:tabular-nums}.device-alarm-history{padding:0 22px}.device-alarm-event{display:grid;grid-template-columns:180px 175px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid #e5ebf0;align-items:start}.device-alarm-event>time{font-size:12px;color:#58677b;font-variant-numeric:tabular-nums}.device-alarm-event>strong{font-weight:400;font-size:13px;overflow-wrap:anywhere;line-height:1.6}.device-alarm-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;background:#f8fafb;margin-top:14px;font-size:12px;color:#58677b}.device-alarm-foot a{font-weight:600}.controller-workspace button[aria-busy=true],.device-controller-alarms button[aria-busy=true]{cursor:progress}
@media(max-width:1100px){.device-alarm-event{grid-template-columns:160px 160px minmax(0,1fr);gap:10px}}
.controller-date-field[hidden]{display:none}.controller-history-note{margin:0;padding:0 22px 18px;color:#58677b;font-size:12px;line-height:1.8}.controller-date-field input{font-variant-numeric:tabular-nums}.controller-events-table td:nth-child(2){white-space:nowrap}
@media(max-width:850px){.controller-source-bar{padding:21px 19px;gap:18px}.controller-source-bar>button{width:100%;font-size:13px}.controller-source-bar h2{font-size:21px}.controller-sync-meta{gap:9px}.controller-sync-meta>span{width:100%}.controller-category-strip>button{flex:0 0 143px;padding:14px}.controller-category-strip strong{font-size:25px}.controller-view-switch{padding:17px 16px 0}.controller-view-switch button{flex:1;padding:10px 8px;font-size:12px}.controller-state-note{line-height:1.8}.controller-coverage>span:last-child{margin-left:0;width:100%}.device-controller-alarms .panel-heading{align-items:start;flex-wrap:wrap;padding:19px 17px;gap:15px}.device-controller-alarms .panel-heading>button{max-width:none;width:100%}.controller-current-reading{padding:15px 17px;gap:8px 12px}.controller-current-reading>span{width:100%}.controller-current-reading time{margin-left:0;width:100%}.device-alarm-meta{padding:16px 17px 0;gap:8px}.device-alarm-meta>span{width:100%}.device-latest-alarm{padding:18px 17px;gap:10px}.device-latest-alarm>strong{font-size:16px;flex-basis:100%}.device-alarm-history{padding:0 17px}.device-alarm-event{grid-template-columns:1fr;gap:8px;padding:15px 0}.device-alarm-event>.controller-tag{justify-self:start}.device-alarm-foot{padding:17px;gap:12px}.device-alarm-foot a{min-height:35px;display:flex;align-items:center}}

.controller-drill-scope{display:flex;gap:12px 18px;flex-wrap:wrap;align-items:center;padding:16px 22px 0;font-size:12px;color:#58677b}.controller-drill-scope a{font-weight:600}.controller-drill-scope button{font-size:11px;padding:6px 9px}