/* Seminarų įrašų grotuvas ir modalinis langas (src/views/irasas.js). Spalvos – styles.css žetonai (šviesi / tamsi tema). */
.ir{display:grid;gap:14px;min-width:0}
.ir.has-ch{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.ir-dlg.wide .ir.has-ch{grid-template-columns:minmax(0,1fr) 260px;align-items:start}}
.ir-main{display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--paper)}
.ir-stage{position:relative;background:#000;border-radius:var(--r-s);overflow:hidden;aspect-ratio:16/9}
.ir-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}
.ir-stage video:focus-visible{outline:3px solid var(--hi);outline-offset:-3px}
.ir-frame iframe,.ir-frame>div{display:block;width:100%;height:100%;border:0}
.ir-big{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:2px solid #fff;background:rgba(10,20,32,.65);color:#fff;display:grid;place-items:center;cursor:pointer}
.ir-big svg{width:34px;height:34px;fill:currentColor;margin-left:4px}
.ir-big:hover{background:rgba(10,20,32,.85)}
.ir-big:focus-visible{outline:3px solid var(--hi);outline-offset:3px}
.ir-err{position:absolute;inset:auto 0 0 0;margin:0;padding:10px 12px;background:var(--bad-soft);color:var(--bad);font-weight:600}

/* Valdikliai */
.ir-bar{display:flex;flex-direction:column;gap:4px}
.ir-seek{width:100%;height:44px;margin:0;accent-color:var(--btn);cursor:pointer}
.ir-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.ir-b{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--paper);color:var(--ink);font:700 .9375rem var(--body);cursor:pointer}
.ir-b:hover:not(:disabled){border-color:var(--ink)}
.ir-b:disabled{opacity:.45;cursor:default}
.ir-b svg{width:22px;height:22px;fill:currentColor}
.ir-b[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.ir-play{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.ir-play:hover:not(:disabled){background:var(--btn-hover);border-color:var(--btn-hover)}
.ir-tx{font-variant-numeric:tabular-nums;padding:0 4px}
.ir-time{font:600 .875rem/1 var(--body);font-variant-numeric:tabular-nums;color:var(--muted);padding:0 4px;white-space:nowrap}
.ir-gap{flex:1 1 0}
.ir-speed{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font:600 .875rem var(--body);color:var(--muted)}
.ir-speed select{min-height:44px;width:auto;padding:6px 8px;font:700 .9375rem var(--body);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s)}
.ir-volw{display:inline-flex;align-items:center;gap:4px}
.ir-vol{width:84px;height:44px;margin:0;accent-color:var(--btn)}
.ir-under{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.ir-resume{min-height:44px}
.ir-prog{display:flex;align-items:center;gap:10px;flex:1 1 200px;min-width:0}
.ir-pbar{flex:1;height:6px;border-radius:99px;background:var(--line2);overflow:hidden;max-width:220px}
.ir-pbar i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.ir-prog.ok .ir-pbar i{background:var(--ok)}
.ir-prog.ok span{color:var(--ok);font-weight:700}
.ir-keys{margin:0}
.ir-hint{margin:0;padding:10px 12px;border-radius:var(--r-s);background:var(--warn-soft);color:var(--ink)}
.ir-gone{padding:18px;border:1px dashed var(--line-strong);border-radius:var(--r-s);display:flex;flex-direction:column;gap:4px}

/* Skyriai */
.ir-ch h3{margin:0 0 6px;font-size:1rem}
.ir-ch ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ir-ch button,.ir-ch .ir-li{display:flex;gap:10px;align-items:baseline;width:100%;min-height:44px;padding:9px 10px;text-align:left;border:1px solid transparent;border-radius:var(--r-s);background:transparent;color:var(--ink);font:500 .9375rem/1.3 var(--body)}
.ir-ch button{cursor:pointer}
.ir-ch button:hover{border-color:var(--line)}
.ir-ch button.on{background:var(--accent-soft);border-color:var(--accent);font-weight:700}
.ir-t{flex:none;min-width:3.6em;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}
.ir-ch button.on .ir-t{color:var(--accent)}

/* Visas ekranas */
.ir-main:fullscreen{padding:12px;justify-content:center;background:#000;color:#fff}
.ir-main:fullscreen .ir-stage{aspect-ratio:auto;flex:1;min-height:0}
.ir-main:fullscreen .ir-under,.ir-main:fullscreen .ir-keys{display:none}
.ir-main:fullscreen .ir-time{color:#cfd8e3}

/* Modalinis langas */
html.ir-lock{overflow:hidden}
.ir-dlg{width:min(1040px,calc(100% - 16px));max-width:none;max-height:calc(100dvh - 16px);margin:auto;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:auto;overscroll-behavior:contain}
.ir-dlg:not(.wide){width:min(640px,calc(100% - 16px))}
.ir-dlg::backdrop{background:rgba(8,16,26,.6)}
.ir-dlg-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line2)}
.ir-dlg-h h2{margin:0;font-size:1.125rem;line-height:1.3;min-width:0}
.ir-dlg-h h2:focus{outline:none}
.ir-dlg-h h2:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ir-dlg .ir-x{min-height:44px;flex:none}
.ir-dlg-b{padding:16px;display:flex;flex-direction:column;gap:14px}
.ir-mark{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:var(--r-s);background:var(--ok-soft);border:1px solid var(--ok)}
.ir-mark .btn{min-height:44px}
@media (max-width:520px){
  .ir-dlg{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}
  .ir-dlg-b{padding:12px}
  .ir-vol{display:none}
  .ir-speed>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ir-ctl{gap:4px}
  .ir-speed select{padding:6px 2px 6px 6px}
  .ir-time{order:10;flex-basis:100%;padding:2px 0 0}
}

@media (pointer:coarse){.ir-kbd{display:none}}

/* Kelyje: įrašo ženkliukai */
.ir-ready{box-shadow:0 0 0 3px var(--ok-soft);border-color:var(--ok)!important}
.ir-pct{font-weight:700;color:var(--ok)}
.chip.ir-badge{background:var(--sem-soft);color:var(--sem)}

/* Administratoriaus įrašo forma */
.ir-form{display:flex;flex-direction:column;gap:10px}
.ir-form .grid2{gap:10px}
.ir-form .ir-err-l{color:var(--bad);font-weight:600}
.ir-prev{border-top:1px solid var(--line2);padding-top:12px}