/* ═══ K Defense — מסך המדריך (מעל style.css) ═══ */
body.staff #view { padding: 14px 16px 40px; max-width: 760px; }

/* טאבים */
.tabs {
  position: sticky; top: 0; z-index: 30;
  display: flex; gap: 8px; overflow-x: auto;
  padding: 10px 14px; background: var(--bg);
  border-bottom: 1px solid var(--line);
  scrollbar-width: none;
}
.tabs::-webkit-scrollbar { display: none; }
.tabs button {
  flex-shrink: 0; padding: 8px 14px; border-radius: 20px;
  border: 1px solid var(--line); background: var(--card); color: var(--dim);
  font-size: 13.5px; font-weight: 500; position: relative;
}
.tabs button.on { background: var(--blue); border-color: var(--blue); color: #fff; font-weight: 700; }
.tabs .cnt {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 17px; height: 17px; padding: 0 4px; margin-inline-start: 5px;
  border-radius: 9px; background: var(--red); color: #fff; font-size: 10.5px; font-weight: 700;
}
.tabs button.on .cnt { background: rgba(0,0,0,.35); }

/* סרגל כלים עליון של מקטע */
.bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.bar input[type="date"], .bar select {
  padding: 9px 12px; border-radius: 10px; border: 1px solid var(--line);
  background: var(--card); color: var(--txt); font-size: 14.5px;
}
.bar .spacer { flex: 1; }
.bar b { font-size: 15px; }

/* כרטיס אימון */
.cls-card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; margin-bottom: 12px; overflow: hidden; }
.cls-head { display: flex; align-items: center; gap: 12px; padding: 13px 15px; background: var(--card-2); }
.cls-head b { font-size: 15px; }
.cls-head .cls-time { background: var(--blue); border-radius: 9px; padding: 5px 10px; font-weight: 700; font-size: 14px; }
.cls-head .cls-n { margin-inline-start: auto; font-size: 12.5px; color: var(--dim); }
.roster { padding: 6px 15px 12px; }
.rrow { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.rrow:last-child { border-bottom: 0; }
.rrow .rname { flex: 1; min-width: 0; }
.rrow .rname b { font-size: 14px; display: block; }
.rrow .rname span { font-size: 11.5px; color: var(--dim); direction: ltr; display: inline-block; }
.mini {
  padding: 6px 11px; border-radius: 9px; font-size: 12.5px; font-weight: 700;
  border: 1px solid var(--line); background: var(--bg); color: var(--dim);
}
.mini.ok { border-color: var(--green); color: var(--green); }
.mini.ok.on { background: var(--green); color: #06240f; }
.mini.no { border-color: var(--red); color: var(--red); }
.mini.no.on { background: var(--red); color: #2b0606; }
.mini.act { border-color: var(--blue); color: var(--blue); }
a.mini { text-decoration: none; display: inline-flex; align-items: center; }
.mini.act:active { transform: scale(.96); }
.empty { text-align: center; color: var(--dim); padding: 34px 12px; font-size: 14px; }
.empty .big { font-size: 34px; display: block; margin-bottom: 8px; }

/* שורות רשימה כלליות (הזמנות/בקשות/מתאמנים/קודים) */
.lrow {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px;
  padding: 13px 15px; margin-bottom: 10px;
}
.lrow .lmain { flex: 1; min-width: 180px; }
.lrow .lmain b { font-size: 14.5px; }
.lrow .lmain .muted { font-size: 12.5px; margin-top: 2px; }
.lrow .lacts { display: flex; gap: 7px; flex-wrap: wrap; }
.code-big {
  font-family: 'Montserrat', monospace; font-size: 22px; font-weight: 900;
  letter-spacing: 3px; color: var(--blue); direction: ltr;
}
textarea.big { min-height: 190px; line-height: 1.7; }
.hint { font-size: 12px; color: var(--dim); margin-top: 8px; }
.warn {
  background: rgba(255,176,32,.09); border: 1px solid rgba(255,176,32,.35);
  color: var(--amber); border-radius: 12px; padding: 11px 13px; font-size: 12.5px; margin-bottom: 14px;
}

/* v0.11 — מערך האימון */
.plan-text { white-space: pre-wrap; font: inherit; font-size: 14px; line-height: 1.55; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; margin: 0 0 10px; direction: rtl; }
.row-btns { display: flex; gap: 8px; }
.row-btns .btn-primary { flex: 2; } .row-btns .btn-ghost { flex: 1; }