/* sgteach.css · שכבת המורה (task 080d322c) */
.sgt{margin:14px 0 2px;background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 10px rgba(40,60,110,.05)}
.sgt[hidden]{display:none}
.sgt.sgt-out{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:10px 14px}
.sgt .i{width:18px;height:18px}
.sgt-lead{margin:0;display:flex;align-items:center;gap:8px;font-size:15px;color:#3d4770;font-weight:500}
.sgt-lead .i{color:#2f7565}
.sgt-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.sgt-cls{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:#26304f}
.sgt-cls .i{color:#2f7565}
.sgt-one{font-weight:700}
.sgt-sel{font:inherit;font-size:15.5px;font-weight:600;color:#26304f;background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:6px 10px;min-height:40px}
.sgt-st{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15.5px;color:#3d4770;flex:1 1 220px}
.sgt-go{font:inherit;font-weight:700;color:#26304f;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:#5fae9c;text-decoration-thickness:2px;text-underline-offset:4px}
.sgt-none{font-weight:600}
.sgt-dot{color:#8a93ad}
.sgt-pl{color:#2f7565;font-weight:600}
.sgt-acts{display:flex;flex-wrap:wrap;gap:8px}
.sgt-b{font:inherit;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 14px;border-radius:999px;border:1px solid #dfe6ef;background:#fff;color:#26304f;cursor:pointer;text-decoration:none;white-space:nowrap}
.sgt-b:hover{border-color:#c6d2e2}
.sgt-b.pri{background:#26304f;border-color:#26304f;color:#fff}
.sgt-b.pri:hover{background:#323d63}
.sgt-b:disabled{opacity:.6;cursor:default}
.sgt-b:focus-visible,.sgt-go:focus-visible,.sgt-pin:focus-visible,.sgt-sel:focus-visible{outline:3px solid #5fae9c;outline-offset:2px}
.sgt-help{margin:0;display:flex;align-items:flex-start;gap:7px;font-size:14px;color:#5b6585}
.sgt-help .i{color:#2f7565;width:16px;height:16px;margin-top:3px}
.sgt-err{margin:0;color:#b4372f;font-size:14.5px;font-weight:500}
.sgt-link{margin:0}
.sgt-in{font:inherit;font-size:15px;color:#26304f;border:1px solid #dfe6ef;border-radius:12px;padding:7px 10px;min-height:40px;background:#fff;width:min(100%,360px)}
.sgt-new{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sgt-lbl{font-size:14.5px;font-weight:600;color:#3d4770}
.sgt-new .sgt-in{width:150px}
/* markers on the lesson cards */
.sgt-mk{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:2}
.sgt-pin{width:36px;height:36px;border-radius:999px;border:1px solid #dfe6ef;background:#fff;color:#2f7565;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(30,40,80,.14);padding:0}
.sgt-pin:hover{background:#eef7f4;border-color:#5fae9c}
.sgt-pin .i{width:18px;height:18px}
.sgt-tag{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;padding:4px 11px 4px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 4px rgba(30,40,80,.14)}
.sgt-tag .i{width:15px;height:15px}
.sgt-tag.here{background:#26304f;color:#fff}
.sgt-tag.plan{background:#fff;color:#2f7565;border:1.5px solid #5fae9c}
.card.sgt-here{outline:3px solid #2f7565;outline-offset:2px}
@media(max-width:560px){.sgt-tag{font-size:12.5px;padding:3px 9px}.sgt-acts{width:100%}.sgt-acts .sgt-b{flex:1 1 auto;justify-content:center}}
@media print{.sgt,.sgt-mk{display:none!important}}