body:has(.traffic-page){min-width:0}.v5-shell .v5-work-traffic{padding:0;background:var(--plocha-seda);min-height:calc(100vh - 108px)}.traffic-page{padding:14px 28px 0;min-width:0}.traffic-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font-size:12px;color:var(--text-2)}.traffic-toolbar .views{margin:0;width:auto}.traffic-toolbar button{font-size:12px;min-height:30px;padding:5px 12px}.traffic-period{padding:6px 10px;border:1px solid var(--linka);background:white;border-radius:7px}.traffic-compare{margin:0;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2)}.traffic-compare input{appearance:none;position:relative;display:inline-block;flex:none;width:30px;height:18px;min-height:0;padding:0;border:0;border-radius:12px;background:var(--text-3);cursor:pointer;margin:0}.traffic-compare input:checked{background:var(--projekt-barva)}.traffic-compare input:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:white;transition:transform .15s}.traffic-compare input:checked:after{transform:translateX(12px)}.traffic-compare input:focus-visible{outline:2px solid var(--projekt-barva);outline-offset:3px}.traffic-sync{margin-left:auto;font-size:11px;color:var(--text-3)}.traffic-top-grid{display:grid;grid-template-columns:352px minmax(0,1fr);gap:16px;align-items:start}.traffic-panel{border:1px solid var(--ramecek-karta);border-radius:15px;background:white;min-width:0;overflow:hidden}.traffic-panel h2{font-size:13.5px;font-weight:600;letter-spacing:0;margin:0}.traffic-live{padding:18px}.traffic-live header{display:flex;align-items:center;justify-content:space-between;gap:8px}.traffic-live header>span{color:#16883c;font-size:10px;white-space:nowrap}.traffic-live h2{display:flex;align-items:center;gap:8px}.traffic-live-dot{width:8px;height:8px;border-radius:50%;background:#16b864;box-shadow:0 0 0 3px #bdeccc}.traffic-live-total{font-size:44px;line-height:1.15;font-weight:600;margin-top:15px;display:inline-block}.traffic-live>p{display:inline;font-size:12px;color:var(--text-2);margin-left:8px}.traffic-minute-bars{height:48px;display:flex;align-items:end;gap:3px;margin:18px 0 8px}.traffic-minute-bars i{flex:1;min-width:0;background:var(--projekt-barva);opacity:.6;border-radius:2px 2px 0 0}.traffic-minute-bars i:last-child{opacity:1}.traffic-minute-labels{display:flex;justify-content:space-between;color:var(--text-3);font-size:10px}.traffic-live h3{font-size:12px;color:var(--text-2);font-weight:500;margin:14px 0 6px}.traffic-live ul{list-style:none;padding:0;margin:0}.traffic-live li{display:flex;gap:12px;padding:5px 0;font-size:13px}.traffic-live li>span{flex:1;min-width:0;overflow-wrap:anywhere}.traffic-live li>strong{font-weight:500}.traffic-devices{display:flex;gap:5px;flex-wrap:wrap}.traffic-devices span{border-radius:20px;background:var(--plocha-seda);padding:4px 9px;font-size:12px}.traffic-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 0;border-bottom:1px solid var(--linka);flex-wrap:wrap}.traffic-kpis article{flex:1;padding:8px 18px;border-right:1px solid var(--linka);min-width:0}.traffic-kpis article:last-child{border:0}.traffic-kpis article>span{font-size:12px;color:var(--text-2)}.traffic-kpis article>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}.traffic-kpis strong{font-size:21px;font-weight:600}.traffic-delta{font-size:11px;border-radius:20px;padding:3px 6px;white-space:nowrap}.traffic-delta.positive{color:#00652f;background:#dcfce7}.traffic-delta.negative{color:#b60000;background:#ffe1e2}.traffic-delta.neutral{color:var(--text-2);background:var(--plocha-seda);white-space:normal}.traffic-chart-heading{display:flex;justify-content:space-between;gap:8px;padding:16px 18px 0}.traffic-chart-heading>span{font-size:11px;color:var(--text-2);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.traffic-chart-heading i{width:13px;height:3px;background:var(--projekt-barva);border-radius:2px}.traffic-chart-heading i.previous{background:#aaa;margin-left:8px}.traffic-chart-wrap{padding:8px 18px 10px}.traffic-chart-plot{display:grid;grid-template-columns:minmax(0,1fr) 32px;height:200px;gap:6px}.traffic-chart{display:block;width:100%;height:200px;overflow:visible}.traffic-chart-y{position:relative;color:var(--text-3);font-size:10px}.traffic-chart-y span{position:absolute;transform:translateY(-50%)}.traffic-chart-dates{display:flex;justify-content:space-between;gap:4px;margin-top:6px;margin-right:38px;font-size:10px;line-height:16px;color:var(--text-3)}.traffic-chart line{stroke:var(--linka);stroke-width:1}.traffic-chart text{font-size:10px;fill:var(--text-3)}.traffic-chart .area{fill:var(--projekt-barva);opacity:.12}.traffic-chart polyline{fill:none;stroke-width:2;stroke:var(--projekt-barva)}.traffic-chart polyline.previous{stroke:#aaa;stroke-dasharray:5 4;stroke-width:1.5}.traffic-chart circle{fill:var(--projekt-barva);stroke:white;stroke-width:1;opacity:0}.traffic-chart circle:hover,.traffic-chart circle:last-of-type{opacity:1}.traffic-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:16px;margin-top:16px;align-items:start}.traffic-pages header{padding:16px 18px}.traffic-table-scroll{overflow:auto}.traffic-pages table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.traffic-pages th,.traffic-pages td{padding:8px 18px;border-top:1px solid var(--linka);text-align:right;font-weight:400;overflow-wrap:anywhere}.traffic-pages th:first-child{text-align:left;width:60%}.traffic-pages thead{color:var(--text-3);font-size:11px}.traffic-sources{padding:18px}.traffic-sources>div{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:12px;font-size:12px}.traffic-sources small{font-size:12px;color:var(--text-2)}.traffic-sources i{grid-column:1/-1;height:8px;border-radius:6px;background:var(--plocha-seda);overflow:hidden}.traffic-sources b{height:100%;display:block;background:var(--projekt-barva)}.traffic-note{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border:1px solid var(--linka);border-radius:12px;font-size:12px;line-height:19px;color:var(--text-2);margin-top:16px;background:white}.traffic-data-note{font-size:11px;color:var(--text-2);margin:10px 18px;line-height:17px}.traffic-error{border:1px solid var(--chyba-text);border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:8px;margin-bottom:16px;color:var(--chyba-text);align-items:center;flex-wrap:wrap}.traffic-custom{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.traffic-custom label{font-size:11px;margin:0}.traffic-custom input{font-size:12px;min-height:30px;padding:4px 6px;width:135px}.traffic-projects{display:flex;flex-wrap:wrap;gap:12px}.traffic-projects button{display:flex;gap:10px;align-items:center}.traffic-projects .project-logo{width:28px;height:28px}.traffic-page>.v5-empty{border:1px solid var(--linka);border-radius:15px;background:white;min-height:248px}
@media(max-width:1200px){.traffic-top-grid{grid-template-columns:300px minmax(0,1fr)}.traffic-bottom-grid{grid-template-columns:minmax(0,1fr) 300px}.traffic-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-kpis article:nth-child(2n){border-right:0}}
@media(max-width:900px){.traffic-top-grid,.traffic-bottom-grid{grid-template-columns:minmax(0,1fr)}.traffic-live{max-width:none}.traffic-sync{margin-left:0}.traffic-page{padding:16px 12px 0}.traffic-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-kpis article:nth-child(2n){border-right:0}.traffic-chart-heading{flex-wrap:wrap}.traffic-pages th,.traffic-pages td{padding:10px}.traffic-pages th:first-child{width:48%}.traffic-note{padding:12px}}

.traffic-stale .traffic-live-dot{background:var(--text-3);box-shadow:0 0 0 3px var(--plocha-seda)}.traffic-stale header>span{color:var(--text-2)}.traffic-live>.traffic-stale-note{display:block;margin:12px 0;font-size:11px;line-height:17px}.traffic-pages thead th{border-top:0;padding-top:12px;padding-bottom:12px}.traffic-kpis article:only-child{grid-column:1/-1}@media(prefers-reduced-motion:reduce){.traffic-compare input:after{transition:none}}

.traffic-pages thead h2{color:var(--inkoust)}

.traffic-summary{display:inline-flex;align-items:center;flex:none;max-width:100%;min-width:0}.traffic-summary-value{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:400;line-height:16px;overflow-wrap:anywhere}.traffic-summary-value i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--pripojen)}.traffic-summary-value:not(.live){opacity:.75}.v5-card-head>span:not(.project-logo):not(.traffic-summary){flex:1;min-width:0}.v5-card-head>.traffic-summary{margin-left:auto;max-width:45%;color:var(--projekt-pas-text)}.connection-project .traffic-summary{display:flex;margin-top:3px;color:var(--text-2)}.traffic-overview-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:1px solid var(--ramecek-karta);border-radius:12px;padding:14px 16px;margin:16px 0}.traffic-overview-summary>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.traffic-overview-summary>button{margin-left:auto;font-size:12px}.traffic-overview-summary>p{flex-basis:100%;color:var(--text-2);font-size:12px;margin:0;line-height:18px}

.connection-state[data-traffic-connection-status].active{color:var(--inkoust)}.connection-state[data-traffic-connection-status].active:before{background:var(--pripojen)}