/* Extra styles for the unified pages (/app/new, /app/posts/:id, /app/settings). Builds on site.css. */
.cards { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.acct { display: flex; flex-direction: column; gap: 12px; }
.acct-head { display: flex; align-items: center; gap: 10px; }
.acct-head h3 { margin: 0; }
.acct-id { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.acct-id .avatar { width: 40px; height: 40px; }
.acct .actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.brand-yt { color: #cc0000; font-weight: 700; }
.brand-ig { color: #c13584; font-weight: 700; }
.brand-tt { color: var(--ink); font-weight: 700; }
.plat-picks { display: flex; flex-wrap: wrap; gap: 10px; }
.plat-picks label { display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; cursor: pointer; }
.plat-picks label.off { opacity: .55; cursor: not-allowed; }
.plat-panel { border: 1px solid var(--line); border-radius: 12px; padding: 16px; margin-top: 16px; }
.plat-panel > h3 { margin-top: 0; display: flex; align-items: center; gap: 8px; }
.radio-row { display: flex; flex-wrap: wrap; gap: 14px; }
.radio-row label { display: flex; align-items: center; gap: 6px; }
input[type="text"], input[type="number"] { width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; font: inherit; background: var(--paper); color: var(--ink); }
input[type="number"] { max-width: 160px; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.chip { background: var(--wash); border: 1px solid var(--line); border-radius: 999px; padding: 2px 10px; font-size: .85rem; }
.problems { margin: 0; padding-left: 18px; }
.problems li { margin: 4px 0; }
.target-list { display: grid; gap: 12px; }
.target { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; display: grid; gap: 8px; }
.target .row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.target .actions { display: flex; gap: 8px; }
.pill.warn { background: #fff7e6; color: #92400e; }
.pill.err { background: #fef2f2; color: var(--err); }
.pill.run { background: #eff6ff; color: #1d4ed8; }
.danger-zone { border-color: #fecaca; }
@media (max-width: 860px) {
  .cards { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .plat-picks label { flex: 1 1 100%; }
  .target .row { align-items: flex-start; }
}