.movies-area { padding-block: 36px 64px; min-height: 65vh; }
.movie-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; margin: 24px 0; }
.movie-filters label, .movie-edit-fields label { display: flex; flex-direction: column; gap: 7px; color: #e5edff; font-size: 16px; }
.movie-filters input, .movie-filters select, .movie-edit-fields input, .movie-edit-fields select, .movie-edit-fields textarea { border: 1px solid #324463; border-radius: 10px; background: #141e34; color: #f4f8ff; padding: 12px; min-height: 46px; font: inherit; max-width: 100%; }
.movie-search { flex: 1 1 260px; }
.movie-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 22px; margin: 24px 0; }
.movie-card { background: #10192c; border: 1px solid #324463; border-radius: 18px; overflow: hidden; }
.movie-cover { aspect-ratio: 16/10; display: grid; place-items: center; background: radial-gradient(circle at 30% 20%, #22516c, #251b45 65%, #10192c); color: #f4f8ff; font-size: 24px; text-align: center; overflow: hidden; }
.movie-cover img { width: 100%; height: 100%; object-fit: cover; }
.movie-body { display: grid; gap: 13px; padding: 20px; }
.movie-body h3, .movie-body p { margin: 0; }
.movie-body > p:not(.movie-meta) { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.6; }
.movie-meta { color: #c3d1e5; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.movie-body a { color: #67e8f9; overflow-wrap: anywhere; }
.movie-body details { font-size: 15px; line-height: 1.6; color: #c3d1e5; }
.movie-body summary { cursor: pointer; color: #e5edff; }
.movie-body details p { margin: 8px 0; }
.movie-admin { border: 1px solid #324463; border-radius: 18px; padding: 24px; margin: 28px 0; }
.movie-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0; }
.movie-actions label, .movie-admin-row label, .movie-candidate > label { display: flex; align-items: center; gap: 12px; }
.movie-actions input[type=checkbox], .movie-admin-row input[type=checkbox], .movie-candidate input[type=checkbox], .movie-edit-fields input[type=checkbox] { width: 24px; height: 24px; min-height: 24px; accent-color: #67e8f9; flex-shrink: 0; }
.movie-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #324463; border-radius: 12px; }
.movie-record-table { width: 100%; border-collapse: collapse; color: #f4f8ff; font-size: 15px; }
.movie-record-table th, .movie-record-table td { padding: 13px 12px; text-align: left; border-bottom: 1px solid #324463; vertical-align: middle; }
.movie-record-table th { background: #141e34; color: #e5edff; white-space: nowrap; }
.movie-record-table th button { padding: 5px 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.movie-record-table th[aria-sort=ascending] button::after { content: ' ↑'; color: #67e8f9; }
.movie-record-table th[aria-sort=descending] button::after { content: ' ↓'; color: #67e8f9; }
.movie-record-table td { background: #0d1526; }
.movie-record-table tr:hover td { background: #141e34; }
.movie-record-table td:nth-child(2) { min-width: 190px; max-width: 280px; overflow-wrap: anywhere; }
.movie-record-table td:last-child { white-space: nowrap; }
.movie-record-table tbody tr:last-child td { border-bottom: 0; }
.movie-record-table input[type=checkbox] { width: 24px; height: 24px; accent-color: #67e8f9; vertical-align: middle; }
.movie-record-status { display: inline-block; padding: 4px 7px; border-radius: 6px; background: #143827; color: #adf5ce; white-space: nowrap; }
.movie-record-status.pending { background: #3b2d16; color: #ffe2a3; }
.movie-record-status.inactive { background: #293044; color: #d4def0; }
.movie-record-pagination { flex-wrap: wrap; align-items: center; gap: 12px; }
.movie-record-pagination label { color: #e5edff; }
.movie-record-pagination select { padding: 8px; border: 1px solid #324463; border-radius: 8px; background: #141e34; color: #f4f8ff; font: inherit; }
.movie-record-pagination [role=status] { flex: 1 1 240px; }
.movie-table-scroll :focus-visible { outline: 3px solid #67e8f9; outline-offset: 3px; }
.movie-record-empty { padding: 24px !important; text-align: center !important; color: #c3d1e5; }
.movie-candidate > label { min-height: 48px; margin-bottom: 8px; }
.movie-report { overflow-wrap: anywhere; color: #c3d1e5; line-height: 1.8; padding-left: 24px; }
.movie-editor { width: min(920px, calc(100vw - 32px)); max-width: none; }
.movie-edit-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.movie-edit-fields textarea { resize: vertical; }
.movie-asset-review { grid-column: 1/-1; padding: 16px; border: 1px solid #324463; border-radius: 12px; }
.movie-rights-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.movie-subtitle-editor { display: grid; gap: 14px; margin: 16px 0; padding: 16px; border: 1px solid #324463; border-radius: 10px; min-width: 0; }
.movie-edit-fields label:has(textarea), .movie-edit-fields > p, .movie-edit-fields > button { grid-column: 1/-1; }
.movie-edit-fields label:has(input[type=checkbox]) { flex-direction: row; align-items: center; }
.movie-filters :focus-visible, .movie-actions :focus-visible, .movie-body :focus-visible { outline: 3px solid #67e8f9; outline-offset: 3px; }
@media(max-width:600px) { .movie-filters > label { flex: 1 1 100%; } .movie-admin { padding: 16px; } .movie-edit-fields, .movie-rights-fields { grid-template-columns: 1fr; } .movie-grid { grid-template-columns: 1fr; } }

/* Keep translated bulk-action labels inside narrow owner panels. */
.movie-actions > .button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }