/* Cohort Spaces inside Messages (see messages-spaces.js) */

/* ---- Inbox row ---- */
.msg-row-wrap.is-space .msg-avatar{border-radius:16px;}
.msg-row-space-tag{font-family:'Cabinet Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--teal-dark);background:var(--teal-16,#dff3ef);padding:2px 7px;border-radius:100px;flex-shrink:0;}
.msg-row-class{font-size:11.5px;font-weight:600;color:var(--teal-dark);margin-top:1px;}

/* ---- Thread in Space mode ---- */
body.msg-space-mode #msgAttachOfferBtn{display:none;}
body.msg-space-mode .msg-thread-typing{display:none;}
.msg-thread-head-name{cursor:pointer;}

.msg-space-sender{font-family:'Cabinet Grotesk',sans-serif;font-size:11px;font-weight:600;color:var(--navy-65);margin:6px 0 3px 4px;display:flex;align-items:center;gap:6px;}
.msg-space-host{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--teal-dark);background:var(--teal-16,#dff3ef);padding:1px 6px;border-radius:100px;}
.msg-space-system{align-self:center;text-align:center;font-size:11.5px;color:var(--navy-45);padding:4px 12px;background:var(--navy-06);border-radius:100px;max-width:90%;}
.msg-class-card .app-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.msg-class-card.is-gone{opacity:.75;}

/* ---- Sheets (details + schedule a class) ---- */
.msg-space-sheet{max-height:86vh;}
.msg-space-sheet-body{padding:0 18px 20px;overflow-y:auto;}
.msg-space-sheet-body h4{font-family:'Cabinet Grotesk',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--navy-45);margin:20px 0 8px;}
.msg-space-schedule{width:100%;margin-top:4px;}
.msg-space-person{display:flex;align-items:center;gap:12px;padding:8px 0;}
.msg-space-person b{display:block;font-family:'Cabinet Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--navy);}
.msg-space-person small,.msg-space-row small{display:block;font-size:11.5px;color:var(--navy-45);margin-top:1px;}
.msg-space-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--teal),var(--navy));color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;}
.msg-space-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.msg-space-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1.5px solid var(--navy-10);border-radius:12px;margin-bottom:8px;text-decoration:none;color:inherit;}
.msg-space-row b{display:block;font-family:'Cabinet Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--navy);overflow-wrap:anywhere;}
.msg-space-empty{font-size:12px;color:var(--navy-45);margin:0 0 4px;}
.msg-space-checks{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.msg-space-check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--navy-80,var(--navy));cursor:pointer;}
.msg-space-check{font-size:13px;line-height:1.2;}
/* The app's standard checkbox (same look as login/settings): small, rounded, green when ticked.
   Heavy selector so the generic .f-field input rules (full width / tall) can't stretch it. */
.f-field .msg-space-check input[type="checkbox"],.msg-space-check input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;position:relative;flex:0 0 16px;
  width:16px !important;min-width:16px;height:16px !important;min-height:0;margin:0;padding:0 !important;
  border:1.5px solid var(--navy-20,#c4cbd2);border-radius:4px;background:#fff;box-shadow:none;
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s;}
.msg-space-check input[type="checkbox"]:checked{background:var(--pp-green,#0F766D);border-color:var(--pp-green,#0F766D);}
.msg-space-check input[type="checkbox"]:checked::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(40deg);}
.msg-space-check input[type="checkbox"]:focus-visible{outline:2px solid var(--pp-green,#0F766D);outline-offset:2px;}
.msg-space-hint{margin:4px 0 14px;}
.f-field .msg-space-checks .msg-space-check{display:flex;align-items:center;gap:9px;margin:0;font-weight:400;font-size:13px;}