body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;margin:0;padding:24px;color:#222}
.container{max-width:980px;margin:0 auto}
.filters{display:flex;gap:8px;margin:12px 0}
input,select,button{padding:6px 10px}
.log-list{width:100%;border-collapse:collapse}
.log-list td{border-bottom:1px solid #eee;padding:8px 0}
.log-item-meta{color:#666}
.log-item-msg .msg-link{float:right;text-decoration:none;color:#999}
.lvl.INFO{color:#2b78e4}
.lvl.WARN{color:#f1c232}
.lvl.ERROR{color:#cc0000}
.level-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;position:relative;top:-1px}
.level-dot.INFO{background:#2b78e4}
.level-dot.WARN{background:#f1c232}
.level-dot.ERROR{background:#cc0000}
.pagination{margin:14px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pagination.inline{margin:0}
.pagination a{padding:2px 6px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;font-size:12px;line-height:1}
.pagination a:hover{background:#f5f5f5}
.pagination .current{padding:4px 8px;border:1px solid #333;border-radius:4px;background:#333;color:#fff}
.pager-summary{color:#666}
.page-size {margin-block-end:0px}
.page-size select{margin-left:6px}
.list-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0;color:#666}
.list-head .right{display:flex;align-items:center;gap:12px}

/* simple button and disabled style for prev/next */
.btn{display:inline-block;padding:2px 6px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;margin-right:6px;font-size:12px;line-height:1}
.btn:hover{background:#f5f5f5}
.btn.disabled{opacity:.85;cursor:not-allowed;border-color:#bbb;color:#555;background:#efefef;pointer-events:none}



/* level colors */
.lvl{font-weight:400;font-size:13px;}
.lvl.DEBUG{color:#6a5acd}
.lvl.INFO{color:#222}
.lvl.WARN{color:#b8860b}
.lvl.ERROR{color:#d32f2f}

/* two-row list styles */
.log-list{width:100%;border-collapse:collapse}
.log-item-meta{color:#666;font-size:12px}
.log-item-meta td{padding:6px 0 2px 0;border-top:1px dashed #eee}
.log-item-msg td{padding:4px 0 4px 0}
.log-item-msg:hover td{background:#fafafa}
.log-item-msg a{display:inline-block;text-decoration:none;color:#9a9a9a}
.log-item-msg a:hover{color:#666;text-decoration:none}
.msg-link{margin-left:6px;text-decoration:none;color:#9a9a9a;font-size:12px}
.msg-link:hover{color:#666;text-decoration:none}

/* level dot */
.level-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.level-dot.DEBUG{background:#6a5acd}
.level-dot.INFO{background:#2d7a2d}
.level-dot.WARN{background:#b8860b}
.level-dot.ERROR{background:#d32f2f}