html #crm .uo-video-widget{padding:22px 17px;min-width:0}
.uo-video-widget{--video-ink:#dfe6eb;--video-muted:#a9bbca;--video-line:#5b6d7b;--video-control:#172632;color:var(--video-ink)}
html[data-uo-theme='light'] .uo-video-widget{--video-ink:#2f454d;--video-muted:#526570;--video-line:#96a6a4;--video-control:#d9e0dc}
html[data-uo-theme='night'] .uo-video-widget{--video-line:#575750;--video-control:#202122;--video-muted:#b6b9ba}
.uo-video-eyebrow{font:600 9px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px;color:var(--video-muted)}
html #crm .uo-video-widget h3{margin:8px 0 16px;font:23px/1.3 Georgia,serif;color:var(--g1)}
.uo-video-screen{aspect-ratio:16/9;background:#0a0d10;overflow:hidden;border:1px solid var(--video-line);border-radius:3px}
html #crm .uo-video-play{position:relative;display:block;width:100%;height:100%;padding:0!important;margin:0;min-height:0;background:none!important;border:0!important;border-image:none!important;box-shadow:none!important;cursor:pointer;transform:none!important;filter:none!important}
.uo-video-play img{display:block;width:100%;height:100%;object-fit:cover}
.uo-video-triangle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:34px;padding-left:3px;background:#151d27db;color:#eee0bd;border:1px solid #b8a37d;border-radius:6px;box-shadow:0 3px 15px #0008;font-size:17px}
.uo-video-screen iframe{display:block;width:100%;height:100%;border:0}
html #crm .uo-video-widget h4{font:600 14px/1.5 'Segoe UI',Arial,sans-serif;margin:12px 0 4px;color:var(--video-ink)}
.uo-video-description{font:12px/1.6 'Segoe UI',Arial,sans-serif;margin:0 0 14px;color:var(--video-muted)}
.uo-video-platform{display:grid;gap:6px;font:11px/1.5 'Segoe UI',Arial,sans-serif;color:var(--video-muted)}
html #crm .uo-video-platform select{width:100%;min-height:34px;padding:5px 8px;border:1px solid var(--video-line);border-radius:3px;background:var(--video-control)!important;color:var(--video-ink)!important;font:12px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.uo-video-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
html #crm .uo-video-pager button{width:36px;min-height:36px;border:1px solid var(--video-line)!important;background:var(--video-control)!important;border-image:none!important;color:var(--video-ink)!important;border-radius:3px;font:24px/1 'Segoe UI',Arial,sans-serif;padding:0!important;cursor:pointer}
.uo-video-pager span{font:11px 'Segoe UI',Arial,sans-serif;color:var(--video-muted)}
.uo-video-links{display:grid;gap:10px;margin-top:14px}
html #crm .uo-video-links a,html #crm .uo-video-links button,html #crm .uo-video-rotation{font:12px/1.5 'Segoe UI',Arial,sans-serif;color:var(--g1)!important;background:none!important;border:0!important;border-image:none!important;box-shadow:none!important;padding:0!important;text-align:left;text-decoration:none;min-height:0;cursor:pointer}
html #crm .uo-video-rotation{margin-top:10px;font-size:11px;color:var(--video-muted)!important}
.uo-video-widget [hidden]{display:none!important}
.uo-video-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px}
html #crm .uo-video-gallery-card{padding:0!important;overflow:hidden;text-align:left;border:1px solid var(--brd)!important;border-image:none!important;border-radius:4px;background:var(--card)!important;color:var(--text)!important;font:14px/1.5 'Segoe UI',Arial,sans-serif;cursor:pointer}
.uo-video-gallery-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.uo-video-gallery-card span{display:block;padding:12px}
html body .uo-video-dialog{width:min(900px,calc(100vw - 28px));max-width:900px;max-height:calc(100dvh - 28px);padding:0;overflow:auto;background:var(--card,#151c23);color:var(--text,#eee3cc);border:1px solid var(--g2,#8c826d);border-radius:5px;box-shadow:0 20px 80px #000b}
.uo-video-dialog::backdrop{background:#02070bdd;backdrop-filter:blur(3px)}
.uo-video-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px}
html body .uo-video-dialog h2{margin:0;font:600 15px/1.5 'Segoe UI',Arial,sans-serif;color:var(--text,#eee3cc)}
html body .uo-video-dialog-header button{flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--brd,#626970);background:transparent;color:inherit;font:26px/1 'Segoe UI',Arial,sans-serif;cursor:pointer;border-radius:3px}
.uo-video-dialog-header button:focus-visible{outline:2px solid var(--g1);outline-offset:2px}
.uo-video-dialog-screen{width:100%;aspect-ratio:16/9;background:#070a0d}
.uo-video-dialog-screen iframe{display:block;width:100%;height:100%;border:0}
html #crm .uo-video-widget :is(button,a,select):focus-visible{outline:2px solid var(--g1)!important;outline-offset:3px}
@media(hover:hover){.uo-video-play:hover .uo-video-triangle{box-shadow:0 2px 16px #d8c28c50,0 3px 15px #0008;transform:translate(-50%,-50%) scale(1.05)}}
@media(max-width:600px){html #crm .uo-video-pager button{min-width:44px;min-height:44px}.uo-video-platform select{min-height:40px!important}}
