/* ============= STAFF LAYOUT SHARED ============= */

.post-list {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
}

.sc-card {
  background: #24170d;
  border: 1px solid #c19a5b;
  padding: 18px;
  border-radius: 10px;
  box-shadow: 0 0 6px #000 inset;
  transition: 0.25s;
}

.sc-card:hover {
  background: #2e1f12;
  border-color: #e6c27a;
}

/* Status Badge */
.status-badge {
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 700;
  font-size: .82rem;
}

.status-badge.pub {
  background: #8aff6d;
  border: 1px solid #48c637;
  color: #000;
}

.status-badge.draft {
  background: #ffb37a;
  border: 1px solid #cc6b3c;
  color: #000;
}

/* ============================================= */
/* ============= POST EDITOR PAGE ============= */
/* ============================================= */

.post-editor .editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1.4fr);
  gap: 20px;
  margin-top: 24px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
  .post-editor .editor-grid {
    grid-template-columns: 1fr;
  }
}

/* Panels */
.editor-panel {
  background: #2a1b10;
  border: 1px solid #c19a5b;
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 0 12px #000 inset;
}

/* Inputs (Matches your screenshot!) */
.sc-input, 
.editor-panel input[type="text"],
.editor-panel textarea,
.editor-panel select {
  background: #1a120a;
  border: 1px solid #c9a36a;
  padding: 10px;
  color: #f5e4ba;
  border-radius: 8px;
  width: 100%;
  font-size: 15px;
  font-family: inherit;
}

.editor-panel input[type="text"]:focus,
.editor-panel textarea:focus {
  outline: none;
  border-color: #e6c27a;
  box-shadow: 0 0 5px #e6c27a;
}

.editor-panel textarea {
  min-height: 240px;
  resize: vertical;
}

/* Labels */
.field-label {
  font-weight: 700;
  color: #f3e0b4;
  margin-bottom: 4px;
  display: block;
}

/* Checkbox styled */
.inline-checkbox input[type="checkbox"] {
  accent-color: #c19a5b;
  transform: scale(1.3);
  margin-right: 6px;
}

/* File Input (Themed) */
.editor-panel input[type="file"] {
  border: 1px solid #5b3a22;
  padding: 6px;
  background: #1a1009;
  border-radius: 8px;
  color: #e5d5a3;
}

/* Buttons */
.editor-actions .btn,
.preview-panel .btn {
  background: #3b2413;
  border: 1px solid #c19a5b;
  color: #f5e4ba;
  padding: 8px 14px;
  border-radius: 6px;
}

.editor-actions .btn:hover {
  background: #523217;
  border-color: #e6c27a;
}

/* Cancel Ghost Button */
.btn.ghost {
  background: transparent;
  border: 1px solid #a07a52;
  color: #e5d5a3;
}
.btn.ghost:hover {
  background: #3a2917;
}

/* Delete Button */
.btn.danger {
  background: #812a1d;
  border-color: #d45d49;
}
.btn.danger:hover {
  background: #a33425;
}

/* Live Preview Styling */
.preview-card {
  background: #1d140b;
  border: 1px solid #a78453;
  padding: 12px;
  border-radius: 10px;
  max-height: 500px;
  overflow-y: auto;
  color: #eedcb6;
}
/* ============ FULL PREVIEW PAGE ============ */

.preview-page {
  max-width: 800px;
  margin: 0 auto;
}

/* ============ CONFIRMATION PAGES ============ */

.confirm-page {
  max-width: 700px;
  margin: 0 auto;
}

.confirm-card {
  background: #24170d;
  border: 1px solid #c19a5b;
  border-radius: 10px;
  padding: 16px 18px;
  box-shadow: 0 0 10px #000 inset;
}

.confirm-info {
  margin: 10px 0 14px;
  font-size: .9rem;
  opacity: .9;
}

.confirm-info div {
  margin-bottom: 4px;
}

.confirm-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

/* Buttons inside confirm cards */
.confirm-actions .btn {
  background: #3b2413;
  border: 1px solid #c19a5b;
  color: #f5e4ba;
  padding: 8px 14px;
  border-radius: 6px;
}

.confirm-actions .btn:hover {
  background: #523217;
  border-color: #e6c27a;
}
.centered-block {
  max-width: 900px;
  margin: 0 auto;
}
/* Limit styling ONLY to the blog editor & CP pages */
.post-editor input,
.post-editor textarea,
.post-editor select,
.post-editor button,
.sc-card input,
.sc-card textarea,
.sc-card select,
.sc-card button {
  background: #1a120a !important;
  border: 1px solid #c9a36a !important;
  color: #f5e4ba !important;
  font-family: inherit;
}