/* Каркасы загрузки и офлайн: видно, что что-то происходит, и что показано из памяти. */
.polosa-zagruzki{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:var(--orange);
  transition:width .25s ease, opacity .3s ease;opacity:0;
}
.polosa-zagruzki.idet{width:70%;opacity:1}
.polosa-zagruzki.gotovo{width:100%;opacity:0}

.karkas{background:linear-gradient(90deg,var(--line-soft) 25%,var(--line) 37%,var(--line-soft) 63%);
  background-size:400% 100%;animation:karkas 1.2s ease-in-out infinite;border-radius:8px;height:14px}
@keyframes karkas{0%{background-position:100% 0}100%{background-position:0 0}}
.karkas-stroka{display:flex;gap:10px;align-items:center;padding:13px 12px;
  border-bottom:1px solid var(--line-soft)}
.karkas-stroka:last-of-type{border-bottom:0}
.karkas-stroka .karkas.chto{flex:1}
.karkas-stroka .karkas.summa{width:76px;height:16px}

.net-svyazi{
  position:sticky;top:0;z-index:30;background:#a35a00;color:#fff;font-size:13px;
  padding:7px 14px;text-align:center;
}
html.dark .net-svyazi{background:#7a4400}
.offlajn-spisok{margin:0;padding:0;list-style:none}
.offlajn-stroka{display:flex;gap:10px;align-items:baseline;padding:11px 12px;
  border-bottom:1px solid var(--line-soft)}
.offlajn-stroka:last-child{border-bottom:0}
.offlajn-stroka .chto{flex:1;min-width:0}
.offlajn-stroka small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.offlajn-stroka b{white-space:nowrap}