.traffic-preference{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:12px;z-index:80;font-size:13px;line-height:1.6;max-width:calc(100vw - 24px)}.traffic-consent{width:360px;max-width:100%;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:22px;border:1px solid #d6dace;border-radius:10px;background:#f8f7f1;color:#213c2f;box-shadow:0 10px 40px #102a1c26}.traffic-consent strong{font-size:15px;font-weight:650;line-height:1.4}.traffic-consent p{margin:10px 0 16px;color:#4c6055}.traffic-consent div{display:flex;gap:8px;flex-wrap:wrap}.traffic-consent button,.traffic-preference-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;padding:9px 16px;background:#fff;color:#173c2d;border:1px solid #81988a;border-radius:5px;font:inherit;font-weight:600}.traffic-consent button:hover,.traffic-preference-toggle:hover{background:#eaf0e9;border-color:#173c2d}.traffic-consent a{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;text-decoration:underline;text-underline-offset:3px;color:#173c2d}.traffic-preference-toggle{font-size:12px;padding:7px 12px;border-color:#c4cec3;border-radius:6px;background:#f8f7f1;box-shadow:0 2px 12px #102a1c12}.traffic-preference :is(button,a):focus-visible{outline:2px solid #b94d26;outline-offset:3px}.traffic-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.traffic-controls label{display:grid;grid-gap:5px;gap:5px;font-size:13px}.traffic-controls button,.traffic-controls input,.traffic-controls select,.traffic-export{padding:10px;border:1px solid #c4cdc8;border-radius:6px;background:white;color:#173226;font:inherit}.traffic-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.traffic-quick button{border:1px solid #adc1b4;border-radius:20px;padding:8px 14px;cursor:pointer;background:#f4f8f5;color:#214e36}.traffic-quick button[aria-pressed=true]{background:#214e36;color:white}.traffic-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin:20px 0}.traffic-kpi{background:#fff;padding:22px;border:1px solid #dce5de;border-radius:12px}.traffic-kpi small{display:block;color:#587263}.traffic-kpi strong{display:block;font-size:clamp(22px,2.5vw,34px);line-height:1.5;color:#143c27}.traffic-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.traffic-chart{width:100%;height:220px;display:block;margin:20px 0}.traffic-chart-labels{display:flex;justify-content:space-between;font-size:12px;color:#506858}.traffic-note{font-size:13px;line-height:1.65;color:#51685c}.traffic-rowbar{height:5px;background:#e4ece6;border-radius:3px;margin-top:6px}.traffic-rowbar span{display:block;height:100%;background:#d77942;border-radius:3px}.traffic-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.traffic-empty{padding:40px 12px;text-align:center;color:#587263}.traffic-controls button:disabled{opacity:.6}.traffic-error{padding:14px;background:#fff0e9;color:#9d331d;border:1px solid #efc4b5;border-radius:8px}.traffic-report .prod-table td,.traffic-report .prod-table th{white-space:normal}.traffic-report button:focus-visible,.traffic-report input:focus-visible,.traffic-report select:focus-visible{outline:3px solid #d77942;outline-offset:2px}@media(max-width:900px){.traffic-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-grid{grid-template-columns:1fr}}@media(max-width:450px){.traffic-kpis{gap:8px}.traffic-kpi{padding:14px}.traffic-controls label{width:100%}.traffic-consent{width:calc(100vw - 24px)}}