#dark-e2ee-status{position:fixed;left:12px;bottom:12px;z-index:2147483647;max-width:min(520px,calc(100vw - 24px));padding:8px 12px;border-radius:8px;background:#161616;color:#f1f1f1;font:12px/1.35 system-ui,sans-serif;box-shadow:0 2px 14px rgba(0,0,0,.35)}#dark-e2ee-status[data-level="ok"]{border:1px solid #3a7}#dark-e2ee-status[data-level="warn"]{border:1px solid #d99b2b}#dark-e2ee-status[data-level="danger"]{border:1px solid #d44}
#dark-e2ee-status { cursor: pointer; }
#dark-e2ee-verification { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.72); }
.dark-e2ee-verification-card { width: min(620px, 100%); max-height: 85vh; overflow: auto; padding: 22px; border: 1px solid rgba(145,255,196,.25); border-radius: 18px; background: #101712; color: #f3fff7; box-shadow: 0 24px 80px rgba(0,0,0,.55); }
.dark-e2ee-verification-card h2 { margin: 0 0 10px; font-size: 20px; }
.dark-e2ee-verification-card p { color: #b7c7bd; line-height: 1.45; }
.dark-e2ee-device-row { display: grid; gap: 8px; margin: 14px 0; padding: 14px; border: 1px solid rgba(255,255,255,.10); border-radius: 12px; }
.dark-e2ee-device-row code { overflow-wrap: anywhere; color: #91ffc4; font-size: 13px; }
.dark-e2ee-device-row div { display: flex; gap: 8px; flex-wrap: wrap; }
.dark-e2ee-device-row button, .dark-e2ee-close { min-height: 38px; padding: 8px 13px; border: 1px solid rgba(145,255,196,.28); border-radius: 10px; background: #17241b; color: #f3fff7; cursor: pointer; }
.dark-e2ee-device-row button:disabled { opacity: .6; cursor: default; }
.dark-e2ee-close { width: 100%; margin-top: 8px; }