/* dashboard-announce.css */
/* "Send announcement" card styles (admin-only #announceBlock in
   dashboard.html). Extends dashboard.css — uses its :root tokens and
   .card/.btn vocabulary; only announcement-specific rules live here. */

#announceBlock .mini-head{margin:22px 0 12px}
#announceBlock .mini-head:first-of-type{margin-top:6px}

/* ---------- Compose form ---------- */
.ann-form{display:flex;flex-direction:column;gap:14px}
.ann-field{display:flex;flex-direction:column;gap:6px}
.ann-field label{font-size:13px;font-weight:600;color:var(--ink)}
.ann-field .ann-sub{font-size:12px;color:var(--faint);font-weight:400}
.ann-field input[type="text"],.ann-field input[type="url"],.ann-field textarea{
  width:100%;background:var(--panel);border:1px solid var(--line-2);
  border-radius:8px;color:var(--ink);font-family:var(--sans);font-size:14px;
  padding:10px 12px;outline:none;
}
.ann-field textarea{resize:vertical;min-height:120px;line-height:1.55}
.ann-field input:focus,.ann-field textarea:focus{border-color:var(--red)}
.ann-cta-row{display:grid;grid-template-columns:1fr 2fr;gap:14px}
@media (max-width:760px){.ann-cta-row{grid-template-columns:1fr}}

/* ---------- Actions ---------- */
.ann-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.ann-preview-hint{font-size:12.5px;color:var(--faint)}

/* ---------- Confirm-to-send ---------- */
.ann-send-zone{
  margin-top:18px;background:var(--bg-2);border:1px solid var(--line);
  border-radius:12px;padding:16px;
}
.ann-send-zone .confirm-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
.ann-send-row{display:flex;gap:10px;flex-wrap:wrap}
.ann-send-row input{
  flex:0 1 180px;background:var(--panel);border:1px solid var(--line-2);
  border-radius:8px;color:var(--ink);font-family:var(--mono);font-size:14px;
  letter-spacing:.08em;padding:10px 12px;outline:none;text-transform:uppercase;
}
.ann-send-row input:focus{border-color:var(--red)}

/* ---------- Inline status ---------- */
.ann-msg{font-size:13.5px;color:var(--green);margin-top:12px}
.ann-msg.err{color:var(--red-2)}