/* Desktop only. Scoped to the existing workflow route to protect other views. */
#video-workflows{min-width:900px;color:#131722}
#video-workflows [hidden]{display:none!important}
#video-workflows .vsl-head{display:block;height:auto;padding:0 0 28px;margin:0;border:0;border-bottom:1px solid #e2e5eb}
#video-workflows .vsl-head h1{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.25;margin:0 0 18px}
#video-workflows .vsl-head p{font-size:16px;color:#717989;line-height:1.7;margin:0}
#video-workflows .vsl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #e2e5eb}
#video-workflows .vsl-tabs{border:1px solid #e2e5eb;border-radius:15px;padding:6px}
#video-workflows button{font-family:inherit;cursor:pointer;box-shadow:none;letter-spacing:normal}
#video-workflows .vsl-tabs button{background:#edf2ff;border:1px solid #d0dcff;border-radius:10px;color:#376cff;padding:11px 15px;font-size:16px;font-weight:650}
#video-workflows .vsl-search{display:flex;align-items:center;gap:12px;border:1px solid #e2e5eb;border-radius:12px;padding:12px 16px;width:330px;color:#7c8492;margin:0;background:#fff}
#video-workflows .vsl-search input{border:0;outline:0;width:100%;min-width:0;background:transparent;color:#303746;font-size:15px;padding:0;box-shadow:none;min-height:24px}
#video-workflows .vsl-search:focus-within{border-color:#7299ff}
#video-workflows .vsl-search i{font-size:21px}
#video-workflows .vsl-count{font-size:15px;color:#717989;margin:22px 0 20px}
#video-workflows .vsl-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,310px));gap:34px 32px;align-items:start}
#video-workflows .vsl-card{position:relative;aspect-ratio:9/16;background:#11161e;border-radius:16px;isolation:isolate;overflow:hidden;box-shadow:0 0 0 1px #e1e3e8;padding:0;border:0;min-width:0}
#video-workflows .vsl-stage{position:absolute;inset:0;perspective:1000px;outline:0;--vsl-depth:89.5px;cursor:pointer;z-index:0}
#video-workflows .vsl-stage:focus-visible{outline:3px solid #6a97ff;outline-offset:-4px}
#video-workflows button:focus-visible{outline:3px solid #719bff;outline-offset:3px}
#video-workflows .vsl-drum{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
#video-workflows .vsl-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}
#video-workflows .vsl-face video{height:100%;width:100%;max-height:none;object-fit:cover;display:block;border-radius:0}
#video-workflows .vsl-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,transparent 30%,transparent 40%,#080e1860 60%,#080d18e8 100%);pointer-events:none}
#video-workflows .vsl-card-top{position:absolute;top:15px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:5px;color:#fff;pointer-events:none;font-size:12px;z-index:2}
#video-workflows .vsl-case-count{display:inline-flex;gap:5px;align-items:center;background:#111722bd;border-radius:9px;padding:8px 9px;font-weight:600}
#video-workflows .vsl-position{display:flex;gap:7px;align-items:center;text-shadow:0 1px 5px #000}
#video-workflows .vsl-position i{font-size:18px}
#video-workflows .vsl-playing{position:absolute;top:64px;left:14px;background:#101722a8;padding:5px 8px;color:white;border-radius:5px;font-size:11px;pointer-events:none;z-index:2}
#video-workflows .vsl-info{position:absolute;left:15px;right:15px;bottom:16px;color:#fff;z-index:2}
#video-workflows .vsl-name{font-size:14px;font-weight:650;border-radius:6px;padding:5px 8px;background:#dde6f23a;display:inline-block;backdrop-filter:blur(6px)}
#video-workflows .vsl-info p{margin:12px 0 10px;line-height:1.65;font-size:14px;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px #0004}
#video-workflows .vsl-meta{font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:4px;color:#e7eaf0}
#video-workflows .vsl-state{font-size:11px;opacity:.8}
#video-workflows .vsl-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:4px}
#video-workflows .vsl-video-actions{display:flex;gap:5px;align-items:center}
#video-workflows .vsl-video-actions button{border:1px solid #ffffff50;background:#11172250;border-radius:7px;width:27px;height:30px;min-height:0;padding:0;display:grid;place-items:center;color:white;font-size:14px}
#video-workflows .vsl-video-actions button:hover{background:#ffffff35}
#video-workflows .vsl-use{display:flex;gap:6px;align-items:center;border:1px solid #ffffffc0;color:white;background:#11172245;border-radius:9px;font-size:12px;font-weight:550;padding:9px 10px;white-space:nowrap;min-height:0}
#video-workflows .vsl-use:hover{background:#fff;color:#151b24}
#video-workflows .vsl-progress{position:absolute;bottom:0;left:0;height:3px;width:0;background:#97b6ff;pointer-events:none;z-index:3}
#video-workflows .vsl-note{display:flex;align-items:center;gap:8px;margin:25px 0 12px;color:#7c8492;font-size:13px}
#video-workflows .vsl-retry{position:absolute;top:40%;left:20%;right:20%;background:#101827de;color:#fff;border:1px solid #ffffff70;border-radius:7px;padding:10px;font-size:13px;z-index:2}
#video-workflows .vsl-empty{padding:70px 0;color:#747d8e}
#video-workflows .vsl-empty button{background:#edf2ff;border:0;color:#376cff;padding:10px 16px;border-radius:6px}
#video-workflows .vsl-attribution{font-size:12px;color:#87909d;line-height:1.7;margin:0 0 25px}
#video-workflows .vsl-attribution a{color:#697a95;text-decoration:underline;text-underline-offset:3px}

#video-workflows [data-vsl-sound]{width:32px;height:32px;font-size:17px}
#video-workflows [data-vsl-sound][aria-pressed="true"]{background:#ffffff30;border-color:#fff}