/* Kho giáo án */
.ga-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:transform .12s,box-shadow .12s}
.ga-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-h,0 6px 18px rgba(0,0,0,.12))}
.ga-card h3{margin:0;font-size:1rem}
.ga-card .meta,.ga-head .meta{display:flex;gap:6px;flex-wrap:wrap}
.ga-ic{width:40px;height:40px;border-radius:12px;background:var(--pri-t);display:grid;place-items:center;font-size:1.3rem}
.ga-head{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.ga-head h1{margin:0}
.ga-act{margin:8px 0 12px;gap:8px;flex-wrap:wrap;align-items:center}
.ga-keybox{background:var(--surface2);border:1px dashed var(--line);border-radius:var(--r-s);padding:8px 12px;margin-bottom:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ga-keybox b{font-size:1.15rem;letter-spacing:.14em;font-family:ui-monospace,Menlo,Consolas,monospace}
.ga-read{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px clamp(14px,4vw,36px);max-width:860px;overflow-x:auto;line-height:1.6;overflow-wrap:anywhere;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='180'><text x='20' y='110' transform='rotate(-24 130 90)' font-family='sans-serif' font-size='20' font-weight='700' fill='%23888' fill-opacity='.13'>Góc Học Tập</text></svg>")}
.ga-read h2,.ga-read h3,.ga-read h4,.ga-read h5{margin:.9em 0 .4em}
.ga-read p{margin:.35em 0}
.ga-read ul,.ga-read ol{margin:.4em 0;padding-left:1.4em}
.ga-read img{max-width:100%;height:auto}
.ga-read table{border-collapse:collapse;margin:.6em 0;max-width:100%;display:block;overflow-x:auto}
.ga-read td{border:1px solid var(--line);padding:5px 8px;vertical-align:top;min-width:40px}
.ga-lock{user-select:none;-webkit-user-select:none}
.ga-fade{position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(to bottom,transparent,var(--surface) 85%);pointer-events:none}
.ga-more{max-width:860px;margin-top:12px;padding:12px 14px;border-radius:var(--r-s);background:var(--pri-t);color:var(--fg)}
.ga-msg{background:var(--surface2);border-radius:var(--r-s);padding:10px 12px;font-size:.95rem}
.ga-modes{border:1px solid var(--line);border-radius:var(--r-s);padding:8px 12px;display:flex;flex-direction:column;gap:6px}
.ga-modes legend{padding:0 6px;font-weight:600}
.ga-modes label{display:block;font-weight:400}
.chk{display:flex;gap:8px;align-items:flex-start}
.ga-zalo{font-size:1.9rem;font-weight:800;letter-spacing:.06em;margin:10px 0;font-family:ui-monospace,Menlo,Consolas,monospace}
.ga-cr{border:1px solid var(--line);border-radius:var(--r-s);padding:8px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}
.ga-cv{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em}.ga-cv.big{font-size:1.6rem;font-weight:800}
.ga-newcode{background:var(--pri-t);border-radius:var(--r-s);padding:10px 12px;margin:10px 0;display:flex;flex-direction:column;gap:8px}
.ga-qr{display:block;width:min(300px,100%);height:auto;margin:8px auto;border:1px solid var(--line);border-radius:var(--r-s);background:#fff}
.ga-qrbox{display:flex;justify-content:center;padding:6px 0}
/* Trang giấy A4: 794 x 1123 px (210 x 297 mm), lề trên/dưới 2 cm, trái 3 cm, phải 2 cm */
.ga-read{background:#e6e9ee;border:1px solid var(--line);border-radius:var(--r);padding:14px 8px;max-width:none;overflow-x:hidden;background-image:none}
.ga-a4wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:794px;max-width:none;margin:0 auto}
.ga-a4{position:relative;width:794px;height:1123px;box-sizing:border-box;padding:76px 76px 76px 113px;background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.18);overflow:hidden;flex:none;
  font-family:'Times New Roman',Times,'Liberation Serif',serif;font-size:17.3px;line-height:1.45;text-align:left;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='220'><text x='20' y='130' transform='rotate(-24 150 110)' font-family='sans-serif' font-size='22' font-weight='700' fill='%23888' fill-opacity='.11'>Góc Học Tập</text></svg>")}
.ga-a4-in{width:100%;overflow-wrap:anywhere}
.ga-a4-no{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-size:13px;color:#777}
.ga-a4 h1,.ga-a4 h2,.ga-a4 h3,.ga-a4 h4,.ga-a4 h5{margin:.6em 0 .3em;line-height:1.3;color:#111}
.ga-a4 p{margin:0 0 .45em}.ga-a4 ul,.ga-a4 ol{margin:.3em 0;padding-left:1.4em}
.ga-a4 img{max-width:100%;height:auto}
.ga-a4 table{border-collapse:collapse;width:100%;margin:.4em 0;display:table;overflow:visible}
.ga-a4 td,.ga-a4 th{border:1px solid #444;padding:4px 7px;vertical-align:top;min-width:0;color:#111}
.ga-endlock{text-align:center;font-size:2rem;padding:10px 0 2px}
@media print{.ga-lock{display:none!important}}

/* v2.1.5: nút phiếu bị khóa khác hẳn nút thường */
/* v2.1.5: nút phụ (Giao bài...) tông xanh nhạt cho dễ nhìn */
.card.ex .act .btn:not(.pri):not(.ghost):not(.bad),.sk-ac .btn:not(.pri):not(.ghost):not(.bad){background:color-mix(in srgb,var(--pri) 10%,var(--surface));border-color:color-mix(in srgb,var(--pri) 38%,var(--surface));color:var(--pri-d,var(--pri))}
.card.ex .act .btn:not(.pri):not(.ghost):not(.bad):hover,.sk-ac .btn:not(.pri):not(.ghost):not(.bad):hover{background:color-mix(in srgb,var(--pri) 18%,var(--surface))}
.card.ex .act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}