/* Keep Layui's grid sizing independent of the older static-table styles. */
.traffic-page .traffic-filter-panel{margin-bottom:18px;overflow:visible;padding-top:16px;padding-bottom:16px}
.traffic-filter-form{display:block}
.traffic-common-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(210px,1.2fr) auto;gap:14px;align-items:end}
.traffic-advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid #edf1f5}
.traffic-advanced-filters[hidden],.traffic-advanced-summary[hidden]{display:none}
.traffic-filter-field{min-width:0}
.traffic-filter-field>label{display:block;font-size:12px;color:#53627a;margin-bottom:7px}
.traffic-filter-form .layui-input{height:38px;min-height:38px;width:100%;font-size:13px}
.traffic-filter-form .layui-form-select{width:100%}
.traffic-filter-form .layui-form-select dl{max-width:100%;min-width:100%;z-index:1001}
.traffic-filter-form .layui-form-select dd{overflow:hidden;text-overflow:ellipsis}
.traffic-filter-actions{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}
.traffic-filter-actions .layui-btn{margin:0;padding:0 15px}
.traffic-filters-toggle{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 4px;border:0;background:none;color:#315bd6;font-size:13px;cursor:pointer}
.traffic-filters-toggle:hover{color:#2047bb}
.traffic-filters-toggle:focus-visible{outline:2px solid #315bd6;outline-offset:3px;border-radius:3px}
.traffic-filters-toggle .layui-icon{font-size:12px}
.traffic-filter-form .traffic-advanced-summary{margin:12px 0 0;color:#64748b;font-size:12px;line-height:1.6}
.traffic-filter-path{grid-column:span 2}
.traffic-page .traffic-table-panel{min-width:0}
.traffic-table-panel .panel-head{flex-wrap:wrap}
.traffic-table-panel .panel-head>span{font-size:12px}
.traffic-table-panel h2 small{display:inline-block;font-weight:400;font-size:12px;margin-left:8px}
.traffic-grid{width:100%;min-width:0}
.traffic-page .traffic-grid .layui-table-view{margin:0;width:100%;max-width:100%;border-radius:6px;border-color:#e8edf3}
.traffic-page .traffic-grid .layui-table{width:auto;border:0;border-radius:0;font-size:13px}
.traffic-page .traffic-grid .layui-table td,.traffic-page .traffic-grid .layui-table th{padding:0;font-size:13px;line-height:normal;white-space:nowrap}
.traffic-page .traffic-grid .layui-table-cell{padding:0 12px}
.traffic-page .traffic-grid .layui-table-header{border-color:#e8edf3;background:#f7f9fc}
.traffic-page .traffic-grid .layui-table-header th{background:#f7f9fc;color:#475569;font-weight:600;border-bottom:0}
.traffic-page .traffic-grid .layui-table-header .layui-table-cell{height:46px;line-height:46px;font-size:13px}
.traffic-page .traffic-grid .layui-table-sort{margin-left:7px}
.traffic-page .traffic-grid .layui-table-body .layui-table-cell{height:56px;line-height:22px;box-sizing:border-box;padding-top:6px;padding-bottom:6px}
.traffic-page .traffic-grid .layui-table-body td{border-bottom-color:#edf1f6}
.traffic-page .traffic-grid .layui-table-body tr:nth-child(even){background:#fcfdff}
.traffic-page .traffic-grid .layui-table-body tr:hover,.traffic-page .traffic-grid .layui-table-body tr.layui-table-hover{background:#f2f6ff}
.traffic-grid .traffic-site-cell{line-height:21px}
.traffic-site-cell strong,.traffic-site-cell small{display:block;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.traffic-site-cell strong{font-weight:500;color:#334155}
.traffic-site-cell small{font-size:11px;color:#8592a7}
.traffic-grid .traffic-public-url{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.traffic-grid .traffic-url-count{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:#315bd6}
.traffic-grid .traffic-row-actions a{display:block;font-size:12px;line-height:21px}
.traffic-grid .traffic-ua-button{border:0;background:none;color:#315bd6;padding:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer;vertical-align:middle;font-size:12px}
.traffic-ua-content{padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;max-height:50vh;overflow:auto}
.traffic-grid .layui-table-tool-temp{padding-right:100px}
.traffic-page .traffic-grid .layui-table-tool{background:#fff;border-color:#edf1f5;padding:12px 14px;min-height:55px}
.traffic-grid .layui-table-tool-self{top:13px;right:14px}
.traffic-grid .layui-table-tool-self .layui-inline[lay-event]{border-color:#e5eaf1;border-radius:4px;color:#64748b;background:#fff}
.traffic-grid .layui-table-tool-self .layui-inline[lay-event]:hover{border-color:#b8c9eb;color:#315bd6;background:#f7f9ff}
.traffic-grid .traffic-grid-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.traffic-grid .traffic-grid-tools .layui-btn{margin:0}
.traffic-grid .layui-table-page{height:auto;min-height:48px;padding-top:10px;border-color:#edf1f5}
.traffic-grid .layui-table-page>div{height:auto}
.traffic-grid .layui-laypage{white-space:normal;line-height:normal}
.traffic-table-error{margin:12px 0 0;color:#b54738;font-size:13px}
.traffic-table-error[hidden]{display:none}
.traffic-export-link{display:block;color:inherit}
@media(max-width:1400px){
 .traffic-common-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
 .traffic-filter-sort,.traffic-filter-actions{grid-column:span 2}
 .traffic-filter-actions{justify-content:flex-end}
}
@media(max-width:1200px){
 .traffic-common-filters,.traffic-advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .traffic-filter-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:720px){
 .traffic-common-filters,.traffic-advanced-filters{gap:12px}
 .traffic-filter-actions{flex-wrap:wrap}
 .traffic-page .traffic-table-panel{padding:14px 10px}
 .traffic-table-panel h2 small{display:block;margin:6px 0 0}
 .traffic-grid .layui-table-tool-temp{padding-right:100px}
 .traffic-grid .layui-table-tool-self{right:10px;top:13px}
 .traffic-grid .layui-laypage-limits{margin-left:0}
 .traffic-grid .layui-laypage-count,.traffic-grid .layui-laypage-skip{display:inline-block;margin-bottom:6px}
}