/* Admin > Jenggala Journal and Social Media Manager.
   Follows the existing admin panel language: flat surfaces, hairline borders,
   brass only where an action is primary. */

.journal-admin2146 { display: grid; gap: 22px; }

.journal-admin-head2146 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
  justify-content: space-between;
}

.journal-admin-head2146 h2 { margin: 6px 0 4px; }
.journal-admin-head2146 p { margin: 0; color: var(--ui-muted, #69635b); max-width: 60ch; }
.journal-admin-actions2146 { display: flex; gap: 8px; flex-wrap: wrap; }

.journal-stats2146 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

.journal-stats2146 > div {
  padding: 16px 18px;
  background: var(--ui-surface, #fffdf9);
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 10px;
}

.journal-stats2146 b { display: block; font-size: 1.6rem; font-family: var(--font-display, Georgia, serif); font-weight: 500; }
.journal-stats2146 span { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ui-muted, #69635b); }

/* ------------------------------------------------------------------ editor */

.journal-editor2146 {
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 12px;
  background: var(--ui-surface, #fffdf9);
  overflow: hidden;
}

.journal-editor-bar2146 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid var(--ui-border, #d9d1c5);
  background: var(--ui-paper, #fbf8f2);
}

.journal-tabs2146 { display: flex; gap: 4px; }

.journal-tabs2146 button {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 500;
  color: var(--ui-muted, #69635b);
}

.journal-tabs2146 button.is-active { background: var(--ui-espresso, #1b1815); color: var(--ui-paper, #fbf8f2); }

.journal-editor-actions2146 { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

.journal-status2146 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  border: 1px solid var(--ui-border, #d9d1c5);
  color: var(--ui-muted, #69635b);
}

.journal-status2146.is-published { border-color: #2f6b4a55; color: #2f6b4a; background: #2f6b4a10; }
.journal-status2146.is-draft { border-color: var(--ui-brass-soft, #c7ad7d); color: var(--ui-brass, #a88750); background: #a8875010; }
.journal-status2146.is-archived { color: #8a7f74; }

.journal-editor-grid2146,
.journal-preview-grid2146 { display: grid; gap: 24px; padding: 20px; }

.journal-editor-grid2146 { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: start; }
.journal-editor-main2146, .journal-editor-side2146 { display: grid; gap: 16px; align-content: start; }

.journal-field2146 span { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.journal-count2146 { color: var(--ui-muted, #69635b); font-size: .68rem; font-weight: 400; letter-spacing: 0; text-transform: none; }

.journal-field2146 textarea { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .88rem; line-height: 1.7; }
.journal-field2146 small { white-space: pre-line; line-height: 1.6; }

.journal-slug-row2146 { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }

.journal-image2146 .journal-image-empty2146 { font-size: .78rem; color: var(--ui-muted, #69635b); }

.journal-gallery-editor2146 {
  border: 1px dashed var(--ui-border, #d9d1c5);
  border-radius: 10px;
  padding: 14px;
  display: grid;
  gap: 14px;
}

.journal-gallery-head2146 { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.journal-gallery-item2146 { display: grid; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--ui-border, #d9d1c5); }
.journal-gallery-item2146:last-child { border-bottom: 0; padding-bottom: 0; }

.journal-checklist2146,
.journal-links-hint2146 {
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 10px;
  padding: 16px;
  background: var(--ui-paper, #fbf8f2);
}

.journal-checklist2146 ul, .journal-links-hint2146 ul { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.journal-checklist2146 li { display: flex; gap: 10px; align-items: flex-start; font-size: .84rem; line-height: 1.5; }
.journal-checklist2146 li.is-ok { color: #2f6b4a; }
.journal-checklist2146 li.is-todo { color: var(--ui-muted, #69635b); }
.journal-links-hint2146 p { margin: 8px 0 0; font-size: .84rem; color: var(--ui-muted, #69635b); }
.journal-links-hint2146 li { font-size: .82rem; line-height: 1.6; }
.journal-links-hint2146 code, .journal-row-copy2146 code {
  background: var(--ui-bg, #f6f2ea);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: .78rem;
}
.journal-links-hint2146 small { display: block; margin-top: 10px; color: var(--ui-muted, #69635b); }

/* ---------------------------------------------------------------- previews */

.journal-preview-grid2146 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.journal-preview-grid2146 h3 { margin: 0 0 12px; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ui-muted, #69635b); }
.journal-preview-body2146 { grid-column: 1 / -1; }

.journal-serp2146 {
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 10px;
  padding: 18px;
  background: #fff;
  font-family: arial, sans-serif;
}

.journal-serp-url2146 { display: block; font-size: .78rem; color: #4d5156; }
.journal-serp-title2146 { display: block; margin: 6px 0 4px; font-size: 1.18rem; font-weight: 400; color: #1a0dab; line-height: 1.3; }
.journal-serp-desc2146 { margin: 0; font-size: .87rem; line-height: 1.58; color: #4d5156; }
.journal-serp-note2146 { display: block; margin-top: 12px; font-family: var(--font-ui, Inter, sans-serif); font-size: .74rem; color: var(--ui-muted, #69635b); }

.journal-social-card2146 {
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  max-width: 500px;
}

.journal-social-image2146 {
  aspect-ratio: 1200 / 630;
  background: var(--ui-bg, #f6f2ea);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 12px;
  font-size: .8rem;
  color: var(--ui-muted, #69635b);
}

.journal-social-image2146 img { width: 100%; height: 100%; object-fit: cover; }
.journal-social-copy2146 { padding: 14px 16px; display: grid; gap: 6px; }
.journal-social-copy2146 small { font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ui-muted, #69635b); }
.journal-social-copy2146 b { font-size: .98rem; line-height: 1.35; }
.journal-social-copy2146 p { margin: 0; font-size: .84rem; line-height: 1.5; color: var(--ui-muted, #69635b); }

.journal-preview2146 {
  max-width: 44rem;
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 10px;
  padding: clamp(20px, 3vw, 36px);
  background: var(--ui-paper, #fbf8f2);
}

.journal-preview-empty2146 { color: var(--ui-muted, #69635b); font-size: .88rem; }

/* -------------------------------------------------------------------- list */

.journal-list2146 { display: grid; gap: 14px; }

.journal-list-filters2146 { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.journal-list-filters2146 input { flex: 1 1 240px; }
.journal-list-filters2146 span { font-size: .78rem; color: var(--ui-muted, #69635b); }
.journal-list-empty2146 { color: var(--ui-muted, #69635b); padding: 20px 0; }

.journal-rows2146 { display: grid; gap: 10px; }

.journal-row2146 {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 10px;
  background: var(--ui-surface, #fffdf9);
}

.journal-row-thumb2146 {
  width: 96px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 6px;
  background: var(--ui-bg, #f6f2ea);
  display: grid;
  place-items: center;
  color: var(--ui-muted, #69635b);
}

.journal-row-thumb2146 img { width: 100%; height: 100%; object-fit: cover; }
.journal-row-copy2146 h3 { margin: 6px 0 4px; font-size: 1rem; }
.journal-row-meta2146 { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: .72rem; color: var(--ui-muted, #69635b); }
.journal-row-actions2146 { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

/* ------------------------------------------------------- tools & analytics */

.journal-tools2146,
.journal-analytics2146 {
  border: 1px solid var(--ui-border, #d9d1c5);
  border-radius: 12px;
  padding: 20px;
  background: var(--ui-surface, #fffdf9);
  display: grid;
  gap: 14px;
}

.journal-tools2146 h3, .journal-analytics2146 h3 { margin: 0; }
.journal-tools2146 p { margin: 0; color: var(--ui-muted, #69635b); line-height: 1.7; max-width: 80ch; }
.journal-tools-actions2146 { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.journal-sitemap2146 { width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .76rem; }

.journal-analytics-grid2146 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 20px; }
.journal-analytics-grid2146 ol, .journal-analytics-grid2146 ul { margin: 10px 0 0; padding-left: 1.2em; display: grid; gap: 6px; font-size: .86rem; line-height: 1.5; }
.journal-analytics-grid2146 p { margin: 8px 0 0; color: var(--ui-muted, #69635b); font-size: .86rem; }
.journal-analytics2146 > small { color: var(--ui-muted, #69635b); }

/* ------------------------------------------------------- social manager */

.social-manager2146 .social-note2146 { margin: 0 0 12px; color: var(--ui-muted, #69635b); font-size: .86rem; line-height: 1.6; max-width: 80ch; }
.social-toggle2146 > span { display: flex; align-items: center; gap: 10px; }
.social-toggle2146 input { width: auto; }

.social-posts2146 {
  border: 1px dashed var(--ui-border, #d9d1c5);
  border-radius: 10px;
  padding: 14px;
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.social-posts-head2146 { display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.social-post-row2146 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 10px;
  align-items: end;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--ui-border, #d9d1c5);
}

.social-post-row2146:last-child { border-bottom: 0; padding-bottom: 0; }
.social-post-actions2146 { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.social-post-thumb2146 { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; }

.social-hours-row2146 {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 120px) minmax(0, 120px) auto;
  gap: 10px;
  align-items: end;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ui-border, #d9d1c5);
}

.social-hours-row2146:last-child { border-bottom: 0; padding-bottom: 0; }
.social-days2146 { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.social-days2146 label { display: flex; align-items: center; gap: 5px; font-size: .78rem; }
.social-days2146 input { width: auto; }

.social-map-preview2146 { aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; border: 1px solid var(--ui-border, #d9d1c5); margin-top: 14px; }
.social-map-preview2146 iframe { width: 100%; height: 100%; border: 0; }

.social-live2146 { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-top: 14px; }
.social-live2146 small { color: var(--ui-muted, #69635b); }

/* ---------------------------------------- media library metadata upgrade */

.media-card-body .media-seo2146 { display: grid; gap: 6px; margin-top: 6px; }
.media-card-body .media-seo2146 textarea { font-size: .8rem; min-height: 54px; }

@media (max-width: 1100px) {
  .journal-editor-grid2146 { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .journal-row2146 { grid-template-columns: 72px minmax(0, 1fr); }
  .journal-row-thumb2146 { width: 72px; }
  .journal-row-actions2146 { grid-column: 1 / -1; justify-content: flex-start; }
  .social-hours-row2146 { grid-template-columns: 1fr; }
  .journal-slug-row2146 { grid-template-columns: 1fr; }
}