/* /admin/posts — композер постов с кнопками + превью. */

.posts-legend {
  list-style: none; padding: 0; margin: .5rem 0 0;
  font-size: .8125rem; color: #475569; line-height: 1.6;
}
.posts-legend code {
  background: #f1f5f9; border-radius: 4px; padding: 0 .25rem; font-size: .8125rem;
}

.posts-grid {
  display: grid;
  gap: var(--space-3, 1rem);
  grid-template-columns: 1fr;
}
@media (min-width: 900px) {
  .posts-grid { grid-template-columns: 1.2fr .8fr; align-items: start; }
}

.posts-compose { display: flex; flex-direction: column; gap: .75rem; }
.posts-row { display: flex; gap: .625rem; flex-wrap: wrap; }
.posts-field { display: flex; flex-direction: column; gap: .25rem; flex: 1; min-width: 140px; }
.posts-label {
  font-size: .6875rem; color: #64748b; font-weight: 600;
  text-transform: uppercase; letter-spacing: .3px;
}
.posts-text { resize: vertical; font-family: inherit; line-height: 1.4; }

.posts-buttons-head {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
}
.posts-buttons { display: flex; flex-direction: column; gap: .5rem; }

.posts-btn-edit {
  border: 1px solid var(--border); border-radius: var(--radius-2, .5rem);
  padding: .5rem; background: #fafafa;
}
.posts-btn-edit__grid {
  display: grid; gap: .375rem; align-items: center;
  grid-template-columns: 1.4fr .8fr 1.4fr .9fr 1fr auto;
}
@media (max-width: 720px) {
  .posts-btn-edit__grid { grid-template-columns: 1fr 1fr; }
}
.posts-btn-edit__samerow { margin-top: .375rem; font-size: .75rem; }

.posts-opts { display: flex; gap: 1rem; flex-wrap: wrap; }
.posts-check {
  display: inline-flex; align-items: center; gap: .375rem;
  font-size: .8125rem; color: #334155;
}
.posts-actions { display: flex; gap: .5rem; }

/* ── Превью ── */
.posts-preview {
  border: 1px solid var(--border); border-radius: var(--radius-2, .5rem);
  background: #eef3f8; padding: .75rem; margin-top: .375rem;
}
.posts-preview__text {
  background: #fff; border-radius: 10px; padding: .625rem .75rem;
  font-size: .875rem; line-height: 1.45; color: #1a1a1a;
  white-space: pre-wrap; word-break: break-word;
}
.posts-preview__kb { display: flex; flex-direction: column; gap: .375rem; margin-top: .5rem; }
.posts-preview__row { display: flex; gap: .375rem; }
.posts-preview__btn {
  flex: 1; text-align: center; padding: .5rem .625rem; border-radius: 8px;
  background: #fff; color: #2b5278; font-weight: 600; font-size: .8125rem;
  border: 1px solid #d6e2ee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.posts-preview__btn--primary { background: #3390ec; color: #fff; border-color: #3390ec; }
.posts-preview__btn--success { background: #4dcd5e; color: #fff; border-color: #4dcd5e; }
.posts-preview__btn--danger  { background: #e53935; color: #fff; border-color: #e53935; }

/* Картинка */
.posts-imginput { padding: .375rem; }
.posts-img-opts { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-top: .375rem; }
.posts-img-note { font-size: .75rem; color: #64748b; }
.posts-img-note.is-warn { color: #a55400; font-weight: 600; }
.posts-preview__img {
  display: block; max-width: 100%; border-radius: 10px 10px 0 0;
  margin-bottom: -1px; object-fit: cover; max-height: 280px;
}