:root{--primary-bg: linear-gradient(135deg, #121630 0%, #070c27 100%);--secondary-bg: rgba(26, 32, 44, .7);--card-bg: rgba(255, 255, 255, .1);--border-color: rgba(45, 55, 72, .5);--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: rgba(255, 255, 255, .6);--accent-color: #4fd1c5;--accent-hover: #81e6d9;--success-color: #4caf50;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--critical-color: #ef4444;--error-strong-color: #b91c1c;--on-accent-color: #070c27;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-body: "Poppins";--touch-target: 44px;--font-size-xl: 1.75rem;--font-size-lg: 1.375rem;--font-size-md: 1.125rem;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-xs: .75rem;--state-sem-dados-color: #8a93a6;--surface-color: #111633;--surface-2-color: #1a2040;--overlay-color: rgba(7, 12, 39, .72);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45)}:root{background-color:#070c27;font-family:var(--font-body);padding:30px;--sonner-toast-z-index: 9999;--sonner-bg: var(--surface-color);--sonner-text-color: var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary)}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}[data-sonner-toast][data-dismissible=false]{transition:transform .3s ease,opacity .3s ease}@media (min-width: 768px){[data-sonner-toaster]{--gap: 12px}}[data-sonner-toast][data-styled=true]:focus-visible{outline:2px solid var(--info-color)}.ui-page{box-sizing:border-box;width:100%;padding:var(--space-5)}.ui-page__content{max-width:1120px;margin:0 auto}@media (max-width: 767px){.ui-page{padding:var(--space-4)}}.ui-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.ui-page-header__title{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-family:var(--font-body)}.ui-page-header__subtitle{margin:var(--space-1) 0 0;color:var(--text-secondary)}.ui-page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-primary)}.ui-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:var(--font-size-xs);font-weight:600;line-height:1.2}.ui-badge--critical{color:var(--critical-color);border-color:var(--critical-color)}.ui-badge--warning{color:var(--warning-color);border-color:var(--warning-color)}.ui-badge--info{color:var(--info-color);border-color:var(--info-color)}.ui-badge--success{color:var(--success-color);border-color:var(--success-color)}.ui-badge--muted{color:var(--text-muted)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-body);font-weight:600;cursor:pointer}.ui-button--sm{padding:0 var(--space-3);font-size:var(--font-size-sm)}.ui-button--link{text-decoration:none}.ui-button--primary{background:var(--accent-color);color:var(--on-accent-color)}.ui-button--primary:hover:not(:disabled){background:var(--accent-hover)}.ui-button--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.ui-button--danger{background:var(--error-strong-color);color:var(--text-primary)}.ui-button--ghost{background:transparent;color:var(--text-secondary)}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button:focus-visible,.ui-tab:focus-visible{outline:2px solid var(--info-color);outline-offset:2px}.ui-tabs{display:flex;gap:var(--space-1);overflow-x:auto;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.ui-tab{min-height:var(--touch-target);padding:0 var(--space-4);background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;white-space:nowrap}.ui-tab--active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.ui-spinner{display:inline-block;border-radius:50%;border:2px solid var(--border-color);border-top-color:var(--accent-color);animation:ui-spin .8s linear infinite}.ui-spinner--sm{width:16px;height:16px}.ui-spinner--md{width:24px;height:24px}.ui-spinner--lg{width:40px;height:40px}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-empty,.ui-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary)}.ui-empty__title{margin:0;color:var(--text-primary);font-size:var(--font-size-md)}.ui-empty__description,.ui-error__message{margin:0}.ui-error__message{color:var(--critical-color)}.ui-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--overlay-color)}.ui-modal{width:100%;max-width:32rem;max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;background:var(--surface-2-color);box-shadow:var(--shadow-lg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5)}.ui-modal:focus{outline:none}.ui-modal__title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-family:var(--font-body)}.ui-modal__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.ui-confirm__message{margin:0;color:var(--text-secondary)}.ui-confirm__warning{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--warning-color)}.ui-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.ui-field__label{color:var(--text-primary);font-weight:600}.ui-field__help{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.ui-field__error{margin:0;color:var(--critical-color);font-size:var(--font-size-sm)}.ui-input{box-sizing:border-box;width:100%;min-height:var(--touch-target);padding:0 var(--space-3);background:var(--primary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem}.ui-input[aria-invalid=true]{border-color:var(--critical-color)}.ui-input:focus-visible,.ui-toggle:focus-visible,.ui-table__row--clickable:focus-visible,.ui-cards__item--clickable:focus-visible{outline:2px solid var(--info-color);outline-offset:2px}.ui-number{display:flex;align-items:center;gap:var(--space-2)}.ui-number__unit{color:var(--text-secondary);white-space:nowrap}.ui-toggle{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:0;background:transparent;border:0;color:var(--text-primary);font-family:var(--font-body);cursor:pointer}.ui-toggle:disabled{opacity:.6;cursor:not-allowed}.ui-toggle__track{position:relative;flex:none;width:44px;height:24px;border-radius:12px;background:var(--border-color)}.ui-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-primary);transition:transform .15s}.ui-toggle--on .ui-toggle__track{background:var(--accent-color)}.ui-toggle--on .ui-toggle__thumb{transform:translate(20px)}.ui-list__loading{display:flex;justify-content:center;padding:var(--space-6)}.ui-table{width:100%;border-collapse:collapse;color:var(--text-primary)}.ui-table th,.ui-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-color)}.ui-table th{color:var(--text-secondary);font-weight:600}.ui-table__row--clickable{cursor:pointer;min-height:var(--touch-target)}.ui-table__row--clickable:hover{background:var(--secondary-bg)}.ui-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.ui-cards__item{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-primary)}.ui-cards__item--clickable{cursor:pointer;min-height:var(--touch-target)}.ui-infotip{position:relative;display:inline-flex;margin-left:6px;vertical-align:baseline;white-space:nowrap}.ui-infotip__button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;padding:0;border:1.5px solid currentColor;border-radius:50%;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:11px;font-weight:600;line-height:1;cursor:pointer;transition:color .15s}.ui-infotip__button:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.ui-infotip__button:hover,.ui-infotip__button:focus-visible{color:var(--accent-color)}.ui-infotip__button:focus-visible{outline:2px solid var(--info-color);outline-offset:2px}.ui-infotip__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:20;box-sizing:border-box;width:max-content;max-width:300px;background:var(--surface-2-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:.9rem;font-weight:400;line-height:1.45;text-align:left;white-space:normal;box-shadow:var(--shadow-lg)}.ui-infotip__panel--right{left:auto;right:0}.ui-infotip__panel--sheet{position:fixed;inset:auto 0 0 0;width:auto;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.ui-infotip__panel h4{margin:0 0 var(--space-2);font-size:1rem}.ui-infotip__panel p{margin:0 0 var(--space-2)}.ui-infotip__link a{color:var(--accent-color)}.ui-infotip__close{min-height:var(--touch-target);margin-top:var(--space-1);padding:0 var(--space-3);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;cursor:pointer}.ui-infotip__close:focus-visible{outline:2px solid var(--info-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ui-infotip__button{transition:none}}.ui-infotip__panel--sheet{z-index:1003}.ui-label-row{display:inline-flex;align-items:center;gap:var(--space-1)}.ui-label-row--block{display:flex}.ui-modal__title-row{display:flex;align-items:center;gap:var(--space-1);margin:0 0 var(--space-4)}.ui-modal__title-row .ui-modal__title{margin:0}.ui-stats{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);margin:0}.ui-stat{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.ui-stat__label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.ui-stat__body{display:flex;align-items:baseline;gap:var(--space-2);margin:0}.ui-stat__value{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.ui-stat__hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.ui-stat--critical .ui-stat__value{color:var(--critical-color)}.ui-stat--warning .ui-stat__value{color:var(--warning-color)}.ui-stat--success .ui-stat__value{color:var(--success-color)}.profile-summary{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-sm)}.profile-summary__line{margin:0;display:flex;align-items:center;gap:var(--space-2)}.ensaio-card__title{margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.ensaio-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.metrics-charts{display:flex;flex-direction:column;gap:var(--space-4)}.metrics-charts__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.metrics-charts__title{margin:0 auto 0 0;font-size:1.1rem;color:var(--text-primary)}.metrics-charts__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.metrics-charts__panel{min-width:0;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.metrics-charts__loading{display:flex;justify-content:center;padding:var(--space-6)}@media (min-width: 1100px){.metrics-charts__grid{grid-template-columns:1fr 1fr}}.devices-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4)}.devices-filters .ui-input{flex:1 1 12rem;max-width:20rem}.devices-filters .devices-search{flex:2 1 16rem;max-width:none}.sensors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:var(--space-4);margin:0 0 var(--space-5);padding:0;list-style:none}.sensor-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:var(--radius-md)}.sensor-card--online{border-left-color:var(--success-color)}.sensor-card--problema{border-left-color:var(--critical-color)}.sensor-card--atencao,.sensor-card--erro{border-left-color:var(--warning-color)}.sensor-card--pareando{border-left-color:var(--info-color)}.sensor-card--offline{border-left-color:var(--state-sem-dados-color)}.sensor-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.sensor-card__name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);text-decoration:none}.sensor-card__name:hover,.sensor-card__name:focus-visible{text-decoration:underline}.sensor-card__meta{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.sensor-card__readings{display:flex;gap:var(--space-5);margin:0}.sensor-card__readings dt{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}.sensor-card__readings dd{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.sensor-card__time{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.devices-section{margin-bottom:var(--space-5)}.devices-section h2{margin:0 0 var(--space-3);font-size:var(--font-size-lg)}.devices-events{max-height:28rem;margin:0;padding:0;overflow-y:auto;list-style:none}.devices-events li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-1) var(--space-3);align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.devices-events li:last-child{border-bottom:0}.devices-events__device{font-weight:600;color:var(--text-primary)}.devices-events__text{grid-column:2 / -1;margin:0;color:var(--text-secondary)}.devices-events__time{font-size:var(--font-size-sm);color:var(--text-muted)}.new-sensor-form{display:flex;flex-direction:column;gap:var(--space-3)}.last-update{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:8px;background:var(--secondary-bg);border:1px solid var(--border-color);white-space:nowrap;transition:all .25s ease;color:var(--text-secondary)}.last-update:hover{background:var(--surface-2-color);color:var(--text-primary)}.device-detail .stat-value{margin:0 0 .5rem;font-size:15px;font-weight:500;color:var(--text-primary)}.info-label{font-size:13px;color:var(--text-secondary)}.signal-strength{display:flex;gap:2px;align-items:flex-end}.signal-bar{height:12px;background-color:var(--surface-2-color);position:relative;width:4px;background:var(--surface-2-color);margin-right:2px;border-radius:1px}.signal-bar.excellent,.signal-bar.good{background-color:var(--success-color)}.signal-bar.fair{background-color:var(--warning-color)}.signal-bar.poor{background-color:var(--critical-color)}.signal-strength span{margin-left:6px;font-size:.85rem}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.events-filter select{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:4px;outline:none}.events-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.event-item{display:flex;gap:12px;padding:12px;border-radius:8px;background-color:var(--surface-color);transition:all .2s ease}.event-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--card-bg);color:var(--text-primary);flex-shrink:0}.event-icon.alert{background-color:color-mix(in srgb,var(--critical-color) 20%,transparent);color:var(--critical-color)}.event-icon.warning{background-color:color-mix(in srgb,var(--warning-color) 20%,transparent);color:var(--warning-color)}.event-icon.update{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color)}.event-content{flex:1;display:flex;flex-direction:column;gap:6px}.event-header{margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:flex-start}.event-time{font-size:12px;color:var(--text-secondary)}@media (max-width: 992px){.events-header{flex-direction:column;align-items:flex-start;gap:.85rem}.events-filter,.events-filter select{width:100%}}.device-detail .loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--info-color);margin-bottom:16px;width:48px;height:48px;border-radius:50%;position:relative;font-size:3rem;color:var(--accent-color);animation:spin 1s linear infinite}.error-message{background-color:color-mix(in srgb,var(--critical-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--critical-color) 40%,transparent);border-radius:6px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;color:var(--critical-color)}.error-message svg{margin-right:8px;flex-shrink:0}.error-message button{margin-left:auto;background:none;border:none;color:var(--critical-color);font-weight:500;cursor:pointer}.action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button.primary{background-color:var(--accent-color);color:var(--on-accent-color);border:none}.action-button.primary:hover{transform:translateY(-1px);background:var(--accent-hover);color:var(--on-accent-color)}.action-button.outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.action-button.outline:hover{background-color:var(--surface-color);border-color:var(--border-color)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.tab-panel{flex:1;display:flex;flex-direction:column;gap:24px;animation:fadeIn .3s ease-out;padding:20px}.event-item.detailed{padding:16px}.event-item:hover{background-color:var(--surface-color)}.event-item.alert{border-left:3px solid var(--critical-color)}.event-item.update{border-left:3px solid var(--info-color)}.event-item.alert .event-icon{background-color:color-mix(in srgb,var(--critical-color) 20%,transparent);color:var(--critical-color)}.event-item.update .event-icon{background-color:color-mix(in srgb,var(--info-color) 20%,transparent);color:var(--info-color)}.event-title{font-weight:500;color:var(--text-primary)}.event-description{font-size:.9rem;color:var(--text-primary)}.events-list::-webkit-scrollbar{width:6px}.events-list::-webkit-scrollbar-track{background:var(--surface-color);border-radius:3px}.events-list::-webkit-scrollbar-thumb{background-color:var(--surface-2-color);border-radius:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.empty-state svg{font-size:32px;color:var(--text-secondary)}.empty-state p{margin:0;font-size:14px;color:var(--text-secondary);text-align:center}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;height:100%;min-height:400px}.spinner-inner{position:absolute;width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--info-color);border-radius:50%;animation:spinner 1s linear infinite}.clean-layout{background-color:var(--surface-color);border-radius:12px;margin-top:20px}.minimal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.device-identity{display:flex;flex-direction:column;gap:8px}.device-identity h1{margin:0;font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.device-meta{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary)}.device-meta .separator{opacity:.4}.device-type{font-weight:500}.content-wrapper{padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}.simple-panel{background:var(--surface-2-color);border-radius:8px;padding:16px}.simple-panel h2{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary);letter-spacing:-.3px}.gateway-stats{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;gap:12px}.stat-cell{flex:1;background:var(--surface-2-color);border-radius:8px;padding:12px}.stat-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.stat-label svg{color:var(--accent-color)}.device-detail .stat-value.signal{display:flex;align-items:center;gap:8px}.signal-bar:nth-child(1){height:6px}.signal-bar:nth-child(2){height:10px}.signal-bar:nth-child(3){height:14px}.signal-bar:nth-child(4){height:18px}.signal-bar.active{background:var(--accent-color)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-group{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:baseline}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.readings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reading-card{background:var(--secondary-bg);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .2s ease;border-left:4px solid;height:160px;overflow:hidden}.reading-card.normal{border-left-color:var(--accent-color)}.reading-card.warning{border-left-color:var(--warning-color)}.reading-card.critical{border-left-color:var(--critical-color)}.reading-value-display{display:flex;align-items:baseline;justify-content:center;margin-top:10px}.big-value{font-size:42px;font-weight:600;color:var(--text-primary);line-height:1;letter-spacing:-1px}.unit{font-size:18px;color:var(--text-secondary);margin-left:4px;font-weight:500}.reading-details{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-color)}.reading-type{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.reading-type svg{color:var(--accent-color)}.reading-status{font-size:12px;font-weight:500;padding:3px 8px;border-radius:12px;background:var(--surface-2-color);color:var(--text-primary)}.reading-card.normal .reading-status{background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color)}.reading-card.warning .reading-status{background:color-mix(in srgb,var(--warning-color) 15%,transparent);color:var(--warning-color)}.reading-card.critical .reading-status{background:color-mix(in srgb,var(--critical-color) 15%,transparent);color:var(--critical-color)}@media (max-width: 800px){.readings-grid{grid-template-columns:repeat(2,1fr)}.reading-card{height:150px}}@media (max-width: 500px){.readings-grid{grid-template-columns:1fr}.reading-card{height:140px}.big-value{font-size:38px}}.events-panel{background:var(--surface-2-color)}.panel-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header-with-action h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.view-all-link{background:none;border:none;color:var(--accent-color);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s ease;padding:0}.view-all-link:hover{color:var(--accent-hover);text-decoration:underline}.events-timeline{display:flex;flex-direction:column;gap:16px}.timeline-event{display:flex;gap:12px;padding:16px;background:var(--secondary-bg);border-radius:8px;position:relative;transition:all .2s ease}.timeline-event:hover{transform:translateY(-2px)}.timeline-event.alert{border-left:3px solid var(--warning-color)}.timeline-event.alert.high{border-left-color:var(--critical-color)}.timeline-event.update{border-left:3px solid var(--accent-color)}.timeline-event .event-icon{background:var(--secondary-bg);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0}.timeline-event.alert .event-icon{color:var(--warning-color)}.timeline-event.alert.high .event-icon{color:var(--critical-color)}.timeline-event.update .event-icon{color:var(--accent-color)}.timeline-event .event-content{flex:1}.timeline-event .event-header{display:flex;justify-content:space-between;margin-bottom:6px}.timeline-event .event-title{font-weight:500;color:var(--text-primary);font-size:14px}.timeline-event .event-time{color:var(--text-secondary);font-size:12px}.timeline-event .event-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-top:4px}.reading-status,.battery-status,.rssi-status{font-size:.8rem;margin-top:4px;font-weight:400;color:var(--text-muted)}.reading-card.critical .reading-status,.device-detail .stat-value.critical .battery-status,span.poor+.rssi-status{color:var(--critical-color)}.reading-card.warning .reading-status,.device-detail .stat-value.warning .battery-status,span.fair+.rssi-status{color:var(--warning-color)}.reading-card.normal .reading-status,.device-detail .stat-value.normal .battery-status{color:var(--success-color)}span.excellent+.rssi-status{color:var(--success-color)}span.good+.rssi-status{color:var(--text-secondary)}span.excellent,span.good,span.fair,span.poor{font-weight:500}span.excellent{color:var(--success-color)}span.good{color:var(--text-secondary)}span.fair{color:var(--warning-color)}span.poor{color:var(--critical-color)}.settings-section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border-color)}.settings-section h2{display:flex;align-items:center;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.2rem}.settings-section h2 svg{margin-left:.5rem;color:var(--info-color)}.limits-container{max-width:900px;margin:0 auto}.spinning-loader{display:inline-block;width:16px;height:16px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--text-primary);animation:spin 1s ease-in-out infinite}.limits-container h3{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-primary);font-size:1.1rem}.limits-container h3 svg{color:var(--info-color)}.metrics-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:15px}.time-range-controls{justify-content:flex-start;display:flex;gap:10px;margin-bottom:20px}.time-range-button{padding:8px 16px;border:1px solid var(--border-color);background-color:var(--surface-2-color);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease-in-out}.time-range-button:hover:not(:disabled){background-color:var(--surface-2-color);border-color:var(--border-color);color:var(--text-secondary)}.time-range-button.active{background-color:var(--accent-color);color:var(--on-accent-color);border-color:var(--accent-color);font-weight:600}.time-range-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-2-color)}.custom-legend-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 0;margin-bottom:10px;flex-wrap:wrap}.custom-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--text-primary);cursor:pointer;transition:opacity .3s ease}.legend-color-box{display:inline-block;width:12px;height:12px;border-radius:2px}.custom-legend-item.inactive{opacity:.45}.compliance-charts-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;justify-content:center}.compliance-chart-container{flex:1;min-width:250px}.compliance-chart-container h3{text-align:center;margin-bottom:15px;color:var(--text-primary);font-size:1rem}.device-detail .loading-spinner.small{width:24px;height:24px;border-width:3px;border-top-color:var(--info-color);font-size:1.5rem}.apexcharts-tooltip.apexcharts-theme-dark{background:var(--surface-2-color)!important;border:1px solid var(--border-color)!important}.time-range-controls .time-range-button{padding:8px 16px;border:1px solid var(--border-color);background-color:var(--surface-2-color);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.time-range-controls .time-range-button:hover:not(:disabled){border-color:var(--accent-color);background-color:var(--surface-2-color)}.time-range-controls .time-range-button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--on-accent-color)}.time-range-controls .time-range-button:disabled{opacity:.5;cursor:not-allowed}.coordinates-icon{color:var(--accent-color);flex-shrink:0}.location-capture{display:flex;flex-direction:column;gap:10px}.capture-coordinates{display:flex;align-items:center;gap:8px;font-size:.9rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 10px}.location-actions{display:flex;gap:8px}.save-location-button,.cancel-location-button{padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--surface-2-color);border:1px solid var(--border-color);color:var(--text-primary)}.save-location-button{background:color-mix(in srgb,var(--accent-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 50%,transparent);color:var(--accent-color)}.save-location-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent-color) 25%,transparent);transform:translateY(-2px)}.cancel-location-button:hover:not(:disabled){background:var(--surface-2-color);color:var(--text-primary)}.save-location-button:disabled,.cancel-location-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.get-location-button-small{display:flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--accent-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 50%,transparent);color:var(--accent-color);padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.get-location-button-small:hover:not(:disabled){background:color-mix(in srgb,var(--accent-color) 25%,transparent);transform:translateY(-2px)}.get-location-button-small:disabled{background:var(--surface-2-color);border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.event-header{flex-direction:column;gap:4px}.minimal-header,.content-wrapper{padding:16px}.device-identity h1{font-size:20px}.device-meta{flex-wrap:wrap}.timeline-event{padding:12px}.timeline-event .event-header{flex-direction:column;gap:4px}.last-update{width:100%}}.device-detail .spinning{animation:spin 1s linear infinite}.info-item .inline-edit{width:100%;min-height:20px}.info-item .inline-edit-value{color:inherit;font-size:inherit}.info-item .inline-edit.placeholder .inline-edit-value{color:var(--text-secondary);font-style:italic}.info-item .inline-edit:hover{background:var(--surface-color);border-radius:4px}.info-item .inline-edit-input{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:6px 10px!important;border-radius:6px!important;font-size:inherit!important;width:100%!important}.info-item .inline-edit-input:focus{border-color:var(--info-color)!important;background:color-mix(in srgb,var(--info-color) 8%,transparent)!important}.info-item .inline-edit-actions{margin-top:4px}.info-item .inline-edit-save,.info-item .inline-edit-cancel{width:28px;height:28px;font-size:12px}.info-item .inline-edit-error{margin-top:6px;font-size:11px;padding:3px 6px}.info-item .inline-edit.location{font-weight:500}.info-item .inline-edit.product{color:var(--accent-hover);font-weight:500}.info-item .inline-edit.refrigerator{color:var(--info-color);font-weight:500}.info-item .inline-edit-input-wrapper{animation:fadeInInput .2s ease-out}.info-item .inline-edit.editing{background:var(--surface-color);border-radius:6px;padding:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInInput{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}.device-detail__back{padding-bottom:0}.device-detail__back+.ui-page{padding-top:var(--space-2)}.device-detail__state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;color:var(--text-secondary)}.device-detail__panel{margin-top:var(--space-4)}.inline-edit{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s ease;position:relative;min-height:24px;background:transparent}.inline-edit:hover{background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.inline-edit.placeholder{color:var(--text-muted);font-style:italic}.inline-edit-value{flex:1;word-break:break-word}.inline-edit-icon{opacity:0;transition:opacity .2s ease;color:var(--text-muted);flex-shrink:0;font-size:14px}.inline-edit:hover .inline-edit-icon{opacity:1}.inline-edit.editing{cursor:default;background:transparent;padding:0}.inline-edit-input-wrapper{display:flex;align-items:flex-start;gap:8px;width:100%;position:relative}.inline-edit-input,.inline-edit-textarea{flex:1;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:inherit;font-family:inherit;line-height:1.4;transition:all .2s ease;outline:none;resize:none}.inline-edit-input:focus,.inline-edit-textarea:focus{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.inline-edit-input::placeholder,.inline-edit-textarea::placeholder{color:var(--text-muted)}.inline-edit-input:disabled,.inline-edit-textarea:disabled{opacity:.7;cursor:not-allowed}.inline-edit-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.inline-edit-save,.inline-edit-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.inline-edit-save{background:var(--success-color);color:var(--on-accent-color)}.inline-edit-save:hover:not(:disabled){filter:brightness(.9);transform:scale(1.05)}.inline-edit-save:disabled{background:var(--state-sem-dados-color);cursor:not-allowed;transform:none}.inline-edit-cancel{background:var(--state-sem-dados-color);color:var(--on-accent-color)}.inline-edit-cancel:hover:not(:disabled){filter:brightness(.9);transform:scale(1.05)}.inline-edit-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none}.inline-edit-error{color:var(--error-color);font-size:12px;margin-top:4px;padding:4px 8px;background:color-mix(in srgb,var(--error-color) 10%,transparent);border-radius:4px;border-left:3px solid var(--error-color)}.inline-edit-hint{color:var(--text-muted);font-size:11px;margin-top:4px;text-align:right}.inline-edit.placeholder:hover{background:color-mix(in srgb,var(--accent-color) 10%,transparent);border:1px dashed color-mix(in srgb,var(--accent-color) 30%,transparent)}.device-detail .separator{color:var(--text-muted)}@media (max-width: 768px){.event-item{flex-direction:column}.event-icon{align-self:flex-start}.event-header{flex-direction:column;gap:.5rem}.info-grid{grid-template-columns:1fr}.stat-row,.location-actions{flex-direction:column}.last-update{font-size:.8rem;padding:6px 10px}.info-item .inline-edit-input{padding:8px 12px!important;font-size:14px!important}.info-item .inline-edit-actions{justify-content:flex-end}.info-item .inline-edit-save,.info-item .inline-edit-cancel{width:32px;height:32px;font-size:14px}.inline-edit-actions{gap:2px}.inline-edit-save,.inline-edit-cancel{width:28px;height:28px;font-size:12px}.inline-edit-input,.inline-edit-textarea{padding:6px 10px;font-size:14px}.device-meta{font-size:.8rem;gap:8px;flex-wrap:wrap}}.report-tab{gap:var(--space-4)}.report-tab h2,.report-tab>.ui-field__help{margin:0}.report-tab__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.das{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.das-loading{display:flex;justify-content:center;padding:var(--space-6)}.das-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-primary);min-width:0}.das-section__title{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:1.05rem;color:var(--text-primary)}.das-section__summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-target);cursor:pointer;list-style:none;gap:var(--space-2)}.das-section__summary::-webkit-details-marker{display:none}.das-section__summary:before{content:"▸";color:var(--accent-color);margin-right:var(--space-2)}.das-section--collapsible[open]>.das-section__summary:before{content:"▾"}.das-section__summary .das-section__title{flex:1;display:inline;margin:0}.das-section__toggle{color:var(--accent-color);font-size:.9rem}.das-section--collapsible[open]>.das-section__summary{margin-bottom:var(--space-3)}.das-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));column-gap:var(--space-4)}.das-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.das-default{display:inline-flex;align-items:center;padding:0 var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem}.das-text{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:.9rem}.das-warning{margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--warning-color)}.das-radios,.das-contacts{margin:0 0 var(--space-3);padding:0;border:0;min-width:0}.das-contacts__legend{padding:0;margin-bottom:var(--space-2);font-weight:600;color:var(--text-primary)}.das-check{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--touch-target);cursor:pointer}.das-check input{width:20px;height:20px;margin:0;accent-color:var(--accent-color)}.das-check__name{color:var(--text-primary)}.das-check__meta{color:var(--text-muted);font-size:.85rem;overflow-wrap:anywhere}.das-link-row{display:flex;margin-top:var(--space-2)}.das-footer{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.das-footer__dirty{margin-right:auto;color:var(--warning-color);font-weight:600}.das-footer .ui-button{min-height:var(--touch-target)}.das-section__head{margin-bottom:var(--space-3)}.das-section__head .das-section__title{margin:0}.das-section__wrap{position:relative;min-width:0}.das-section__tip{position:absolute;top:var(--space-4);right:var(--space-4);min-height:var(--touch-target);display:flex;align-items:center}.das-section--collapsible>.das-section__summary{padding-right:calc(var(--touch-target) + var(--space-2))}.alert-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.alert-card{box-sizing:border-box;min-width:0;background:var(--secondary-bg);border:1px solid var(--border-color);border-left:4px solid var(--text-muted);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-primary);overflow-wrap:anywhere;display:flex;flex-direction:column;gap:var(--space-2);cursor:default}.alert-card[tabindex]{cursor:pointer}.alert-card:focus-visible{outline:2px solid var(--info-color);outline-offset:2px}.alert-card--critical{border-left-color:var(--critical-color)}.alert-card--warning{border-left-color:var(--warning-color)}.alert-card--info{border-left-color:var(--info-color)}.alert-card--muted{border-left-color:var(--text-muted)}.alert-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.alert-card__name{font-weight:600;font-size:1.05rem}.alert-card__name--link{background:transparent;border:0;padding:0;min-height:var(--touch-target);color:var(--text-primary);font-family:var(--font-body);text-align:left;cursor:pointer;text-decoration:underline}.alert-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.alert-card__product,.alert-card__message,.alert-card__meta{margin:var(--space-1) 0 0}.alert-card__product,.alert-card__meta{color:var(--text-secondary);font-size:.9rem}.alert-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.alert-card__actions .ui-button{flex:1;min-height:var(--touch-target)}.alert-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:0 var(--space-3);align-items:end}.alert-filters__toggle{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.queue-tab__title{margin:0 0 var(--space-2);font-size:var(--font-size-md)}.alert-note{padding:var(--space-2) var(--space-3);resize:vertical}@media (min-width: 640px){.alert-card__actions .ui-button{flex:none;min-width:9rem}}.queue-tab{display:flex;flex-direction:column;gap:var(--space-3)}.queue-health__worker{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);font-weight:600}.queue-health__worker--ok{color:var(--success-color);border-color:var(--success-color)}.queue-health__worker--down{color:var(--critical-color);border-color:var(--critical-color)}.queue-health__counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--space-3)}.queue-bulk{display:flex}.queue-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.queue-card{overflow-wrap:anywhere}.queue-error{padding:var(--space-3);border:1px solid var(--critical-color);border-radius:var(--radius-md);color:var(--critical-color);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.alert-explanation{display:flex;flex-direction:column;gap:var(--space-1)}.alert-explanation p,.alert-explanation ol{margin:0}.alert-explanation--full{gap:var(--space-3)}.alert-explanation__short{margin-top:var(--space-1)}.alert-explanation__risk{font-weight:600;color:var(--critical-color)}.alert-explanation__hypotheses{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.alert-explanation__note{color:var(--text-secondary);font-size:.9rem}.feedback-modal__options{display:flex;flex-direction:column;gap:var(--space-2)}.feedback-modal__options .ui-button{min-height:var(--touch-target)}.alerts-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.alerts-counter{display:flex;flex-direction:column;gap:var(--space-1)}.alerts-counter__value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.alerts-counter--critical .alerts-counter__value{color:var(--critical-color)}.alerts-counter--warning .alerts-counter__value{color:var(--warning-color)}.alerts-counter__label{color:var(--text-secondary);font-size:.9rem}.alerts-more{display:flex;justify-content:center;margin-top:var(--space-4)}.alerts-panel{margin-top:var(--space-4)}.alerts-filter-chip{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.alert-detail{display:flex;flex-direction:column;gap:var(--space-4)}.alert-detail__section-title{margin:0 0 var(--space-3);font-size:1.05rem;color:var(--text-primary)}.alert-facts__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.alert-facts__list{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-3)}.alert-facts__row{min-width:0;overflow-wrap:anywhere}.alert-facts__row dt{color:var(--text-secondary);font-size:.85rem}.alert-facts__row dd{margin:0;color:var(--text-primary)}.alert-chart{min-width:0}.alert-chart__note{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:.85rem}.alert-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.alert-timeline__item{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--border-color);overflow-wrap:anywhere}.alert-timeline__item--notification{border-left-color:var(--info-color)}.alert-timeline__when{color:var(--text-secondary);font-size:.85rem}.alert-timeline__text{color:var(--text-primary)}.alert-detail__loading{display:flex;justify-content:center;padding:var(--space-6)}.alert-detail__actions{position:sticky;bottom:0;display:flex;gap:var(--space-2);padding:var(--space-3) 0;background:var(--background-secondary, var(--secondary-bg))}.alert-detail__actions .ui-button{flex:1;min-height:var(--touch-target)}@media (min-width: 640px){.alert-detail__actions{position:static;padding:0;background:transparent}.alert-detail__actions .ui-button{flex:none;min-width:9rem}}.reports-stack{display:flex;flex-direction:column;gap:var(--space-5)}.reports-section__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.reports-section__title{margin:0 0 var(--space-4);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.reports-section__head .reports-section__title{margin-bottom:0}.reports-label{margin:0 0 var(--space-2);font-weight:500;color:var(--text-secondary)}.reports-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 var(--space-4);margin-top:var(--space-4)}.reports-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}form .reports-actions{justify-content:flex-start;gap:var(--space-3)}.reports-status{color:var(--text-secondary)}.reports-name{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);overflow-wrap:anywhere}.reports-card{display:flex;flex-direction:column;gap:var(--space-2)}.reports-card .reports-actions{justify-content:flex-start}.reports-muted{color:var(--text-secondary);font-size:.9rem}.reports-row-error{margin-top:var(--space-4)}.settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-tab-title{margin:0;font-size:var(--font-size-md)}.settings-token-row{display:flex;gap:var(--space-2);align-items:flex-end}.settings-token-row .ui-field{flex:1}.settings-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.contact-form{display:flex;flex-direction:column;gap:var(--space-3)}.contact-form__channels{border:0;margin:0;padding:0;min-width:0}.contact-form__radios{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-form__radio{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.contact-form__radio input{width:1.1rem;height:1.1rem}.contact-discover{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.contact-discover__note{margin:0;color:var(--text-muted);font-size:.85rem}.contact-discover__list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:var(--space-1)}.contact-discover__item{box-sizing:border-box;width:100%;min-height:var(--touch-target);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;text-align:left;overflow-wrap:anywhere}.contact-discover__name{font-weight:600}.contact-discover__meta{color:var(--text-secondary);font-size:.85rem}.contact-defaults{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.contact-defaults__title{margin:0;font-size:1.1rem;color:var(--text-primary)}.contact-defaults__text{margin:0;color:var(--text-secondary)}.contact-defaults__warning{margin:0;padding:var(--space-3);border:1px solid var(--warning-color);border-radius:var(--radius-md);color:var(--warning-color)}.contact-defaults__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding-left:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)}.contact-chip__remove{min-width:var(--touch-target);min-height:var(--touch-target);background:none;border:0;color:var(--text-secondary);font-size:1.25rem;cursor:pointer}.contact-chip__remove:focus-visible{outline:2px solid var(--info-color)}.contact-test{margin:0;font-size:.9rem;overflow-wrap:anywhere}.contact-test--running{color:var(--text-secondary)}.contact-test--ok{color:var(--success-color)}.contact-test--error{color:var(--error-color)}.contact-test--muted{color:var(--text-muted)}.contact-form__quiet{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.contact-form__quiet summary{min-height:var(--touch-target);display:flex;align-items:center;cursor:pointer;color:var(--text-primary);font-weight:600}.quiet-hours{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-2)}.quiet-hours__times{display:flex;flex-wrap:wrap;gap:var(--space-3)}.quiet-hours__times>*{flex:1 1 12rem}.quiet-hours__text{margin:0;color:var(--text-secondary);font-size:.9rem}.contacts-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.contacts-name{font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.contacts-address{color:var(--text-secondary);overflow-wrap:anywhere}.contacts-card{display:flex;flex-direction:column;gap:var(--space-2)}.contacts-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.contacts-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contacts-card__usage{color:var(--text-secondary);font-size:.9rem}.contacts-channel{display:inline-flex;align-items:center;gap:var(--space-2)}.users-chip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.users-filters{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(3,minmax(9rem,1fr)) auto;gap:var(--space-2);margin-bottom:var(--space-4)}.users-stats{margin-bottom:var(--space-5)}.users-th{display:inline-flex;align-items:center}.users-who{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.users-name{font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.users-muted{color:var(--text-secondary);overflow-wrap:anywhere}.users-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.users-card{display:flex;flex-direction:column;gap:var(--space-2)}.users-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.users-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.user-form{display:flex;flex-direction:column}.user-form__lead{margin:0 0 var(--space-4);color:var(--text-secondary)}.user-form__fixed{margin:0;color:var(--text-secondary)}.user-form__multi{min-height:8rem;padding:var(--space-2) var(--space-3)}.user-form__check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);color:var(--text-primary);cursor:pointer}@media (max-width: 1023px){.users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.users-filters{grid-template-columns:1fr}}.tempcloud-toast{box-shadow:0 8px 16px #0000004d;border-radius:8px;padding:12px}[data-sonner-toaster][data-theme=dark]{--toast-animation-duration: .3s}.tempcloud-toast-description{opacity:.9;font-size:.9rem}[data-sonner-toast][data-type=success]{border-left:4px solid var(--success-color)}[data-sonner-toast][data-type=error]{border-left:4px solid var(--error-color)}[data-sonner-toast][data-type=warning]{border-left:4px solid var(--warning-color)}[data-sonner-toast][data-type=info]{border-left:4px solid var(--info-color)}@media (max-width: 768px){.tempcloud-toast{max-width:90vw}}.login-page{min-height:calc(100dvh - 60px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-4)}.login-card{width:100%;max-width:24rem;box-sizing:border-box;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);color:var(--text-primary)}.login-header{margin-bottom:var(--space-5);text-align:center}.login-brand{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.login-subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.login-form .ui-button{width:100%}.login-form__error{margin:0 0 var(--space-4);color:var(--critical-color);font-size:var(--font-size-sm)}.login-footer{text-align:center;font-size:var(--font-size-xs);color:var(--text-secondary)}.login-footer p{margin:0}.inicio-loading{display:flex;justify-content:center;padding:var(--space-6)}.inicio-refresh{display:flex;align-items:center;gap:var(--space-3)}.inicio-refresh__time{color:var(--text-muted);font-size:.9rem}.inicio-stack{display:flex;flex-direction:column;gap:var(--space-4)}.inicio-alerts{display:flex;flex-direction:column;gap:var(--space-3)}.inicio-alerts__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.inicio-alerts__title{margin:0;font-size:1.15rem;color:var(--text-primary)}.inicio-refresh__fail{color:var(--critical-color);font-size:.9rem}.network-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.network-summary__alerts{color:var(--text-primary);font-weight:600}.network-filters{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.network-filters__field{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary);font-size:.9rem}.network-filters__search{flex:1 1 14rem;min-width:0}.network-muted{color:var(--text-muted)}.network-card{display:flex;flex-direction:column;gap:var(--space-2)}.network-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.store-banner{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--text-muted);border-radius:var(--radius-md);color:var(--text-primary)}.store-banner--conforme{border-left-color:var(--success-color)}.store-banner--atencao{border-left-color:var(--warning-color)}.store-banner--problema{border-left-color:var(--critical-color)}.store-banner--sem_dados{border-left-color:var(--text-muted)}.store-banner__text{margin:0;font-size:1.25rem;font-weight:600}.store-banner__gateway{margin:0;color:var(--critical-color);font-size:.95rem}.state-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.state-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem}.state-chip__count{font-weight:700;color:var(--text-muted)}.state-chip--conforme .state-chip__count{color:var(--success-color)}.state-chip--atencao .state-chip__count{color:var(--warning-color)}.state-chip--problema .state-chip__count{color:var(--critical-color)}.equipment-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.equipment-grid__item{min-width:0;display:flex}.equipment-card{box-sizing:border-box;width:100%;min-height:var(--touch-target);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--text-muted);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;overflow-wrap:anywhere}.equipment-card:hover{border-color:var(--text-secondary)}.equipment-card__link{color:inherit;text-decoration:none;min-height:var(--touch-target);display:inline-flex;align-items:flex-start}.equipment-card__link:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.equipment-card--conforme{border-left-color:var(--success-color)}.equipment-card--atencao{border-left-color:var(--warning-color)}.equipment-card--problema{border-left-color:var(--critical-color)}.equipment-card--sem_dados{border-left-color:var(--text-muted)}.equipment-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.equipment-card__name{font-weight:600;font-size:1.05rem}.equipment-card__product{margin:0;color:var(--text-secondary);font-size:.9rem}.equipment-card__readings{display:flex;align-items:baseline;gap:var(--space-4)}.equipment-card__temp{font-size:1.5rem;font-weight:700}.equipment-card__humidity{color:var(--text-secondary)}.equipment-card__age{margin:0;color:var(--text-secondary);font-size:.85rem}.equipment-card__age--stale{color:var(--warning-color);font-weight:600}.equipment-card__alert{margin:0;color:var(--critical-color);font-size:.9rem}.equipment-card__alert--atencao{color:var(--warning-color)}.equipment-card__alert--problema{color:var(--critical-color)}.equipment-card__learning{margin:0;color:var(--text-secondary);font-size:.85rem;display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.equipment-feedback{display:flex;flex-direction:column;gap:var(--space-2)}.equipment-feedback__risk{margin:0;color:var(--critical-color);font-size:.9rem;font-weight:600}.equipment-feedback__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media (max-width: 767px){.equipment-grid{grid-template-columns:1fr}}.ui-label-row.state-chips-row{flex-wrap:wrap;gap:var(--space-2)}.equipment-grid__head{margin-bottom:var(--space-2)}.equipment-grid__title{margin:0;font-size:1.1rem}.store-form{display:flex;flex-direction:column;gap:var(--space-3)}.lojas-name{font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.lojas-muted{color:var(--text-secondary);overflow-wrap:anywhere}.lojas-card{display:flex;flex-direction:column;gap:var(--space-2)}.lojas-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.lojas-panel{margin-top:var(--space-3)}.lojas-tab{display:flex;flex-direction:column;gap:var(--space-3)}.lojas-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.lojas-info{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3)}.lojas-info dt{color:var(--text-secondary)}.lojas-info dd{margin:0;color:var(--text-primary);overflow-wrap:anywhere}.lojas-group{display:flex;flex-direction:column;gap:var(--space-1)}.lojas-group__title{margin:0;font-size:var(--font-size-md, 1rem);color:var(--text-primary)}.lojas-group__list{margin:0;padding-left:var(--space-4)}.link-device__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.link-device__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.lojas-tab__title{margin:0;font-size:var(--font-size-md);color:var(--text-primary)}.lojas-tab__actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.sched{display:flex;flex-direction:column;gap:var(--space-2)}.sched__title{margin:0;font-size:var(--font-size-md);color:var(--text-primary)}.sched__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.sched__day{min-width:6rem;color:var(--text-primary)}.sched__time{width:7.5rem}.sched__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.sched__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.sched__actions{display:flex;gap:var(--space-1)}.account-form{display:flex;flex-direction:column;gap:var(--space-3)}.contas-name{font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.contas-muted{color:var(--text-secondary);overflow-wrap:anywhere}.contas-card{display:flex;flex-direction:column;gap:var(--space-2)}.contas-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.contas-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3)}.contas-filters__field{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary)}.contas-filters__check{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);color:var(--text-primary)}.contas-usage{display:flex;flex-direction:column;gap:var(--space-2);min-width:10rem}.usage-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-1) var(--space-2)}.usage-bar__label{color:var(--text-secondary)}.usage-bar__text{color:var(--text-primary);font-variant-numeric:tabular-nums}.usage-bar__track{grid-column:1 / -1;height:6px;border-radius:var(--radius-sm);background:var(--secondary-bg);border:1px solid var(--border-color);overflow:hidden}.usage-bar__fill{display:block;height:100%;background:var(--success-color)}.usage-bar--warn .usage-bar__fill{background:var(--warning-color)}.usage-bar--warn .usage-bar__text{color:var(--warning-color)}.usage-bar--full .usage-bar__fill{background:var(--error-strong-color)}.usage-bar--full .usage-bar__text{color:var(--error-strong-color);font-weight:600}.contas-usage--row{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.contas-usage--row .usage-bar{flex:1 1 12rem}.contas-tab{display:flex;flex-direction:column;gap:var(--space-3)}.contas-tab__head{margin:var(--space-3) 0 var(--space-2)}.contas-tab__title{margin:0;font-size:var(--font-size-md);color:var(--text-primary)}.contas-tab__actions{display:flex;justify-content:flex-end;margin:var(--space-3) 0}.contas-tab__actions--start{justify-content:flex-start}.contas-warning{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--text-primary)}.contas-row-error{margin:var(--space-1) 0 0;color:var(--error-strong-color)}.onboarding{list-style:none;margin:var(--space-3) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.onboarding__item{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.onboarding__item--done{border-color:var(--success-color)}.onboarding__item--done .ui-button,.onboarding__mark{color:var(--text-secondary)}.onboarding__item--done .onboarding__mark{color:var(--success-color)}.app-shell{display:flex;align-items:flex-start;min-height:100vh}.app-main{flex:1;min-width:0}.app-shell--mobile{display:block}.app-main--mobile{padding-bottom:calc(var(--touch-target) + var(--space-5))}.sidebar{position:sticky;top:0;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4);width:220px;height:100vh;box-sizing:border-box;padding:var(--space-4) var(--space-3);background:var(--secondary-bg);border-right:1px solid var(--border-color);color:var(--text-primary);z-index:1000}.sidebar__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2)}.sidebar__brand{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.side-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:background-color .2s ease,color .2s ease}.sidebar-link:hover{background:var(--card-bg);color:var(--text-primary)}.sidebar-link.active{background:var(--card-bg);color:var(--accent-color)}.sidebar-link__icon{flex-shrink:0;font-size:1.25rem}.sidebar__footer{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.sidebar-profile{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);min-width:0}.sidebar-profile__avatar{flex-shrink:0;font-size:1.75rem;color:var(--text-secondary)}.sidebar-profile__text{display:flex;flex-direction:column;min-width:0}.sidebar-profile__name{color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile__role{color:var(--text-muted);font-size:.8rem}.sidebar-logout{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:none;color:var(--text-secondary);font:inherit;cursor:pointer}.sidebar-logout:hover{background:var(--card-bg);color:var(--text-primary)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:stretch;padding:var(--space-1) var(--space-1) calc(var(--space-1) + env(safe-area-inset-bottom,0px));background:var(--primary-bg);border-top:1px solid var(--border-color);z-index:1000}.bottom-nav .sidebar-link{position:relative;flex:1;flex-direction:column;justify-content:center;gap:2px;padding:var(--space-1);font-size:.7rem;border:none;background:none;font-family:inherit;cursor:pointer}.bottom-nav .sidebar-link.active{background:none}.bottom-nav .sidebar-badge{position:absolute;top:0;left:55%;margin-left:0}.more-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--secondary-bg);z-index:1001}.more-sheet{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:var(--space-3);max-height:80vh;overflow-y:auto;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--primary-bg);border-top:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1002;animation:slideUp .2s ease-out}.more-sheet__links{display:flex;flex-direction:column;gap:var(--space-1)}.more-sheet .sidebar-profile{padding-top:var(--space-3);border-top:1px solid var(--border-color)}.sidebar-bell{position:relative}.sidebar-bell--floating{position:fixed;top:var(--space-3);right:var(--space-3);z-index:1000}.nav-button{display:flex;align-items:center;justify-content:center;position:relative;width:var(--touch-target);height:var(--touch-target);padding:0;border:none;border-radius:50%;background:var(--card-bg);color:var(--text-primary);cursor:pointer}.nav-button:hover{background:var(--border-color)}.notification-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);border-radius:9px;background:var(--critical-color);color:var(--text-primary);font-size:10px;font-weight:600}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:auto;border-radius:9px;background:var(--critical-color);color:var(--text-primary);font-size:11px;font-weight:600}.notifications-dropdown{position:absolute;top:0;left:calc(100% + var(--space-2));width:380px;max-height:500px;overflow:hidden;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0006;z-index:2000;animation:slideUp .2s ease-out}.sidebar-bell--floating .notifications-dropdown{top:calc(100% + var(--space-2));left:auto;right:0;width:min(380px,calc(100vw - 2 * var(--space-3)));max-height:70vh}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.notifications-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.close-notifications{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target);min-height:var(--touch-target);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer}.close-notifications:hover{color:var(--text-primary);background:var(--card-bg)}.notifications-content{max-height:350px;overflow-y:auto;overflow-x:hidden}.notifications-loading,.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-secondary);text-align:center}.notifications-loading p,.notifications-empty p{margin:var(--space-3) 0 0;font-size:.9rem}.notifications-empty svg{font-size:2rem;opacity:.5}.loading-spinner.small{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notifications-list{padding:var(--space-2) 0}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.notification-item:hover{background:var(--card-bg)}.notification-item.unread{border-left:3px solid var(--accent-color)}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-1)}.notification-time{flex-shrink:0;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.notification-content p{margin:0 0 var(--space-2);font-size:.85rem;color:var(--text-primary);line-height:1.4;overflow-wrap:break-word}.notification-device{display:block;margin-bottom:var(--space-2);font-size:.75rem;color:var(--text-secondary)}.notifications-list .notification-link{display:block;min-height:var(--touch-target);color:inherit;text-decoration:none}.acknowledge-btn{min-height:var(--touch-target);padding:0 var(--space-3);border:none;border-radius:var(--radius-sm);background:var(--accent-color);color:var(--on-accent-color);font-size:.8rem;font-weight:500;cursor:pointer}.acknowledge-btn:hover{background:var(--accent-hover)}.notifications-footer{display:flex;justify-content:center;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-color)}