.device-card{background:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);cursor:pointer;height:100%;min-height:280px;padding:1rem;position:relative;transition:all .2s ease-in-out}.device-card:hover{border-color:var(--cds-border-interactive,#0f62fe);box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.device-card:active{transform:translateY(-2px)}.device-card--online-running{border-left:4px solid var(--cds-support-success,#24a148)}.device-card--online-stopped{border-left:4px solid var(--cds-support-info,#0043ce)}.device-card--offline{border-left:4px solid var(--cds-support-error,#da1e28)}.device-card--unknown{border-left:4px solid var(--cds-border-subtle-01,#c6c6c6)}.device-card--loading{opacity:.6;pointer-events:none}.device-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.device-card__status-badges{display:flex;flex:1;flex-wrap:wrap;gap:.25rem}.device-card__status-tag{align-items:center;display:inline-flex;gap:.25rem}.device-card__icon{flex-shrink:0}.device-card__chevron{color:var(--cds-icon-secondary,#525252);flex-shrink:0;transition:transform .2s ease}.device-card:hover .device-card__chevron{color:var(--cds-icon-primary,#161616);transform:translateX(4px)}.device-card__title-row{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin:.75rem 0 .5rem}.device-card__name{color:var(--cds-text-primary,#161616);display:-webkit-box;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);-webkit-line-clamp:2;line-height:var(--cds-heading-03-line-height,1.4);margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1}.device-card__run-order{flex-shrink:0;white-space:nowrap}.device-card__description{color:var(--cds-text-secondary,#525252);display:-webkit-box;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);-webkit-line-clamp:2;line-height:var(--cds-body-compact-01-line-height,1.28572);margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2.5rem}.device-card__metrics{border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);border-top:1px solid var(--cds-border-subtle-01,#c6c6c6);display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;padding:.75rem 0}.device-card__metric{display:flex;flex-direction:column;gap:.25rem}.device-card__metric-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);text-transform:uppercase}.device-card__metric-value{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.device-card__metric-value--live{align-items:center;color:var(--cds-support-success,#24a148);display:flex;gap:.25rem}.device-card__metric-value--live:before{animation:pulse-live 1.5s ease-in-out infinite;background-color:var(--cds-support-success,#24a148);border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.device-card__metric--power{background:rgba(var(--cds-support-success,#24a148),.1);border-radius:4px;margin:-.25rem;padding:.25rem .5rem}.device-card__stop-reason{align-items:center;background:rgba(var(--cds-support-info,#0043ce),.1);border-left:3px solid var(--cds-support-info,#0043ce);border-radius:4px;display:flex;gap:.25rem;margin-bottom:.75rem;padding:.5rem}.device-card__stop-reason-icon{color:var(--cds-support-info,#0043ce);flex-shrink:0}.device-card__stop-reason-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.device-card__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;min-height:32px}.device-card__control-btn{flex-shrink:0}.device-card__control-btn--force-stop{animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.device-card__control-disabled{color:var(--cds-text-placeholder,#16161666);font-style:italic}.device-card__control-disabled,.device-card__control-error{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.device-card__control-error{color:var(--cds-support-error,#da1e28);margin-top:.25rem;width:100%}.device-card__footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.device-card__footer-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.device-card__footer-value{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.device-card__efficiency{border-top:1px solid var(--cds-border-subtle-01,#c6c6c6);margin-top:.75rem;padding-top:.75rem}.device-card__efficiency-bar{border-radius:2px;height:4px;margin-bottom:.25rem;transition:width .3s ease}.device-card__efficiency-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}@media(max-width:672px){.device-card{min-height:260px}.device-card__metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.device-card__metrics{grid-template-columns:1fr}}.device-status-history{padding:1rem}.device-status-history--empty{align-items:center;color:var(--cds-text-secondary,#525252);display:flex;justify-content:center;min-height:200px}.device-status-history__chart{background:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);border-radius:4px;margin-bottom:1.5rem;padding:1rem}.device-status-history__chart-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin-bottom:1rem}.device-status-history__chart-container{height:300px;position:relative}.device-status-history__table{margin-bottom:1rem}.device-status-history__pagination{display:flex;justify-content:center;padding-top:1rem}.status-change{align-items:center;display:flex;gap:.5rem}.status-change__arrow{color:var(--cds-text-secondary,#525252);font-weight:600}.power-diff{font-weight:600}.power-diff--positive{color:var(--cds-support-success,#24a148)}.power-diff--negative{color:var(--cds-support-error,#da1e28)}.power-diff--na{color:var(--cds-text-disabled,#16161640)}.device-status-history__reason{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.device-status-history__reason--na{color:var(--cds-text-disabled,#16161640)}.device-detail-modal .cds--modal-container{max-height:90vh}.device-detail-modal .cds--modal-content{margin-bottom:0;padding:0}.device-detail-modal__header{align-items:center;background:var(--cds-layer-01,#f4f4f4);border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;padding:1rem}.device-detail-modal__actions,.device-detail-modal__status{display:flex;flex-wrap:wrap;gap:.5rem}.device-detail-modal__controls,.device-detail-modal__history,.device-detail-modal__overview{padding:1rem}.device-detail-modal__section{margin-bottom:1.5rem}.device-detail-modal__section:last-child{margin-bottom:0}.device-detail-modal__section-title{border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5);margin-bottom:1rem;padding-bottom:.5rem}.device-detail-modal__description{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);line-height:1.6}.device-detail-modal__info-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.device-detail-modal__info-item dt{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-bottom:.25rem;text-transform:uppercase}.device-detail-modal__info-item dd{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);font-weight:600;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.device-detail-modal__info-item--full-width{background:rgba(var(--cds-support-info,#0043ce),.1);border-left:3px solid var(--cds-support-info,#0043ce);border-radius:4px;grid-column:1/-1;padding:.5rem}.device-detail-modal__loading{align-items:center;display:flex;justify-content:center;min-height:300px}.device-detail-modal__control-item{align-items:flex-start;background:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.device-detail-modal__control-item:last-child{margin-bottom:0}.device-detail-modal__control-label{flex:1;margin-right:1rem}.device-detail-modal__control-label strong{color:var(--cds-text-primary,#161616);display:block;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin-bottom:.25rem}.device-detail-modal__control-description{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0}.device-detail-modal__control-buttons{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:672px){.device-detail-modal__header{align-items:flex-start;flex-direction:column;gap:.75rem}.device-detail-modal__info-grid{grid-template-columns:1fr}.device-detail-modal__control-item{flex-direction:column;gap:.75rem}.device-detail-modal__control-label{margin-right:0}}.draggable-device-list{background:var(--cds-layer-01,#f4f4f4);border-radius:4px;padding:1rem}.draggable-device-list__header{margin-bottom:1rem}.draggable-device-list__title{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin:0 0 .5rem}.draggable-device-list__instructions{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0}.draggable-device-list__error{margin-bottom:.75rem}.draggable-device-list__items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;min-height:200px}.draggable-device-list__actions{border-top:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;gap:.5rem;justify-content:flex-end;padding-top:.75rem}.draggable-device-item{align-items:center;background:var(--cds-layer-02,#fff);border:1px solid var(--cds-border-subtle-01,#c6c6c6);border-radius:4px;cursor:grab;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.draggable-device-item:hover{background:var(--cds-layer-hover-02,#e8e8e8);border-color:var(--cds-border-interactive,#0f62fe);box-shadow:0 2px 8px #0000001a}.draggable-device-item:active{cursor:grabbing}.draggable-device-item--dragging{background:var(--cds-layer-selected-02,#e0e0e0);border-color:var(--cds-border-interactive,#0f62fe);box-shadow:0 4px 16px #0003;transform:rotate(2deg)}.draggable-device-item--over{background:var(--cds-layer-hover-02,#e8e8e8);border-color:var(--cds-support-info,#0043ce)}.draggable-device-item__handle{align-items:center;color:var(--cds-icon-secondary,#525252);cursor:grab;display:flex;flex-shrink:0;justify-content:center}.draggable-device-item__handle:hover{color:var(--cds-icon-primary,#161616)}.draggable-device-item:active .draggable-device-item__handle{cursor:grabbing}.draggable-device-item__order{flex-shrink:0;min-width:50px;text-align:center}.draggable-device-item__content{flex:1;min-width:0;overflow:hidden}.draggable-device-item__name{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:600;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-device-item__meta{align-items:center;color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);gap:.25rem;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.draggable-device-item__separator{color:var(--cds-border-subtle-01,#c6c6c6)}.draggable-device-item__status{display:flex;flex-shrink:0;gap:.25rem}.draggable-device-item__status-tag{align-items:center;display:inline-flex;justify-content:center;padding:.25rem}@media(max-width:672px){.draggable-device-item{flex-wrap:wrap;gap:.5rem}.draggable-device-item__content{flex-basis:100%;order:3;width:100%}.draggable-device-item__status{margin-left:auto}}.devices-page{background:var(--cds-layer-02,#fff);min-height:100vh;padding:1rem}.devices-page__header{margin-bottom:1.5rem}.devices-page__title-section{align-items:flex-start;border-bottom:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-bottom:1rem}.devices-page__title{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25);margin:0 0 .25rem}.devices-page__subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin:0}.devices-page__header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.devices-page__notification{margin-bottom:1rem}.devices-page__filters,.devices-page__grid{margin-bottom:1.5rem}.devices-page__grid-item{margin-bottom:1rem}.devices-page__empty,.devices-page__loading{align-items:center;display:flex;justify-content:center;min-height:400px}.devices-page__empty{background:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);border-radius:4px;flex-direction:column;padding:2rem;text-align:center}.devices-page__empty h3{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin:0 0 .75rem}.devices-page__empty p{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin:0 0 1rem}.devices-page__footer{border-top:1px solid var(--cds-border-subtle-01,#c6c6c6);padding-top:1rem}.devices-page__count{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;text-align:center}@media(max-width:1056px){.devices-page{padding:.75rem}}@media(max-width:672px){.devices-page{padding:.5rem}.devices-page__title-section{align-items:stretch;flex-direction:column}.devices-page__header-actions{width:100%}.devices-page__header-actions button{flex:1}}