/* Вкладка «Интернет» (Макс 2026-11-02). Плитки и карточки — из fleet-report.css. Жёлтый — SIM, синий — Wi-Fi, как в расписании. */
body:not(.live) [data-tab="internet"]{display:none}
.net-page{display:flex;flex-direction:column;gap:14px}
.net-toolbar{display:flex;justify-content:flex-end;margin-top:-52px;min-height:32px}
.net-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}

.net-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.net-plans>header{margin-bottom:8px}
.net-plan{display:block;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:10px;margin:-2px -10px;width:calc(100% + 20px);cursor:pointer;color:inherit;font:inherit}
.net-plan:hover{background:#f6f7f9}
.net-plan.off small{margin-top:4px}
.net-plan-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.net-plan-top b{font-size:13.5px;font-weight:600;color:var(--fr-ink)}
.net-plan-top em{font-style:normal;font-size:11.5px;color:#b84c59;font-weight:550}
.net-plan-left{display:block;margin-top:5px;font-size:13px;color:var(--fr-sub)}
.net-plan-left strong{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--fr-ink);margin-right:3px}
.net-meter{display:block;height:8px;border-radius:4px;background:#fbf0d6;margin:8px 0 7px;overflow:hidden}
.net-meter u{display:block;height:100%;border-radius:4px;background:#eda100}
.net-plan.warn .net-meter{background:#fde8d8}
.net-plan.warn .net-meter u{background:#e0701f}
.net-plan.bad .net-meter{background:#fbe9e9}
.net-plan.bad .net-meter u{background:var(--fr-fail)}
.net-plan small{display:block;font-size:11.5px;color:var(--fr-sub);line-height:1.4}

.fr-legend .net-key{width:10px;height:10px;border-radius:3px}
.net-hit{fill:transparent;cursor:default}
.net-hit:hover{fill:#1a223408}

.net-apps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.net-apps li>div{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--fr-ink);line-height:1.3}
.net-apps li>div span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.net-apps li b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.net-app-bar{display:flex;gap:2px;height:6px;margin-top:5px;background:#f3f4f7;border-radius:3px;overflow:hidden}
.net-app-bar u{display:block;height:100%}

.net-table{overflow-x:auto}
.net-table table{width:100%;border-collapse:collapse;font-size:13px;min-width:780px}
.net-table th,.net-table td{padding:10px 10px;text-align:left;background:none;border-bottom:1px solid #f1f2f5;white-space:nowrap}
.net-table thead th{font-size:11.5px;font-weight:500;color:var(--fr-sub);padding-top:0}
.net-table tbody tr:last-child th,.net-table tbody tr:last-child td{border-bottom:0}
.net-table .num{text-align:right;font-variant-numeric:tabular-nums}
.net-table tbody tr{cursor:pointer}
.net-table tbody tr:hover{background:#f6f7f9}
.net-table tbody tr.selected{background:#eef3fb}
.net-table tbody th{font-weight:400}
.net-table tbody th b{display:block;font-weight:600;color:var(--fr-ink)}
.net-table tbody th small{display:block;font-size:11px;color:var(--fr-sub);margin-top:1px}
.net-share{width:18%;min-width:110px}
.net-share .net-app-bar{margin:0}
.net-top{color:var(--fr-sub);max-width:220px;overflow:hidden;text-overflow:ellipsis}
.net-link{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:550;background:#f1f2f5;color:var(--fr-sub)}
.net-link.sim{background:#fbf0d6;color:#7a5400}
.net-link.wifi{background:#e4eefb;color:#1c5cab}
.net-link.off{background:#fbe9e9;color:#a52b2b}

@media (max-width:1100px){.net-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* На телефоне значки разделов не помещались и правые были недоступны: лента прокручивается. */
@media (max-width:760px){body.live .sidebar nav{min-width:0;margin-left:10px;overflow-x:auto;scrollbar-width:none}body.live .sidebar nav a{flex:none}}
@media (max-width:640px){.net-toolbar{justify-content:flex-start;margin-top:-6px}}