/* ============================================================
   CUSTOMER CONSOLE · NOTES module css
   ============================================================ */

/* ============ NOTES ============ */
.nt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.nt-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:13px 14px;position:relative;transition:.15s;cursor:pointer;overflow:hidden}
.nt-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.16);border-color:var(--border-2)}
.nt-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.nt-card.c1::before{background:linear-gradient(90deg,var(--gold),#de911d)}
.nt-card.c2::before{background:linear-gradient(90deg,#10b981,#34d399)}
.nt-card.c3::before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.nt-card.c4::before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}
.nt-card .pin{position:absolute;top:9px;right:10px;font-size:12px;cursor:pointer;opacity:.5;transition:.13s}
.nt-card .pin.on{opacity:1;transform:rotate(-20deg)}
.nt-card b{font-size:13.5px;display:block;padding-right:22px}
.nt-card p{font-size:12px;color:var(--muted);line-height:1.55;margin-top:6px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.nt-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.nt-tag{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted)}
.nt-time{font-size:10px;color:var(--dim);margin-top:8px;display:flex;justify-content:space-between;align-items:center}
.nt-time .del{cursor:pointer;opacity:0;transition:.13s}
.nt-card:hover .del{opacity:1}
.nt-edit textarea{width:100%;min-height:90px;resize:vertical;font-size:13px;line-height:1.5}