/* Visionair OS 4.24.16: video library views and controls */
body:has(.video-library-grid) button:not(:disabled),body:has(.video-library-grid) a[href],body:has(.video-library-grid) label:has(input[type="checkbox"]),body:has(.video-library-grid) select{cursor:pointer}
.video-library-toolbar{align-items:flex-end}.video-library-toolbar form{flex:1}.video-library-toolbar input,.video-library-toolbar select{min-width:142px}.video-library-toolbar label:first-child input{min-width:220px}.video-view-toggle{display:flex;align-items:center;gap:4px;border:1px solid #2d3d4f;border-radius:8px;background:#091019;padding:3px;white-space:nowrap}.video-view-toggle button{border:0;border-radius:6px;background:transparent;color:#879aab;padding:7px 9px;font-size:10px}.video-view-toggle button.active{background:#1a2d3e;color:#e9f5fd;box-shadow:0 0 0 1px #35536c inset}.video-bulk-delete{border-color:#713d42!important;color:#f0a6aa!important;background:#241215!important}.video-library-grid.is-tile{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));align-items:start}.video-library-grid.is-tile .video-library-card{position:relative;display:block;min-width:0}.video-library-grid.is-tile .video-select{position:absolute;z-index:3;top:9px;left:9px;border:1px solid #41586c;border-radius:6px;background:#07101dde;padding:6px 8px;color:#e5eff7;font-size:9px;backdrop-filter:blur(5px)}.video-library-grid.is-tile .video-thumb{width:100%;min-height:0;aspect-ratio:16/9}.video-library-grid.is-tile .video-card-copy{padding:13px 14px}.video-library-grid.is-tile .video-card-copy>header{display:block}.video-library-grid.is-tile .video-card-copy>header .eyebrow,.video-library-grid.is-tile .video-card-copy>header time,.video-library-grid.is-tile .video-card-copy>p,.video-library-grid.is-tile .video-platforms,.video-library-grid.is-tile .video-error,.video-library-grid.is-tile .video-card-copy>footer,.video-library-grid.is-tile .video-metadata-form{display:none!important}.video-library-grid.is-tile .video-card-copy h3{display:-webkit-box;overflow:hidden;margin:0;font-size:14px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-library-grid.is-tile .video-thumb em{right:10px;left:auto}.video-library-grid.is-list .video-select{display:flex;align-items:center;gap:6px;grid-column:1/-1;padding:8px 12px;border-bottom:1px solid #22313f;color:#9cafbf;font-size:9px}.video-library-grid.is-list .video-library-card{grid-template-columns:210px minmax(0,1fr)}
@media(max-width:1200px){.video-library-toolbar{align-items:stretch;flex-direction:column}.video-library-toolbar form{width:100%}.video-view-toggle{align-self:flex-end}}
@media(max-width:700px){.video-library-toolbar form{grid-template-columns:1fr 1fr}.video-library-toolbar form label:first-child{grid-column:1/-1}.video-library-toolbar input,.video-library-toolbar select{width:100%;min-width:0}.video-view-toggle{align-self:stretch}.video-view-toggle button{flex:1}.video-library-grid.is-list .video-library-card{grid-template-columns:1fr}}

/* v4.24.16: unified controls, playable cards, imports, embeds and thumbnails */
.video-library-grid.is-tile{align-items:stretch}.video-library-grid.is-tile .video-library-card{height:100%;display:flex;flex-direction:column}.video-library-grid.is-tile .video-card-copy{flex:1}.video-library-grid.is-list .video-library-card{width:100%;box-sizing:border-box}.video-thumb[role="button"]{cursor:pointer}.video-play-overlay{position:absolute!important;z-index:2;inset:50% auto auto 50%!important;display:grid!important;width:48px;height:48px;transform:translate(-50%,-50%);place-items:center;border:1px solid #8bcfff88;border-radius:50%;background:#07121ddd!important;color:#eaf7ff!important;font-size:17px!important;opacity:.86;transition:.18s ease}.video-thumb[role="button"]:hover .video-play-overlay,.video-thumb[role="button"]:focus .video-play-overlay{transform:translate(-50%,-50%) scale(1.08);background:#1683cddd!important;opacity:1}
.video-player-dialog{width:min(1050px,92vw);max-width:none;max-height:92vh;overflow:auto;border:1px solid #345169;border-radius:14px;background:#090f16;color:#edf5fb;padding:0;box-shadow:0 28px 90px #000b}.video-player-dialog::backdrop{background:#02060bd9;backdrop-filter:blur(5px)}.video-player-dialog>header{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid #263848;background:#090f16}.video-player-dialog h2{margin:3px 0 0;font-size:18px}.video-player-dialog>header button{width:36px;height:36px}.video-player-dialog>iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.video-player-tools{padding:20px}.video-player-tools h3{margin:0 0 10px;font-size:13px}.video-player-tools h3:not(:first-child){margin-top:22px}.video-copy-grid{display:flex;gap:8px;flex-wrap:wrap}.video-thumbnail-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-thumbnail-options article{overflow:hidden;border:1px solid #293d50;border-radius:9px;background:#0b141d}.video-thumbnail-options img{display:block;width:100%;height:150px;object-fit:cover;background:#05090d}.video-thumbnail-options article>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px}.video-thumbnail-options span{font-size:10px;color:#b5c5d2}
.video-library-imports{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid #263849}.video-library-imports form{display:grid;grid-template-columns:1fr;gap:12px;margin:0;border:1px solid #293d50;border-radius:10px;background:#0a121a;padding:18px}.video-library-imports h3,.video-library-imports p{margin:0}.video-library-imports p{color:#8fa2b3;font-size:11px;line-height:1.5}.video-library-imports label{display:grid;gap:6px;color:#a9b9c7;font-size:10px}.video-library-imports label small{display:inline;color:#718596}.video-library-imports input{width:100%;box-sizing:border-box;border:1px solid #31475b;border-radius:8px;background:#070d13;color:#edf5fb;padding:10px}
body:has(.video-library-grid) button,body:has(.video-library-grid) .button-like,body:has(.video-library-grid) .video-card-copy footer a,.video-player-dialog button{width:auto;min-height:34px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:1px solid #344b5f;border-radius:7px;background:#101a24;color:#dceaf4;padding:8px 11px;font-size:10px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}body:has(.video-library-grid) button:hover:not(:disabled),body:has(.video-library-grid) .button-like:hover,body:has(.video-library-grid) .video-card-copy footer a:hover,.video-player-dialog button:hover{border-color:#4c7595;background:#172838;color:#fff}body:has(.video-library-grid) button.primary,body:has(.video-library-grid) [data-video-bulk-ai]{border-color:#39729a;background:#153650;color:#dff3ff}body:has(.video-library-grid) button.danger{border-color:#743f44;background:#291518;color:#f0afb2}body:has(.video-library-grid) button:disabled{cursor:not-allowed;opacity:.42}.video-bulk-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.video-bulk-toolbar small{flex-basis:100%;color:#718493}.video-bulk-toolbar button{flex:0 0 auto!important;margin:0!important}.video-pagination button{border-color:#344b5f!important;background:#101a24!important;color:#dceaf4!important}.video-pagination button:not(:disabled):hover{background:#193149!important}.video-card-copy footer .danger{margin-left:0!important}
@media(max-width:700px){.video-library-imports,.video-thumbnail-options{grid-template-columns:1fr}.video-bulk-toolbar button{white-space:normal}}
