.wide-main{max-width:1100px}
.tcard{margin-bottom:16px}
.tbtn{font:inherit;font-size:15px;font-weight:500;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:7px 12px;cursor:pointer;margin-inline-start:6px}
.tbtn.brand{background:var(--brand);color:#fff;border-color:var(--brand)}
.tbtn.danger{color:var(--bad);border-color:#f0c4be}
.top .tbtn{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.35)}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.toolbar .grow{flex:1}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px;min-width:130px}
.stat b{display:block;font-size:24px;color:var(--brand)}
.stat span{color:var(--muted);font-size:14px}
table.st{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:15px}
table.st th,table.st td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
table.st th{background:#eef3f0;font-weight:700;font-size:14px}
table.st tr.row{cursor:pointer}
table.st tr.row:hover{background:#f6faf8}
table.st tr.sel{background:#e9f4ef}
.att{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin:2px 0 2px 4px;font-size:13px;white-space:nowrap;background:#fafcfb}
.att.open{border-style:dashed}
.bars{list-style:none;padding:0;margin:0}
.bars li{display:grid;grid-template-columns:minmax(150px,240px) 1fr 90px;gap:10px;align-items:center;padding:6px 0}
.bars .bb{height:12px;background:#e3e9e6;border-radius:999px;overflow:hidden}
.bars .bf{display:block;height:100%;background:var(--bad)}
.bars .bn{font-size:13px;color:var(--muted);direction:rtl}
.detail h3{margin:14px 0 6px;font-size:17px}
.items{list-style:none;padding:0;margin:0}
.items li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.items .mark{flex:0 0 26px;height:26px;font-size:14px}
.items .q{font-weight:500}
.items .a{color:var(--muted)}
.empty{color:var(--muted);text-align:center;padding:20px}
.auth{max-width:420px;margin:0 auto}
@media (max-width:700px){.bars li{grid-template-columns:1fr 70px}.bars .bb{grid-column:1/3;grid-row:2}}

.t2{display:inline-block;font-size:12px;background:#fff1cc;color:#7a5600;border-radius:8px;padding:1px 7px;margin-inline-start:4px}

.cls-box .cls-name{font-size:18px;margin-bottom:8px}
.cls-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cls-row input{flex:1;min-width:220px;font:inherit;font-size:15px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fafcfb;color:var(--ink)}

.kita .k-list{padding-inline-start:20px;margin:6px 0 4px}
.kita .k-list li{margin:4px 0}
.k-link{margin:16px 0}
.k-l{font-weight:700;margin-bottom:6px}
.k-a{text-align:center;text-decoration:none;line-height:54px}
.kita .emoji{text-align:center;font-size:44px}
.kita h1{text-align:center}
.k-url{flex:1;min-width:200px;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fafcfb;color:var(--ink);word-break:break-all;text-align:left;user-select:all}

/* הגדרות תרגול */
.cfg-f{border:1px solid var(--line);border-radius:14px;padding:10px 14px 8px;margin:14px 0 0;background:#fafcfb}
.cfg-f legend{font-weight:700;padding:0 6px}
.cfg-row{display:flex;gap:10px;flex-wrap:wrap}
.cfg-c{display:flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:12px;padding:8px 16px;background:#fff;font-size:17px;cursor:pointer}
.cfg-r{display:flex;align-items:flex-start;gap:10px;border:2px solid var(--line);border-radius:12px;padding:8px 12px;margin:6px 0;background:#fff;cursor:pointer}
.cfg-r span{display:flex;flex-direction:column}
.cfg-r small{color:var(--muted);font-size:14px}
.cfg-c:has(input:checked),.cfg-r:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.cfg-f input[type=checkbox],.cfg-f input[type=radio]{width:20px;height:20px;margin:3px 0 0;accent-color:var(--brand);flex:0 0 auto}
.cfg-n{color:var(--muted);font-size:14px;margin:6px 0 2px}
.cfg-box h2{margin:0 0 4px}
.cfg-now{color:var(--muted);font-size:15px}
.cfg-ok{color:var(--brand);font-weight:500;margin-inline-start:8px}
.k-cfg{background:var(--brand-soft);border-radius:12px;padding:8px 12px;margin:10px 0 0}
.k-h2{font-size:18px;margin:20px 0 0}
.k-sn{margin:2px 0 0;text-align:right}
.cfg-box summary{cursor:pointer;font-size:17px;list-style-position:inside}
.cfg-box details[open] summary .cfg-now{display:none}

/* חיבורים (מפתחות) – רק בלוח המורה הראשית */
.conn-box .conn-lead { margin: 10px 0 4px; }
.conn-item { border-top: 1px solid var(--line); padding-top: 12px; margin-top: 12px; }
.conn-item h3 { font-size: 1.02rem; margin: 0 0 4px; }
.conn-for { font-weight: 400; color: #6b7280; font-size: .92rem; }
.conn-help { font-size: .93rem; color: #374151; margin: 4px 0 8px; line-height: 1.5; }
.conn-help a { overflow-wrap: anywhere; }
.conn-saved { color: #047857; font-weight: 600; margin: 6px 0; }
.conn-date { color: #6b7280; font-weight: 400; font-size: .88rem; }
.conn-item input[type=password], .conn-item input[type=email] { width: 100%; max-width: 420px; box-sizing: border-box; text-align: left; font-family: ui-monospace, Menlo, Consolas, monospace; }
.conn-row { display: flex; flex-wrap: wrap; gap: 8px 0; margin: 8px 0; }
.conn-row .tbtn:first-child { margin-inline-start: 0; }
.conn-test { padding: 8px 10px; border-radius: 8px; font-size: .92rem; margin: 6px 0; word-break: break-word; }
.conn-test.ok { background: #ecfdf5; color: #065f46; }
.conn-test.bad { background: #fef2f2; color: #991b1b; }
.conn-test.busy { background: #f3f4f6; color: #374151; }

/* נימוקים: בינה מול בדיקה רגילה */
.aid-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.aid-list li{border:1px solid #e3e8e6;border-radius:12px;padding:10px 12px;background:#fbfcfc;overflow-wrap:anywhere}
.aid-when{font-size:12px;color:#7a8580}
.aid-q{font-size:14px;color:#46524d;margin:2px 0 6px}
.aid-a{font-size:15px}
.aid-a q{font-weight:600}
.aid-v{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:14px}
.aid-ok{color:#1d7a46;font-weight:600}
.aid-bad{color:#b23b2e;font-weight:600}