.device-permissions-panel{border:1px solid rgba(84,171,255,.26);border-radius:18px;padding:18px;background:linear-gradient(145deg,rgba(14,28,48,.94),rgba(8,18,32,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.device-permissions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.device-permissions-head h3{margin:.15rem 0 .3rem}.device-permissions-head p:last-child{margin:0;max-width:760px;color:var(--muted)}
.device-mode-badge{white-space:nowrap;border:1px solid rgba(78,172,255,.35);border-radius:999px;padding:7px 11px;background:rgba(43,128,205,.12);font-weight:700;color:#d8edff}
.device-permission-list{display:grid;gap:8px}.device-permission-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025)}
.device-permission-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(66,157,235,.1);font-size:20px}.device-permission-copy{display:grid;gap:3px;min-width:0}.device-permission-copy strong{font-size:.95rem}.device-permission-copy span{color:var(--muted);font-size:.82rem;line-height:1.35}
.device-permission-status{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:800;border:1px solid rgba(255,255,255,.12)}.device-permission-status.is-allowed,.device-permission-status.is-ready{color:#b8ffd5;border-color:rgba(56,211,127,.35);background:rgba(56,211,127,.1)}.device-permission-status.is-blocked{color:#ffd2d2;border-color:rgba(255,105,105,.35);background:rgba(255,105,105,.1)}.device-permission-status.is-prompt,.device-permission-status.is-available{color:#d7ebff;border-color:rgba(92,177,255,.32);background:rgba(92,177,255,.08)}.device-permission-status.is-unsupported{color:var(--muted)}
.device-permission-spacer{width:1px}.device-permissions-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:.82rem}.device-permissions-note span{color:var(--muted);flex:1 1 320px}.device-permissions-note .text-btn{margin-left:auto}
.listing-camera-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;padding:6px 10px;border:1px solid rgba(74,170,255,.35);border-radius:10px;background:rgba(48,141,223,.09);color:inherit;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.listing-camera-button:hover{background:rgba(48,141,223,.16);border-color:rgba(94,187,255,.55)}
@media(max-width:760px){.device-permissions-panel{padding:14px}.device-permissions-head{display:grid}.device-mode-badge{justify-self:start}.device-permission-row{grid-template-columns:38px minmax(0,1fr) auto}.device-permission-row>.ghost-btn{grid-column:2/4;justify-self:start}.device-permission-spacer{display:none}.device-permission-status{min-width:0}.listing-camera-button{width:100%;min-height:38px}}