/* Integrated PWA feature. Does not change existing home/cards/navigation styles. */
.eq-entry{margin:28px 0 6px}
.eq-entry>button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:inset 1px 1px 1px white,3px 5px 10px #183b5610;color:var(--ink)}
.eq-entry-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#e7edf5;color:var(--brand-blue)}
.eq-entry>button>span:nth-child(2){flex:1}.eq-entry strong{display:block;font-size:16px;font-weight:600}.eq-entry small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.eq-entry>button>svg{width:18px;height:18px}
.eq-page{padding-bottom:28px}
.eq-overview{background:linear-gradient(135deg,#2172b6,#285a96);border-radius:24px 24px 42px 14px;padding:23px 22px;color:white;box-shadow:inset 1px 1px 1px #fff5,inset -1px -2px 2px #123f6d50,0 8px 18px #183b5621}
.eq-overview-head{display:flex;align-items:center;gap:12px}.eq-overview-head>span{width:40px;height:44px;border:1px solid #c8e0f459;border-radius:14px;display:grid;place-items:center;box-shadow:inset 2px 3px 5px #103d744d,inset -1px -1px 1px #ffffff4d;flex:none;color:var(--accent)}
.eq-overview h2{font-size:19px;font-weight:550;line-height:1.5;margin:0}.eq-overview>p{font-size:12px;color:#e1edf7;margin:12px 0 18px}
.eq-counts{display:grid;grid-template-columns:1fr 1fr}.eq-counts>div{display:flex;gap:8px;align-items:baseline}.eq-counts>div+div{padding-left:20px;border-left:1px solid #b9d4ea60}.eq-counts strong{font-size:36px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.eq-counts span{font-size:12px;color:#edf4fa}
.eq-refresh{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:18px 0 27px}.eq-refresh>div{min-width:0;display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:4px}.eq-refresh time{color:var(--ink);font-variant-numeric:tabular-nums}.eq-refresh button{background:var(--surface);border:1px solid var(--line);box-shadow:2px 3px 6px #183b5614}
.eq-group{margin-top:30px}.eq-group-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.eq-group-title>span{font-size:12px;color:var(--brand-blue);border-bottom:2px solid var(--accent);padding-bottom:3px}.eq-group-title h2{font-size:17px;line-height:1.5;margin:0;font-weight:600}
.eq-device{background:var(--surface);border-bottom:1px solid var(--line)}.eq-device:first-of-type{border-radius:20px 20px 0 0}.eq-device:last-of-type{border-radius:0 0 20px 20px;border-bottom:0}
.eq-device summary{list-style:none;display:flex;gap:10px;align-items:center;padding:15px 12px;min-height:74px;cursor:pointer;touch-action:manipulation}.eq-device summary::-webkit-details-marker{display:none}.eq-device summary>strong{flex:1;min-width:0;font-size:14px;font-weight:550;line-height:1.5}.eq-device summary>svg:last-child{width:14px;height:14px;color:var(--muted)}
.eq-mark{display:grid;place-items:center;flex:none;width:36px;height:40px;border-radius:12px;color:var(--brand-blue);background:linear-gradient(140deg,#fafcff,#e5ebf2);box-shadow:inset 1px 1px 1px white,inset -1px -1px 2px #b2c2d34d,2px 3px 5px #183b5617}.eq-mark svg{width:21px;height:21px}
.eq-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;color:#626e7d}.eq-status svg{width:13px;height:13px}.eq-status[data-state=reachable]{color:#226552}.eq-status[data-state=pending]{color:#866018}.eq-status[data-state=unreachable]{color:#a44231}
.eq-detail{padding:0 16px 18px;font-size:13px;color:var(--muted);line-height:1.7}.eq-detail p{margin:0}.eq-detail dl{margin:12px 0 0;font-size:11px}.eq-detail dl>div{display:flex;flex-wrap:wrap;gap:7px}.eq-detail dd{margin:0 0 0 auto;color:var(--ink)}
.eq-recording{border-radius:18px;border:1px solid #d3dde6;background:#ecf0f5;box-shadow:inset 2px 3px 5px #183b5612,inset -1px -1px 1px white;padding:16px;margin:16px 0 0;font-size:13px}.eq-recording>div{display:flex;justify-content:space-between;gap:12px}.eq-recording>div+div{margin-top:10px}.eq-recording dt{color:var(--muted)}.eq-recording dd{margin:0}
.eq-warning{border:1px solid #d4bf9b;background:#fbf0da;border-radius:14px;padding:14px;font-size:13px;color:#685128;line-height:1.7}
.eq-empty{font-size:13px;color:var(--muted);line-height:1.7}.eq-events{padding:0;list-style:none}.eq-events li{padding:0 0 16px 14px;border-left:2px solid #cfdae6;font-size:13px}.eq-events time{font-size:11px;color:var(--muted)}.eq-events p{margin:4px 0 0}
.eq-method{margin-top:28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.eq-method summary{min-height:48px;padding-block:14px;cursor:pointer;color:var(--ink)}.eq-method p{line-height:1.8;margin:0 0 10px}.eq-device summary:focus-visible{outline:3px solid var(--brand-blue);outline-offset:-3px;border-radius:14px}
@media(max-width:350px){.eq-device summary{gap:6px;padding-inline:10px}.eq-device summary>strong{font-size:12px}.eq-mark{width:30px}.eq-status{font-size:10px}.eq-overview{padding:20px 16px}.eq-overview h2{font-size:17px}.eq-counts span{font-size:11px}}