/* ==========================================================================
   BOSTON STUDY HUB ACADEMY — study coach
   ========================================================================== */
.coach-hero{
  display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:18px;
  border:1px solid #ece2d8;background:linear-gradient(150deg,#fbf1ec,#FFFFFF 70%);
  box-shadow:var(--shadow-sm);margin-bottom:16px;
}
.coach-hero.press{background:linear-gradient(150deg,#FFF1E6,#FFFFFF 70%);border-color:#F6DFC7}
.coach-hero.slow{background:linear-gradient(150deg,#FFF7E3,#FFFFFF 70%);border-color:#F5E4B9}
.coach-hero.restart{background:linear-gradient(150deg,#FDEFF0,#FFFFFF 70%);border-color:#F6D3D6}
.coach-ava{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand);color:#fff;font-weight:700;font-size:17px;flex:0 0 auto;
}
.coach-hero p{font-size:14.2px;color:#1e293b;margin:2px 0 10px;max-width:62ch}

.task-row{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);
  border-radius:11px;margin-bottom:8px;background:#fff;transition:.14s;
}
.task-row:hover{border-color:#e6cfc9;background:var(--panel-2)}
.task-tick{
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:700;flex:0 0 auto;
}
.task-main{display:flex;flex-direction:column;flex:1;min-width:0}
.task-main b{font-size:13.4px}
.task-main span{font-size:11.8px;color:var(--dim)}
.task-min{font-family:var(--mono);font-size:11px;color:var(--dim-2);white-space:nowrap}

.coach-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.coach-list li{font-size:12.8px;color:#3b4558;padding-left:16px;position:relative}
.coach-list li::before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--brand)}

.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.badge{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px dashed var(--line-2);border-radius:11px;opacity:.55}
.badge.on{opacity:1;border-style:solid;border-color:#e6cfc9;background:linear-gradient(150deg,#fdf6f2,#fff)}
.badge-dot{width:9px;height:9px;border-radius:50%;background:#D8D2E8;margin-bottom:3px}
.badge.on .badge-dot{background:var(--brand);box-shadow:0 0 0 3px #fbecec}
.badge b{font-size:12.4px}
.badge span:last-child{font-size:10.6px;color:var(--dim-2)}

.coach-chat{position:sticky;top:76px;display:flex;flex-direction:column;max-height:calc(100vh - 100px)}
.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px 8px;min-height:220px;max-height:46vh}
.chat-msg{max-width:92%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.5}
.chat-msg.coach{background:var(--panel-2);border:1px solid var(--line);color:#1e293b;border-bottom-left-radius:4px}
.chat-msg.me{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:4px}
.chat-links{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px}
.chat-links a{font-size:11.8px;color:var(--brand);border:1px solid #e6cfc9;background:#fff;padding:3px 9px;border-radius:999px}
.chat-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.chat-chip{font-size:11.2px;padding:4px 9px;border:1px solid var(--line-2);border-radius:999px;color:var(--dim);background:#fff}
.chat-chip:hover{border-color:#e2b9b4;color:var(--brand)}
.chat-form{display:flex;gap:8px;margin-top:4px}
.chat-form .input{flex:1}
@media (max-width:980px){
  .coach-chat{position:static;max-height:none}
  .chat-log{max-height:320px}
}