/* Event Bucket staff dashboard: Slides panel (eb-slides-admin.js).
   Uses the Almanac tokens from eb-admin-layout1.css, with fallbacks so the
   panel still reads well on a board without the Almanac layer. */
.ebs { --ebs-ink: var(--eb-ink, #14213D); --ebs-muted: var(--eb-muted, #4F5D78); --ebs-line: var(--eb-line, #DDE3EE);
  --ebs-wash: var(--eb-wash, #EEF2F8); --ebs-surface: var(--eb-surface, #FFFFFF); --ebs-event: var(--eb-event, #2350E0);
  --ebs-radius: var(--eb-radius, 12px); --ebs-radius-sm: var(--eb-radius-sm, 8px); }
.ebs .ebs-card { padding: 20px; margin: 0 0 28px; }
.ebs .ebs-card > .l1-help { max-width: 78ch; margin: 6px 0 16px; }

.ebs .ebs-drop { position: relative; display: grid; gap: 4px; place-items: center; text-align: center; padding: 28px 16px;
  border: 2px dashed var(--ebs-line); border-radius: var(--ebs-radius); background: var(--ebs-wash); cursor: pointer; }
.ebs .ebs-drop:hover, .ebs .ebs-drop.is-over { border-color: var(--ebs-event); }
.ebs .ebs-drop:focus-within { outline: 3px solid var(--ebs-event); outline-offset: 2px; }
.ebs .ebs-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.ebs .ebs-drop-main { font-weight: 700; font-size: 1.0625rem; color: var(--ebs-event); }
.ebs .ebs-drop-sub { font-size: 0.875rem; color: var(--ebs-muted); }

.ebs .ebs-note { margin: 12px 0 0; font-size: 0.9375rem; line-height: 1.45; color: var(--ebs-ink); }
.ebs .ebs-note:empty { display: none; }
.ebs-note-warn { padding: 12px 14px; border-radius: var(--ebs-radius-sm, 8px); background: var(--eb-notice-wash, #FFF4DB); color: var(--eb-ink, #14213D); }
.ebs-note-ok { padding: 12px 14px; border-radius: var(--ebs-radius-sm, 8px); background: var(--eb-civic-wash, #E3F4EA); color: var(--eb-ink, #14213D); }

.ebs .ebs-review { margin-top: 20px; border-top: 1.5px solid var(--ebs-line); padding-top: 20px; }
.ebs .ebs-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; align-items: end; }
.ebs .ebs-fields .l1-field input, .ebs .ebs-fields .l1-field select { min-width: 0; width: 100%; }
.ebs .ebs-f-title { grid-column: 1 / -1; }
.ebs-opt { font-weight: 400; color: var(--eb-muted, #4F5D78); }
.ebs #ebsCount { margin: 14px 0 0; }

.ebs .ebs-pick { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.ebs .ebs-pick-item label { display: grid; gap: 6px; cursor: pointer; position: relative; }
.ebs .ebs-pick-item img { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #0E1A3F; border-radius: var(--ebs-radius-sm);
  box-shadow: inset 0 0 0 1.5px var(--ebs-line); outline: 3px solid var(--ebs-event); outline-offset: -3px; }
.ebs .ebs-pick-item input { position: absolute; top: 8px; left: 8px; width: 22px; height: 22px; accent-color: var(--ebs-event); }
.ebs .ebs-pick-item input:not(:checked) ~ img { outline-color: transparent; opacity: .4; }
.ebs .ebs-pick-item span { font-size: 0.8125rem; font-weight: 700; color: var(--ebs-muted); }
.ebs .ebs-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }

.ebs .ebs-decks > .l1-section-title { margin: 0 0 12px; }
.ebs .ebs-list { display: grid; gap: 16px; }
.ebs .ebs-deck { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 16px;
  background: var(--ebs-surface); border-radius: var(--ebs-radius); box-shadow: var(--eb-card-shadow, none), inset 0 0 0 1.5px var(--ebs-line); }
.ebs .ebs-deck[aria-busy="true"] { opacity: .7; }
.ebs .ebs-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.ebs .ebs-strip img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 4px; background: var(--ebs-wash); display: block; }
.ebs .ebs-more { display: grid; place-items: center; aspect-ratio: 16 / 9; border-radius: 4px; background: var(--ebs-wash); color: var(--ebs-muted); font-weight: 700; font-size: 0.875rem; }
.ebs .ebs-deck-title { font-size: 1.25rem; line-height: 1.3; font-weight: 700; color: var(--ebs-ink); margin: 8px 0 4px; overflow-wrap: anywhere; }
.ebs .ebs-deck .l1-help { margin: 0; }
.ebs .ebs-deck-acts { display: grid; gap: 8px; min-width: 128px; }
.ebs .ebs-danger { color: var(--eb-alert, #B42318) !important; }
@media (max-width: 900px) {
  .ebs .ebs-deck { grid-template-columns: 1fr; }
  .ebs .ebs-deck-acts { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
}

.ebs-dialog-wide { width: min(1100px, 94vw); max-width: none; }
.ebs-view { margin: 0; display: grid; gap: 8px; }
.ebs-view img { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #0E1A3F; border-radius: 8px; display: block; }
.ebs-view figcaption { font-size: 0.875rem; color: var(--eb-muted, #4F5D78); }
.ebs-edit { display: grid; gap: 14px; min-width: min(420px, 80vw); }
.ebs-edit .l1-field input, .ebs-edit .l1-field select { width: 100%; min-width: 0; }