/* EasyWord — Student Profile (neutral, theme-friendly) */
:root{
  --ew-bg:#fffaf6;           /* רקע עדין */
  --ew-card:#ffffff;         /* כרטיסים */
  --ew-border:#e9e7e4;       /* מסגרות */
  --ew-text:#1f2937;         /* טקסט */
  --ew-muted:#6b7280;        /* טקסט משני */
  --ew-primary:#00a3ff;      /* כפתור ראשי – כחול נקי */
  --ew-primary-2:#22c1c3;    /* מעבר עדין */
}

.ew-wrap{max-width:1080px;margin:28px auto;padding:0 14px;}
.ew-card{
  background:var(--ew-card);
  border:1px solid var(--ew-border);
  border-radius:18px;
  padding:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  margin-bottom:16px
}

.ew-top{display:flex;gap:16px;align-items:center}
.ew-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff,0 4px 16px rgba(0,0,0,.12)}
.ew-hello h1{margin:0 0 4px;font-size:28px;color:var(--ew-text);font-weight:800}
.ew-hello p{margin:0;color:var(--ew-muted)}
.ew-kpis{display:flex;gap:10px;margin-top:6px}
.ew-kpi{background:#f6f6f6;border:1px solid var(--ew-border);border-radius:999px;padding:6px 10px;color:#111827;font-weight:600}

.ew-actions{margin-left:auto;display:flex;gap:10px}
.ew-actions .primary,.ew-btn{
  background:linear-gradient(90deg,var(--ew-primary),var(--ew-primary-2));
  color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none
}
.ew-btn.ghost{background:#fff;color:#111;border:1px solid var(--ew-border)}

.ew-tabs{display:flex;gap:10px;margin-top:16px}
.ew-tab{background:#f7f7f7;border:1px solid var(--ew-border);border-radius:999px;padding:8px 12px;cursor:pointer}
.ew-tab.active{background:#111827;color:#fff}

.ew-pane{display:none}
.ew-pane.active{display:block}

.ew-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.ew-toolbar input[type="text"], .ew-toolbar select, #roomInput, #levelSelect{
  padding:10px 12px;border-radius:12px;border:1px solid var(--ew-border);background:#fff;min-width:220px
}

.ew-form .ew-row{display:grid;grid-template-columns:1.2fr .6fr .8fr .5fr;gap:10px}
.ew-form .row-end,.row-submit{display:flex;align-items:end}
.ew-form label{font-size:12px;color:var(--ew-muted);display:block;margin-bottom:6px}
.ew-form input{width:100%;padding:10px;border:1px solid var(--ew-border);border-radius:12px;background:#fff}

.ew-list .row{
  display:grid;grid-template-columns:.9fr .5fr 1.2fr .8fr .35fr;
  gap:8px;padding:10px;border-bottom:1px dashed var(--ew-border);align-items:center
}
.ew-list .row .col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ew-list .row .del{background:#fff;border:1px solid var(--ew-border);border-radius:10px;cursor:pointer;padding:4px 8px}

.ew-muted{color:var(--ew-muted)}
.ew-progress{margin:10px 0}
.ew-bar{height:10px;background:#ececec;border-radius:999px;overflow:hidden}
.ew-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ew-primary-2),var(--ew-primary));text-align:center;color:#fff;font-size:11px;font-weight:800}

.ew-iframe-wrap{border:1px solid var(--ew-border);border-radius:12px;overflow:hidden}
#jitsi{width:100%;height:520px;border:0}

/* toast (משותף) */
.ew-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(8px);background:#111827;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transition:all .2s;z-index:9999}
.ew-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:820px){
  .ew-form .ew-row{grid-template-columns:1fr}
  .ew-list .row{grid-template-columns:1fr}
}