#devices-panel{width:min(38rem,calc(100% - 2rem));max-height:85dvh;padding:1.25rem;border:1px solid #47536e;border-radius:.85rem;background:#171e30;color:inherit}
#devices-panel::backdrop{background:#080b14c7}
.device-heading,#own-devices li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.device-heading h2{margin:0}
#devices-panel section{padding:.85rem;margin-top:.75rem;border:1px solid #303951;border-radius:.6rem;background:#111827}
#devices-panel section h3{margin:0}
#devices-panel p{color:#c3cdf0}
#own-devices{padding:0;list-style:none}
#own-devices li+li{border-top:1px solid #303951;margin-top:.5rem;padding-top:.5rem}
#current-device,#own-devices li span{overflow-wrap:anywhere}
#composer[aria-disabled=true]{opacity:.7}
/* Match the original NovaMessage shell without importing the legacy app. */
body[data-chat-mode=encrypted]{background:#0b0f1a;color:#e7ecf3}
body[data-chat-mode=encrypted]>header{padding:.75rem 1.15rem;background:#131926;border-color:#262d3b}
.nova-brand{display:inline-flex;align-items:center;gap:.65rem;letter-spacing:-.035em}
.nova-brand img{border-radius:9px}
body[data-chat-mode=encrypted] #identity{color:#e7ecf3;font-weight:650}
body[data-chat-mode=encrypted] main{max-width:none;padding:0}
body[data-chat-mode=encrypted] .notice{border-radius:0;font-size:.85rem;border-bottom:1px solid #514020}
body[data-chat-mode=encrypted] #status:not(:empty){padding:0 1rem}
body[data-chat-mode=encrypted] #workspace{margin:0;border:0;border-radius:0;grid-template-columns:minmax(16rem,21rem) minmax(0,1fr);min-height:calc(100dvh - 108px)}
body[data-chat-mode=encrypted] .sidebar{background:#0f1420;border-right:1px solid #262d3b}
body[data-chat-mode=encrypted] .sidebar button[aria-current=true]{outline:2px solid #5d9cff;outline-offset:-2px;background:#1a2233}
body[data-chat-mode=encrypted] .thread{background:#0b0f1a;padding:0;min-width:0}
.thread-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:1rem;background:#131926;border-bottom:1px solid #262d3b}
.thread-header h1{margin:0;font-size:1.15rem;overflow-wrap:anywhere}
.thread-header p{margin:.15rem 0 0;color:#a9b6cb;font-size:.85rem}
body[data-chat-mode=encrypted] #messages{padding:1rem}
body[data-chat-mode=encrypted] #messages p{background:#262d3b;color:#e7ecf3;border-radius:1.15rem 1.15rem 1.15rem .25rem;margin:.45rem 0}
body[data-chat-mode=encrypted] #messages .mine{background:linear-gradient(135deg,#444ce9,#225fd2);color:#fff;border-radius:1.15rem 1.15rem .25rem 1.15rem;margin-left:auto}
body[data-chat-mode=encrypted] #composer{padding:.75rem 1rem;background:#131926;border-top:1px solid #262d3b}
body[data-chat-mode=encrypted] #body{border-radius:1.25rem}
body[data-chat-mode=encrypted] #composer .primary{border-radius:1.25rem}
@media(max-width:650px){
  body[data-chat-mode=encrypted] #workspace{grid-template-columns:minmax(0,1fr)}
  body[data-chat-mode=encrypted] .sidebar{border-right:0;border-bottom:1px solid #262d3b}
  body[data-chat-mode=encrypted]>header{flex-wrap:wrap}
  .thread-header{align-items:flex-start}
}