body.ops { font-family: Georgia, Times, serif; margin: 0; background: #f7f4ee; color: #222; }
.top { display: flex; gap: 1rem; align-items: center; padding: 1rem 1.5rem; background: #2f4a2f; color: #fff; }
.top a, .top .linkish { color: #fff; background: none; border: none; font: inherit; cursor: pointer; text-decoration: none; }
.brand { font-weight: bold; letter-spacing: 0.04em; }
.muted { color: #6b6b6b; }
main { padding: 1.5rem; max-width: 1100px; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.card { background: #fff; border: 1px solid #e2d8c4; padding: 1rem; }
.card h2 { margin: 0 0 0.4rem; font-size: 0.95rem; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { text-align: left; padding: 0.6rem 0.7rem; border-bottom: 1px solid #eee; }
.warn { color: #9a5b00; font-weight: bold; }
.halt { color: #9b1c1c; font-weight: bold; }
.flash { background: #f8d7da; padding: 0.6rem 1rem; }
.flash.notice { background: #dfeadd; color: #213d27; }
.preview-section { margin-top: 2rem; }
.preview-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 0.8rem; }
.preview-toolbar h2, .preview-toolbar p { margin: 0; }
.preview-toolbar p { margin-top: 0.35rem; }
.preview-open { flex: none; padding: 0.55rem 0.8rem; border: 1px solid #2f4a2f; color: #2f4a2f; text-decoration: none; }
.test-send-panel { margin-bottom: 1rem; padding: 1rem; background: #fff; border: 1px solid #d9cfbb; }
.test-send-form { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.test-send-form label { margin: 0; font-weight: bold; }
.test-send-form p { margin: 0.25rem 0 0; font-size: 0.9rem; }
.test-send-fields { display: flex; gap: 0.5rem; }
.test-send-fields input[type="email"] { width: 18rem; max-width: 100%; padding: 0.6rem 0.7rem; border: 1px solid #a9a08f; font: inherit; }
.test-send-fields input[type="submit"] { padding: 0.6rem 0.85rem; border: 1px solid #2f4a2f; background: #2f4a2f; color: #fff; font: inherit; cursor: pointer; }
.audience-send-panel { margin-bottom: 1rem; padding: 1.2rem; background: #fff8f6; border: 1px solid #c98f83; }
.audience-send-panel h2, .audience-send-panel .eyebrow { margin: 0; }
.audience-send-panel .eyebrow { color: #8b3025; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; }
.audience-send-panel h2 { margin-top: 0.25rem; }
.audience-send-form { display: flex; align-items: end; gap: 0.75rem; margin-top: 1rem; }
.audience-send-form label { font-weight: bold; }
.audience-send-form code { padding: 0.1rem 0.3rem; background: #f0ded9; }
.audience-send-form input[type="text"],
.audience-send-form input[type="datetime-local"] { width: 12rem; margin-top: 0.45rem; padding: 0.6rem 0.7rem; border: 1px solid #a65e51; font: inherit; }
.audience-send-form input[type="datetime-local"] { width: 16rem; }
.danger-button { padding: 0.6rem 0.85rem; border: 1px solid #8b3025; background: #8b3025; color: #fff; font: inherit; cursor: pointer; }
.facebook-panel { margin: 2rem 0; padding: 1.2rem; background: #f4f7f2; border: 1px solid #9aaf91; }
.facebook-panel h2, .facebook-panel .eyebrow { margin: 0; }
.facebook-panel .eyebrow { color: #2f4a2f; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; }
.facebook-panel h2 { margin-top: 0.25rem; }
.facebook-post { margin: 1rem 0; padding: 1rem; background: #fff; border: 1px solid #d5dece; }
.facebook-post h3 { margin: 0.2rem 0 0.35rem; font-size: 1.05rem; }
.facebook-copy { white-space: pre-wrap; margin: 0.6rem 0; font: inherit; }
.facebook-card { margin: 0.8rem 0 1rem; padding: 0; }
.facebook-card img { display: block; width: 100%; max-width: 22rem; height: auto; border: 1px solid #1c1915; background: #111; }
.facebook-edit-form textarea { width: 100%; max-width: 48rem; }
.facebook-edit-form input[type="submit"],
.facebook-button { margin-top: 0.6rem; padding: 0.55rem 0.8rem; border: 1px solid #2f4a2f; background: #2f4a2f; color: #fff; font: inherit; cursor: pointer; }
.facebook-publish-form { display: flex; align-items: end; gap: 0.75rem; margin-top: 1rem; }
.facebook-publish-form label { font-weight: bold; }
.facebook-publish-form code { padding: 0.1rem 0.3rem; background: #dfeadd; }
.facebook-publish-form input[type="text"] { width: 12rem; margin-top: 0.45rem; padding: 0.6rem 0.7rem; border: 1px solid #2f4a2f; font: inherit; }
.audience-send-panel progress { width: 100%; accent-color: #2f4a2f; }
.preview-stage { padding: 1.25rem; overflow: hidden; background: #d8d3c8; border: 1px solid #c8c0b2; }
.preview { display: block; width: 100%; min-height: 1400px; border: 0; background: #ede6d6; }
@media (max-width: 640px) {
  .preview-toolbar { align-items: start; flex-direction: column; }
  .test-send-form, .test-send-fields, .audience-send-form { align-items: stretch; flex-direction: column; }
  .test-send-fields input[type="email"] { width: auto; }
  .audience-send-form input[type="text"],
  .audience-send-form input[type="datetime-local"] { width: auto; }
  .facebook-publish-form { align-items: stretch; flex-direction: column; }
  .facebook-publish-form input[type="text"] { width: auto; }
  .preview-stage { padding: 0; }
}
label { display: block; margin-bottom: 0.4rem; }
input[type="password"] { font-size: 1rem; padding: 0.4rem; }
.top nav, .top { flex-wrap: wrap; }
.status { display: inline-block; padding: 0.1rem 0.4rem; background: #eee8da; font-size: 0.85rem; }
.status-brief-ready { background: #dfeadd; }
.status-sent-to-outrank { background: #d9e4f0; }
.status-published { background: #cfe6d4; }
.status-rejected { background: #f0ded9; }
.inline-form { display: flex; gap: 0.5rem; align-items: center; margin-top: 0.6rem; }
.inline-form input[type="text"] { flex: 1; padding: 0.45rem 0.6rem; border: 1px solid #a9a08f; font: inherit; }
textarea, input[type="text"] { width: 100%; max-width: 48rem; padding: 0.55rem 0.65rem; border: 1px solid #a9a08f; font: inherit; }
textarea { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92rem; }
.card input[type="submit"] { margin-top: 0.8rem; padding: 0.55rem 0.8rem; border: 1px solid #2f4a2f; background: #2f4a2f; color: #fff; font: inherit; cursor: pointer; }