/* Documents and notes on the dashboard */
.write-home { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: 18px; align-items: start; }
.write-row { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); }
.write-card { color: inherit; text-decoration: none; }
.write-card .paper { position: relative; display: flex; flex-direction: column; gap: 4px; width: 54px; height: 70px; margin: 3px auto 11px 4px; padding: 8px 7px; background: #fff; border: 1.5px solid var(--ink); border-radius: 3px; box-shadow: 3px 3px 0 var(--paper2); transition: transform 0.15s, box-shadow 0.15s; overflow: hidden; }
.write-card:hover .paper { transform: rotate(-2deg) translateY(-2px); box-shadow: 4px 4px 0 var(--ink); }
.write-card .paper i { display: block; height: 2px; border-radius: 2px; background: #b9b1a1; flex: none; }
.write-card .paper i.l { width: 100%; }
.write-card .paper i.m { width: 78%; }
.write-card .paper i.s { width: 55%; }
.write-card .paper i.xs { width: 38%; }
.write-card .paper i.c { margin: 0 auto; }
.write-card .paper i.h { height: 5px; width: 70%; background: var(--ink); margin-bottom: 2px; }
.write-card .paper i.h2 { height: 3px; width: 46%; background: var(--ink); margin-top: 2px; }
.write-card .paper i.tbl { height: 12px; width: 100%; background: none; border: 1px solid #b9b1a1; border-radius: 1px; background-image: linear-gradient(90deg, transparent 32%, #b9b1a1 32%, #b9b1a1 36%, transparent 36%, transparent 66%, #b9b1a1 66%, #b9b1a1 70%, transparent 70%), linear-gradient(transparent 45%, #b9b1a1 45%, #b9b1a1 55%, transparent 55%); }
.write-card .paper i.ck { height: 5px; width: 80%; background: linear-gradient(90deg, var(--ink) 0 5px, transparent 5px 9px, #b9b1a1 9px); border-radius: 1px; }
.write-card .paper b.gap { height: 3px; flex: none; }
.write-card .paper em { margin: auto; font: 400 28px/1 var(--serif); font-style: normal; color: var(--mute); }
.write-card:nth-child(3n+1):hover .paper { background: #fff8db; }
.write-card:nth-child(3n+2):hover .paper { background: #ffeee6; }
.write-card:nth-child(3n):hover .paper { background: #eaf0ff; }
.write-card .paper.sticky { background: #fff1b8; border-color: var(--ink); padding-top: 12px; gap: 7px; }
.write-card.note:hover .paper.sticky { background: #ffe680; }

.quick-note { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 16px; background: #fff6cf; border: 1.5px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.quick-note label { font: 600 17px var(--serif); letter-spacing: -0.01em; }
.quick-note textarea { width: 100%; min-height: 64px; resize: vertical; border: 1px solid rgba(21, 21, 21, 0.18); border-radius: 10px; padding: 9px 11px; background: rgba(255, 255, 255, 0.75); outline: none; font: inherit; line-height: 1.45; }
.quick-note textarea:focus { border-color: var(--ink); background: #fff; }
.qn-foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.qn-foot .tiny { flex: 1 1 100%; margin: 0; }
.qn-foot .btn { height: 36px; margin-left: auto; }

.d-badge.doc { background: #2f5bea; }
.sec-link { font-size: 14px; color: var(--ink2); border-bottom: 1px solid var(--line); cursor: pointer; }
.sec-link:hover { color: var(--ink); border-color: var(--ink); }

@media (max-width: 1100px) {
  .write-home { grid-template-columns: 1fr; }
}