/* WELLE 9 - Final Code */

/* ===== Lehrer-Dashboard ===== */
.w9-teacher-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;margin:20px 0
}
.w9-class{
  padding:18px;border-radius:16px;
  background:rgba(20,20,32,.5);
  border:1px solid rgba(0,245,255,.12);
  transition:all .25s
}
.w9-class:hover{border-color:rgba(0,245,255,.35);transform:translateY(-2px)}
.w9-class-n{font-family:-apple-system,'Inter',sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:6px}
.w9-class-s{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(245,245,247,.5);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}
.w9-class-stats{display:flex;gap:14px;margin:12px 0;font-family:'JetBrains Mono',monospace;font-size:12px}
.w9-class-stat-v{font-weight:800;color:#00f5ff}
.w9-class-cta{display:block;text-align:center;padding:8px 14px;margin-top:10px;border-radius:999px;background:rgba(0,245,255,.08);border:1px solid rgba(0,245,255,.3);color:#00f5ff;text-decoration:none;font-size:12px;font-weight:600}

/* ===== Content-Editor Admin ===== */
.w9-edit{
  display:none;position:fixed;inset:0;
  background:rgba(7,7,16,.92);backdrop-filter:blur(20px);
  z-index:99980;align-items:center;justify-content:center;padding:20px
}
.w9-edit.on{display:flex}
.w9-edit-box{
  max-width:680px;width:100%;
  background:rgba(15,15,26,.98);
  border:1px solid rgba(0,245,255,.3);
  border-radius:20px;padding:32px;
  max-height:90vh;overflow-y:auto
}
.w9-edit-box h3{font-family:-apple-system,'Inter',sans-serif;font-size:20px;font-weight:800;margin:0 0 16px;color:#fff}
.w9-edit-box label{display:block;margin:14px 0 6px;font-size:12px;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.15em;color:#00f5ff}
.w9-edit-box input,.w9-edit-box textarea{
  width:100%;box-sizing:border-box;padding:10px 14px;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  color:#fff;font-family:-apple-system,'Inter',sans-serif;font-size:14px;
  margin:0
}
.w9-edit-box textarea{min-height:80px;resize:vertical}
.w9-edit-box input:focus,.w9-edit-box textarea:focus{border-color:#00f5ff;outline:none}
.w9-edit-btns{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}

/* ===== App-Check Status Badge ===== */
.w9-shield{
  display:none;position:fixed;bottom:240px;right:24px;
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,#00f5ff,#8b5cf6);
  color:#070710;align-items:center;justify-content:center;
  font-size:18px;cursor:default;z-index:80
}
body.w9-protected .w9-shield{display:flex}

/* ===== Email-Notification Badge ===== */
.w9-mail-status{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;text-transform:uppercase;letter-spacing:.15em;
  font-weight:700
}
.w9-mail-status.sent{background:rgba(170,255,0,.1);color:#aaff00;border:1px solid rgba(170,255,0,.3)}
.w9-mail-status.failed{background:rgba(255,0,110,.1);color:#ff006e;border:1px solid rgba(255,0,110,.3)}
.w9-mail-status.queued{background:rgba(255,184,0,.1);color:#ffb800;border:1px solid rgba(255,184,0,.3)}