.comm-container{max-width:1250px;padding:16px 24px 32px}.comm-public-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid var(--bs-border-color,#ddd)}.comm-public-nav div{display:flex;gap:18px}.comm-public-nav a{text-decoration:none}.comm-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.comm-heading h1{margin:0 0 5px}.comm-heading p{margin:0;opacity:.7}.comm-status{padding:12px 15px;border-radius:9px;background:#fff3cd;color:#684f05;overflow-wrap:anywhere}.comm-status.success{background:#def4e8;color:#185735}.comm-shell{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:18px;align-items:start}.comm-card{border:1px solid var(--bs-border-color,#ddd);border-radius:14px;background:var(--bs-body-bg,#fff);padding:18px;min-width:0}.comm-card h2{font-size:1.1rem}.comm-thread-list{display:grid;gap:8px;max-height:440px;overflow:auto;margin:15px 0}.comm-thread{display:grid;gap:3px;width:100%;border:1px solid var(--bs-border-color,#ddd);border-radius:9px;text-align:left;padding:12px;background:transparent;color:inherit;overflow-wrap:anywhere}.comm-thread[aria-pressed=true]{border-color:#7863ef;background:#8068f914}.comm-thread small{opacity:.75}.comm-thread strong{display:flex;justify-content:space-between;gap:6px}.comm-count{display:inline-flex;min-width:22px;min-height:22px;align-items:center;justify-content:center;background:#c53756;border-radius:14px;padding:0 6px;color:#fff;font-size:12px;font-weight:650}.comm-chat-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--bs-border-color,#ddd);padding-bottom:14px}.comm-chat-head h2{margin:0}.comm-chat{display:flex;flex-direction:column;gap:12px;min-height:260px;max-height:440px;overflow:auto;padding:20px 4px}.comm-bubble{align-self:flex-start;max-width:88%;border:1px solid var(--bs-border-color,#ddd);border-radius:12px 12px 12px 3px;padding:12px 14px;background:var(--bs-tertiary-bg,#f3f2f8);overflow-wrap:anywhere}.comm-bubble.mine{align-self:flex-end;border-color:#b4a9ea;background:#eee9ff;color:#2e2548;border-radius:12px 12px 3px 12px}.comm-bubble p{margin:0;white-space:pre-wrap}.comm-bubble small{display:block;margin-top:7px;font-size:11px;opacity:.75}.comm-compose{display:grid;gap:10px;border-top:1px solid var(--bs-border-color,#ddd);padding-top:16px}.comm-compose textarea{min-height:90px;resize:vertical}.comm-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.comm-compose-footer small{opacity:.7}.comm-user-search{display:grid;gap:8px}.comm-user-results{display:grid;gap:5px;max-height:180px;overflow:auto}.comm-user-results button{text-align:left;overflow-wrap:anywhere}.comm-alerts{display:grid;gap:12px}.comm-alert{border:1px solid var(--bs-border-color,#ddd);border-radius:12px;padding:17px}.comm-alert.unread{border-left:4px solid #7863ef;background:#7863ef08}.comm-alert h2{font-size:1.05rem;margin:0 0 7px}.comm-alert p{white-space:pre-wrap;overflow-wrap:anywhere}.comm-alert footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.comm-alert footer time{font-size:.82rem;opacity:.7;flex:1}.comm-header-actions{display:flex;align-items:center;gap:3px}.header .comm-bell{position:relative;gap:5px;padding:6px 9px}.comm-bell i{font-size:19px}.comm-settings{display:grid;gap:18px}.comm-settings .form-text{margin-top:6px}.comm-settings code{overflow-wrap:anywhere}.comm-tutorial-preview{display:inline-block;margin-top:10px}.comm-help{margin-top:20px}.comm-help summary{cursor:pointer;font-weight:600}.comm-help p{margin-top:12px}.comm-empty{padding:26px 10px;text-align:center;opacity:.7}.comm-panel-action{display:flex;gap:12px;flex-wrap:wrap}.comm-settings fieldset{min-width:0}.comm-settings label.form-label{font-weight:600}@media(max-width:767px){.comm-container{padding:14px 16px 28px}.comm-shell{grid-template-columns:1fr}.comm-thread-list{max-height:220px}.comm-chat{min-height:220px;max-height:380px}.comm-heading{align-items:flex-start;flex-direction:column}.comm-bubble{max-width:95%}.comm-card{padding:14px}.comm-public-nav{padding:13px 16px;flex-wrap:wrap}.comm-public-nav div{gap:14px}.comm-header-actions>a:last-child{max-width:190px;overflow:hidden}.comm-compose-footer{align-items:flex-end}.comm-chat-head{flex-wrap:wrap}}[hidden]{display:none!important}

/* En estas páginas el menú móvil se oculta según su ancho real. */
@media(max-width:991px){
  .communications-page .sidebar{position:fixed;left:0;top:0;width:min(280px,85vw);margin-left:0;transform:translateX(calc(-100% - 24px));transition:transform .2s ease,visibility .2s;visibility:hidden;pointer-events:none;height:100vh;height:100dvh;min-height:0;overflow-y:auto}
  .communications-page .sidebar.active{margin-left:0;transform:translateX(0);visibility:visible;pointer-events:auto}
  .communications-page .sidebar .nav-item,.communications-page .sidebar .nav-link{width:100%}
}