/* DataLens — КИНОТЕХНИКА. Веб-версия: тёмная «киношная» тема как в настольном приложении */
@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/oswald-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/oswald-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/oswald-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/oswald-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#080A0F;--panel:#0E1218;--card:#131822;--card-hi:#171D2A;--field:#0B0E14;--row-alt:#11151E;
  --border:#232A3A;--border-hi:#3A4660;--text:#E9EDF5;--muted:#7B8599;--dim:#4A5266;
  --accent:#5AC8FF;--accent-dk:#123246;--amber:#FFC15A;--rec:#FF3B3B;--ok:#63E0A5;--bad:#FF7A7A;
  --cov-sensor:#22A565;--cov-sensor-ln:#8CF0BF;--cov-miss:#D8343A;--cov-miss-ln:#FF8A8A;--cov-circle:#123A5E;--cov-circle-ln:#5AC8FF;
  --display:Oswald,'Bahnschrift','Arial Narrow',sans-serif;
  --body:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',Consolas,'SF Mono',Menlo,monospace;
  --gap:10px;--r:2px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;background:var(--bg);color:var(--text)}
body{font:14px/1.45 var(--body);min-height:100vh;min-height:100dvh;overflow-x:hidden}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
::selection{background:var(--accent-dk);color:var(--accent)}
:focus-visible{outline:1px solid var(--accent);outline-offset:2px}

/* перфорация плёнки по краям */
.perf{position:fixed;top:0;bottom:0;width:28px;z-index:0;
  background:repeating-linear-gradient(to bottom,transparent 0 10px,var(--panel) 10px 30px,transparent 30px 34px);
  -webkit-mask:linear-gradient(90deg,transparent 8px,#000 8px 20px,transparent 20px);mask:linear-gradient(90deg,transparent 8px,#000 8px 20px,transparent 20px);
  border:0;opacity:.95}
.perf::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 10px,var(--border) 10px 11px,transparent 11px 29px,var(--border) 29px 30px,transparent 30px 34px);
  -webkit-mask:inherit;mask:inherit}
.perf-l{left:0}.perf-r{right:0}

.app{position:relative;z-index:1;max-width:1560px;margin:0 auto;padding:18px 44px 10px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 6px}
.logo{height:40px;width:auto;display:block}
.top-r{text-align:right;min-width:0}
.h-title{font:600 30px/1.05 var(--display);letter-spacing:.06em}
.h-sub{font:500 12px/1.4 var(--mono);color:var(--muted)}
.flare{height:36px;margin:2px -20px 0;background:url(../img/flare.png) center/ 2600px 36px no-repeat;pointer-events:none}

.tabs{display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--border);margin:0 5px 12px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{background:none;border:0;padding:0 18px 7px 4px;display:flex;align-items:baseline;gap:10px;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tab-l{font:600 17px/1.2 var(--display);letter-spacing:.06em;color:var(--muted)}
.tab-n{font:700 12px var(--mono);color:var(--dim)}
.tab:hover .tab-l{color:var(--text)}
.tab:hover{border-bottom-color:var(--border-hi)}
.tab[aria-selected=true]{border-bottom-color:var(--accent)}
.tab[aria-selected=true] .tab-l{color:var(--text)}
.tab[aria-selected=true] .tab-n{color:var(--accent)}
.tab-keys{margin-left:auto;font:12px var(--body);color:var(--dim);padding-bottom:8px;white-space:nowrap}
main{flex:1;position:relative}
.view{display:flex;flex-direction:column;gap:8px}

/* окна-списки */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.span2{grid-column:span 2}
.dd{background:var(--card-hi);border:1px solid var(--border);padding:11px 12px 12px;min-width:0;display:flex;flex-direction:column;gap:4px}
.dd-h{display:flex;align-items:baseline;gap:8px;padding:0 2px}
.dd-num{font:700 12px var(--mono);color:var(--accent)}
.dd-t{font:600 13px/1.2 var(--display);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-tag{margin-left:auto;font:700 10.5px var(--mono);color:var(--accent);white-space:nowrap}
.dd-tag.num{color:var(--dim)}
.dd-hint{font:12px var(--body);color:var(--muted);padding:0 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-box{display:flex;align-items:center;gap:6px;background:var(--field);border:1px solid var(--border);min-height:36px;padding:0 10px;text-align:left;width:100%}
.dd-box:hover:not([disabled]){border-color:var(--accent)}
.dd-v{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:15px var(--body)}
.dd-v.ph{color:var(--muted)}
.dd-v.na{color:var(--muted)}
.dd-chev{color:var(--accent);font-size:14px;flex:none}
.dd.blocked{background:var(--card)}
.dd.blocked .dd-num,.dd.blocked .dd-t,.dd.blocked .dd-hint,.dd.blocked .dd-v{color:var(--dim)}
.dd-box[disabled]{cursor:default}
.dd-box[disabled] .dd-chev{color:var(--dim)}
.search{display:flex;align-items:center;background:var(--field);border:1px solid var(--border);min-height:36px;padding:0 4px 0 10px}
.search:focus-within{border-color:var(--accent)}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;font:15px var(--body);padding:6px 0}
.search button{background:none;border:0;color:var(--dim);padding:4px 8px}
.search button:hover{color:var(--accent)}

/* панель результата */
.panel{background:var(--panel);border:1px solid var(--border);margin-top:4px;display:flex;flex-direction:column;min-height:420px}
.p-top{display:flex;align-items:center;gap:10px;padding:14px 18px 0;flex-wrap:wrap}
.p-ico{font:600 17px var(--display);color:var(--accent)}
.p-name{font:600 17px var(--display);letter-spacing:.06em}
.p-stat{font:500 12.5px var(--mono);color:var(--muted);flex:1;min-width:120px}
.p-btns{display:flex;gap:8px;flex-wrap:wrap}
.btn{background:var(--card);border:1px solid var(--border-hi);padding:6px 12px;font:600 12.5px var(--display);letter-spacing:.08em;color:var(--text);white-space:nowrap}
.btn:hover{border-color:var(--accent)}
.btn.off{color:var(--dim)}
.p-mid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:12px;padding:12px 18px 6px;flex:1;min-height:0}
.p-status{font:12px var(--body);color:var(--muted);padding:2px 18px 12px}
.p-status.ok{color:var(--ok)}.p-status.warn{color:var(--amber)}

.side{background:var(--card-hi);border:1px solid var(--border-hi);padding:16px 18px 12px;display:flex;flex-direction:column;gap:6px;min-width:0;align-self:start;position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto}
.side-empty{display:flex;flex-direction:column;min-height:300px}
.side-empty .wm{margin-top:auto;align-self:flex-end;width:200px;opacity:1}
.cap{font:700 12px var(--mono);color:var(--accent);letter-spacing:.04em}
.h2{font:600 18px/1.25 var(--display);letter-spacing:.04em}
.muted{color:var(--muted)}.dim{color:var(--dim)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:var(--accent-dk);color:var(--accent);font:700 11.5px var(--mono);padding:3px 8px;border:0}
button.chip:hover{background:var(--accent);color:var(--bg)}
.tiles{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.tile{background:var(--panel);border:1px solid var(--border-hi);padding:6px 14px 6px}
.tile-c{font:700 11px var(--mono);color:var(--accent);text-transform:uppercase}
.tile-v{font:600 22px/1.15 var(--display)}
.tile-v small{font:12px var(--body);color:var(--muted);margin-left:4px}
.tile.big .tile-v{font-size:34px}
.tile.big{padding:8px 20px}
.tile.muted .tile-v{color:var(--muted);font-size:17px}
.tile.amber .tile-v{color:var(--amber)}
.specs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;font-size:13px;margin-top:4px}
.specs dt{color:var(--muted);font-size:12.5px}
.specs dd{margin:0;min-width:0;overflow-wrap:anywhere}
.specs dd.na{color:var(--dim)}
.tag{display:inline-block;background:var(--panel);font:700 10.5px var(--mono);padding:1px 6px;margin-left:8px;vertical-align:1px}
.note{color:var(--amber);font-size:12.5px}
.src{color:var(--dim);font-size:12px;margin-top:auto;padding-top:6px;overflow-wrap:anywhere}

/* таблицы */
.tbl-wrap{background:var(--field);border:1px solid var(--border);overflow:auto;min-height:0}
table.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{position:sticky;top:0;background:var(--card);color:var(--muted);font:700 11px var(--mono);text-align:left;padding:8px 8px;border-bottom:1px solid var(--border);white-space:nowrap;user-select:none;z-index:1}
.tbl th.sort{cursor:pointer}.tbl th.sort:hover{color:var(--accent)}
.tbl td{padding:6px 8px;white-space:nowrap;border:0}
.tbl tbody tr:nth-child(even){background:var(--row-alt)}
.tbl tbody tr{cursor:pointer}
.tbl tbody tr:hover{background:#16202E}
.tbl tbody tr.sel{background:var(--accent-dk)!important;color:var(--accent)}
.tbl td.wrap{white-space:normal}
.tbl .ok{color:var(--ok)}.tbl .bad{color:var(--bad)}.tbl .na{color:var(--dim)}
.more{display:block;width:100%;margin:0;border:0;border-top:1px solid var(--border);background:var(--card);color:var(--accent);padding:9px;font:700 12px var(--mono)}

/* камеры: прогресс и итог */
.rec{display:flex;align-items:center;gap:6px;font:600 17px var(--display);color:var(--dim)}
.rec .dot{font-size:15px}
.rec.on{color:var(--rec)}
.rec.on .dot{animation:blink 1.5s steps(1) infinite}
@keyframes blink{50%{opacity:.25}}
.prog{display:grid;gap:5px;padding:10px 18px 0}
.prog i{display:block;height:10px;border:1px solid var(--border);background:var(--panel)}
.prog i.on{border-color:var(--accent);background:linear-gradient(var(--accent),var(--accent)) center/calc(100% - 4px) calc(100% - 4px) no-repeat,var(--accent-dk)}
.variant{margin-bottom:10px}
.variant .cap{color:var(--amber)}
.comment{color:var(--amber);margin-top:6px}

/* покрытие */
.cov-box{background:var(--field);border:1px solid var(--border);min-height:360px;position:relative;display:flex;flex-direction:column}
.cov-svg{display:block;width:100%;flex:1}
.cov-svg text{font-family:var(--mono)}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 14px 10px;font-size:12px;color:var(--muted)}
.legend i{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-right:6px}
.lg-in{background:var(--cov-sensor)}.lg-out{background:var(--cov-miss)}.lg-c{border:2px solid var(--cov-circle-ln);border-radius:50%;background:var(--cov-circle)}
.verdict-ok{color:var(--ok)}.verdict-bad{color:var(--rec)}.verdict-warn{color:var(--amber)}.verdict-info{color:var(--muted)}
.cov-tbl{max-height:320px}
.tbl-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px}

/* выпадающий список */
.pick{position:fixed;z-index:50;background:var(--field);border:1px solid var(--accent);box-shadow:0 18px 40px #000a;display:flex;flex-direction:column;max-height:min(420px,70vh)}
.pick input{margin:8px 8px 2px;background:var(--card);border:0;outline:0;padding:8px 10px;font:15px var(--body)}
.pick .ph{font-size:11.5px;color:var(--dim);padding:0 12px 4px}
.pick ul{list-style:none;margin:0;padding:4px;overflow:auto;overscroll-behavior:contain}
.pick li{padding:7px 10px;font:14.5px var(--body);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick li.cur,.pick li:hover{background:var(--accent-dk);color:var(--accent)}
.pick li.all{color:var(--muted)}
.pick .empty{padding:10px 12px;color:var(--dim)}
.shade{position:fixed;inset:0;z-index:40;background:#0008}

/* лист с карточкой объектива на телефоне */
.sheet{position:fixed;z-index:45;left:0;right:0;bottom:0;max-height:85vh;overflow:auto;background:var(--card-hi);border-top:1px solid var(--accent);padding:14px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #000c}
.sheet .close{position:sticky;top:0;float:right;background:var(--panel);border:1px solid var(--border-hi);padding:3px 10px}

.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);min-height:50vh}
.loading.err{color:var(--amber);text-align:center;padding:0 20px}
.spin{width:34px;height:34px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:11.5px var(--mono);color:var(--dim);padding:14px 6px 4px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;transition:.25s;background:var(--card-hi);border:1px solid var(--ok);color:var(--ok);padding:8px 16px;font-size:13px;z-index:60;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%)}
.noscript{padding:40px;text-align:center}

@media (max-width:1180px){
  .p-mid{grid-template-columns:minmax(0,1fr) 380px}
}
@media (max-width:980px){
  .app{padding:12px 14px 8px}
  .perf{display:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .span2{grid-column:span 2}
  .p-mid{grid-template-columns:minmax(0,1fr)}
  .side{position:static;max-height:none}
  .tab-keys{display:none}
}
@media (max-width:600px){
  body{font-size:14px}
  .top{align-items:center}
  .logo{height:26px}
  .h-title{font-size:20px}
  .h-sub{font-size:10.5px}
  .grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .span2{grid-column:auto}
  .dd{padding:9px 10px 10px}
  .dd-hint{display:none}
  .p-top{padding:12px 12px 0}
  .p-mid{padding:10px 12px 6px}
  .p-status{padding:2px 12px 10px}
  .tab{padding:0 12px 7px 2px}
  .tab-l{font-size:15px}
  .tile.big .tile-v{font-size:26px}
  .pick{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;max-height:75vh;border-width:1px 0 0}
  .tbl .hide-s{display:none}
  .cov-box{min-height:300px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}