/* style.css - colorful pastel grid */
.unsent-form-wrap { max-width:760px; margin:18px auto; padding:16px; background:#fff; border-radius:8px; box-shadow:0 1px 6px rgba(0,0,0,0.06); }
.unsent-field { margin-bottom:12px; }
.unsent-field label { display:block; font-weight:600; margin-bottom:6px; }
.unsent-field input[type=text], .unsent-field textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:6px; }
.unsent-color-picks { display:flex; gap:8px; flex-wrap:wrap; }
.unsent-color-label { width:36px; height:36px; display:inline-block; border-radius:6px; cursor:pointer; border:2px solid rgba(0,0,0,0.06); position:relative; }
.unsent-color-label input { position:absolute; opacity:0; width:100%; height:100%; left:0; top:0; cursor:pointer; }
.unsent-btn { background:#2b8cff; color:#fff; border:none; padding:10px 14px; border-radius:6px; cursor:pointer; }
.unsent-form-msg { margin-top:10px; }
.unsent-gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:900px){ .unsent-gallery-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .unsent-gallery-grid { grid-template-columns:repeat(1,1fr); } }
.unsent-card { padding:14px; border-radius:8px; min-height:120px; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 2px 6px rgba(0,0,0,0.06); color:#111; }
.unsent-card .to { font-weight:700; margin-bottom:8px; }
.unsent-card .msg { font-size:15px; line-height:1.4; white-space:pre-wrap; }
.unsent-card .by { margin-top:10px; font-size:13px; color:rgba(0,0,0,0.6); }