/* Movie Sections page (shared master: /_shared/movie-sections.css). Each bar's page sets
   --ms-accent (buttons), --ms-accent-text and --ms-card (panel tint) to match its look. */
.ms-wrap, .ms-wrap * { box-sizing: border-box; }
.ms-wrap { max-width: 640px; margin: 0 auto; padding: 0 16px 60px; }
.ms-desc { margin: 20px 0 0; line-height: 1.5; text-align: center; opacity: .95; }
.ms-card { background: var(--ms-card, rgba(0,0,0,.25)); border: 2px solid rgba(255,255,255,.28); border-radius: 12px; padding: 18px; margin-top: 22px; }
.ms-card h2 { margin: 0 0 12px; font-size: 1.25em; letter-spacing: .04em; }
.ms-card label { display: block; font-weight: 700; margin: 14px 0 6px; }
.ms-card label.ms-check { display: flex; gap: 10px; align-items: center; }
.ms-card label.ms-check input { width: 22px; height: 22px; }
.ms-card input[type=text], .ms-card input[type=search], .ms-card select {
  width: 100%; padding: 12px; border-radius: 8px; border: 1px solid #999; background: #fff; color: #111; font-family: inherit; font-size: 16px;
}
.ms-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.ms-row select { width: auto; flex: 1; min-width: 80px; }
.ms-btn, .ms-icon {
  flex-shrink: 0; padding: 9px 14px; border-radius: 8px; border: 0; cursor: pointer; font-family: inherit; font-weight: 700; font-size: .95em;
  background: var(--ms-accent, #444); color: var(--ms-accent-text, #fff);
}
.ms-btn.ms-on { background: transparent; color: inherit; border: 1px solid rgba(255,255,255,.6); }
.ms-btn.ms-secondary { background: transparent; color: inherit; border: 1px solid rgba(255,255,255,.6); }
.ms-btn.ms-danger { background: transparent; color: #ffb4a8; border: 1px solid #ffb4a8; }
.ms-icon { padding: 8px 11px; background: transparent; color: inherit; border: 1px solid rgba(255,255,255,.5); }
.ms-icon:disabled { opacity: .3; cursor: default; }
.ms-btn:disabled { opacity: .6; cursor: wait; }
.ms-list { list-style: none; margin: 0; padding: 0; }
.ms-list li { display: flex; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.ms-list li:last-child { border-bottom: 0; }
.ms-grow { flex: 1; min-width: 0; }
.ms-name { font-weight: 700; }
.ms-sub { font-size: .88em; opacity: .8; margin-top: 2px; }
.ms-live { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 10px; background: #fff; color: #222; font-size: .72em; font-weight: 700; vertical-align: middle; }
.ms-empty { opacity: .8; }
.ms-scroll { max-height: 420px; overflow-y: auto; margin-top: 8px; }
.ms-msg { margin-top: 10px; min-height: 1.2em; }
.ms-msg.err { color: #ffc9bd; }
.ms-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.ms-locked { text-align: center; margin-top: 30px; padding: 20px; background: rgba(0,0,0,.25); border-radius: 12px; }
.ms-locked a { color: inherit; }