/* Phase 15: WhatsApp is a course-aware group-chat exit, never course infrastructure. */
.whatsapp-mark{position:relative;width:32px;height:32px;display:grid!important;place-items:center;flex:0 0 auto;margin:0!important;border-radius:50%;background:#e7f5ec;color:#236a45!important;font-size:8px!important;font-weight:900;letter-spacing:.03em}
.whatsapp-mark::after{content:"";position:absolute;left:2px;bottom:0;width:7px;height:7px;background:#e7f5ec;clip-path:polygon(0 100%,100% 0,100% 100%)}

.whatsapp-quick{grid-column:1/-1;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;background:var(--paper)}
.whatsapp-quick>span{margin:0!important}.whatsapp-quick>span>strong{font-size:11px}.whatsapp-quick small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}
.whatsapp-quick>b,.course-chat-row a b,.whatsapp-more>b{color:var(--green);font-size:13px}

.course-chat-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;margin:-3px 0 12px;padding:10px 11px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius-panel);background:var(--paper)}
.course-chat-row>div>strong,.course-chat-row>div>span{display:block}.course-chat-row>div>strong{font-size:11px}.course-chat-row>div>span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45}
.course-chat-row .btn{white-space:nowrap}.course-chat-row .btn b{margin-left:5px}

.whatsapp-more{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:92px;background:var(--paper)}
.whatsapp-more>span{color:inherit}.whatsapp-more>span>strong,.whatsapp-more>span>small{display:block}.whatsapp-more>span>strong{font-size:12px}.whatsapp-more>span>small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}

@media(max-width:520px){
  .whatsapp-quick{grid-template-columns:36px minmax(0,1fr) auto;min-height:76px}.whatsapp-mark{width:36px;height:36px}
  .course-chat-row{grid-template-columns:36px minmax(0,1fr);align-items:start;padding:11px}.course-chat-row>a{grid-column:1/-1;width:100%;min-height:44px}
  .course-chat-row>div>strong{font-size:12px}.course-chat-row>div>span{font-size:10px}
  .whatsapp-more{grid-template-columns:36px minmax(0,1fr) auto;min-height:96px}
}