.device-select{position:relative;flex:1 1 auto;min-width:0}.input-group>.device-select:not(:first-child) .device-select-input{border-top-left-radius:0;border-bottom-left-radius:0}.device-select-input{padding-right:52px}.device-select-input.is-invalid{background-image:none}.device-select-clear,.device-select-arrow{position:absolute;top:50%;transform:translateY(-50%);color:#6c757d;cursor:pointer;z-index:6}.device-select-clear{right:26px;padding:0 4px;border:none;background:none;font-size:.8rem}.device-select-clear:hover{color:#212529}.device-select-arrow{right:10px;font-size:.7rem;transition:transform .15s}.device-select-arrow.open{transform:translateY(-50%) rotate(180deg)}.device-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;max-height:260px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 6px 16px #0000001f;font-size:.875rem}.device-select-item{display:flex;align-items:center;padding:5px 12px;cursor:pointer}.device-select-item.active{background-color:#e9f2ff}.device-select-item.selected{color:#0d6efd;font-weight:600}.device-select-item mark{padding:0;background-color:#fff3cd;color:inherit}.device-select-empty{padding:6px 12px;color:#6c757d}.update-ing{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem}.chart-box{height:380px}.device-filter-input{flex:1 1 260px;width:auto}.search-device{width:auto;min-width:200px}.search-date{width:auto;min-width:320px}.search-limit{width:auto;min-width:140px}.history-table-wrap{max-height:500px;overflow:auto}.history-table-wrap thead th{position:sticky;top:0;z-index:1;white-space:nowrap}.device-card{height:100%}.device-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-warning{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px}.device-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin-bottom:12px}.signal-info{position:relative;color:#adb5bd;cursor:help}.signal-info:hover{color:#6c757d}.signal-info-popover{display:none;position:absolute;top:calc(100% + 6px);right:-6px;z-index:10;width:230px;padding:8px 10px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;box-shadow:0 4px 12px #00000026;color:#212529;font-size:.8rem;line-height:1.5;white-space:normal;cursor:default}.signal-info:hover .signal-info-popover{display:block}.device-stat{border:1px solid var(--bs-border-color);border-top:3px solid #adb5bd;border-radius:6px;padding:6px 10px;background-color:var(--bs-body-bg)}.device-stat-label{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--bs-secondary-color)}.device-stat-value{display:flex;align-items:baseline;column-gap:6px;font-size:1.1rem;font-weight:600;white-space:nowrap}.device-stat-value small{font-size:.75rem;font-weight:400}.device-stat-level{margin-left:auto;font-size:.75rem}.device-table thead th{font-weight:500;font-size:.85rem;color:var(--bs-secondary-color);background-color:var(--bs-tertiary-bg)}.device-card-stale{--bs-body-bg: #e9ecef;--bs-tertiary-bg: #dee2e6;--bs-tertiary-bg-rgb: 206, 212, 218;--bs-border-color: #ced4da;border-color:#adb5bd}.device-card-offline{border-color:#495057;opacity:.75;transition:opacity .2s}.device-card-offline:hover{opacity:1}.connection-badge{font-weight:500}.device-card-stale .connection-badge{background-color:#6c757d}.device-card-offline .connection-badge{background-color:#dc3545}