/* 1.0.0: стиль отчёта Полной проверки — из модуля портала Сервистела (top-report.js v2.5.1, макет утверждён 30.09.2026), фон светло-голубой. */

.vtf{--ink:#12213a;--dim:#5b6b82;--line:#dde5f0;--bg:#e6f2fc;--blue:#1f5fd6;--blue2:#9dbdf2;--teal:#0f9aa0;--navy:#0b2b4a;--good:#1d8a55;--good-bg:#dcf3e5;--t10-bg:#dbe8fb;--near-bg:#e9edf2;--bad:#c23b3b;--bad-bg:#fbe8e8;--mid:#b86a00;--mid-bg:#fdf1de;
  font:12.5px/1.45 "Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);padding:16px;border-radius:14px;max-width:1040px;margin:0 auto}
.vtf *{box-sizing:border-box}.vtf table{width:100%;border-collapse:collapse}.vtf th{background:#eef3fa;color:var(--dim);font-weight:600;font-size:11px;text-align:left;padding:5px 6px}.vtf td{border-bottom:1px solid var(--line);padding:4px 6px;vertical-align:middle}
.vtf .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;break-inside:avoid;page-break-inside:avoid}.vtf .card.flow{break-inside:auto;page-break-inside:auto}
.vtf h2{font-size:15px;margin:0 0 3px;color:var(--navy)}.vtf .sub{color:var(--dim);font-size:11.5px;margin:0 0 8px}.vtf .row{display:grid;gap:10px;margin-top:10px}
.vtf .c2{grid-template-columns:1fr 1fr}.vtf .c4{grid-template-columns:repeat(4,1fr)}.vtf .c55{grid-template-columns:1.25fr 1fr}.vtf .c73{grid-template-columns:1.6fr 1fr}.vtf .c37{grid-template-columns:1fr 1.7fr}
.vtf .ic{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#e6f0fd;color:var(--blue)}.vtf .ic svg{width:20px;height:20px}
.vtf .ic.t{background:#dff3f2;color:var(--teal)}.vtf .ic.v{background:#ece8fb;color:#6a4fd0}
.vtf .head{display:grid;grid-template-columns:auto 1fr 1.25fr;gap:14px;align-items:center;margin-bottom:10px}
.vtf .brand{display:flex;align-items:center;gap:10px}.vtf .brand img{width:62px;height:62px}.vtf .brand b{display:block;font-size:22px;line-height:1;color:var(--navy);letter-spacing:.3px}.vtf .brand span{font-size:9.5px;letter-spacing:1.5px;color:var(--dim)}
.vtf .ttl{border-left:2px solid var(--line);padding-left:14px}.vtf .ttl b{display:block;font-size:20px;color:var(--navy)}.vtf .ttl span{display:block;color:var(--dim)}
.vtf .co{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.vtf .co .nm{font-size:17px;font-weight:700}.vtf .co a{color:var(--blue);text-decoration:none;display:block}
.vtf .co .cond{font-size:11px;color:var(--dim);margin-left:auto;max-width:48%}.vtf .tag{display:inline-block;background:#eaf1fd;color:var(--blue);border-radius:12px;padding:1px 9px;font-size:11px;margin-bottom:4px}
.vtf .lead{display:grid;grid-template-columns:auto 1fr 230px;gap:14px;align-items:center;background:linear-gradient(90deg,#eaf2ff,#f4fbfb)}
.vtf .lead .h{font-size:19px;font-weight:800;line-height:1.25}.vtf .lead .s{margin-top:4px;color:#2c3e5c}.vtf .quote{background:#fff;border-radius:10px;padding:10px 12px;color:#2c3e5c;position:relative;padding-left:34px}
.vtf .quote:before{content:"“";position:absolute;left:10px;top:-2px;font-size:36px;color:var(--blue2);font-family:Georgia,serif}
.vtf .kpi .top{display:flex;gap:8px;align-items:center}.vtf .kpi .lb{font-weight:700;font-size:12px}.vtf .kpi .v{font-size:25px;font-weight:800;line-height:1.1}.vtf .kpi .v small{font-size:13px;font-weight:600;color:var(--dim)}
.vtf .kpi .t{font-size:11.5px;color:var(--dim);margin:6px 0}.vtf .hb{display:grid;grid-template-columns:70px 1fr 42px;gap:6px;align-items:center;font-size:11px;margin-top:4px}
.vtf .hb i{display:block;height:9px;border-radius:5px;background:#e9eef6;overflow:hidden}.vtf .hb i b{display:block;height:100%;background:var(--blue)}.vtf .hb i b.l{background:var(--blue2)}.vtf .hb i b.g{background:#b9c3d2}
.vtf .donut{display:flex;gap:10px;align-items:center}.vtf .lgd{font-size:11px;color:var(--dim)}.vtf .lgd i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.vtf .mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.vtf .mini div{background:#f5f8fd;border-radius:8px;padding:6px;font-size:11px;color:var(--dim)}.vtf .mini b{display:block;font-size:14px;color:var(--ink)}
.vtf .eb{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;flex:none}.vtf .eb.y{background:#fc3f1d}.vtf .eb.g{background:#4285f4}.vtf .eb.a{background:#7b4fe0}
.vtf .surf{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vtf .surf>div{background:#f7f9fd;border-radius:10px;padding:8px 10px}.vtf .surf .n{font-size:18px;font-weight:800;margin:2px 0}.vtf .surf i{display:block;height:6px;border-radius:3px;background:#e2e8f2}.vtf .surf i b{display:block;height:100%;border-radius:3px;background:var(--blue)}
.vtf .pbar{display:inline-block;width:110px;height:8px;border-radius:4px;background:#e9eef6;vertical-align:middle;margin-left:8px;overflow:hidden}.vtf .pbar b{display:block;height:100%;background:var(--blue)}
.vtf .shelf td{text-align:center;font-weight:700;font-size:11.5px;padding:3px 4px}.vtf .shelf td:first-child{text-align:left;font-weight:400}.vtf .shelf td.f{color:var(--dim);font-weight:400}
.vtf .shelf td.top3{background:var(--good-bg);color:var(--good)}.vtf .shelf td.top10{background:var(--t10-bg);color:var(--blue)}.vtf .shelf td.near{background:var(--near-bg);color:#5b6b82}.vtf .shelf td.none{color:#b8c0cc;font-weight:400}
.vtf .legend{font-size:11px;color:var(--dim)}.vtf .legend div{display:flex;gap:6px;align-items:flex-start;margin-bottom:8px}.vtf .legend i{width:12px;height:12px;border-radius:50%;flex:none;margin-top:1px}
.vtf .info{display:flex;gap:8px;background:#eef4ff;border-radius:8px;padding:7px 10px;font-size:11.5px;color:#2c3e5c;margin-top:8px}.vtf .info .i{width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.vtf .cb{display:inline-block;width:70px;height:8px;border-radius:4px;background:#e9eef6;vertical-align:middle;margin-left:6px;overflow:hidden}.vtf .cb b{display:block;height:100%;background:var(--blue)}
.vtf .kd{font-size:10px;color:var(--dim);background:#eef1f5;border-radius:8px;padding:0 6px;margin-left:4px}.vtf .small{font-size:10.5px;color:var(--dim)}
.vtf ol.n{list-style:none;padding:0;margin:0;counter-reset:n}.vtf ol.n li{counter-increment:n;display:flex;gap:8px;align-items:flex-start;padding:5px 8px;background:#f5f8fd;border-radius:8px;margin-bottom:5px}
.vtf ol.n li:before{content:counter(n);flex:none;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center}
.vtf ol.n.bad li:before{background:var(--bad)}.vtf .li-t{font-weight:700}.vtf .li-s{font-size:11px;color:var(--dim)}.vtf .pp{margin-left:auto;background:#e6f0fd;color:var(--blue);border-radius:8px;padding:2px 8px;font-weight:700;font-size:11px;white-space:nowrap}
.vtf ul.dl{columns:2;margin:0;padding-left:16px;font-size:11.5px}.vtf ul.dl li{margin:2px 0;break-inside:avoid}
.vtf .dots5{letter-spacing:1px;white-space:nowrap}.vtf .dots5 b{color:var(--blue)}.vtf .dots5 i{color:#cfd8e6;font-style:normal}
.vtf .prio{border-radius:6px;padding:1px 8px;font-size:11px;font-weight:700}.vtf .p-сейчас{background:var(--good-bg);color:var(--good)}.vtf .p-высокий{background:var(--bad-bg);color:var(--bad)}.vtf .p-средний{background:var(--mid-bg);color:var(--mid)}
.vtf .ladder{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:6px;align-items:center}.vtf .ladder .st{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:11px;background:#fff}
.vtf .ladder .st b{display:block;font-size:12px}.vtf .ladder .st.go{border:2px solid var(--blue);background:#f2f7ff}.vtf .ladder .arr{color:#b8c0cc;font-size:18px}.vtf .ladder .num{width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}.vtf .ladder .num.ok{background:var(--good)}
.vtf .foot{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10.5px;color:var(--dim)}.vtf .foot img{width:40px;height:40px}
@media screen and (max-width:760px){.vtf .c2,.vtf .c4,.vtf .c55,.vtf .c73,.vtf .c37,.vtf .head,.vtf .lead{grid-template-columns:1fr}.vtf .ladder{grid-template-columns:1fr}.vtf .ladder .arr{display:none}.vtf .co .cond{max-width:none}}
@media print{.vtf{background:#e6f2fc!important;padding:7mm 8mm;width:1040px;max-width:none;zoom:.72;border:0;border-radius:0}.vtf .c2{grid-template-columns:1fr 1fr}.vtf .c4{grid-template-columns:repeat(4,1fr)}.vtf .c55{grid-template-columns:1.25fr 1fr}.vtf .c73{grid-template-columns:1.6fr 1fr}.vtf .c37{grid-template-columns:1fr 1.7fr}
  .vtf .head{grid-template-columns:auto 1fr 1.25fr}.vtf .lead{grid-template-columns:auto 1fr 200px}.vtf .ladder{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.vtf .ladder .arr{display:block}.vtf tr{break-inside:avoid}}
/* 1.0.0 — сайт: макет портала на голубом фоне, рядом лента Аси (стиль страницы — report-quick.css) */
.vtf{margin:0;max-width:none;border:1px solid #cfe2f6}.vtf .remark{background:#fff8e6;border:1px solid #f0dcaa;color:#6b5320;font-size:12.5px;margin-bottom:10px;border-radius:12px;padding:10px 12px}
.vtf .adm{font-size:10px;color:#5b6b82;font-weight:500}.vtf .foot a{color:var(--blue);text-decoration:none}.vtf a.st{color:inherit;text-decoration:none}
.vq-layout.full{grid-template-columns:minmax(0,1040px) 330px}
@media (max-width:1100px){.vq-layout.full{grid-template-columns:1fr}}
.vtf .shelf td,.vtf td.near,.vtf td.none,.vtf td.top3,.vtf td.top10{display:table-cell}
