.communications-shell{overflow:hidden;border-color:#dcdce2;box-shadow:0 7px 24px #15151e0a}.communications-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;color:#fff;background:linear-gradient(130deg,var(--brand-blue) 0%,#292933 72%,#44444f 100%)}.communications-header .eyebrow{color:var(--brand-gold);margin-bottom:8px}.communications-header h1{font-size:28px}.communications-header p{max-width:700px;margin-top:8px;color:#d8d8dd;font-size:12px}.communications-new-message{display:inline-flex;align-items:center;gap:8px;flex:none;background:#fff;color:var(--brand-blue);border:1px solid #ffffff80}.communications-new-message:hover{background:var(--brand-gold-soft)}.communications-new-message .icon{width:15px;height:15px;color:var(--brand-gold-hover)}
.communication-tabs{display:flex;gap:6px;padding:11px 16px;border-bottom:1px solid #dedee3;background:#f4f4f6;overflow-x:auto}.communication-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#686873;font-size:11px;font-weight:650;white-space:nowrap}.communication-tab:hover{background:#fff;color:var(--brand-blue)}.communication-tab.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 3px 8px #15151e20}.communication-tab .icon{width:15px;height:15px}.communication-tab.active .icon{color:var(--brand-gold)}.communication-tab em{display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;border-radius:20px;background:var(--brand-gold);color:var(--brand-blue);font-size:9px;font-style:normal;font-weight:750}
.communication-workspace{display:grid;grid-template-columns:minmax(275px,34%) minmax(0,1fr);min-height:600px}.communication-list-pane{min-width:0;border-right:1px solid #e1e1e5;background:#fafafa}.communication-search{display:flex;align-items:center;gap:8px;margin:0;padding:14px 16px;border-bottom:1px solid #e5e5e8}.communication-search .icon{width:16px;height:16px;color:#85858f}.communication-search input{padding:9px 10px;border:0;background:transparent;box-shadow:none}.communication-search:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--brand-gold)}.communication-chat-switch{display:flex;gap:4px;padding:8px 15px;border-bottom:1px solid #e5e5e8;background:#f4f4f6}.communication-chat-switch button{flex:1;padding:7px 10px;border-radius:7px;background:transparent;color:#777781;font-size:10px}.communication-chat-switch button.active{background:#fff;color:var(--brand-blue);box-shadow:0 1px 5px #15151e12}.communication-list{max-height:535px;overflow-y:auto}.communication-list-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;width:100%;padding:15px 16px;border-bottom:1px solid #e7e7ea;background:transparent;text-align:left}.communication-list-row:hover{background:#fff}.communication-list-row.active{background:linear-gradient(90deg,var(--brand-gold-soft),#fff 88%);box-shadow:inset 3px 0 var(--brand-gold)}.communication-list-row.unread:not(.active){background:#fdf8ee}.communication-list-row>span:last-child{display:grid;min-width:0;gap:3px}.communication-list-row small{overflow:hidden;color:#8a681f;font-size:8px;font-weight:700;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.communication-list-row strong{overflow:hidden;color:var(--brand-blue);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.communication-list-row em{overflow:hidden;color:#74747e;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.communication-list-row i{display:flex;align-items:center;gap:5px;color:#8b8b95;font-size:9px;font-style:normal}.communication-list-row i .icon{width:12px;height:12px}.communication-row-icon,.communication-detail-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-blue-soft);color:var(--brand-blue)}.communication-row-icon.gold,.communication-detail-icon.gold{background:var(--brand-gold-soft);color:var(--brand-gold-deep)}.communication-row-icon .icon,.communication-detail-icon .icon{width:16px;height:16px}.communication-list-row.event{grid-template-columns:42px minmax(0,1fr)}.communication-date{display:grid;width:40px;height:44px;place-content:center;text-align:center;border:1px solid var(--brand-gold-line);border-radius:9px;background:var(--brand-gold-soft);color:var(--brand-blue)}.communication-date strong{font-size:15px;line-height:1}.communication-date span{margin-top:3px;color:var(--brand-gold-deep);font-size:8px;text-transform:uppercase}
.communication-detail{display:flex;min-width:0;min-height:600px;flex-direction:column;background:#fff}.communication-detail-header{display:flex;align-items:flex-start;gap:13px;min-height:105px;padding:22px 24px;border-bottom:1px solid #e4e4e8;background:#fff}.communication-detail-header>div{flex:1;min-width:0}.communication-detail-header .eyebrow{margin-bottom:5px;color:var(--brand-gold-deep)}.communication-detail-header h2{font-size:18px}.communication-detail-header p{margin-top:4px;color:#777781;font-size:10px}.communication-detail-header>.text-button{flex:none;margin-top:8px;font-size:10px}.communication-thread{display:flex;flex:1;min-height:350px;max-height:430px;overflow-y:auto;flex-direction:column;gap:12px;padding:24px;background:var(--brand-blue-faint)}.communication-bubble{align-self:flex-start;max-width:min(76%,620px);padding:12px 14px;border:1px solid #dedee3;border-radius:5px 14px 14px;background:#fff;box-shadow:0 2px 7px #15151e0a}.communication-bubble.self{align-self:flex-end;border-color:var(--brand-gold-line);border-radius:14px 5px 14px 14px;background:var(--brand-gold-soft)}.communication-bubble strong{font-size:10px}.communication-bubble p{margin-top:4px;font-size:12px;line-height:1.65;white-space:pre-wrap}.communication-bubble time{display:block;margin-top:5px;color:#85858e;font-size:8px;text-align:right}.communication-composer{display:flex;align-items:flex-end;gap:10px;padding:16px 18px;border-top:1px solid #e4e4e8;background:#fff}.communication-composer label{flex:1;margin:0}.communication-composer textarea{min-height:48px;resize:none;background:#fafafa}.communication-message-body{flex:1;min-height:340px;padding:28px}.communication-message-body p{max-width:720px;color:#51515b;font-size:13px;line-height:1.8;white-space:pre-wrap}.communication-delivery,.communication-readonly,.communication-detail-actions{display:flex;align-items:center;gap:7px;min-height:58px;padding:14px 22px;border-top:1px solid #e4e4e8;background:#fafafa;color:#75757f;font-size:10px}.communication-delivery .icon{width:15px;height:15px;color:var(--brand-gold-hover)}.communication-detail-actions{justify-content:flex-end}.communication-empty{display:grid;place-items:center;align-content:center;min-height:230px;padding:32px;text-align:center;color:#7a7a84}.communication-empty>.icon{width:25px;height:25px;margin-bottom:12px;color:var(--brand-gold-hover)}.communication-empty h3{color:var(--brand-blue);font-size:14px}.communication-empty p{max-width:330px;margin-top:6px;font-size:11px}
.communication-message-form .dialog-intro{margin-bottom:20px}.communication-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px;padding:0;border:0}.communication-audience legend,.communication-recipient-fields legend{margin-bottom:9px;color:var(--brand-blue);font-size:11px;font-weight:650}.communication-audience>label{display:block;margin:0}.communication-audience>label>input{position:absolute;width:1px;height:1px;opacity:0}.communication-audience>label>span{display:block;height:100%;padding:13px;border:1px solid #dddde2;border-radius:10px;background:#fafafa;cursor:pointer}.communication-audience input:checked+span{border-color:var(--brand-gold);background:var(--brand-gold-soft);box-shadow:0 0 0 2px #dd9e3318}.communication-audience strong,.communication-audience small{display:block}.communication-audience strong{font-size:11px}.communication-audience small{margin-top:4px;color:#777781;font-size:9px}.communication-recipient-fields{margin-bottom:18px}.communication-recipient-fields>[data-audience]{display:none}.communication-message-form:has(input[value="individual"]:checked) [data-audience="individual"],.communication-message-form:has(input[value="group"]:checked) [data-audience="group"],.communication-message-form:has(input[value="roster"]:checked) [data-audience="roster"]{display:block}.communication-recipient-fields fieldset{margin:0;padding:0;border:0}.communication-recipient-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:190px;overflow:auto}.communication-recipient-list>label{margin:0}.communication-recipient-list>label>input{position:absolute;width:1px;height:1px;opacity:0}.communication-recipient-list>label>span{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;padding:9px;border:1px solid #e1e1e5;border-radius:9px;background:#fff;cursor:pointer}.communication-recipient-list input:checked+span{border-color:var(--brand-gold);background:var(--brand-gold-pale)}.communication-recipient-list .avatar{grid-row:1/3}.communication-recipient-list strong{font-size:10px}.communication-recipient-list small{overflow:hidden;color:#7b7b85;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.communication-roster-summary{align-items:center;gap:12px;padding:16px;border:1px solid var(--brand-gold-line);border-radius:10px;background:var(--brand-gold-pale)}.communication-roster-summary>.icon{color:var(--brand-gold-hover)}.communication-roster-summary p{margin-top:3px;color:#70707b;font-size:10px}
@media(max-width:900px){.communication-workspace{grid-template-columns:1fr}.communication-list-pane{border-right:0;border-bottom:1px solid #e1e1e5}.communication-list{display:flex;max-height:none;overflow-x:auto}.communication-list-row{min-width:260px;max-width:310px;border-right:1px solid #e7e7ea}.communication-detail{min-height:520px}}
@media(max-width:650px){.communications-header{align-items:flex-start;flex-direction:column;padding:23px}.communications-header h1{font-size:24px}.communication-tabs{padding:8px}.communication-tab{padding:8px 10px}.communication-detail-header{padding:18px;flex-wrap:wrap}.communication-detail-header>.text-button{width:100%}.communication-thread{padding:17px}.communication-bubble{max-width:88%}.communication-composer{align-items:stretch;flex-direction:column}.communication-composer .btn{width:100%}.communication-audience{grid-template-columns:1fr}.communication-recipient-list{grid-template-columns:1fr}}