/* ===== inline ===== */

  .tp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:999998;padding:14px;}
  .tp-card{width:min(520px,96vw);background:#fff;border-radius:16px;padding:14px;direction:rtl;text-align:right;box-shadow:0 12px 36px rgba(0,0,0,.30);}
  .tp-title{font-weight:900;font-size:16px;margin:0 0 10px;}
  .tp-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto;margin-bottom:12px;}
  .tp-item{border:1px solid #e5e5e5;border-radius:12px;padding:10px;cursor:pointer;font-weight:800;}
  .tp-item small{display:block;font-weight:700;opacity:.7;margin-top:4px;}
  .tp-actions{display:flex;gap:10px;}
  .tp-actions button{flex:1;border:none;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer;}
  .tp-cancel{background:rgba(0,0,0,.07);}

/* === Board green button: open student docs inside Grades list (no flashback) === */
.board-docs-btn{
  width:100%;
  margin-top:12px;
  padding:16px 14px;
  border:none;
  border-radius:12px;
  background: linear-gradient(90deg, var(--accent2,#2e7d32), color-mix(in srgb,var(--accent2,#43a047) 80%,#fff 20%));
  color:#fff;
  font-size:1.1em;
  font-weight:900;
  cursor:pointer;
  box-shadow: var(--shadow);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
}
.board-docs-btn:active{ transform: scale(0.98); }