:root { color-scheme: dark; }
.note-card { background-color: #111827; color: #E5E7EB; border: 1px solid #1F2937; }
.note-card .card-title { color: #F9FAFB; }
.badge.text-bg-secondary { background-color: #374151; color: #E5E7EB; }
.note-meta { opacity: .8; }
.note-body { white-space: pre-wrap; }
.note-body--clamp { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.note-fade { position: relative; }
.note-fade::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2.25rem; background: linear-gradient(to bottom, rgba(17,24,39,0), rgba(17,24,39,1)); pointer-events: none; }
.note-actions .btn-link { text-decoration: none; }
.att-chip { display: inline-flex; align-items: center; gap: .35rem; border: 1px solid #334155; background: #0B1220; color: #E5E7EB; padding: .25rem .5rem; border-radius: 999px; }
.att-link { color: inherit; display: inline-flex; align-items: center; text-decoration:none; }
.att-link:hover { text-decoration: underline; }
.att-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.att-size { opacity: .7; }
.i { opacity: .9; } .i-pdf { color: #F87171; } .i-doc { color: #60A5FA; } .i-xls { color: #34D399; } .i-ppt { color: #F59E0B; } .i-zip { color: #EAB308; } .i-img { color: #93C5FD; } .i-aud { color: #A78BFA; } .i-vid { color: #F472B6; }
.skeleton { position: relative; overflow: hidden; } .s-ttl { height: 18px; background:#1f2937; border-radius:4px; width:60%; margin-bottom:10px; } .s-line { height: 12px; background:#1f2937; border-radius:4px; margin:8px 0; } .s-line.short { width:70%; } .skeleton::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); animation: sh 1.2s infinite; } @keyframes sh { 100% { transform: translateX(100%); } }
#noteFullModal .modal-body { white-space: pre-wrap; }