#movieGroupHub {
    display: none;
    margin-bottom: 1rem;
}
#movieGroupHub.active {
    display: block;
}
.movie-hub-shell,
.movie-detail-body,
.movie-admin-shell {
    display: grid;
    gap: 1rem;
}
.movie-hub-hero,
.movie-detail-hero {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    min-height: 340px;
    background: linear-gradient(135deg, #090d16, #101727 48%, #171d2b);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 30px 70px rgba(5,10,25,.35);
}
.movie-hub-hero::before,
.movie-detail-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4,9,19,.95) 0%, rgba(4,9,19,.82) 32%, rgba(4,9,19,.3) 64%, rgba(4,9,19,.7) 100%);
    z-index: 1;
}
.movie-hub-hero.has-backdrop,
.movie-detail-hero.has-backdrop,
.movie-trailer-card,
.movie-episode-thumb,
.movie-card-cover,
.movie-detail-poster {
    background-size: cover;
    background-position: center;
}
.movie-hub-hero-content,
.movie-detail-content {
    position: relative;
    z-index: 2;
    min-height: inherit;
    padding: 1.4rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}
.movie-detail-content {
    align-items: flex-end;
}
.movie-hub-hero-main,
.movie-detail-main {
    max-width: min(100%, 720px);
}
.movie-detail-main h2,
.movie-hub-title {
    margin: 0 0 .45rem;
    color: #fff;
    font-size: clamp(1.8rem, 2.5vw, 2.9rem);
    line-height: 1.2;
}
.movie-hub-subtitle,
.movie-review-meta-line {
    color: rgba(255,255,255,.68);
    font-size: .9rem;
}
.movie-hub-overline {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem .72rem;
    background: rgba(255,255,255,.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    font-size: .82rem;
    margin-bottom: .85rem;
}
.movie-hub-description,
.movie-episode-desc,
.movie-review-body {
    color: rgba(255,255,255,.93);
    font-size: .96rem;
    line-height: 1.9;
}
.movie-hub-chips,
.movie-detail-chips,
.movie-inline-actions,
.movie-card-actions,
.movie-review-actions,
.movie-admin-actions,
.movie-detail-actions,
.movie-hub-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}
.movie-hub-chips,
.movie-detail-chips {
    margin-top: 1rem;
}
.movie-hub-actions,
.movie-detail-actions,
.movie-admin-actions {
    margin-top: 1rem;
}
.movie-chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .44rem .72rem;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: #fff;
    border: 1px solid rgba(255,255,255,.08);
    font-size: .82rem;
}
.movie-chip.light {
    background: #fff;
    color: #0f172a;
}
.movie-btn,
.movie-mini-btn,
.movie-card-cover,
.movie-watch-item,
.movie-trailer-card {
    cursor: pointer;
}
.movie-btn {
    border: 0;
    border-radius: 16px;
    padding: .88rem 1.08rem;
    font-size: .92rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.movie-btn:hover,
.movie-mini-btn:hover,
.movie-card:hover,
.movie-watch-item:hover,
.movie-trailer-card:hover {
    transform: translateY(-1px);
}
.movie-btn.primary {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: #fff;
    box-shadow: 0 14px 34px rgba(239,68,68,.28);
}
.movie-btn.secondary {
    background: rgba(255,255,255,.11);
    color: #fff;
    border: 1px solid rgba(255,255,255,.12);
}
.movie-btn.ghost {
    background: #fff;
    color: #0f172a;
}
.movie-btn.dark {
    background: #0b1220;
    color: #fff;
}
.movie-mini-btn {
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    color: #fff;
    border-radius: 13px;
    padding: .58rem .82rem;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    font-size: .82rem;
}
.movie-mini-btn.active {
    background: rgba(239,68,68,.14);
    border-color: rgba(239,68,68,.35);
}
.movie-mini-btn.danger {
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.2);
}
.movie-hub-summary,
.movie-panel,
.movie-admin-list-item,
.movie-watch-item,
.movie-episode-card,
.movie-review-card,
.movie-summary-card {
    background: #0f172a;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    color: #fff;
}
.movie-panel,
.movie-admin-list-item,
.movie-review-card,
.movie-watch-item,
.movie-episode-card {
    padding: 1rem;
}
.movie-hub-summary {
    min-width: 280px;
    max-width: 340px;
    padding: 1rem;
    backdrop-filter: blur(14px);
    background: rgba(15,23,42,.55);
}
.movie-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.movie-summary-grid.compact .movie-summary-card {
    min-height: 100px;
}
.movie-summary-card {
    padding: .85rem;
    background: rgba(255,255,255,.05);
}
.movie-summary-card span {
    color: rgba(255,255,255,.62);
    font-size: .82rem;
}
.movie-summary-card b {
    display: block;
    margin-top: .25rem;
    font-size: 1.08rem;
}
.movie-row-head,
.movie-episode-head,
.movie-review-head,
.movie-admin-header,
.movie-season-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}
.movie-row-title,
.movie-panel h3,
.movie-admin-header .movie-row-title {
    margin: 0;
    font-size: 1.14rem;
    font-weight: 900;
    color: #fff;
}
.movie-row-scroll,
.movie-trailer-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 230px);
    gap: .9rem;
    overflow-x: auto;
    padding-bottom: .25rem;
    scrollbar-width: thin;
}
.movie-trailer-row {
    grid-auto-columns: minmax(220px, 300px);
}
.movie-card {
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.movie-card-cover {
    appearance: none;
    border: 0;
    aspect-ratio: 16/9;
    background-color: #172033;
    position: relative;
    width: 100%;
}
.movie-card-cover::after,
.movie-episode-thumb::after,
.movie-trailer-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 55%;
    background: linear-gradient(180deg, transparent, rgba(4,9,19,.82));
}
.movie-card-topline,
.movie-trailer-badge {
    position: absolute;
    top: .8rem;
    inset-inline-end: .8rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    background: rgba(15,23,42,.75);
    color: #fff;
    padding: .3rem .55rem;
    font-size: .72rem;
}
.movie-card-body {
    padding: .9rem;
    display: grid;
    gap: .5rem;
    flex: 1;
}
.movie-card-title,
.movie-episode-title,
.movie-review-author,
.movie-review-title {
    font-weight: 800;
    line-height: 1.7;
    color: #fff;
}
.movie-card-meta,
.movie-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    color: rgba(255,255,255,.72);
    font-size: .82rem;
}
.movie-card-description {
    color: rgba(255,255,255,.82);
    line-height: 1.75;
    min-height: 56px;
    font-size: .88rem;
}
.movie-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    color: rgba(255,255,255,.72);
    font-size: .78rem;
}
.movie-rating-inline {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: #fbbf24;
    font-weight: 800;
}
.movie-detail-content {
    align-items: flex-end;
}
.movie-detail-poster {
    width: min(220px, 34vw);
    aspect-ratio: 2/3;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background-color: rgba(255,255,255,.06);
    box-shadow: 0 24px 44px rgba(0,0,0,.35);
    flex-shrink: 0;
}
.movie-info-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    gap: 1rem;
}
.movie-info-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}
.movie-info-list div {
    border-radius: 16px;
    padding: .9rem;
    background: rgba(255,255,255,.04);
}
.movie-info-list span {
    display: block;
    color: rgba(255,255,255,.6);
    margin-bottom: .25rem;
    font-size: .82rem;
}
.movie-info-list b {
    font-weight: 700;
    line-height: 1.8;
}
.movie-trailer-card {
    position: relative;
    aspect-ratio: 16/9;
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    background-color: #182335;
}
.movie-trailer-play {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.15);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.movie-season-block {
    display: grid;
    gap: .85rem;
    padding-top: .7rem;
    border-top: 1px solid rgba(255,255,255,.08);
}
.movie-season-block:first-of-type {
    border-top: 0;
    padding-top: 0;
}
.movie-season-header h4 {
    margin: 0 0 .2rem;
    color: #fff;
    font-size: 1rem;
}
.movie-season-header p {
    margin: 0;
    color: rgba(255,255,255,.66);
    font-size: .88rem;
}
.movie-episode-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}
.movie-episode-card {
    display: grid;
    gap: .85rem;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.movie-episode-thumb {
    position: relative;
    aspect-ratio: 16/9;
    border-radius: 18px;
    overflow: hidden;
    background-color: #182335;
}
.movie-episode-body {
    display: grid;
    gap: .7rem;
}
.movie-review-list,
.movie-admin-list,
.movie-watch-list,
.movie-reply-list {
    display: grid;
    gap: .85rem;
}
.movie-review-card.is-muted {
    opacity: .7;
}
.movie-review-title {
    margin-bottom: .3rem;
}
.movie-reply-list {
    margin-top: .7rem;
    padding-top: .7rem;
    border-top: 1px dashed rgba(255,255,255,.08);
}
.movie-reply-item {
    display: grid;
    gap: .2rem;
    padding: .7rem .85rem;
    border-radius: 15px;
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.9);
}
.movie-review-form,
.movie-admin-form {
    display: grid;
    gap: .9rem;
}
.movie-form-grid {
    display: grid;
    gap: .85rem;
}
.movie-form-grid.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.movie-form-grid.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.movie-review-form label,
.movie-admin-form label {
    display: grid;
    gap: .45rem;
    color: rgba(255,255,255,.86);
    font-size: .88rem;
}
.movie-review-form input,
.movie-review-form select,
.movie-review-form textarea,
.movie-admin-form input,
.movie-admin-form select,
.movie-admin-form textarea {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    color: #fff;
    padding: .78rem .88rem;
    font: inherit;
    box-sizing: border-box;
}
.movie-review-form textarea,
.movie-admin-form textarea {
    min-height: 110px;
    resize: vertical;
}
.movie-review-form select option,
.movie-admin-form select option {
    color: #111827;
}
.movie-inline-check {
    display: inline-flex !important;
    align-items: center;
    gap: .55rem;
}
.movie-inline-check input {
    width: auto;
}
.movie-detail-empty,
.movie-card-empty {
    color: rgba(255,255,255,.78);
    text-align: center;
    padding: 1.2rem;
}
.movie-empty-icon {
    font-size: 1.6rem;
    margin-bottom: .7rem;
    color: #f87171;
}
.movie-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(2,6,23,.76);
    backdrop-filter: blur(10px);
    z-index: 100000;
}
.movie-modal.active {
    display: flex;
}
.movie-modal-dialog {
    width: min(1120px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 26px;
    background: #050913;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 30px 80px rgba(0,0,0,.45);
    position: relative;
}
.movie-modal.wide .movie-modal-dialog {
    width: min(1360px, 100%);
}
.movie-modal-close {
    position: sticky;
    top: 14px;
    inset-inline-start: calc(100% - 64px);
    z-index: 20;
    margin: 14px 14px 0;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(15,23,42,.72);
    color: #fff;
}
.movie-watch-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    gap: 1rem;
    padding: 1rem;
}
.movie-watch-stage {
    display: grid;
    gap: 1rem;
}
.movie-player-shell {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    background: #000;
}
#movieWatchPlayer {
    display: block;
    width: 100%;
    max-height: 72vh;
    background: #000;
}
.movie-watch-sidebar {
    display: grid;
    gap: 1rem;
}
.movie-watch-item {
    border-radius: 18px;
    text-align: right;
    background: rgba(255,255,255,.04);
}
.movie-watch-item.active {
    border-color: rgba(239,68,68,.45);
    background: rgba(239,68,68,.1);
}
.movie-watch-progress {
    min-height: 44px;
    display: flex;
    align-items: center;
    color: rgba(255,255,255,.78);
}
.movie-admin-shell {
    padding: 1rem;
}
.movie-admin-header {
    margin-bottom: 1rem;
}
.movie-admin-list-item {
    background: rgba(255,255,255,.04);
}
.movie-hub-skeleton,
.movie-detail-skeleton {
    animation: moviePulse 1.4s ease infinite alternate;
}
@keyframes moviePulse {
    from { opacity: .55; }
    to { opacity: 1; }
}
@media (max-width: 1100px) {
    .movie-watch-layout,
    .movie-info-grid,
    .movie-detail-content,
    .movie-hub-hero-content {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: flex-start;
    }
    .movie-hub-summary,
    .movie-detail-poster {
        width: 100%;
        max-width: 360px;
    }
}
@media (max-width: 860px) {
    .movie-episode-grid,
    .movie-summary-grid,
    .movie-info-list,
    .movie-form-grid.cols-3,
    .movie-form-grid.cols-2 {
        grid-template-columns: 1fr;
    }
    .movie-row-scroll,
    .movie-trailer-row {
        grid-auto-columns: minmax(72vw, 82vw);
    }
    .movie-modal {
        padding: .4rem;
    }
    .movie-modal-dialog {
        max-height: calc(100vh - .8rem);
        border-radius: 18px;
    }
    .movie-hub-hero,
    .movie-detail-hero {
        min-height: 280px;
    }
}
@media (max-width: 560px) {
    .movie-hub-hero-content,
    .movie-detail-content,
    .movie-admin-shell,
    .movie-watch-layout,
    .movie-panel {
        padding: .9rem;
    }
    .movie-btn {
        width: 100%;
    }
    .movie-hub-actions,
    .movie-detail-actions {
        width: 100%;
    }
    .movie-detail-poster {
        max-width: 220px;
    }
}

.movie-upload-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 8px 0 14px;
    padding: 10px 12px;
    border: 1px dashed rgba(148, 163, 184, 0.35);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.22);
}

.movie-upload-file {
    min-width: 220px;
    max-width: 100%;
    color: #e5e7eb;
}

.movie-upload-status {
    font-size: 0.82rem;
    color: #cbd5e1;
}

.movie-admin-form .movie-upload-inline .movie-mini-btn {
    flex-shrink: 0;
}

@media (max-width: 720px) {
    .movie-upload-inline {
        flex-direction: column;
        align-items: stretch;
    }

    .movie-upload-file {
        min-width: 0;
        width: 100%;
    }
}


.movie-watch-party-panel{
  margin-top:1rem;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.movie-watch-party-members{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.75rem;
}
.movie-admin-analytics-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1rem;
  margin-bottom:1rem;
}

.movie-toolbar-panel{margin-bottom:12px}.movie-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.movie-discover-form{display:flex;gap:8px;align-items:center;flex:1;min-width:260px}.movie-discover-form input[type="search"]{flex:1;min-width:160px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff}.movie-chip-wrap{display:flex;gap:8px;flex-wrap:wrap}.movie-chip.clickable{cursor:pointer;border:none}.movie-row-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;overflow:visible}.movie-panel.soft{background:rgba(255,255,255,.04)}.movie-inline-actions.wrap{flex-wrap:wrap}.movie-admin-list-item.is-unread{outline:1px solid rgba(255,196,0,.35);background:rgba(255,196,0,.06)}
@media (max-width:768px){.movie-toolbar{align-items:stretch}.movie-discover-form{width:100%}.movie-row-grid{grid-template-columns:1fr}}


body.movie-group-mode #movieGroupHub,
body.movie-group-mode #movieGroupHub.active,
body.movie-group-mode #movieGroupHub .movie-hub-shell {
    display: block;
    background: transparent;
    color: #fff;
}

body.movie-group-mode #movieGroupHub {
    padding-bottom: 1rem;
}

body.movie-group-mode .movie-row-scroll,
body.movie-group-mode .movie-trailer-row,
body.movie-group-mode .movie-modal-dialog,
body.movie-group-mode .movie-watch-list,
body.movie-group-mode .movie-review-list,
body.movie-group-mode .movie-admin-list,
body.movie-group-mode .movie-watch-sidebar {
    scrollbar-width: thin;
    scrollbar-color: #334155 #0b1220;
}

body.movie-group-mode .movie-row-scroll::-webkit-scrollbar,
body.movie-group-mode .movie-trailer-row::-webkit-scrollbar,
body.movie-group-mode .movie-modal-dialog::-webkit-scrollbar,
body.movie-group-mode .movie-watch-list::-webkit-scrollbar,
body.movie-group-mode .movie-review-list::-webkit-scrollbar,
body.movie-group-mode .movie-admin-list::-webkit-scrollbar,
body.movie-group-mode .movie-watch-sidebar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #0b1220;
}

body.movie-group-mode .movie-row-scroll::-webkit-scrollbar-track,
body.movie-group-mode .movie-trailer-row::-webkit-scrollbar-track,
body.movie-group-mode .movie-modal-dialog::-webkit-scrollbar-track,
body.movie-group-mode .movie-watch-list::-webkit-scrollbar-track,
body.movie-group-mode .movie-review-list::-webkit-scrollbar-track,
body.movie-group-mode .movie-admin-list::-webkit-scrollbar-track,
body.movie-group-mode .movie-watch-sidebar::-webkit-scrollbar-track {
    background: #0b1220;
}

body.movie-group-mode .movie-row-scroll::-webkit-scrollbar-thumb,
body.movie-group-mode .movie-trailer-row::-webkit-scrollbar-thumb,
body.movie-group-mode .movie-modal-dialog::-webkit-scrollbar-thumb,
body.movie-group-mode .movie-watch-list::-webkit-scrollbar-thumb,
body.movie-group-mode .movie-review-list::-webkit-scrollbar-thumb,
body.movie-group-mode .movie-admin-list::-webkit-scrollbar-thumb,
body.movie-group-mode .movie-watch-sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #334155, #1e293b);
    border-radius: 999px;
    border: 2px solid #0b1220;
}

body.movie-group-mode .movie-toolbar-panel,
body.movie-group-mode .movie-panel,
body.movie-group-mode .movie-admin-list-item,
body.movie-group-mode .movie-watch-item,
body.movie-group-mode .movie-episode-card,
body.movie-group-mode .movie-review-card,
body.movie-group-mode .movie-summary-card,
body.movie-group-mode .movie-hub-summary {
    box-shadow: 0 20px 48px rgba(2,6,23,.34);
}

/* ===== Movie group dark chat refinements ===== */
html.movie-group-mode,
body.movie-group-mode {
    background: #050913 !important;
    color: #eef2ff !important;
}

html.movie-group-mode .group-chat-page-shell,
body.movie-group-mode .group-chat-page-shell,
html.movie-group-mode .group-chat-container,
body.movie-group-mode .group-chat-container,
html.movie-group-mode .chat-area,
body.movie-group-mode .chat-area,
html.movie-group-mode .chat-messages,
body.movie-group-mode .chat-messages,
html.movie-group-mode #chatMessages,
body.movie-group-mode #chatMessages,
html.movie-group-mode #chatMessagesContent,
body.movie-group-mode #chatMessagesContent,
html.movie-group-mode .chat-input-area,
body.movie-group-mode .chat-input-area,
html.movie-group-mode #chatInputArea,
body.movie-group-mode #chatInputArea,
html.movie-group-mode .composer-plus-inline-slot,
body.movie-group-mode .composer-plus-inline-slot {
    background: linear-gradient(180deg, rgba(5,9,19,0.99), rgba(8,17,31,0.99)) !important;
    color: #eef2ff !important;
}

html.movie-group-mode .group-chat-page-shell .chat-header-info,
html.movie-group-mode .group-chat-page-shell .chat-header-info h3,
html.movie-group-mode .group-chat-page-shell .chat-group-name-btn,
html.movie-group-mode .group-chat-page-shell .chat-group-name-static,
html.movie-group-mode .group-chat-page-shell .chat-group-name-line,
html.movie-group-mode .group-chat-page-shell .chat-group-name-line span,
body.movie-group-mode .group-chat-page-shell .chat-header-info,
body.movie-group-mode .group-chat-page-shell .chat-header-info h3,
body.movie-group-mode .group-chat-page-shell .chat-group-name-btn,
body.movie-group-mode .group-chat-page-shell .chat-group-name-static,
body.movie-group-mode .group-chat-page-shell .chat-group-name-line,
body.movie-group-mode .group-chat-page-shell .chat-group-name-line span {
    color: #f8fafc !important;
}

html.movie-group-mode .group-chat-page-shell .chat-group-name-line i,
body.movie-group-mode .group-chat-page-shell .chat-group-name-line i {
    color: #93c5fd !important;
}

html.movie-group-mode #movieGroupHub .movie-hub-shell,
body.movie-group-mode #movieGroupHub .movie-hub-shell {
    gap: 1.35rem !important;
}

html.movie-group-mode #movieGroupHub .movie-panel,
html.movie-group-mode #movieGroupHub .movie-hub-summary,
body.movie-group-mode #movieGroupHub .movie-panel,
body.movie-group-mode #movieGroupHub .movie-hub-summary {
    margin-bottom: 0.85rem !important;
}

html.movie-group-mode #movieGroupHub .movie-panel + .movie-panel,
html.movie-group-mode #movieGroupHub .movie-hub-summary + .movie-panel,
body.movie-group-mode #movieGroupHub .movie-panel + .movie-panel,
body.movie-group-mode #movieGroupHub .movie-hub-summary + .movie-panel {
    margin-top: 0.35rem !important;
}

html.movie-group-mode .group-chat-page-shell .message-item,
body.movie-group-mode .group-chat-page-shell .message-item {
    margin-bottom: 1.35rem !important;
}

html.movie-group-mode .group-chat-page-shell .message-content,
body.movie-group-mode .group-chat-page-shell .message-content {
    color: #e5eefc !important;
}

html.movie-group-mode .group-chat-page-shell .message-sender,
html.movie-group-mode .group-chat-page-shell .message-sender-link,
html.movie-group-mode .group-chat-page-shell .message-body,
html.movie-group-mode .group-chat-page-shell .message-body > div,
html.movie-group-mode .group-chat-page-shell .message-body > span,
html.movie-group-mode .group-chat-page-shell .message-body p,
body.movie-group-mode .group-chat-page-shell .message-sender,
body.movie-group-mode .group-chat-page-shell .message-sender-link,
body.movie-group-mode .group-chat-page-shell .message-body,
body.movie-group-mode .group-chat-page-shell .message-body > div,
body.movie-group-mode .group-chat-page-shell .message-body > span,
body.movie-group-mode .group-chat-page-shell .message-body p {
    color: #eef2ff !important;
}

html.movie-group-mode .group-chat-page-shell .message-body,
body.movie-group-mode .group-chat-page-shell .message-body {
    background: linear-gradient(180deg, rgba(15,23,42,0.98), rgba(8,18,32,0.98)) !important;
    border-color: rgba(148,163,184,0.16) !important;
    box-shadow: 0 16px 34px rgba(2,6,23,0.24) !important;
}

html.movie-group-mode .group-chat-page-shell .message-item.message-own .message-body,
html.movie-group-mode .group-chat-page-shell .message-body.message-own,
body.movie-group-mode .group-chat-page-shell .message-item.message-own .message-body,
body.movie-group-mode .group-chat-page-shell .message-body.message-own {
    background: linear-gradient(180deg, rgba(18,34,58,0.98), rgba(9,25,44,0.98)) !important;
    border-color: rgba(96,165,250,0.24) !important;
}

html.movie-group-mode .group-chat-page-shell .message-time,
body.movie-group-mode .group-chat-page-shell .message-time {
    background: rgba(15,23,42,0.9) !important;
    border-color: rgba(148,163,184,0.16) !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

html.movie-group-mode .group-chat-page-shell .group-chat-date-separator span,
body.movie-group-mode .group-chat-page-shell .group-chat-date-separator span {
    background: rgba(15,23,42,0.94) !important;
    border-color: rgba(148,163,184,0.16) !important;
    color: #cbd5e1 !important;
}

html.movie-group-mode .group-chat-page-shell .message-reply,
body.movie-group-mode .group-chat-page-shell .message-reply {
    background: rgba(30,41,59,0.75) !important;
    border-right-color: #60a5fa !important;
}

html.movie-group-mode .group-chat-page-shell .message-file,
body.movie-group-mode .group-chat-page-shell .message-file {
    background: linear-gradient(180deg, rgba(15,23,42,0.98), rgba(11,21,37,0.98)) !important;
    border-color: rgba(148,163,184,0.16) !important;
}

html.movie-group-mode .group-chat-page-shell .message-file-link,
html.movie-group-mode .group-chat-page-shell .message-file-download-btn,
body.movie-group-mode .group-chat-page-shell .message-file-link,
body.movie-group-mode .group-chat-page-shell .message-file-download-btn {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(148,163,184,0.16) !important;
    color: #eef2ff !important;
}

html.movie-group-mode .group-chat-page-shell .message-reactions,
body.movie-group-mode .group-chat-page-shell .message-reactions {
    background: transparent !important;
}

html.movie-group-mode .group-chat-page-shell .reaction-btn,
body.movie-group-mode .group-chat-page-shell .reaction-btn {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(148,163,184,0.16) !important;
    color: #dbeafe !important;
}

html.movie-group-mode .group-chat-page-shell .reaction-btn:hover,
body.movie-group-mode .group-chat-page-shell .reaction-btn:hover {
    background: rgba(96,165,250,0.12) !important;
}

html.movie-group-mode .group-chat-page-shell .reaction-count,
body.movie-group-mode .group-chat-page-shell .reaction-count {
    color: #e2e8f0 !important;
}

html.movie-group-mode .group-chat-page-shell .chat-input-area,
html.movie-group-mode .group-chat-page-shell .modern-composer,
html.movie-group-mode .group-chat-page-shell .input-wrapper,
html.movie-group-mode .group-chat-page-shell .chat-textarea,
html.movie-group-mode .group-chat-page-shell .reply-preview,
html.movie-group-mode .group-chat-page-shell .media-preview-box,
html.movie-group-mode .group-chat-page-shell .schedule-inline-panel,
body.movie-group-mode .group-chat-page-shell .chat-input-area,
body.movie-group-mode .group-chat-page-shell .modern-composer,
body.movie-group-mode .group-chat-page-shell .input-wrapper,
body.movie-group-mode .group-chat-page-shell .chat-textarea,
body.movie-group-mode .group-chat-page-shell .reply-preview,
body.movie-group-mode .group-chat-page-shell .media-preview-box,
body.movie-group-mode .group-chat-page-shell .schedule-inline-panel {
    background: linear-gradient(180deg, rgba(8,18,32,0.99), rgba(5,13,24,0.99)) !important;
    color: #eef2ff !important;
    border-color: rgba(148,163,184,0.16) !important;
}

html.movie-group-mode .group-chat-page-shell .chat-textarea,
html.movie-group-mode .group-chat-page-shell .chat-textarea::placeholder,
body.movie-group-mode .group-chat-page-shell .chat-textarea,
body.movie-group-mode .group-chat-page-shell .chat-textarea::placeholder {
    color: #cbd5e1 !important;
}

html.movie-group-mode #mentionSuggestions,
body.movie-group-mode #mentionSuggestions {
    background: #0f172a !important;
    border: 1px solid rgba(148,163,184,0.18) !important;
    color: #eef2ff !important;
    box-shadow: 0 18px 40px rgba(2,6,23,0.42) !important;
}

html.movie-group-mode #mentionSuggestions *,
body.movie-group-mode #mentionSuggestions * {
    color: #eef2ff !important;
}

html.movie-group-mode .group-chat-page-shell .composer-menu-item,
html.movie-group-mode .group-chat-page-shell .emoji-picker-header,
html.movie-group-mode .group-chat-page-shell .typing-indicator,
body.movie-group-mode .group-chat-page-shell .composer-menu-item,
body.movie-group-mode .group-chat-page-shell .emoji-picker-header,
body.movie-group-mode .group-chat-page-shell .typing-indicator {
    color: #cbd5e1 !important;
}

html.movie-group-mode .group-chat-page-shell .composer-menu-item:hover,
body.movie-group-mode .group-chat-page-shell .composer-menu-item:hover {
    background: rgba(96,165,250,0.12) !important;
}

html.movie-group-mode .group-chat-page-shell a:not(.movie-btn):not(.movie-mini-btn),
body.movie-group-mode .group-chat-page-shell a:not(.movie-btn):not(.movie-mini-btn) {
    color: #93c5fd !important;
}


/* ===== Movie group dark chat final polish ===== */
html.movie-group-mode .group-chat-page-shell .empty-state,
body.movie-group-mode .group-chat-page-shell .empty-state,
html.movie-group-mode #chatMessagesContent > .empty-state,
body.movie-group-mode #chatMessagesContent > .empty-state {
    background: linear-gradient(180deg, rgba(8,18,32,0.98), rgba(5,13,24,0.98)) !important;
    color: #e5e7eb !important;
    border: 1px solid rgba(148,163,184,0.16) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 44px rgba(2,6,23,0.22) !important;
}

html.movie-group-mode .group-chat-page-shell .empty-state i,
body.movie-group-mode .group-chat-page-shell .empty-state i,
html.movie-group-mode .group-chat-page-shell .empty-state p,
body.movie-group-mode .group-chat-page-shell .empty-state p,
html.movie-group-mode .group-chat-page-shell .empty-state h3,
body.movie-group-mode .group-chat-page-shell .empty-state h3 {
    color: #e5e7eb !important;
}

html.movie-group-mode .group-chat-page-shell .back-to-groups,
body.movie-group-mode .group-chat-page-shell .back-to-groups {
    background: linear-gradient(180deg, rgba(15,23,42,0.96), rgba(8,18,32,0.96)) !important;
    color: #f8fafc !important;
    border-color: rgba(148,163,184,0.18) !important;
    box-shadow: 0 14px 28px rgba(2,6,23,0.28) !important;
}

html.movie-group-mode .group-chat-page-shell .back-to-groups i,
body.movie-group-mode .group-chat-page-shell .back-to-groups i {
    color: #f8fafc !important;
}

html.movie-group-mode .group-chat-page-shell .back-to-groups:hover,
body.movie-group-mode .group-chat-page-shell .back-to-groups:hover {
    background: linear-gradient(180deg, rgba(22,34,57,0.98), rgba(12,24,40,0.98)) !important;
    border-color: rgba(96,165,250,0.28) !important;
}


/* ===== Movie header motion tuning ===== */
html.movie-group-mode .group-chat-page-shell .chat-header,
body.movie-group-mode .group-chat-page-shell .chat-header {
    transition: transform .72s cubic-bezier(.22,.61,.36,1), opacity .48s ease !important;
}

html.movie-group-mode .group-chat-page-shell .chat-area.chat-header-hidden .chat-header,
body.movie-group-mode .group-chat-page-shell .chat-area.chat-header-hidden .chat-header {
    transform: translateY(calc(-100% - 12px)) !important;
}

/* Phase 2L: delegated movie actions / inline-style cleanup */
.movie-empty-actions {
  margin-top: 1rem;
}

.movie-notifications-actions {
  margin-bottom: 12px;
}

[data-movie-call] {
  cursor: pointer;
}