/* ===== כיתה ולוח מורה ===== */
.x-chip{position:relative;display:flex;align-items:center;gap:5px;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.9rem;color:var(--green);font-weight:600;max-width:9.5em;white-space:nowrap}
.x-chip .x-chip-t{overflow:hidden;text-overflow:ellipsis}
.x-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--leaf2)}
.x-dot.wait{background:var(--gold)}
.x-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--clay);color:#fff;font-size:.72rem;font-weight:800;line-height:1}
.x-chip .x-badge{position:absolute;top:-7px;inset-inline-end:-6px}
@media (max-width:420px){ .x-chip .x-chip-t{display:none} .x-chip{padding:6px 9px} }
.x-narrow{max-width:720px;margin-inline:auto}
.x-classcard{border-color:#d4e2c6}
.x-classcard.on{background:var(--mint);box-shadow:none}
.x-cc-row{display:flex;align-items:center;gap:10px}
.x-cc-row>div{flex:1;min-width:0}
.x-cc-row b{display:block}
.x-cc-row small,.x-me small{display:block;color:var(--muted);font-size:.82rem}
.x-avatar{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--paper);border:1.5px solid var(--line);font-size:1.45rem;flex:none;line-height:1}
.x-avatar.big{width:62px;height:62px;font-size:2.1rem}
.x-avatar.sm{width:30px;height:30px;font-size:1.05rem;margin-inline-end:8px;vertical-align:middle}
.x-me{display:flex;align-items:center;gap:14px}
.x-me b{display:block;font-size:1.25rem;color:var(--green)}
.x-me>div>span{display:block;color:var(--ink);font-size:.95rem}
.x-form{display:grid;gap:6px}
.x-form label,.x-emoji legend{font-weight:700;color:var(--bark);font-size:.98rem;margin-top:6px}
.x-form input,.x-sortrow input,.x-sortrow select,.x-compose textarea,#x-call,.x-inline input{width:100%;font:inherit;font-size:1.05rem;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.x-form input:focus,.x-compose textarea:focus,#x-call:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px #dbe8cf}
.x-code-in{font-size:1.5rem!important;letter-spacing:.3em;text-align:center;font-weight:700;text-transform:uppercase}
.x-pin-in{font-size:1.4rem!important;letter-spacing:.5em;text-align:center;max-width:9em}
.x-emoji{border:0;padding:0;margin:0}
.x-egrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}
.x-e{appearance:none;aspect-ratio:1;border:1.5px solid var(--line);background:#fff;border-radius:12px;font-size:1.55rem;cursor:pointer;display:grid;place-items:center;padding:0;min-height:44px}
.x-e[aria-pressed="true"]{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 3px #cfe0c0;transform:scale(1.04)}
@media (min-width:560px){ .x-egrid{grid-template-columns:repeat(8,1fr)} }
.x-err{color:#a3361c;font-weight:600;min-height:1.2em;margin:4px 0}
.x-privacy{font-size:.86rem;color:var(--muted);background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:10px 12px;margin:0}
.x-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-two>div{display:grid;gap:6px}
.x-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.x-inline input{max-width:8em}
.linkbtn{appearance:none;background:none;border:0;padding:0;font:inherit;color:var(--green);text-decoration:underline;cursor:pointer}
.x-teacher-cta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.x-code{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;letter-spacing:.12em;background:var(--sand);border:1px solid #e6d4b0;border-radius:8px;padding:1px 8px;color:var(--bark);font-size:.95rem;cursor:pointer;direction:ltr;unicode-bidi:isolate}
.x-code.sm{font-size:.82rem;padding:0 6px;cursor:default}
.x-bigcode{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:2.4rem;font-weight:800;letter-spacing:.25em;color:var(--green);background:#fff;border:2px dashed var(--leaf2);border-radius:14px;text-align:center;padding:8px 0;margin:8px 0 12px}
.x-linkbox{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;word-break:break-all;margin-bottom:8px;text-align:left}
.x-classlist{display:grid;gap:8px}
.x-classitem{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:var(--ink)}
.x-classitem b{flex:1}
.x-classitem .chev{color:var(--muted);font-size:1.4rem}
/* notice */
#x-notice{position:fixed;inset:0;z-index:60;background:rgba(43,42,38,.45);display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));animation:xfade .25s}
@media (min-width:720px){ #x-notice{align-items:center} }
@keyframes xfade{from{opacity:0}to{opacity:1}}
.x-sheet{width:100%;max-width:520px;max-height:85vh;overflow:auto;background:var(--paper);border-radius:20px;padding:18px 16px;box-shadow:0 18px 50px rgba(0,0,0,.25);border-top:6px solid var(--clay);animation:xup .3s}
@keyframes xup{from{transform:translateY(30px)}to{transform:none}}
.x-sheet-h{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.x-sheet-h b{display:block;font-size:1.15rem;color:var(--clay)}
.x-sheet-h small{color:var(--muted)}
.x-env{font-size:2rem}
.x-msg{background:var(--clay-soft);border:1px solid #efcdb7;border-radius:14px;padding:12px;margin-top:10px}
.x-msg p{margin:.2em 0 .7em;font-size:1.05rem;white-space:normal}
.x-msg-meta{font-size:.8rem;color:var(--muted)}
.x-hist{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.x-hist li{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;margin:0}
.x-hist li.unread{border-color:var(--clay);background:var(--clay-soft)}
.x-hist p{margin:.2em 0 .3em}
.x-read{color:var(--leaf);font-weight:700}
.x-notread{color:#a36a12;font-weight:700}
.x-who{display:inline}
.x-who summary{display:inline;cursor:pointer;color:var(--green);text-decoration:underline}
.x-who span{display:inline-block;margin-inline-end:8px;color:var(--muted)}
.x-who span.r{color:var(--leaf)}
/* board */
.x-board{max-width:1180px;margin-inline:auto}
.x-bh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.x-bh h1{margin-bottom:.2em}
#x-refresh.spin{opacity:.6}
.x-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (min-width:760px){ .x-tiles{grid-template-columns:repeat(6,1fr)} }
.x-tile{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px 8px;text-align:center;box-shadow:var(--shadow)}
.x-tile b{display:block;font-size:1.6rem;line-height:1.1;color:var(--ink)}
.x-tile span{font-size:.82rem;color:var(--muted)}
.x-tile.ok{background:#e6f1df;border-color:#c9dfba}.x-tile.ok b{color:#2f6b2c}
.x-tile.warn{background:#fbf0d4;border-color:#efd99a}.x-tile.warn b{color:#8a5d00}
.x-tile.late{background:#f9dfd5;border-color:#efbfac}.x-tile.late b{color:#a3361c}
.x-tile.none{background:#efece6}.x-tile.none b{color:#6b6457}
.x-tile.avg b{color:var(--green)}
.x-next{background:var(--clay-soft);border:1px solid #efcdb7;border-radius:12px;padding:10px 12px;font-size:.95rem}
.x-tools{display:grid;gap:8px}
.x-filters{flex-wrap:wrap}
.x-filters .chip b{font-weight:800;margin-inline-start:2px}
.x-sortrow{display:grid;grid-template-columns:1fr auto;gap:8px}
.x-sortrow input,.x-sortrow select{padding:8px 10px;font-size:.95rem}
.x-pill{display:inline-block;font-size:.76rem;font-weight:800;padding:2px 10px;border-radius:999px;white-space:nowrap}
.x-pill.ok{background:#dcefd3;color:#2f6b2c}
.x-pill.warn{background:#f8e6b5;color:#7a5200}
.x-pill.late{background:#f6cfc0;color:#9a2f17}
.x-pill.none{background:#e7e3db;color:#5f594e}
.x-bar{display:block;flex:1;height:8px;background:var(--sand);border-radius:99px;overflow:hidden;min-width:40px}
.x-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--leaf),var(--leaf2));border-radius:99px}
.x-tablewrap{display:none}
.x-cards{display:grid;gap:8px}
.x-scard{appearance:none;font:inherit;text-align:start;display:flex;gap:10px;align-items:flex-start;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);cursor:pointer;color:var(--ink)}
.x-sc-main{flex:1;min-width:0;display:grid;gap:4px}
.x-sc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.x-sc-top b{font-size:1.08rem}
.x-sc-why{font-size:.84rem;color:var(--muted)}
.x-sc-bar{display:flex;align-items:center;gap:8px}
.x-sc-bar b{font-size:.9rem;min-width:2.8em;text-align:end}
.x-dots{display:flex;gap:4px}
.x-dots i,.x-legend i{display:inline-block;width:100%;max-width:30px;height:7px;border-radius:4px}
.x-legend i{width:14px;height:9px;margin-inline:6px 3px;vertical-align:middle}
:is(.x-cell,.x-dots i,.x-legend i,.x-ms).full{--c:#4f9a45}:is(.x-cell,.x-dots i,.x-legend i,.x-ms).part{--c:#b9d6a4}:is(.x-cell,.x-dots i,.x-legend i,.x-ms).soon{--c:#e8b84a}:is(.x-cell,.x-dots i,.x-legend i,.x-ms).late{--c:#d9603b}:is(.x-cell,.x-dots i,.x-legend i,.x-ms).zero{--c:#ddd5c6}
.x-dots i,.x-legend i{background:var(--c)}
@media (min-width:860px){
  .x-tablewrap{display:block;overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
  .x-cards{display:none}
  .x-tools{grid-template-columns:1fr 360px;align-items:center}
}
.x-table{width:100%;border-collapse:collapse;font-size:.92rem}
.x-table th,.x-table td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.x-table thead th{font-size:.78rem;color:var(--muted);font-weight:700;background:#faf4e7;position:sticky;top:0}
.x-table thead th small{display:block;font-weight:500;font-size:.72rem}
.x-table tbody th{text-align:start;font-weight:700;padding-inline-start:12px}
.x-table tbody tr{cursor:pointer}
.x-table tbody tr:hover,.x-table tbody tr:focus{background:#f6f0e2;outline:none}
.x-tot{min-width:150px}
.x-tot{display:flex;align-items:center;gap:6px;justify-content:center}
.x-tot b{min-width:2.6em}
.x-cell span{display:inline-block;min-width:44px;padding:3px 4px;border-radius:8px;font-weight:700;font-size:.82rem;background:color-mix(in srgb,var(--c) 30%,#fff);color:#2b2a26;border:1px solid color-mix(in srgb,var(--c) 70%,#fff)}
.x-cell.full span{background:var(--c);color:#fff}
.x-cell.late span{background:color-mix(in srgb,var(--c) 22%,#fff);color:#9a2f17}
.x-last{color:var(--muted);font-size:.84rem}
.x-unread{margin-inline-start:4px}
.x-danger summary{cursor:pointer;font-weight:700;color:var(--muted)}
.x-skel{height:90px;border-radius:14px;background:linear-gradient(90deg,#f1e8d6,#f8f1e3,#f1e8d6);background-size:200% 100%;animation:xsk 1.2s infinite;margin-top:12px}
@keyframes xsk{to{background-position:-200% 0}}
/* student detail */
.x-shead{display:flex;gap:14px;align-items:center}
.x-sh-main{flex:1;min-width:0;display:grid;gap:6px}
.x-sh-main h1{margin:0}
.x-sh-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}
.x-mstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
@media (min-width:640px){ .x-mstrip{grid-template-columns:repeat(8,1fr)} }
.x-ms{border-radius:12px;padding:8px 4px;text-align:center;background:color-mix(in srgb,var(--c) 25%,#fff);border:1px solid color-mix(in srgb,var(--c) 60%,#fff)}
.x-ms.full{background:var(--c);color:#fff}
.x-ms b{display:block;font-size:1.05rem}
.x-ms span{font-size:.74rem}
.x-sec{padding:0}
.x-sec summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.x-sec summary::-webkit-details-marker{display:none}
.x-sec[open] summary{border-bottom:1px solid var(--line)}
.x-sec>*:not(summary){margin-inline:14px}
.x-sec>*:last-child{margin-bottom:14px}
.x-sec-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;flex:none}
.x-sec-t{flex:1;font-weight:700;min-width:0}
.x-sec-t .badge{margin-inline-start:4px;vertical-align:middle}
.x-sec-p{font-size:.82rem;color:var(--muted);white-space:nowrap}
.x-sec-p.full{color:#2f6b2c;font-weight:700}
.x-checks{list-style:none;padding:0;margin-top:10px!important;font-size:.92rem;color:var(--muted)}
.x-checks li{margin:.15em 0}
.x-checks li.y{color:var(--ink)}
.x-qa{margin-top:10px}
.x-q{font-weight:700;color:var(--bark);font-size:.92rem}
.x-a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-top:4px;white-space:normal}
.x-a.empty{color:#a39a88;font-style:italic;background:transparent;border-style:dashed}
.x-tree li{margin:.2em 0}

/* ייצוא */
.x-export{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px}
.x-export .x-exp-l{font-size:.9rem;color:var(--muted,#5d6b63)}
.x-export .btn{flex:0 1 auto}
.x-export .btn[aria-busy]{opacity:.7;cursor:progress}
@media (max-width:420px){.x-export .x-exp-l{flex-basis:100%}.x-export .btn{flex:1 1 0;justify-content:center}}