/* Time-Lapse redesign (tlx) */
.tlx{display:flex;flex-direction:column;gap:14px;color:#10253b}
.tlx-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tlx-head h2{margin:0;font-size:18px;color:#082945}
.tlx-sp{flex:1}
.tlx-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;width:240px;background:#fff;border:1px solid #c9dbe3;border-radius:9px;color:#5d7387}
.tlx-search input{border:0!important;outline:0;background:transparent;width:100%;height:100%;padding:0!important;margin:0;font-size:13px;box-shadow:none!important}
.tlx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border:1px solid #c9dbe3;border-radius:9px;background:#fff;color:#082945;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}
.tlx-btn:hover{background:#f3f8fa}.tlx-btn.primary{background:#0f6f84;border-color:#0f6f84;color:#fff}.tlx-btn.primary:hover{background:#0b5c6e}
.tlx-btn:disabled{opacity:.5;cursor:default}
.tlx-ic{width:38px;padding:0}
.tlx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tlx-kpi{display:flex;flex-direction:column;gap:1px;padding:10px 14px;background:#fff;border:1px solid #d9e6ec;border-left:4px solid #9aabb8;border-radius:10px}
.tlx-kpi span{font-size:12.5px;font-weight:600;color:#5d7387}.tlx-kpi b{font-size:24px;font-weight:800;color:#082945;line-height:1.15}.tlx-kpi small{font-size:11.5px;color:#5d7387}
.tlx-kpi.ok{border-left-color:#20a879}.tlx-kpi.info{border-left-color:#2a86c7}.tlx-kpi.bad{border-left-color:#d0405c}.tlx-kpi.warn{border-left-color:#e0a21a}
.tlx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.tlx-grid>.tl-empty{grid-column:1/-1}
.tlx-card{background:#fff;border:1px solid #d9e6ec;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.tlx-card[hidden]{display:none}
.tlx-card:hover{box-shadow:0 10px 26px rgba(8,41,69,.1)}
.tlx-pic{position:relative;display:block;aspect-ratio:16/9;width:100%;padding:0;border:0;border-radius:0;background:#0b1b2b;cursor:pointer;overflow:hidden}
.tlx-pic img{width:100%;height:100%;object-fit:cover;display:block}
.tlx-pic>svg{width:40px;height:40px;color:#7d93a3}
.tlx-cap{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:20px;background:rgba(6,18,28,.72);color:#fff;font-size:11px;font-weight:700}
.tlx-cap i,.tlx-vt small i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#d0405c}.tlx-cap i.on,.tlx-vt small i.on{background:#20a879}
.tlx-count{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:6px;background:rgba(6,18,28,.72);color:#fff;font-size:11px;font-weight:700}
.tlx-cbody{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.tlx-ctitle{display:flex;align-items:center;gap:8px}
.tlx-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}
.tlx-name b{font-size:14.5px;color:#082945;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tlx-name small{font-size:12px;color:#5d7387}
.tlx-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#eef3f6;color:#4d6478;text-transform:capitalize;white-space:nowrap}
.tlx-badge.ok{background:#e3f6ed;color:#0d6b4a}.tlx-badge.bad{background:#fde8ec;color:#b4233f}.tlx-badge.info{background:#e4f1fb;color:#1d5f8f}
.tlx-today>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#6b8194;margin-bottom:4px}
.tlx-bars{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;height:22px;align-items:end}
.tlx-bars i{display:block;border-radius:2px;background:#0f6f84;height:8%}
.tlx-bars i.sd{background:#0b4f5f}.tlx-bars i.gap{background:#f3c6cf}.tlx-bars i.fut{background:#e6edf1}
.tlx-lastv{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:9px;background:#f5f9fa;text-align:left;cursor:pointer;width:100%}
.tlx-lastv:disabled{cursor:default}.tlx-lastv:not(:disabled):hover{background:#e8f5f7}
.tlx-lastv>span:last-child{display:flex;flex-direction:column;min-width:0}.tlx-lastv b{font-size:12.5px;color:#082945}.tlx-lastv small{font-size:11.5px;color:#5d7387}
.tlx-play{width:32px;height:32px;border-radius:50%;background:#0f6f84;color:#fff;display:grid;place-items:center;flex-shrink:0}
.tlx-lastv:disabled .tlx-play{background:#b5c3cc}
.tlx-chips{display:flex;gap:6px;flex-wrap:wrap}
.tlx-chips span{padding:3px 8px;border-radius:6px;background:#eef3f6;color:#4d6478;font-size:11.5px;font-weight:700}.tlx-chips span.on{background:#e8f5f7;color:#0f6f84}
.tlx-latest{background:#fff;border:1px solid #d9e6ec;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.tlx-latest[hidden]{display:none}
.tlx-sec-h{display:flex;align-items:baseline;gap:10px}.tlx-sec-h h3{margin:0;font-size:15px;color:#082945}.tlx-sec-h span{font-size:12px;color:#5d7387}
.tlx-latest-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.tlx-vid{display:flex;flex-direction:column;gap:4px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;min-width:0}
.tlx-vid>b{font-size:12.5px;color:#082945;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlx-vid>small{font-size:11.5px;color:#5d7387}
.tlx-vthumb{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#0b1b2b}
.tlx-vthumb img{width:100%;height:100%;object-fit:cover;display:block}
.tlx-vthumb em{position:absolute;left:6px;top:6px;padding:2px 6px;border-radius:5px;background:#fff;color:#082945;font-size:10px;font-weight:800;font-style:normal;letter-spacing:.04em}.tlx-vthumb em.w{background:#082945;color:#fff}
.tlx-vthumb small{position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:5px;background:rgba(6,18,28,.78);color:#fff;font-size:10.5px;font-weight:700}
.tlx-vid:hover .tlx-vthumb{outline:2px solid #10aeb5}
@media(max-width:1100px){.tlx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tlx-latest-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* camera view */
.tlx-ov{position:fixed;inset:0;z-index:1100;background:rgba(7,22,36,.55);padding:12px;display:flex}
.tlx-view{flex:1;background:#eef4f7;border-radius:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:0 30px 80px rgba(0,15,30,.35);color:#10253b}
.tlx-vh{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid #d9e6ec;flex-wrap:wrap}
.tlx-vh>img{width:64px;height:36px;object-fit:cover;border-radius:6px}
.tlx-vt{display:flex;flex-direction:column;min-width:0}.tlx-vt h2{margin:0;font-size:18px;color:#082945}.tlx-vt small{font-size:12px;color:#5d7387;display:flex;align-items:center;gap:6px}
.tlx-tabs{display:flex;gap:4px;padding:0 20px;background:#fff;border-bottom:1px solid #d9e6ec}
.tlx-tabs button{border:0;border-radius:0;background:transparent;padding:10px 12px 8px;font-size:14px;font-weight:700;color:#4d6478;border-bottom:3px solid transparent;cursor:pointer}
.tlx-tabs button[aria-selected=true]{color:#0f6f84;border-bottom-color:#0f6f84}
.tlx-tabs button span{color:#6b8194;font-weight:600}
.tlx-pane{flex:1;min-height:0;overflow:auto;padding:16px 20px;display:flex;flex-direction:column}
.tlx-pane[hidden]{display:none}
.tlx-vgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.tlx-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.tlx-player{position:relative;aspect-ratio:16/9;max-height:calc(100vh - 330px);border-radius:12px;overflow:hidden;background:#06121c;display:flex;align-items:center;justify-content:center}
.tlx-player video{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer}
.tlx-player:fullscreen{border-radius:0;max-height:none}
.tlx-ph{color:#9fb3c2;font-size:14px;font-weight:600}
.tlx-stamp{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:6px;background:rgba(6,18,28,.75);color:#fff;font-size:12px;font-weight:700}
.tlx-stamp:empty{display:none}
.tlx-ctl{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;background:linear-gradient(transparent,rgba(6,18,28,.85));display:flex;flex-direction:column;gap:6px;opacity:.15;transition:opacity .2s}
.tlx-player:hover .tlx-ctl,.tlx-player:focus-within .tlx-ctl{opacity:1}
.tlx-scrub{position:relative;height:18px}
.tlx-scrub input{position:absolute;inset:0;width:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;height:18px;padding:0;border:0;cursor:pointer;--p:0%}
.tlx-scrub input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#4fd1db var(--p),rgba(255,255,255,.28) var(--p))}
.tlx-scrub input::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.28)}
.tlx-scrub input::-moz-range-progress{height:6px;border-radius:3px;background:#4fd1db}
.tlx-scrub input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;margin-top:-5px;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.tlx-scrub input::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#fff}
.tlx-tip{position:absolute;bottom:20px;transform:translateX(-50%);padding:2px 7px;border-radius:5px;background:#fff;color:#082945;font-size:11px;font-weight:800;pointer-events:none;white-space:nowrap}
.tlx-ticks{display:flex;justify-content:space-between;color:#c9d7e0;font-size:10.5px;font-variant-numeric:tabular-nums}
.tlx-row{display:flex;align-items:center;gap:8px;color:#fff}
.tlx-pp{width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#082945;display:grid;place-items:center;padding:0;cursor:pointer}
.tlx-time{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.tlx-speed{display:flex;border:1px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden}
.tlx-speed button{height:28px;padding:0 9px;border:0;border-radius:0;background:transparent;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.tlx-speed button[aria-pressed=true]{background:#fff;color:#082945}
.tlx-cb{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:transparent;color:#fff!important;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
.tlx-cb.tlx-ic{width:28px;padding:0}
.tlx-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.tlx-info>b{font-size:15px;color:#082945}.tlx-meta{color:#5d7387;font-size:12.5px}.tlx-err{color:#b4233f;font-size:12.5px;width:100%}
.tlx-del{color:#b4233f}
.tlx-moments{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.tlx-moments:empty{display:none}
.tlx-moments button{position:relative;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;aspect-ratio:16/9;background:#0b1b2b;cursor:pointer}
.tlx-moments button:hover{border-color:#0f6f84}
.tlx-moments img{width:100%;height:100%;object-fit:cover;display:block}
.tlx-moments small{position:absolute;left:4px;bottom:3px;padding:1px 5px;border-radius:4px;background:rgba(6,18,28,.78);color:#fff;font-size:10px;font-weight:700}
.tlx-side{background:#fff;border:1px solid #d9e6ec;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}
.tlx-mnav{display:flex;align-items:center;justify-content:space-between}
.tlx-mnav button{width:30px;height:30px;border:1px solid #d9e6ec;border-radius:8px;background:#fff;color:#082945;padding:0;cursor:pointer;font-size:16px}
.tlx-mnav b{font-size:14px}
.tlx-dow,.tlx-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.tlx-dow span{text-align:center;font-size:10.5px;font-weight:700;color:#6b8194}
.tlx-cal button{height:40px;border:1px solid #f0f4f6;border-radius:8px;background:#fff;color:#9aabb8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12.5px;font-weight:600;padding:0;font-variant-numeric:tabular-nums}
.tlx-cal button.has{background:#f5f9fa;color:#082945;border-color:#e3edf2;cursor:pointer}
.tlx-cal button.has:hover{border-color:#8fcdd4}
.tlx-cal button.today{box-shadow:inset 0 0 0 1.5px #0f6f84}
.tlx-cal button.sel{background:#082945;color:#fff;border-color:#082945}
.tlx-cal i,.tlx-legend i{width:6px;height:6px;border-radius:50%;display:inline-block;background:transparent}
.tlx-cal i.ok,.tlx-legend i.ok{background:#20a879}.tlx-cal i.bad,.tlx-legend i.bad{background:#d0405c}.tlx-cal i.run,.tlx-legend i.run{background:#2a86c7}
.tlx-legend{display:flex;gap:12px;font-size:11px;color:#5d7387;flex-wrap:wrap}.tlx-legend span{display:flex;align-items:center;gap:5px}
.tlx-list{border-top:1px solid #edf3f6;padding-top:10px;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.tlx-list>b{font-size:12.5px;color:#3f5668}
.tlx-li{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid transparent;border-radius:9px;background:#f5f9fa;text-align:left;cursor:pointer}
.tlx-li.sel{border-color:#0f6f84;background:#e8f5f7}
.tlx-li img,.tlx-noimg{width:72px;height:40px;object-fit:cover;border-radius:6px;background:#0b1b2b;flex-shrink:0;display:block}
.tlx-li>span:last-child{display:flex;flex-direction:column;min-width:0}.tlx-li b{font-size:12.5px;color:#082945}.tlx-li small{font-size:11.5px;color:#5d7387;text-transform:capitalize}
.tlx-none{font-size:12px;color:#6b8194;margin:0}
.tlx-pfoot{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:10px}
.tlx-pfoot span{font-size:13px;font-weight:600;color:#3f5668}
#tlxImages #tlSnapshotPane{background:#fff;border:1px solid #d9e6ec;border-radius:12px;flex:1}
.tlx-notice{position:absolute;right:28px;bottom:20px;font-size:12px;color:#b4233f}
.tlx-notice:empty{display:none}
/* schedule */
.tlx-sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.tlx-scard{background:#fff;border:1px solid #d9e6ec;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}
.tlx-scard h3{margin:0;font-size:15px;color:#082945}.tlx-scard p{margin:2px 0 0;font-size:12.5px;color:#5d7387}
.tlx-sh{display:flex;align-items:flex-start;gap:10px}.tlx-sh>div{flex:1}
.tlx-sw{position:relative;display:inline-block;width:42px;height:24px;cursor:pointer;flex-shrink:0}
.tlx-sw input{position:absolute;opacity:0;width:1px;height:1px}
.tlx-sw span{position:absolute;inset:0;border-radius:20px;background:#c9d7de;transition:background .15s}
.tlx-sw span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.tlx-sw input:checked+span{background:#0f6f84}.tlx-sw input:checked+span:after{transform:translateX(18px)}
.tlx-sw input:focus-visible+span{outline:2px solid #1d8fa3;outline-offset:2px}
.tlx-fl{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:#3f5668}
label.tlx-fl{flex-direction:row;align-items:center;justify-content:space-between}
.tlx-fl input,.tlx-win input{width:84px;height:36px;border:1px solid #c9dbe3;border-radius:9px;text-align:center;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;margin:0;padding:0}
.tlx-win{display:flex;align-items:center;gap:8px;color:#5d7387;font-size:13px}.tlx-win[hidden]{display:none}
.tlx-chipset{display:flex;gap:6px;flex-wrap:wrap}
.tlx-chipset button{height:32px;padding:0 12px;border:1px solid #c9dbe3;border-radius:20px;background:#fff;color:#082945;font-size:12.5px;font-weight:700;cursor:pointer}
.tlx-chipset button[aria-pressed=true]{background:#082945;border-color:#082945;color:#fff}
.tlx-hbar{position:relative;height:10px;border-radius:5px;background:#eef3f6;overflow:hidden}
.tlx-hbar i{position:absolute;top:0;bottom:0;background:#0f6f84;left:0;width:100%}
.tlx-hticks{display:flex;justify-content:space-between;font-size:10.5px;color:#6b8194;margin-top:-6px}
.tlx-muted{font-size:12px;color:#5d7387}
.tlx-next{padding:9px 10px;border-radius:9px;background:#e8f5f7;font-size:12.5px;color:#0b5c6e;font-weight:600}
.tlx-next:empty{display:none}
.tlx-facts{margin:0;display:flex;flex-direction:column;gap:8px}
.tlx-facts div{background:#f5f9fa;border-radius:9px;padding:8px 10px}.tlx-facts dt{font-size:11.5px;color:#5d7387}.tlx-facts dd{margin:2px 0 0;font-weight:700;color:#082945;font-size:13.5px}
.tlx-week{margin-top:16px}
.tlx-wrow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.tlx-wrow button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px;border:1px solid #e3edf2;border-radius:10px;background:#fff;text-align:left;cursor:pointer}
.tlx-wrow button:disabled{cursor:default;opacity:.7}.tlx-wrow b{font-size:12.5px;color:#082945}.tlx-wrow small{font-size:11.5px;color:#5d7387;min-height:14px}
.tlx-sfoot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}
#tlxSaved{font-size:13px;font-weight:700;color:#0d6b4a}
/* new time-lapse */
.tlx-mov{position:fixed;inset:0;z-index:1100;background:rgba(7,22,36,.55);display:grid;place-items:center;padding:16px}
.tlx-new{width:min(1120px,100%);max-height:calc(100vh - 32px);background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(0,15,30,.35);display:flex;flex-direction:column;overflow:hidden;color:#10253b}
.tlx-new>header{display:flex;align-items:center;gap:12px;padding:16px 22px 12px;border-bottom:1px solid #e3edf2}
.tlx-new>header>div{flex:1}.tlx-new h2{margin:0;font-size:19px;color:#082945}.tlx-new>header p{margin:2px 0 0;font-size:12.5px;color:#5d7387}
.tlx-nbody{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0;flex:1;overflow:auto}
.tlx-nform{padding:4px 22px 10px;display:flex;flex-direction:column}
.tlx-nform section{padding:11px 0;border-bottom:1px solid #edf3f6;display:flex;flex-direction:column;gap:8px}
.tlx-nform section:last-child{border-bottom:0}
.tlx-nform h3{margin:0;font-size:13.5px;color:#082945}
.tlx-ncams{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tlx-ncams button{display:flex;flex-direction:column;gap:5px;padding:6px;border:1px solid #d9e6ec;border-radius:10px;background:#fff;text-align:left;cursor:pointer}
.tlx-ncams button[aria-pressed=true]{border:2px solid #0f6f84;padding:5px}
.tlx-ncams img,.tlx-ncams .tlx-noimg{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.tlx-ncams b{font-size:12.5px;color:#082945;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlx-period{display:flex;align-items:center;gap:8px;font-size:13px;color:#0f6f84}.tlx-period b{color:#082945}
.tlx-n3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.tlx-n3 label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:#3f5668}
.tlx-n3 input,.tlx-n3 select{height:38px;margin:0;border:1px solid #c9dbe3;border-radius:9px;font-size:13.5px;padding:0 10px;width:100%;box-sizing:border-box}
.tlx-nprev{background:#f5f9fa;border-left:1px solid #e3edf2;padding:16px;display:flex;flex-direction:column;gap:12px}
.tlx-nprev>b{font-size:13px;color:#3f5668}
.tlx-npic{position:relative;border-radius:10px;overflow:hidden;background:#0b1b2b;aspect-ratio:16/9}
.tlx-npic img{width:100%;height:100%;object-fit:cover;display:block}
.tlx-npic span{position:absolute;left:8px;bottom:8px;padding:2px 7px;border-radius:5px;background:rgba(6,18,28,.78);color:#fff;font-size:11px;font-weight:700}
.tlx-nprev dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;font-size:13px}
.tlx-nprev dt{color:#5d7387}.tlx-nprev dd{margin:0;font-weight:700;text-align:right}
.tlx-nprev small{font-size:12px;color:#5d7387;line-height:1.5;margin-top:auto}
#tlCreateError{margin:0 22px;color:#b4233c;font-size:13px}#tlCreateError:empty{display:none}
.tlx-new>footer{display:flex;align-items:center;gap:10px;padding:12px 22px;border-top:1px solid #e3edf2;background:#fbfdfe}
.tlx-new>footer>span{flex:1;font-size:12.5px;color:#3f5668}
@media(max-width:1000px){.tlx-vgrid,.tlx-nbody{grid-template-columns:minmax(0,1fr)}.tlx-sgrid{grid-template-columns:minmax(0,1fr)}.tlx-side{position:static}.tlx-nprev{border-left:0;border-top:1px solid #e3edf2}.tlx-wrow{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.tlx-ov{padding:0}.tlx-view{border-radius:0}.tlx-moments{grid-template-columns:repeat(4,minmax(0,1fr))}.tlx-n3{grid-template-columns:minmax(0,1fr)}.tlx-kpis{grid-template-columns:minmax(0,1fr)}}
.tlx-vh,.tlx-new>header{margin:0!important}
.tlx-skel{background:#fff;border:1px solid #d9e6ec;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding-bottom:14px}
.tlx-skel i{display:block;aspect-ratio:16/9;background:#e6eef2}
.tlx-skel b{display:block;height:12px;margin:0 14px;border-radius:6px;background:#e6eef2}.tlx-skel b:last-child{width:55%}
.tlx-skel i,.tlx-skel b{animation:tlxPulse 1.2s ease-in-out infinite}
@keyframes tlxPulse{50%{opacity:.55}}
/* New time-lapse opens as a panel on the right edge, full height */
.tlx-mov:has(>.tlx-new){place-items:stretch end;padding:0}
.tlx-mov>.tlx-new{width:min(1040px,100vw);height:100vh;max-height:none;border-radius:16px 0 0 16px;animation:tlxSlide .22s ease-out}
.rtl .tlx-mov:has(>.tlx-new){place-items:stretch start}
.rtl .tlx-mov>.tlx-new{border-radius:0 16px 16px 0;animation-name:tlxSlideR}
@keyframes tlxSlide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes tlxSlideR{from{transform:translateX(-40px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:700px){.tlx-mov>.tlx-new{border-radius:0}}
@media(prefers-reduced-motion:reduce){.tlx-mov>.tlx-new{animation:none}}
/* new time-lapse: two steps */
.tlx-new [hidden]{display:none!important}
.tlx-steps{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:13px;font-weight:700;color:#6b8194}
.tlx-steps li{display:flex;align-items:center;gap:6px}
.tlx-steps li>span{width:22px;height:22px;border-radius:50%;border:1.5px solid #c9dbe3;display:grid;place-items:center;font-size:12px;box-sizing:border-box}
.tlx-steps li.on{color:#082945}.tlx-steps li.on>span{background:#082945;border-color:#082945;color:#fff}
.tlx-steps li.done{color:#1f7a45}.tlx-steps li.done>span{background:#d9f2e4;border-color:#d9f2e4}
.tlx-s1{display:flex;flex-direction:column;min-height:0;flex:1}
.tlx-s1bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 22px}
.tlx-s1bar .tlx-search{flex:1 1 260px}
.tlx-s1list{flex:1;overflow:auto;padding:0 22px 16px;display:flex;flex-direction:column;gap:10px}
.tlx-site{margin:6px 0 0;font-size:12px;font-weight:700;letter-spacing:.05em;color:#3f5668;display:flex;align-items:center;gap:8px}
.tlx-site:after{content:"";flex:1;height:1px;background:#e3edf2}
.tlx-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tlx-cd{position:relative;display:flex;flex-direction:column;padding:0;border:1px solid #d9e6ec;border-radius:12px;background:#fff;text-align:left;cursor:pointer;overflow:hidden;font:inherit;color:#0b1b2b;min-width:0}
.tlx-cd:hover{border-color:#9fbccb}
.tlx-cd[aria-pressed=true]{border:2px solid #0f6f84;box-shadow:0 0 0 3px #d4eef1}
.tlx-cd img,.tlx-cd .tlx-noimg{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#dfe8ed}
.tlx-cd em{position:absolute;top:8px;left:8px;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:7px;background:rgba(8,41,69,.82);color:#fff}
.tlx-cd em.sel{background:#0f6f84}.tlx-cd em.off{background:#a12639}
.tlx-cd>span{padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.tlx-cd b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlx-cd small{font-size:11.5px;color:#5d7387}
.tlx-ncam{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;background:#f5f9fa;border-radius:12px}
.tlx-ncam img{width:72px;height:40px;object-fit:cover;border-radius:6px}
.tlx-ncam b{flex:1;font-size:14.5px;color:#082945;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlx-link{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:#0f6f84;cursor:pointer}
.tlx-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tlx-opt{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #d9e6ec;border-radius:14px;background:#fff;opacity:.7;cursor:pointer;min-width:0}
.tlx-opt.on{opacity:1;border:2px solid #0f6f84;padding:11px;background:#f5fbfc}
.tlx-rd{display:flex;align-items:flex-start;gap:10px;border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;color:#0b1b2b}
.tlx-rd i{width:18px;height:18px;border-radius:50%;border:2px solid #9fb4c3;flex:none;box-sizing:border-box;margin-top:1px}
.tlx-opt.on .tlx-rd i{border:6px solid #0f6f84}
.tlx-rd span{display:flex;flex-direction:column}.tlx-rd b{font-size:14px}.tlx-rd small{font-size:12px;color:#5d7387}
.tlx-nbig{display:flex;align-items:baseline;gap:8px}.tlx-nbig b{font-size:30px;color:#082945}.tlx-nbig span{font-size:12.5px;color:#5d7387}
.tlx-new>footer{gap:10px}
.tlx-new>footer>span{flex:1}
.tlx-speed2 .tlx-seg button{border-radius:8px}
@media(max-width:700px){.tlx-opts{grid-template-columns:minmax(0,1fr)}.tlx-steps li:not(.on){display:none}}
.tlx-cust{display:flex;align-items:center;gap:6px;margin-top:6px}
.tlx-cust input{width:90px;height:34px;box-sizing:border-box;border:1px solid #c9dbe3;border-radius:9px;padding:0 10px;font:inherit;font-size:14px}
.tlx-cust select{height:34px;border:1px solid #c9dbe3;border-radius:9px;padding:0 8px;font:inherit;font-size:13px;background:#fff}
.tlx-csave{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #edf3f6}
.tlx-csave .tlx-saved{flex:1;font-size:12.5px;font-weight:600;color:#1f7a45}
.tlx-cust[hidden]{display:none}