.catnara-traffic{display:grid;gap:18px;max-width:1100px}
.catnara-traffic-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.catnara-traffic-head select{padding:8px;border:1px solid #ddcfc7;border-radius:10px;margin-left:8px}
.catnara-traffic-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.catnara-traffic-kpi{display:grid;gap:7px;border:1px solid #edddd3;background:#fff9f6;padding:15px;border-radius:14px}
.catnara-traffic-kpi small{color:#775c52}.catnara-traffic-kpi b{font-size:23px;font-variant-numeric:tabular-nums}
.catnara-traffic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.catnara-traffic-grid section{min-width:0}.catnara-traffic h3{font-size:16px;margin:5px 0 12px}
.catnara-traffic-row{display:grid;grid-template-columns:minmax(95px,1fr) minmax(50px,2fr) 64px;gap:9px;align-items:center;margin:9px 0;font-size:12px}
.catnara-traffic-row span{overflow-wrap:anywhere}.catnara-traffic-row b{text-align:right}
.catnara-traffic-bar{height:8px;border-radius:10px;overflow:hidden;background:#f0e8e1}
.catnara-traffic-bar i{display:block;height:100%;border-radius:inherit;background:#a16b50}
.catnara-traffic-hours{display:flex;align-items:end;gap:3px;min-height:145px;overflow-x:auto}
.catnara-traffic-hour{flex:1 0 12px;min-width:12px;height:124px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:4px}
.catnara-traffic-hour i{display:block;width:80%;background:#a16b50;border-radius:3px 3px 0 0}
.catnara-traffic-hour small{font-size:9px}
@media(max-width:760px){.catnara-traffic-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.catnara-traffic-grid{grid-template-columns:1fr}}

.catnara-traffic-journey-panel{border-top:1px solid #eee3db;padding-top:14px;min-width:0}
.catnara-traffic-journey-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}
.catnara-traffic-journey-heading span{overflow-wrap:anywhere;min-width:0}
.catnara-traffic-journey-heading b{flex:none;font-variant-numeric:tabular-nums}
.catnara-traffic-journey{padding:9px 0;border-bottom:1px solid #f2e9e2}
.catnara-traffic-journey-track{height:7px;margin-top:8px;border-radius:20px;background:#f1e7e0;overflow:hidden}
.catnara-traffic-journey-track i{display:block;height:100%;border-radius:20px;background:#a16b50}

.catnara-traffic-device-row{display:grid;grid-template-columns:minmax(95px,1fr) minmax(45px,1.5fr) 56px auto;gap:8px;align-items:center;margin:9px 0;font-size:12px}.catnara-traffic-device-row>b{text-align:right}.catnara-traffic-device-row .btn{font-size:12px;padding:6px 9px}.catnara-traffic-member-panel{border-top:1px solid #e7dcd5;padding-top:14px;min-width:0}.catnara-traffic-member-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.catnara-traffic-member-scroll{max-width:100%;overflow-x:auto}.catnara-traffic-member-scroll table{width:100%;border-collapse:collapse;font-size:12px;min-width:480px}.catnara-traffic-member-scroll th,.catnara-traffic-member-scroll td{padding:11px 8px;text-align:left;border-bottom:1px solid #eee3db}.catnara-traffic-member-pages{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;font-size:12px}@media(max-width:760px){.catnara-traffic-device-row{grid-template-columns:minmax(90px,1fr) minmax(36px,1fr) 42px auto}.catnara-traffic-device-row .btn{padding:6px}}

.catnara-traffic-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.catnara-traffic-controls #catnaraTrafficReset{border:1px solid #a16b50;color:#754536;background:transparent}.catnara-traffic-controls #catnaraTrafficReset:disabled{opacity:.5;cursor:wait}

.catnara-member-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.catnara-member-device-option{display:flex;align-items:center;gap:10px;border:1px solid #eadfd7;border-radius:12px;padding:10px 12px;min-width:0}.catnara-member-device-option>span{flex:1;min-width:0;overflow-wrap:anywhere}.catnara-member-device-option>b{font-variant-numeric:tabular-nums;white-space:nowrap}.catnara-member-device-option button{min-height:38px;min-width:48px}.catnara-member-device-option button:focus-visible{outline:2px solid #8a4d30;outline-offset:3px}@media(max-width:760px){.catnara-member-device-grid{grid-template-columns:1fr}}