.cl-export { height:40px; padding:0 16px; border-radius:10px; border:1px solid #D5D9E0; background:#fff; font-size:14px; font-family:inherit; cursor:pointer; color:#0C1220; }
.cl-export:hover { background:#F5F6F8; }
.cl-bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.cl-bar input { width:320px; max-width:100%; height:40px; padding:0 14px; border:1px solid #E2E5EA; border-radius:10px; background:#fff; font-size:14px; font-family:inherit; }
.cl-bar select { height:36px; padding:0 12px; border:1px solid #E2E5EA; border-radius:18px; background:#fff; font-size:13px; font-family:inherit; color:#0C1220; }
.cl-chip { height:36px; padding:0 14px; border-radius:18px; border:1px solid #E2E5EA; background:#fff; font-size:13px; font-family:inherit; cursor:pointer; color:#0C1220; }
.cl-chip.is-on { background:#FFF1DE; border-color:#E58A3A; color:#9A3412; font-weight:600; }
#clCount { margin-left:auto; font-size:13px; color:#4A5262; }
.cl-wrap { background:#fff; border:1px solid #E2E5EA; border-radius:12px; overflow:auto; }
.cl-table { width:100%; border-collapse:collapse; font-size:14px; }
.cl-table th { text-align:left; padding:12px; font-size:13px; font-weight:500; color:#4A5262; white-space:nowrap; }
.cl-table th:first-child, .cl-table td:first-child { padding-left:16px; }
.cl-table td { padding:10px 12px; border-top:1px solid #EEF0F3; vertical-align:middle; color:#0C1220; }
.cl-table tbody tr { cursor:pointer; height:60px; }
.cl-table tbody tr:hover { background:#F8F9FB; }
.cl-table small { display:block; font-size:12px; color:#4A5262; }
.cl-who { display:flex; align-items:center; gap:10px; }
.cl-who b { display:block; font-weight:500; }
.cl-av { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-weight:600; font-size:12px; flex-shrink:0; }
.cl-dash { color:#8A92A0; }
.cl-pend { display:inline-block; font-size:12px; font-weight:600; color:#9A3412; background:#FFF1DE; border-radius:10px; padding:3px 9px; }
.cl-st { display:inline-block; font-size:12px; font-weight:500; padding:3px 10px; border-radius:10px; background:#E8EEFC; color:#1E3FA8; }
.cl-st-paused { background:#FFF1DE; color:#9A3412; }
.cl-st-closed { background:#EEF0F3; color:#4A5262; }
.cl-empty { text-align:center; color:#4A5262; padding:32px 0; }
@media (max-width:700px) { .cl-table th:nth-child(2), .cl-table td:nth-child(2), .cl-table th:nth-child(3), .cl-table td:nth-child(3) { display:none; } }