.mdev-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(5,20,15,.58);backdrop-filter:blur(3px)}.mdev-overlay[hidden]{display:none}.mdev-panel{width:min(1100px,96vw);max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 24px 70px rgba(0,0,0,.22)}.mdev-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.mdev-panel h2{margin:3px 0 4px;font:800 22px var(--font-display)}.mdev-panel p{margin:0;color:var(--muted);font-size:11px}.mdev-actions{display:flex;gap:8px}.mdev-panel main{padding:18px 20px}.mdev-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:12px}.mdev-kpi{padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.mdev-kpi small,.mdev-kpi span{display:block;color:var(--muted);font-size:9px}.mdev-kpi strong{display:block;margin:4px 0;font:800 24px var(--font-display)}.mdev-info{display:grid;gap:3px;margin-bottom:12px;padding:11px 13px;border-radius:14px;background:var(--brand-soft)}.mdev-info b{font:800 10px var(--font-display)}.mdev-info span{font-size:9px;color:var(--muted)}.mdev-list{display:grid;gap:9px}.mdev-device{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.mdev-device-main{display:flex;align-items:center;gap:10px;min-width:0}.mdev-device-main>div{min-width:0}.mdev-device-main b{display:block;overflow:hidden;text-overflow:ellipsis;font:800 11px var(--font-display)}.mdev-device-main small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.mdev-platform{display:inline-flex;min-width:62px;justify-content:center;padding:6px 8px;border-radius:999px;border:1px solid var(--border);font:800 9px var(--font-display)}.mdev-platform.android{background:var(--brand-soft);color:var(--brand)}.mdev-platform.ios{background:var(--surface);color:var(--text)}.mdev-device-meta{display:grid;grid-template-columns:1.35fr 1fr .7fr 1fr;gap:8px;align-items:center}.mdev-device-meta>span{display:grid;gap:3px;font-size:9px;color:var(--text)}.mdev-device-meta b{color:var(--muted);font:800 8px var(--font-display);text-transform:uppercase}.mdev-state{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;font:800 8px var(--font-display);font-style:normal}.mdev-state.good{background:var(--brand-soft);color:var(--brand)}.mdev-state.neutral{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.mdev-state.warn{background:var(--gold-soft);color:var(--text)}.mdev-empty,.mdev-loading,.mdev-error{padding:28px;border:1px dashed var(--border);border-radius:15px;text-align:center;color:var(--muted);font-size:11px}.mdev-error{display:grid;gap:5px}.mdev-panel footer{padding:0 20px 18px;color:var(--muted);font-size:9px}@media(max-width:820px){.mdev-summary{grid-template-columns:repeat(2,minmax(120px,1fr))}.mdev-device{grid-template-columns:1fr}.mdev-device-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mdev-overlay{padding:8px}.mdev-panel{width:100%;max-height:96vh;border-radius:17px}.mdev-panel>header{flex-direction:column}.mdev-actions{width:100%}.mdev-actions .btn{flex:1}.mdev-summary{grid-template-columns:1fr 1fr}.mdev-device-meta{grid-template-columns:1fr}}