/* TMTD ACADEMY — styles for tmtd-notes.js. Shared by the student, tutor portals; edit here. */
.snt-wrap{max-width:1100px;}
.snt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.snt-sub{font-size:13px;color:var(--muted);}
.snt-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
.snt-in,.snt-sel{border:1.5px solid var(--border);border-radius:9px;padding:8px 12px;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--navy);outline:none;background:#fff;}
.snt-in:focus,.snt-sel:focus{border-color:var(--gold);}
.snt-search{flex:1;min-width:150px;}
.snt-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.snt-chip{border:1.5px solid var(--border);background:#fff;color:var(--navy);border-radius:99px;padding:6px 13px;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;}
.snt-chip:hover{border-color:var(--gold);}
.snt-chip.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.snt-chip .n{opacity:.65;font-weight:500;margin-left:3px;}
.snt-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:10px;padding:9px 16px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;}
.snt-btn-gold{background:var(--gold);color:var(--navy);} .snt-btn-gold:hover{filter:brightness(.95);}
.snt-btn-navy{background:var(--navy);color:#fff;}
.snt-btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--border);}
.snt-btn-red{background:#fee2e2;color:#b91c1c;}
.snt-btn[disabled]{opacity:.55;cursor:not-allowed;}
.snt-sec{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--navy);margin:20px 0 10px;display:flex;align-items:center;gap:8px;}
.snt-sec small{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;color:var(--muted);}
.snt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;}
.snt-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 2px 10px rgba(11,43,92,.05);display:flex;flex-direction:column;min-width:0;}
.snt-card.pinned{border-color:var(--gold);box-shadow:0 2px 14px rgba(245,166,35,.18);}
.snt-card-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;}
.snt-card-title{font-weight:700;font-size:14.5px;color:var(--navy);flex:1;min-width:0;word-wrap:break-word;}
.snt-meta{font-size:11.5px;color:var(--muted);margin-bottom:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.snt-tag{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.02em;}
.snt-tag-subj{background:#e0e9f8;color:var(--navy);}
.snt-tag-shared{background:#dcfce7;color:#166534;}
.snt-tag-private{background:#f1f5f9;color:#475569;}
.snt-tag-pin{background:#fef3c7;color:#92400e;}
.snt-body{font-size:13.5px;line-height:1.6;color:#1e293b;overflow:hidden;position:relative;word-wrap:break-word;}
.snt-body.clamp{max-height:230px;}
.snt-body.clamp::after{content:'';position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(rgba(255,255,255,0),#fff);}
.snt-body h4{font-size:14px;margin:10px 0 4px;color:var(--navy);}
.snt-body h5{font-size:12px;margin:8px 0 4px;color:var(--navy);text-transform:uppercase;letter-spacing:.06em;}
.snt-body ul,.snt-body ol{padding-left:20px;margin:4px 0;}
.snt-body p{margin:0 0 8px;}
.snt-body code{background:var(--off);padding:1px 5px;border-radius:5px;font-size:12.5px;}
.snt-body a{color:var(--navy);text-decoration:underline;}
.snt-body .katex-display{overflow-x:auto;overflow-y:hidden;padding:2px 0;}
.snt-more{background:none;border:none;color:var(--navy);font-weight:700;font-size:12px;cursor:pointer;padding:6px 0 0;text-align:left;font-family:'DM Sans',sans-serif;}
.snt-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.snt-file{display:inline-flex;align-items:center;gap:5px;max-width:100%;background:var(--off);border:1px solid var(--border);border-radius:8px;padding:5px 9px;font-size:12px;color:var(--navy);cursor:pointer;font-family:'DM Sans',sans-serif;}
.snt-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;}
.snt-file:hover{border-color:var(--gold);}
.snt-file .x{color:#b91c1c;font-weight:800;margin-left:3px;}
.snt-actions{display:flex;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);}
.snt-actions button{background:none;border:none;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;color:var(--navy);cursor:pointer;padding:3px 6px;border-radius:6px;}
.snt-actions button:hover{background:var(--off);}
.snt-empty{text-align:center;color:var(--muted);padding:34px 16px;background:#fff;border:1.5px dashed var(--border);border-radius:14px;font-size:13px;}
.snt-empty b{display:block;font-size:26px;margin-bottom:6px;}
.snt-ov{position:fixed;inset:0;background:rgba(7,29,64,.55);z-index:9000;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:30px 12px;}
.snt-ov.open{display:flex;}
body.snt-lock{overflow:hidden;}
body.snt-lock .toasts{z-index:9500;}
.snt-modal{background:#fff;border-radius:18px;width:680px;max-width:100%;padding:24px 24px 20px;box-shadow:0 24px 64px rgba(11,43,92,.25);}
.snt-modal h3{font-family:'Fraunces',serif;font-size:20px;color:var(--navy);margin:0 0 2px;}
.snt-lbl{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 5px;}
.snt-modal .snt-in,.snt-modal .snt-sel,.snt-modal textarea{width:100%;box-sizing:border-box;}
.snt-modal textarea{border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-family:'DM Sans',sans-serif;font-size:13.5px;line-height:1.55;color:var(--navy);outline:none;min-height:180px;resize:vertical;}
.snt-modal textarea:focus{border-color:var(--gold);}
.snt-seg{display:flex;gap:6px;flex-wrap:wrap;}
.snt-seg button{flex:1;min-width:180px;border:1.5px solid var(--border);background:#fff;border-radius:10px;padding:9px 10px;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:600;color:var(--navy);cursor:pointer;text-align:left;}
.snt-seg button small{display:block;font-weight:500;color:var(--muted);font-size:11px;margin-top:2px;}
.snt-seg button.on{border-color:var(--navy);background:#eef3fb;}
.snt-hint{font-size:11.5px;color:var(--muted);margin-top:6px;}
.snt-prev{border:1px dashed var(--border);border-radius:10px;padding:10px 12px;background:#fbfcfe;min-height:36px;max-height:260px;overflow:auto;}
.snt-foot{display:flex;gap:8px;align-items:center;margin-top:18px;flex-wrap:wrap;}
.snt-foot .sp{flex:1;}
.snt-chk{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--navy);margin-top:12px;cursor:pointer;}
@media (max-width:600px){
  .snt-grid{grid-template-columns:1fr;}
  .snt-modal{padding:18px 16px 16px;}
  .snt-seg button{min-width:0;}
}