.communications{font-size:1rem}.comms-heading,.comms-compose{display:flex;gap:1rem;justify-content:space-between;align-items:center}.comms-heading h2{margin:0}.comms-heading p,.comms-thread-heading p{color:var(--muted,#9aabbc)}.comms-notice{padding:1rem;border:1px solid #3a4c62;border-radius:12px;color:#b5c7db}.comms-layout{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);min-height:540px;border:1px solid #303f53;border-radius:16px;overflow:hidden;background:#101720}.comms-layout>aside{padding:1rem;border-right:1px solid #303f53}.comms-room{display:flex;flex-direction:column;gap:.5rem;width:100%;text-align:left;background:transparent;color:#edf4fd;border:1px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;font:inherit}.comms-room.selected{background:#183351;border-color:#4185ca}.comms-room span,.comms-room small{color:#a9bbcf;font-size:.875rem}.comms-thread{min-width:0;padding:1.25rem}.comms-thread-heading h3{margin:0}.comms-thread-heading p{font-size:.875rem}.comms-messages{height:360px;overflow:auto;display:flex;flex-direction:column;gap:.9rem;padding:.8rem 0}.comms-message{max-width:90%;align-self:flex-start;border-radius:14px;padding:.9rem;background:#222d3c;overflow-wrap:anywhere}.comms-message.mine{align-self:flex-end;background:#183b60}.comms-message p{white-space:pre-wrap;margin:.6rem 0}.comms-message strong{font-size:.875rem}.comms-message small{display:block;color:#b4c5d9;font-size:.875rem}.comms-thread textarea,.comms-create input:not([type=checkbox]){width:100%;box-sizing:border-box;background:#0c1119;color:#eff6ff;border:1px solid #475c75;border-radius:8px;padding:.8rem;font:inherit}.comms-thread textarea{margin:.5rem 0;resize:vertical}.comms-compose{align-items:end;flex-wrap:wrap}.comms-file{font-size:.875rem}.comms-file input{display:block;max-width:100%;margin-top:.5rem}.comms-create fieldset{border:1px solid #475c75;border-radius:10px;margin:1rem 0}.comms-create label{display:block;margin:1rem 0}.comms-create input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.comms-create small{color:#a9bbcf}.comms-create .btn{margin-top:1rem}.comms-empty{padding:2rem;text-align:center;color:#b5c7db}[data-comms-error]:not(:empty){padding:.75rem;border-left:3px solid #e4ac52;background:#2b2418;color:#ffd89d}
@media(max-width:760px){.comms-heading{align-items:stretch;flex-direction:column}.comms-layout{grid-template-columns:1fr}.comms-layout>aside{border-right:0;border-bottom:1px solid #303f53;max-height:210px;overflow:auto}.comms-thread{padding:.75rem}.comms-message{max-width:96%}.comms-messages{height:330px}}
.communications [hidden]{display:none!important}.comms-message audio{display:block;width:100%;max-width:300px;margin:.6rem 0}
.voice-call-panel{position:fixed;right:1.25rem;bottom:1.25rem;z-index:12000;width:min(30rem,calc(100vw - 2.5rem));padding:1.25rem;background:#10283f;color:#fff;border:2px solid #7798b6;border-radius:1rem;box-shadow:0 1rem 3rem #0008;font-size:1rem}.voice-call-panel[hidden]{display:none}.voice-call-panel p{margin:.5rem 0 1rem;color:#dce9f4}.voice-call-actions{display:flex;gap:.5rem;flex-wrap:wrap}.voice-call-panel .voice-call-end{background:#ad233f;color:#fff}.voice-call-panel .btn{min-height:44px}.voice-call-panel .btn-ghost{color:#fff;border:1px solid #91a9bd}.comms-call-info{padding:1rem;margin:1rem 0;border:1px solid #667c92;border-radius:1rem;background:#132333;color:#eaf3fa}.comms-call-info p{margin:.35rem 0 .75rem}.comms-call-info details{margin-top:1rem}.comms-call-info summary{cursor:pointer}.comms-thread-heading>[data-comms-call]{margin:.5rem 0}
.voice-sound-control{position:fixed;left:1rem;bottom:1rem;z-index:11990;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;width:min(38rem,calc(100vw - 2rem));box-sizing:border-box;padding:.6rem .8rem;background:#172536;border:1px solid #b99151;border-radius:.9rem;color:#fff;box-shadow:0 .3rem 1rem #0006;font-size:.875rem}.voice-sound-control[data-ready=true]{border-color:#6b879e}.voice-sound-control .btn{min-height:44px;padding:.4rem .7rem;font-size:.875rem;color:#fff}.voice-sound-control[hidden],.voice-sound-control [hidden]{display:none!important}.voice-call-panel .voice-sound-warning{color:#ffd89d;font-size:.875rem}.comms-call-info [data-call-alerts],.comms-call-info [data-call-silence]{margin-right:.5rem}.communications{padding-bottom:8rem}
@media(max-width:1100px){.voice-call-panel{bottom:9rem;box-sizing:border-box}.voice-sound-control{max-height:8rem;overflow:auto}}
.phone-call-panel{position:fixed;right:1rem;bottom:1rem;z-index:11980;width:min(29rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;box-sizing:border-box;padding:1.25rem;background:#101b29;color:#eff6ff;border:1px solid #6184a7;border-radius:1.25rem;box-shadow:0 1rem 4rem #0009}.phone-call-panel[hidden],.phone-call-panel [hidden]{display:none!important}.phone-call-panel header{display:flex;gap:1rem;justify-content:space-between;align-items:start}.phone-call-panel h2{font-size:1.2rem;margin:0}.phone-call-panel p{line-height:1.5}.phone-call-panel [data-phone-caller]{color:#92c7ff;margin:.4rem 0}.phone-notice{color:#bbcadc;font-size:.85rem}.phone-call-panel form{display:grid;gap:.65rem}.phone-call-panel input{box-sizing:border-box;width:100%;font:inherit;font-size:1.2rem;color:#fff;background:#08111c;border:1px solid #57718d;border-radius:.6rem;padding:.8rem}.phone-call-panel .btn{min-height:44px}.phone-actions{display:flex;gap:.6rem;flex-wrap:wrap}.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:1rem 0}.phone-keypad .btn{font-size:1.2rem}.phone-call-panel .muted{font-size:.8rem}.phone-call-panel [data-phone-status]{color:#dce9f4;min-height:1.5rem}.phone-call-panel .btn-danger{background:#b12a45;color:#fff}.comms-heading{flex-wrap:wrap}
