/* Scoped listing geometry; Fomantic owns the controls. Saved Styled tiles CSS remains available. */
.videowhisperVideos{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0;align-items:flex-start;--vwvs-surface:#fff;--vwvs-ink:#333;--vwvs-line:#ddd}
.videowhisperVideos>br{display:none}
.videowhisperVideos .videowhisperVideo{box-sizing:border-box;vertical-align:top;overflow:hidden;border-radius:5px;margin:0;transition:box-shadow .15s ease}
.videowhisperVideos .videowhisperVideo:hover{box-shadow:0 3px 12px #0003}
.videowhisperVideos .videowhisperVideoTitle{font-size:.85em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.videowhisperVideos .videowhisperVideoDuration{font-size:.75em;font-weight:600}
.videowhisperVideos .videowhisperVideoDate,.videowhisperVideos .videowhisperVideoViews,.videowhisperVideos .videowhisperVideoResolution{font-size:.72em}
.videowhisperVideos .vwvs-preview{display:block;line-height:0}
.videowhisperVideos .vwvs-preview :is(img,video){max-width:100%;display:block;object-fit:cover;margin:0;border:0}
.vwvs-layout-selector.ui.buttons{display:inline-flex;flex-wrap:wrap;max-width:100%;margin-block:0 8px}
.vwvs-layout-selector.ui.buttons .button{white-space:nowrap}
.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed{gap:12px}
.vwvs-layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.videowhisperVideos:is(.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed) .videowhisperVideo{display:flex;flex-direction:column-reverse;width:100%;height:auto;border:1px solid var(--vwvs-line);background:var(--vwvs-surface);color:var(--vwvs-ink);border-radius:7px;isolation:isolate}
.videowhisperVideos:is(.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed) .vwvs-card-body{padding:12px;min-width:0}
.videowhisperVideos:is(.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed) .vwvs-card-body :is(.videowhisperVideoTitle,.videowhisperVideoDuration,.videowhisperVideoDate,.videowhisperVideoViews,.videowhisperVideoResolution,.videowhisperVideoRating,.videowhisperVideoEdit){position:static;display:inline-block;inset:auto;margin:4px 8px 0 0;padding:0;background:transparent;color:inherit;text-shadow:none;max-width:100%;height:auto}
.videowhisperVideos:is(.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed) .vwvs-card-body .videowhisperVideoTitle{display:block;font-size:1em;line-height:1.4;white-space:normal}
.videowhisperVideos:is(.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed) .vwvs-card-body a{color:inherit}
.videowhisperVideos:is(.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed) .vwvs-card-body .videowhisperVideoRating{display:block}
.videowhisperVideos:is(.vwvs-layout-grid,.vwvs-layout-list,.vwvs-layout-feed) .vwvs-preview :is(img,video){position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.vwvs-creator{display:block;font-size:.8em;font-weight:600;opacity:.8}
.vwvs-excerpt{font-size:.9em;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}
.vwvs-layout-list{display:flex;flex-direction:column}
.vwvs-layout-list .videowhisperVideo{flex-direction:row-reverse!important;align-items:start}
.vwvs-layout-list .vwvs-preview{width:28%;min-width:120px;max-width:240px;flex-shrink:0}
.vwvs-layout-list .vwvs-card-body{flex:1}
.vwvs-layout-feed{display:flex;flex-direction:column;max-width:720px;margin-inline:auto}
.vwvs-layout-feed .vwvs-preview :is(img,video){aspect-ratio:var(--vwvs-ratio)!important;max-height:640px;object-fit:contain!important}
.vwvs-layout-justified{display:flex;gap:4px}
.vwvs-layout-justified .videowhisperVideo{flex:var(--vwvs-ratio) 1 calc(180px * var(--vwvs-ratio));width:auto;height:180px;max-width:100%;border:0}
.vwvs-layout-justified .vwvs-preview :is(img,video){width:100%;height:100%;object-fit:cover}
.vwvs-layout-justified .vwvs-preview{height:100%}
.videowhisperVideos:is(.vwvs-layout-legacy,.vwvs-layout-justified) .videowhisperVideoRating{bottom:28px;left:5px;right:5px;font-size:12px}
.videowhisperVideos:is(.vwvs-layout-legacy,.vwvs-layout-justified) .vwrsr-listing{background:#111a;padding:3px;border-radius:4px;text-shadow:none;color:#fff}
.videowhisperVideos:is(.vwvs-layout-legacy,.vwvs-layout-justified) .vwrsr-listing-stars{color:inherit}
html[data-theme=dark] .videowhisperVideos,body[data-theme=dark] .videowhisperVideos{--vwvs-surface:#252525;--vwvs-ink:#eee;--vwvs-line:#555}
.vwvs-listing-filters.ui.form .inline.fields{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;align-items:center}
.vwvs-listing-filters.ui.form .inline.fields>.field{margin:0;padding:0;min-width:0;flex:0 1 auto;width:auto;max-width:100%}
.vwvs-listing-filters.ui.form .inline.fields>.field:empty{display:none}
.vwvs-listing-filters.ui.form .ui.dropdown.v-select{min-width:150px!important;white-space:nowrap}
.vwvs-listing-filters.ui.form input.videowhisperInput{width:150px;max-width:100%;font-size:inherit}
@media(max-width:520px){.vwvs-layout-list .vwvs-preview{width:35%;min-width:90px}.vwvs-layout-selector.ui.buttons .button{padding:.7em .8em}.vwvs-listing-filters.ui.form input.videowhisperInput{width:130px}}
@media(prefers-reduced-motion:reduce){.videowhisperVideos .videowhisperVideo{transition:none}}

.videowhisperVideo .vwpm-availability-note{font-size:.86em;line-height:1.4;overflow-wrap:anywhere;color:inherit;margin-block:.6em;display:flex;gap:.35em;align-items:baseline}

/* Live theme variables keep native search fields legible when the mode changes. */
.vwvs-listing-filters.ui.form input.videowhisperInput{background:var(--background-color,#fff)!important;color:var(--text-color,#333)!important;border-color:var(--border-color,#8888)!important}
.videowhisperVideos .vwvs-card-body .ui.button.videowhisperVideoEdit{padding:.5em .7em;line-height:1.2}

.vwvs-listing-filters .field:has(>select),.vwvs-listing-filters .field:has(>.ui.dropdown){display:flex;align-items:center;gap:4px}.vwvs-layout-selector [data-tooltip]{overflow:visible}.vwvs-listing-filters,.vwvs-layout-selector{position:relative;z-index:30}.vwvs-listing-filters:focus-within{z-index:40}

/* Legacy sidebar and compact search share the current theme colors. */
[id^="videowhisperVideos"] .vwItemsWrapper{color:var(--text-color,inherit)}
.vwvs-listing-filters.ui.form .ui.input>i.icon{color:var(--text-color,inherit);opacity:.8}
.vwvs-listing-filters.ui.form input.videowhisperInput::placeholder{color:var(--text-color,#666);opacity:.7}
@media(max-width:640px){[id^="videowhisperVideos"] .vwItemsWrapper{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar" "content"}[id^="videowhisperVideos"] .vwItemsSidebar{display:flex;gap:8px;flex-wrap:wrap}[id^="videowhisperVideos"] .vwItemsSidebar>.ui.accordion{flex:1 1 130px;min-width:0}[id^="videowhisperVideos"] .vwItemsSidebar .menu{max-width:100%!important}}
