/* AX Enterprise: the comms module styles (Connect rooms, a room, AxioMeet for the company, broadcasts, reminders).
   The approved look of pictures 7.10 to 7.18; classes start with cm-. */

/* the loading circle on a white page */
.cm-pg .ent-load .spin,.cm-sh .ent-load .spin{border-color:rgba(0,0,0,.12);border-top-color:var(--green)}
.cm-wrap{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.cm-center{text-align:center!important}
.cm-empty{padding-top:36px}
.cm-empty p{margin:0;max-width:300px;line-height:21px}
.cm-empty .bp{width:auto;padding:0 22px;margin-top:6px}
.cm-top{margin-top:18px}
.cm-more{display:block;margin:14px auto 0;padding:8px 14px;font-size:14.5px;font-weight:700;color:var(--green)}
.cm-more[hidden]{display:none}
.cm-av{flex:none}

/* the page head with the company logo (pictures 7.10 and 7.12) */
.cm-pg .s7-ch{margin-top:2px}
.cm-pg .s7-ch>span:last-child{min-width:0;display:flex;flex-direction:column}
.cm-pg .s7-ch b{overflow-wrap:anywhere}

/* Connect: search, the three tabs, the rooms (picture 7.10) */
.cm-search{position:relative;margin-top:18px;cursor:text}
.cm-sic{flex:none;display:grid;place-items:center}
.cm-search input{height:100%;-webkit-appearance:none;appearance:none}
.cm-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.cm-ph{position:absolute;inset-inline-start:48px;inset-inline-end:14px;top:0;bottom:0;display:flex;align-items:center;font-size:min(17px,4.05vw);color:var(--ph);white-space:nowrap;pointer-events:none}
.cm-ph[hidden]{display:none}
.cm-seg{margin-top:12px}
.cm-seg button{font-size:min(15.5px,4.1vw)}
.cm-rooms{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.cm-room{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:18px;background:var(--row,#F4F5F4);text-align:start;transition:transform .12s}
.cm-room:active{transform:scale(.985)}
.cm-ri{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px #E1E5E1}
.cm-ri.pin{background:var(--green);box-shadow:none}
.cm-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cm-rt b{font-size:15.5px;line-height:21px;font-weight:700;color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cm-rt b small{font-size:12.5px;font-weight:600;color:var(--sub)}
.cm-rt>span{font-size:13.5px;line-height:19px;color:var(--sub);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;overflow-wrap:anywhere}
.cm-rs{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:84px}
.cm-rs small{font-size:12px;line-height:16px;color:var(--sub);white-space:nowrap}
.cm-rs i,.cm-badge{font-style:normal;min-width:22px;height:22px;line-height:22px;padding:0 7px;border-radius:11px;background:var(--green);color:#fff;font-size:12px;font-weight:700;text-align:center}
.cm-badge{display:inline-block;margin-inline-end:6px;vertical-align:middle}
.cm-pg .eo-people{margin-top:10px}
.cm-pg .lab{margin-top:22px}
.cm-newmsg{display:flex;gap:8px}

/* a room (picture 7.11) */
.cm-chatw{padding-bottom:calc(var(--sab) + 104px + var(--kb))}
.cm-rh{display:flex;align-items:center;gap:12px;width:100%;margin-top:2px;text-align:start}
.cm-rh>span:last-child{flex:1;min-width:0;display:flex;flex-direction:column}
.cm-rh b{font-size:20px;line-height:26px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.cm-rh small{font-size:13px;line-height:18px;color:var(--sub)}
.cm-pin{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 12px;border-radius:14px;background:var(--gold-soft);color:var(--gold-ink);font-size:13.5px;line-height:19px;font-weight:600;text-align:start}
.cm-pin svg{flex:none}
.cm-pin span{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.cm-day{margin:16px auto 6px;font-size:12.5px;line-height:18px;font-weight:700;color:var(--sub);text-align:center}
.cm-note{margin:10px auto 0;max-width:290px;font-size:12.5px;line-height:18px;color:var(--sub);text-align:center}
.cm-first{margin-top:28px;font-size:13.5px;line-height:19px}
.cm-m{display:flex;align-items:flex-end;gap:8px;margin-top:10px}
.cm-m.me{justify-content:flex-end}
.cm-b{min-width:0;max-width:78%;padding:9px 12px 10px;border-radius:18px 18px 18px 6px;background:var(--row,#F4F5F4);text-align:start;transition:box-shadow .3s,transform .12s;cursor:pointer;-webkit-user-select:text;user-select:text}
.cm-b:active{transform:scale(.99)}
html[dir=rtl] .cm-b{border-radius:18px 18px 6px 18px}
.cm-m.me .cm-b{border-radius:18px 18px 6px 18px;background:var(--green);color:#fff}
html[dir=rtl] .cm-m.me .cm-b{border-radius:18px 18px 18px 6px}
.cm-b>b{display:block;font-size:13px;line-height:18px;font-weight:700;color:var(--green);overflow-wrap:anywhere}
.cm-m.me .cm-b>b{color:#D8E9DE}
.cm-b>b small{font-weight:500;color:var(--sub);margin-inline-start:4px;white-space:nowrap}
.cm-m.me .cm-b>b small{color:#CFE3D6}
.cm-b>p{margin:3px 0 0;font-size:14.5px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}
.cm-b>p.cm-del{color:var(--sub);font-size:13.5px}
.cm-m.me .cm-b>p.cm-del{color:#CFE3D6}
.cm-m.flash .cm-b{box-shadow:0 0 0 3px var(--gold)}
.cm-q{display:flex;flex-direction:column;margin-top:6px;padding:6px 10px;border-inline-start:3px solid var(--green);border-radius:8px;background:rgba(255,255,255,.75);color:var(--ink)}
.cm-m.me .cm-q{border-inline-start-color:#D8C76A;background:rgba(255,255,255,.14);color:#fff}
.cm-q b{font-size:12.5px;line-height:17px;font-weight:700;color:var(--green)}
.cm-m.me .cm-q b{color:#E9DFA6}
.cm-q span{font-size:13px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.cm-react{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.cm-rx{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:13px;background:#fff;font-size:12px;font-weight:700;color:var(--ink)}
.cm-rx.on{box-shadow:inset 0 0 0 1.5px var(--green)}
.cm-file{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:8px;border-radius:12px;background:#fff;text-align:start;color:var(--ink)}
.cm-file>span:last-child{min-width:0;display:flex;flex-direction:column}
.cm-file b{font-size:13.5px;line-height:18px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.cm-file small{font-size:12px;line-height:16px;color:var(--sub)}
.cm-pdf{flex:none;display:grid;place-items:center;width:34px;height:40px;border-radius:9px;background:#fff;color:var(--red);font-size:10.5px;font-weight:800;box-shadow:inset 0 0 0 1.5px #F0D6D3}
.cm-card{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px;border-radius:14px;background:#fff;color:var(--ink)}
.cm-cic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--green-soft)}
.cm-cic.gold{background:var(--gold-soft)}
.cm-ct{flex:1;min-width:0;display:flex;flex-direction:column}
.cm-ct b{font-size:14px;line-height:19px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.cm-ct small{font-size:12.5px;line-height:17px;color:var(--sub);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.cm-card .eo-start{height:34px;padding:0 14px;font-size:13.5px}
/* the message box at the foot of the room */
.dock.cm-dock{left:12px;right:12px;bottom:calc(var(--sab) + 14px + var(--kb));gap:8px}
.dock.cm-dock::before{left:-12px;right:-12px;bottom:calc(-14px - var(--sab))}
.cm-comp{display:flex;align-items:flex-end;gap:6px;padding:5px;border-radius:28px;background:#fff;box-shadow:0 6px 20px rgba(12,12,12,.10),0 0 0 1px rgba(12,12,12,.04)}
.cm-comp>button{flex:none;width:42px;height:42px;border-radius:21px;display:grid;place-items:center;transition:transform .12s,opacity .15s}
.cm-comp>button:active{transform:scale(.92)}
.cm-comp .send{background:var(--green)}
.cm-comp .send[disabled]{opacity:.55}
html[dir=rtl] .cm-comp .send svg{transform:scaleX(-1)}
.cm-comp textarea{flex:1;min-width:0;height:42px;min-height:42px;max-height:132px;border:0;outline:none;background:transparent;resize:none;padding:9px 4px;font-size:16.5px;line-height:24px;color:var(--ink)}
.cm-comp textarea::placeholder{color:var(--ph)}
.cm-comp.cm-ro{align-items:center;gap:10px;padding:12px 16px;background:#F7F8F7;box-shadow:inset 0 0 0 1.5px #E6E9E6}
.cm-comp.cm-ro svg{flex:none}
.cm-comp.cm-ro span{font-size:13.5px;line-height:19px;color:var(--sub);text-align:start}
.cm-ment{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}
.cm-ment::-webkit-scrollbar{display:none}
.cm-ment .eo-chip{box-shadow:0 2px 10px rgba(12,12,12,.10),inset 0 0 0 1.5px #E1E5E1}
.cm-replyb{display:flex;align-items:center;gap:10px;padding:8px 6px 8px 14px;border-radius:18px;background:#fff;box-shadow:0 4px 16px rgba(12,12,12,.10)}
html[dir=rtl] .cm-replyb{padding:8px 14px 8px 6px}
.cm-replyb svg{flex:none}
.cm-rpt{flex:1;min-width:0;display:flex;flex-direction:column;text-align:start}
.cm-rpt b{font-size:13px;line-height:18px;font-weight:700;color:var(--green)}
.cm-rpt span{font-size:13px;line-height:18px;color:var(--sub);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;overflow-wrap:anywhere}
.cm-ment[hidden],.cm-replyb[hidden]{display:none}
/* a message's choices */
.cm-rxrow{display:flex;justify-content:space-around;gap:8px;margin:8px 0 16px}
.cm-rxrow button{width:58px;height:58px;border-radius:29px;display:grid;place-items:center;background:var(--row,#F4F5F4);transition:transform .12s}
.cm-rxrow button:active{transform:scale(.92)}
.cm-rxrow button.on{background:var(--green-soft);box-shadow:inset 0 0 0 2px var(--green)}
/* who is in a room */
.cm-rshh{display:flex;align-items:center;gap:12px;margin-bottom:14px;text-align:start}
.cm-rshh>span:last-child{min-width:0}
.cm-rshh h3{margin:0;overflow-wrap:anywhere}
.cm-rshh .sh-sub{margin:2px 0 0!important}
.cm-sh .ent-mt b{white-space:normal;overflow-wrap:anywhere}
.cm-sh .grid2{margin-top:16px}

/* AxioMeet for the company (pictures 7.12 and 7.13) */
.cm-mact{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.cm-mact .bp,.cm-mact .bs{flex:1 1 auto;width:auto;min-width:0;height:50px;margin:0;padding:0 13px;gap:7px;border-radius:25px;font-size:min(16.5px,4.15vw);white-space:nowrap}
.cm-mact svg{flex:none}
.cm-mact span{min-width:0}
.cm-meets{display:flex;flex-direction:column;gap:8px}
.cm-mt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:var(--row,#F4F5F4);text-align:start}
.cm-md{flex:none;width:50px;height:54px;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px #E1E5E1}
.cm-md b{font-size:19px;line-height:22px;font-weight:800;color:var(--green)}
.cm-md small{font-size:11.5px;line-height:15px;font-weight:700;color:var(--sub)}
.cm-mx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:start;color:var(--ink)}
.cm-mx b{font-size:15px;line-height:20px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.cm-mx small{font-size:12.5px;line-height:17px;color:var(--sub);overflow-wrap:anywhere}
.cm-mx em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:12.5px;line-height:17px;font-weight:600;color:var(--gold-ink)}
.cm-mx em svg{flex:none}
.cm-mt .eo-start{flex:none}
.cm-pg .note{margin-inline-start:auto}

/* broadcasts (pictures 7.14 to 7.16) */
.cm-bseg button{flex:1 1 auto;padding:0 10px;font-size:min(15.5px,3.9vw);white-space:nowrap}
.cm-ta{display:block;width:100%;min-height:96px;margin-top:10px;padding:13px 16px;border-radius:16px;border:1.5px solid #D5D9D6;background:#fff;font-size:16.5px;line-height:23px;color:var(--ink);outline:none;resize:none;text-align:start}
.cm-ta::placeholder{color:var(--ph)}
.cm-pre{min-height:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:22px;resize:none}
.cm-addf{margin-top:10px}
.cm-fsel{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 6px 8px 8px;border-radius:14px;background:var(--row,#F4F5F4)}
.cm-fsel>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;text-align:start}
.cm-fsel b{font-size:14px;line-height:19px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.cm-fsel small{font-size:12.5px;color:var(--sub)}
.cm-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:10px}
.cm-who span{color:var(--ink);font-weight:600}
.cm-sh .eo-kv b{text-align:end;overflow-wrap:anywhere;min-width:0}
.cm-tiles button:nth-child(2) b{color:var(--green)}
.cm-tiles button:nth-child(3) b{color:var(--gold-ink)}
.cm-tiles button:active{transform:scale(.98)}
.cm-bce{margin-top:6px;padding:18px;border-radius:22px;background:var(--row,#F4F5F4);text-align:start}
.cm-oh{display:flex;align-items:center;gap:12px;text-align:start}
.cm-oh>span:last-child{min-width:0;display:flex;flex-direction:column}
.cm-oh b{font-size:16px;line-height:21px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.cm-oh small{font-size:13px;line-height:18px;color:var(--sub)}
.cm-pg .cm-bch{margin-top:14px;font-size:28px;line-height:34px;font-weight:800;overflow-wrap:anywhere}
.cm-bct{margin:10px 0 0;font-size:15.5px;line-height:23px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}
.cm-bce .cm-file{margin-top:14px;padding:10px}
.cm-bce .cm-pdf{width:40px;height:46px;font-size:11px}
.cm-got{margin-top:16px}
.cm-pg .st-banner .st-bx b{gap:10px}
.cm-pg .st-banner .st-bx b small{flex:none}

/* the date and time rows: the whole row opens the phone's own picker */
.cm-when{cursor:pointer}
.cm-when input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.cm-vrow .rt{flex:0 1 auto;min-width:0;max-width:64%}
.cm-vrow .rt .eo-rv{white-space:normal;text-align:end;overflow-wrap:anywhere;line-height:21px}
.cm-sh .row .t.wrap{line-height:22px}

/* the recording on the host's phone, in the AxioMeet room's top bar */
.cm-recchip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:17px;background:#fff;color:#B3261E;font:700 12.5px/1 "PJS",system-ui,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.cm-recchip i{width:9px;height:9px;border-radius:50%;background:#B3261E;animation:cmrec 1.2s ease-in-out infinite}
@keyframes cmrec{50%{opacity:.35}}
.cm-sh input[type=search]::-webkit-search-cancel-button,.cm-pg input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.cm-gchip{display:inline-flex;align-items:center;gap:6px}
.cm-gchip svg{flex:none}
.cm-sh .grid2>.bp,.cm-sh .grid2>.bs{margin-top:0;height:48px}
/* the room's name in the top bar once its header has scrolled away */
.cm-tbt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-align:center;line-height:20px;max-width:100%;min-width:0;opacity:0;transition:opacity .18s}
.cm-tbon .cm-tbt{opacity:1}
/* a name or title typed in another language lines up with the page around it (it keeps its own reading order) */
html[dir=rtl] .cm-pg [dir=auto]:not(p):not(input):not(textarea),html[dir=rtl] .cm-sh [dir=auto]:not(p):not(input):not(textarea){text-align:right}
.cm-sh .bs.danger{color:var(--red)}
/* AxioMeet: Instant meeting and the last one made here (19 Oct 2026); a meeting's Copy code beside Copy the link */
.cm-inst{margin-top:12px}
.cm-inst .row .t bdi{letter-spacing:.04em}
.cm-mcp .bs{min-width:0;padding:0 10px}
.cm-mcp .bs span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}