/* Coding Classroom v0.9.4 — Kru Nueng mascot integration + visible room deletion */

.kru-mascot-strip{
  display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;
  margin:0 0 18px;padding:14px 18px;border:1px solid #cfe0f0;border-radius:14px;
  background:linear-gradient(135deg,#f7fbff,#edf5ff 62%,#f6fbff);overflow:hidden;position:relative;
  box-shadow:0 8px 24px rgba(27,73,119,.045)
}
.kru-mascot-strip:after{content:"</>";position:absolute;right:18px;top:8px;color:#2f6fd116;font:900 52px/1 ui-monospace,monospace;pointer-events:none}
.kru-mascot-strip img{display:block;width:108px;height:108px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 7px rgba(20,55,96,.14))}
.kru-mascot-strip .eyebrow{margin:0 0 2px;font-size:.7rem;color:#2e6bb2}
.kru-mascot-strip h2{margin:0;color:#173f6e;font-size:1.08rem;line-height:1.45}
.kru-mascot-strip p:not(.eyebrow){margin:4px 0 0;color:#607790;font-size:.84rem;line-height:1.6}
.kru-mascot-home{margin-top:-4px;background:linear-gradient(135deg,#f5f9ff,#eaf4ff 55%,#f0fbf7)}
.kru-mascot-lessons{border-left:5px solid #2d75d2}
.kru-mascot-progress{border-left:5px solid #e0a11a;background:linear-gradient(135deg,#fffaf0,#f4f9ff 58%,#f0fbf7)}

.kru-lab-coach{display:flex;align-items:center;gap:9px;margin:-4px 0 12px;padding:8px 9px;border:1px solid #d4e3f0;border-radius:10px;background:#f6faff}
.kru-lab-coach img{width:54px;height:54px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 4px rgba(21,58,98,.12))}
.kru-lab-coach span{display:grid;gap:1px;min-width:0}.kru-lab-coach strong{font-size:.82rem;color:#1e5794}.kru-lab-coach small{font-size:.72rem;color:#6d8195;white-space:normal}

.cloud-room-head-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px;flex:none}
.room-delete-primary{min-width:108px;box-shadow:0 2px 0 rgba(137,45,35,.08)}
.room-delete-primary:before{content:""}
.cloud-room-card{position:relative}

@media(max-width:800px){
  .kru-mascot-strip{grid-template-columns:88px minmax(0,1fr);padding:12px 14px;gap:12px}.kru-mascot-strip img{width:84px;height:84px}
  .cloud-room-head-actions{align-items:flex-start}.cloud-room-head{grid-template-columns:1fr!important}.room-delete-primary{min-width:0}
}
@media(max-width:520px){
  .kru-mascot-strip{grid-template-columns:68px minmax(0,1fr);border-radius:11px}.kru-mascot-strip img{width:66px;height:66px}.kru-mascot-strip h2{font-size:.96rem}.kru-mascot-strip p:not(.eyebrow){font-size:.78rem}.kru-mascot-strip:after{display:none}
  .kru-lab-coach img{width:46px;height:46px}
  .cloud-room-head-actions{width:100%}.room-delete-primary{width:100%;min-height:42px!important}
}