/* comms.css 0.13.4-preview — job "Alerts & emails" tab: one calm timeline of emails + texts (comms.js) */
.cm-card{padding:18px 20px 16px}
.cm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}
.cm-tt{display:flex;flex-direction:column;gap:2px;min-width:0}
.cm-tt h3{margin:0}
.cm-btns{display:flex;gap:8px;flex-wrap:wrap}
.cm-btns .btn svg,.cm-rules .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:6px;vertical-align:-3px}
.cm-card .al-testnote{margin:0 0 12px}
/* filter chips */
.cm-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px}
.cm-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink2);font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.cm-chip b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#f0f2f5;color:#667085;font-size:11.5px;font-weight:750}
.cm-chip:hover{border-color:#bcd7f3;color:var(--ink)}
.cm-chip.on{background:#1E88E5;border-color:#1E88E5;color:#fff}
.cm-chip.on b{background:rgba(255,255,255,.22);color:#fff}
.cm-chip:focus-visible{outline:2px solid #1E88E5;outline-offset:2px}
/* timeline */
.cm-day{margin:14px 0 6px;font-size:11.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#7a8597}
.cm-list{list-style:none;margin:0;padding:0;border:1px solid #e9edf2;border-radius:12px;overflow:hidden;background:#fff}
.cm-item+.cm-item{border-top:1px solid #eef1f5}
.cm-ih{display:grid;grid-template-columns:34px minmax(0,1fr) auto 16px;align-items:center;column-gap:12px;width:100%;margin:0;padding:10px 12px;border:0;background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.cm-ih:hover{background:#f7f9fc}
.cm-ih:focus-visible{outline:2px solid #1E88E5;outline-offset:-2px;border-radius:10px}
.cm-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.cm-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cm-ic.t-email{background:#EEF5FD;color:#1E88E5}
.cm-ic.t-text{background:#E9F7F0;color:#15965e}
.cm-ic.t-alert{background:#FFF4E5;color:#c76a00}
.cm-mid{display:flex;flex-direction:column;gap:3px;min-width:0}
.cm-l1{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.cm-ty{flex:none;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#7a8597;width:64px}
.cm-ty i{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;color:#98a2b3}
.cm-dir{flex:none;font-size:12px;color:#98a2b3}
.cm-rb.jh-rb{width:96px;height:20px;font-size:9.5px}
.cm-who{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}
.cm-fl{flex:none;font-size:11.5px;font-weight:650;color:#5f6b78;background:#f0f2f5;border-radius:6px;padding:1px 7px}
.cm-l2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:#475467}
.cm-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.cm-t{font-size:12.5px;color:#7a8597;font-variant-numeric:tabular-nums}
.cm-st{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:99px;font-size:11.5px;font-weight:700;white-space:nowrap;background:#f0f2f5;color:#5f6b78}
.cm-st.ok{background:#E8F5E9;color:#2E7D32}
.cm-st.bad{background:#FDECEC;color:#b42318}
.cm-st.warn{background:#FFF3E0;color:#b54708}
.cm-st.sch{background:#EEF5FD;color:#1565C0}
.cm-chev{display:flex;color:#98a2b3;transition:transform .15s}
.cm-chev svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cm-item.open .cm-ih .cm-chev{transform:rotate(90deg)}
.cm-item.open .cm-ih{background:#f7f9fc}
.cm-item.bad .cm-l2{color:#7a271a}
/* expanded */
.cm-body{padding:4px 16px 14px 58px;background:#f7f9fc}
.cm-err{margin:4px 0 10px;padding:8px 10px;border-radius:8px;background:#FDECEC;color:#912018;font-size:13px}
.cm-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 18px;margin:4px 0 10px}
.cm-meta div{min-width:0}
.cm-meta dt{font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#7a8597}
.cm-meta dd{margin:1px 0 0;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.cm-txt{padding:10px 12px;border:1px solid #e6ebf1;border-radius:10px;background:#fff;font-size:13.5px;line-height:1.5;color:#26303b;overflow-wrap:anywhere}
.cm-att{margin-top:8px;font-size:12.5px;color:#475467}
.cm-acts{margin-top:10px}
/* empty / loading */
.cm-empty{display:flex;align-items:center;gap:12px;margin-top:10px;padding:18px 16px;border:1px dashed #d8dee6;border-radius:12px;color:var(--ink2)}
.cm-empty svg{width:26px;height:26px;flex:none;fill:none;stroke:#98a2b3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cm-empty p{margin:0;font-size:13.5px;line-height:1.45}
.cm-empty b{color:var(--ink)}
.cm-load{margin:14px 0}
/* write a text (the composer from the old Messages tab) */
.cm-comp{margin:0 0 14px;padding:12px 14px 6px;border:1px solid #e3e8ef;border-radius:12px;background:#fbfcfe}
.cm-ch{display:flex;align-items:center;justify-content:space-between}
.cm-ch b{font-size:14.5px}
.cm-x{width:30px;height:30px;border:0;border-radius:8px;background:none;color:#667085;font-size:22px;line-height:1;cursor:pointer}
.cm-x:hover{background:#f0f2f5}
.cm-note{display:flex;gap:8px;align-items:flex-start;margin:6px 0 10px;font-size:12.5px;color:#5f6b78;line-height:1.4}
.cm-note svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;margin-top:1px}
.cm-comp .pm-comp{margin:0;border:0;padding:0;background:none}
/* alert rules, tucked away */
.cm-rules{margin-top:16px;border:1px solid #e9edf2;border-radius:12px;background:#fff}
.cm-rules summary{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;list-style:none;font-size:14px}
.cm-rules summary::-webkit-details-marker{display:none}
.cm-rules summary .muted{font-size:13px;flex:1 1 auto}
.cm-ric{display:flex;color:#667085}
.cm-ric svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cm-rules[open] summary .cm-chev{transform:rotate(90deg)}
.cm-rbody{padding:0 14px 14px}
.cm-rbody>p{margin:0 0 10px}
.cm-rl{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.cm-rl li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}
.cm-rl li span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
.cm-rl li small{color:#667085;font-size:12.5px;overflow-wrap:anywhere}
.cm-rl li.off{opacity:.6}
.cm-dot{width:8px;height:8px;border-radius:50%;background:#c9d1db;flex:none;margin-top:6px}
.cm-dot.on{background:#2E7D32}
/* phone / narrow */
@media (max-width:700px){
  .cm-card{padding:14px 12px 12px}
  .cm-btns{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .cm-btns .btn{justify-content:center}
  .cm-ih{grid-template-columns:30px minmax(0,1fr) 14px;grid-template-areas:"i m c" "i e c";column-gap:10px;row-gap:5px;padding:10px}
  .cm-ic{grid-area:i;width:30px;height:30px;align-self:start}
  .cm-mid{grid-area:m}
  .cm-end{grid-area:e;flex-direction:row;align-items:center;justify-content:space-between}
  .cm-chev{grid-area:c}
  .cm-l1{flex-wrap:wrap;row-gap:4px;white-space:normal}
  .cm-ty{width:auto}
  .cm-who{flex:1 1 100%;white-space:nowrap}
  .cm-body{padding:4px 12px 12px}
  .cm-meta{grid-template-columns:1fr}
}

/* 0.13.4-preview: narrow phones (412px @130% text): the two buttons share the row without spilling off the card */
.cm-btns{min-width:0;max-width:100%}
.cm-btns .btn{min-width:0;max-width:100%;white-space:normal;line-height:1.2;text-align:center}
@media (max-width:700px){ .cm-btns{grid-template-columns:repeat(auto-fit,minmax(0,1fr))} .cm-btns .btn{padding-left:8px;padding-right:8px} }