/* Extensão do design system existente: detalhe operacional, alertas e usuários. */
.alert-bell{width:16px;height:16px;flex:0 0 16px}
.device-side-rail{position:static;top:auto;height:auto;padding:0;background:transparent;color:inherit;align-items:start}
.premium-device{display:grid;gap:1rem}.detail-breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.72rem;overflow:auto;white-space:nowrap}.detail-breadcrumb button{border:0;background:transparent;color:var(--brand-end);font-weight:750;padding:0;cursor:pointer}.premium-identity-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1.2fr) auto;gap:.75rem;align-items:stretch}.premium-customer-card,.premium-cpe-card{display:flex;align-items:center;gap:1rem;padding:1.1rem;border:1px solid var(--line);border-radius:15px;background:var(--surface);min-width:0}.customer-avatar,.cpe-illustration{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;font-size:1.2rem;font-weight:900}.cpe-illustration{background:#f0fdf4;border:1px solid #bbf7d0}.premium-customer-card>div:last-child,.premium-cpe-card>div:last-child{min-width:0}.premium-customer-card span,.premium-cpe-card span{color:#047857;font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.premium-customer-card h2,.premium-cpe-card h2{margin:.3rem 0 .25rem;font-size:1rem;overflow-wrap:anywhere}.premium-customer-card p,.premium-cpe-card p,.premium-customer-card small,.premium-cpe-card small{display:block;margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.premium-actions{display:flex;align-items:center;align-content:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;padding:.7rem;border:1px solid var(--line);border-radius:15px;background:#fbfdfc}.premium-actions button{white-space:nowrap}.health-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.health-card{position:relative;min-height:142px;padding:1rem;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden}.health-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#94a3b8}.health-card.good:before{background:#10b981}.health-card.attention:before{background:#f59e0b}.health-card.critical:before{background:#ef4444}.health-card span{display:block;color:#475569;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.health-card strong{display:block;margin:.65rem 0 .35rem;font-size:1.18rem;letter-spacing:-.02em;overflow-wrap:anywhere}.health-card.good strong{color:#047857}.health-card.attention strong{color:#b45309}.health-card.critical strong{color:#b91c1c}.health-card p{margin:0;color:#334155;font-size:.72rem;line-height:1.45}.health-card small{position:absolute;right:1rem;bottom:.8rem;left:1rem;color:var(--muted);font-size:.62rem}.premium-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1rem;align-items:start}.connected-panel{min-width:0}.connected-tools{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.connected-tools input,.connected-tools select{min-height:38px;border:1px solid var(--line);border-radius:9px;background:white;padding:.55rem .7rem;color:var(--ink)}.connected-tools input{width:min(260px,100%)}.connected-table{overflow:auto}.connected-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(120px,.8fr) minmax(160px,1fr) minmax(95px,.6fr) minmax(110px,.7fr) minmax(95px,.55fr);gap:.8rem;align-items:center;padding:.85rem 1.15rem;border-bottom:1px solid #edf2ef;min-width:900px}.connected-row>div strong,.connected-row>div small{display:block}.connected-row>div strong{font-size:.74rem;overflow-wrap:anywhere}.connected-row>div small{margin-top:.2rem;color:var(--muted);font-size:.62rem;overflow-wrap:anywhere}.connected-head{color:var(--muted);font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;background:#f8faf9}.device-side-rail{display:grid;gap:1rem}.device-alert-panel,.hubsoft-device-card{padding-bottom:1rem}.device-alert-panel>.text-button{margin:.8rem 1.15rem 0}.side-alert{display:grid;grid-template-columns:8px 1fr;gap:.65rem;padding:.85rem 1.15rem;border-bottom:1px solid #edf2ef}.side-alert>span{width:8px;height:8px;margin-top:.25rem;border-radius:50%;background:#64748b}.side-alert.critical>span{background:#ef4444}.side-alert.warning>span{background:#f59e0b}.side-alert.info>span{background:#0ea5e9}.side-alert strong,.side-alert small{display:block}.side-alert strong{font-size:.73rem}.side-alert small{margin-top:.25rem;color:var(--muted);font-size:.65rem;line-height:1.45}.hubsoft-device-card{padding:1.15rem}.hubsoft-device-card h2{margin:0 0 1rem;font-size:1rem}.hubsoft-device-card dl{display:grid;gap:.65rem;margin:0}.hubsoft-device-card dl>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #edf2ef;padding-bottom:.55rem}.hubsoft-device-card dt{color:var(--muted);font-size:.66rem}.hubsoft-device-card dd{margin:0;text-align:right;font-size:.7rem;font-weight:750;overflow-wrap:anywhere}.notification-center{position:fixed;z-index:40;top:70px;right:2rem;width:min(390px,calc(100vw - 2rem));max-height:min(620px,calc(100vh - 90px));overflow:auto;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 24px 70px #0f172a28}.notification-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--line);background:white;z-index:1}.notification-head strong{display:block}.notification-list{display:grid}.notification-item{display:grid;grid-template-columns:8px 1fr;gap:.7rem;width:100%;padding:.85rem 1.1rem;border:0;border-bottom:1px solid #edf2ef;background:white;text-align:left;cursor:pointer}.notification-item:hover{background:#f8faf9}.notification-item>span:first-child{width:8px;height:8px;margin-top:.3rem;border-radius:50%;background:#0ea5e9}.notification-item.critical>span:first-child{background:#ef4444}.notification-item.warning>span:first-child{background:#f59e0b}.notification-item strong,.notification-item small{display:block}.notification-item strong{font-size:.74rem}.notification-item small{margin-top:.25rem;color:var(--muted);font-size:.66rem;line-height:1.4}.notification-center>.text-button{width:100%;padding:1rem}.alert-counts{display:flex;gap:.45rem;flex-wrap:wrap}.alert-count{padding:.35rem .55rem;border-radius:999px;font-size:.65rem;font-weight:800;background:#e0f2fe;color:#0369a1}.alert-count.warning{background:#fef3c7;color:#92400e}.alert-count.critical{background:#fee2e2;color:#b91c1c}.alert-list{display:grid}.operational-alert{display:grid;grid-template-columns:10px minmax(220px,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #edf2ef}.alert-marker{width:9px;height:9px;border-radius:50%;background:#0ea5e9}.operational-alert.warning .alert-marker{background:#f59e0b}.operational-alert.critical .alert-marker{background:#ef4444}.alert-device{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.alert-device strong,.alert-device small,.operational-alert>div span,.operational-alert>div small{display:block}.alert-device strong{font-size:.8rem}.alert-device small{margin-top:.25rem;color:var(--muted);font-size:.68rem;line-height:1.4}.operational-alert>div{text-align:right}.alert-severity{font-size:.65rem;font-weight:850;text-transform:uppercase}.operational-alert>div small{margin-top:.25rem;color:var(--muted);font-size:.62rem}.users-toolbar{margin-bottom:1rem}.user-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.user-metrics article{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:white}.user-metrics span,.user-metrics strong,.user-metrics small{display:block}.user-metrics span{color:var(--muted);font-size:.68rem;font-weight:750}.user-metrics strong{margin:.45rem 0 .2rem;font-size:1.6rem}.user-metrics small{color:var(--muted);font-size:.64rem}.users-list{display:grid}.user-row{display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(220px,.8fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #edf2ef}.user-row.inactive{background:#f8fafc}.user-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#d1fae5;color:#047857;font-weight:900}.user-identity span,.user-identity strong,.user-identity small,.user-access strong,.user-access small{display:block}.user-identity span{color:#047857;font-size:.6rem;font-weight:850;text-transform:uppercase}.user-identity strong,.user-access strong{margin-top:.2rem;font-size:.78rem}.user-identity small,.user-access small{margin-top:.2rem;color:var(--muted);font-size:.66rem}.user-access .task-status{display:inline-flex;margin-bottom:.15rem}.user-dialog{width:min(560px,calc(100vw - 2rem))}.user-dialog form{display:grid;gap:1rem}.user-dialog label:not(.check-line){display:grid;gap:.4rem;font-size:.76rem;font-weight:750}.user-dialog input,.user-dialog select{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:9px;background:white}.user-dialog small{color:var(--muted);font-weight:500}.premium-device button:focus-visible,.premium-device input:focus-visible,.premium-device select:focus-visible,.notification-center button:focus-visible,.user-row button:focus-visible{outline:3px solid #6ee7b7;outline-offset:2px}
.health-card{padding-bottom:2.75rem}
.attention-state{border-color:#fde68a;background:#fffbeb;color:#92400e}
@media(max-width:1300px){.premium-identity-grid{grid-template-columns:1fr 1fr}.premium-actions{grid-column:1/-1}.health-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-content-grid{grid-template-columns:1fr}.device-side-rail{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.premium-identity-grid,.device-side-rail{grid-template-columns:1fr}.health-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-tools{width:100%;justify-content:flex-start}.connected-tools input{flex:1}.user-row{grid-template-columns:auto 1fr}.user-access,.user-row .row-actions{grid-column:2}.notification-center{right:1rem}}
@media(max-width:560px){.premium-customer-card,.premium-cpe-card{align-items:flex-start}.health-card-grid,.user-metrics{grid-template-columns:1fr}.health-card{min-height:130px}.premium-actions{justify-content:stretch}.premium-actions button{flex:1 1 140px}.connected-tools{display:grid;grid-template-columns:1fr}.connected-tools input{width:100%}.connected-tools .secondary{width:100%}.section-title:has(.connected-tools){display:grid}.operational-alert{grid-template-columns:10px 1fr}.operational-alert>div{grid-column:2;text-align:left}.user-row{grid-template-columns:1fr}.user-avatar{display:none}.user-access,.user-row .row-actions{grid-column:1}.user-row .row-actions{display:grid;grid-template-columns:1fr 1fr}.notification-center{top:62px;right:.5rem;width:calc(100vw - 1rem)}.topbar-action>span:nth-child(2){display:none}}
.invitation-panel{margin-bottom:1rem}.invitation-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.55fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #edf2ef}.invitation-row strong,.invitation-row small{display:block}.invitation-row small{margin-top:.25rem;color:var(--muted);font-size:.66rem}.invitation-result{padding:1rem;border:1px solid #86efac;border-radius:12px;background:#f0fdf4}.invitation-result>strong{display:block;color:#047857}.invitation-result>p{margin:.3rem 0 .8rem;color:var(--muted);font-size:.72rem}.invitation-result>div{display:grid;grid-template-columns:1fr auto;gap:.5rem}.invitation-result input{font-family:Roboto,"Segoe UI",sans-serif;font-size:.72rem}.invitation-result button{white-space:nowrap}.login-shell:has(+ #app.hidden)~#invite-accept-dialog[open]{max-height:calc(100vh - 2rem);overflow:auto}
@media(max-width:560px){.invitation-row{grid-template-columns:1fr}.invitation-row .row-actions{display:grid;grid-template-columns:1fr}.invitation-result>div{grid-template-columns:1fr}.invitation-result button{width:100%}}