/* Keep the original Nico identity; additions for the new editor only. */
.btn:not(.ghost):not(.danger), .bienv .bplay { background: #229ed9; }
.btn:not(.ghost):not(.danger):hover { background: #2fb0e8; }
.admin-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-header > .btn { min-height: 38px; padding: 8px 12px; font-size: 11px; }
.admin-layout { padding: 0 var(--gut); }
.admin-content, .editor-section { min-width: 0; }
.admhelp { padding: 0 0 16px; }
.admin-grid { border-top: 1px solid var(--line-soft); }
.admin-tile { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; width: 100%; padding: 18px 0; text-align: left; border-bottom: 1px solid var(--line-soft); }
.admin-tile:hover { background: var(--surface); }
.admin-tile b { font-size: 15px; font-weight: 600; }
.admin-tile p { grid-column: 1; color: var(--dim); font-size: 13px; margin-top: 4px; }
.admin-tile small { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--muted); font-size: 12px; }
.club-nav, .edit-tabs { display: flex; gap: 0; flex-wrap: wrap; border-bottom: 1px solid var(--line); margin-bottom: 20px; }
.club-nav button, .edit-tabs button { padding: 10px 12px; color: var(--muted); border-bottom: 2px solid transparent; font-size: 13px; }
.club-nav button[aria-current="true"], .edit-tabs button[aria-current="true"] { border-bottom-color: var(--gold); color: var(--text); }
.editor-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.editor-grid > .panel { padding-top: 0; }
.editor-back { padding: 0; margin: 0 0 20px; color: var(--muted); font-size: 13px; }
.editor-preview { align-self: start; border-left: 1px solid var(--line); padding-left: 22px; }
.editor-preview img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #000; }
.preview-content { padding: 16px 0; }
.preview-content small { color: var(--dim); font-family: var(--mono); font-size: 10px; }
.preview-content h3 { font-size: 18px; margin: 10px 0; }
.preview-content p { color: var(--muted); font-size: 13px; margin-bottom: 16px; white-space: pre-wrap; }
.preview-content .btn { width: 100%; pointer-events: none; }
.save-bar { border-top: 1px solid var(--line); padding-top: 16px; }
.editor-status { flex-basis: 100%; color: var(--dim); font-size: 12px; }
.save-bar .btn { flex: none; min-width: 0; }
.save-bar .danger { margin-left: auto; }
.imgbox > div:last-child { min-width: 0; }
.evidence-input { display: block; max-width: 100%; margin-top: 10px; font-size: 13px; }
.evidence-img { max-width: 180px; max-height: 140px; object-fit: contain; margin: 10px 0; }
.video-frame { width: 100%; aspect-ratio: 16 / 9; border: 0; }
.toast { max-width: calc(100vw - 32px); }
.preview-toggle { display: none; }
@media (min-width: 1200px) { .editor-grid { grid-template-columns: minmax(0, 1fr) 240px; gap: 30px; } }
@media (max-width: 1199px) {
  .preview-toggle { display: inline-flex; justify-self: start; }
  .editor-preview { display: none; padding-left: 0; border-left: 0; max-width: 360px; }
  .editor-preview.expanded { display: block; }
}
@media (max-width: 560px) {
  .admin-header { align-items: flex-start; }
  .admin-header h1 { font-size: 24px; }
  .admin-header p { font-size: 13px; }
  .admin-grid .admin-tile { grid-template-columns: minmax(0, 1fr); padding: 16px 0; }
  .admin-tile small { grid-column: 1; grid-row: auto; margin-top: 8px; }
  .arow2 { grid-template-columns: minmax(0, 1fr); }
  .admrow { flex-wrap: wrap; }
  .admrow .at { min-width: 140px; }
  .krow, .pr { flex-wrap: wrap; }
  .save-bar .danger { margin-left: 0; }
}
#fbSeg { flex-wrap: wrap; overflow: visible; }
@media (max-width: 560px) { .admin-header { flex-wrap: wrap; } }