#device-permissions { color:#eef5fb; background:#101b25; border:1px solid #20616e; border-radius:18px; padding:28px; width:min(540px,calc(100vw - 40px)); max-height:85vh; overflow:auto; box-sizing:border-box; box-shadow:0 24px 90px #0009; }
#device-permissions::backdrop { background:#02080dc9; }
#device-permissions h2 { margin:0 0 16px; font-size:26px; }
#device-permissions p { color:#adbdcc; font-size:14px; line-height:1.6; }
#device-permissions section { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; border-bottom:1px solid #ffffff18; }
#device-permissions h3 { margin:0; font-size:17px; }
#device-permissions section p { margin:5px 0; }
#device-permissions [role=status] { font-size:12px; color:#9ce6ed; }
#device-permissions button { background:#102f3a; color:#d4faff; border:1px solid #27778c; border-radius:8px; padding:10px 14px; cursor:pointer; font:inherit; }
#device-permissions button:disabled { opacity:.5; cursor:default; }
#device-permissions a { color:#00d9ff; }
#device-permissions .device-done { width:100%; margin-top:12px; }
#device-permissions .device-secure-link { display:block; margin-top:20px; padding:13px 16px; text-align:center; background:#124052; border:1px solid #00bcd4; border-radius:8px; color:#e5fbff; text-decoration:none; font-weight:600; }