.cp-top,.cp-top>div,.cp-list-heading,.cp-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cp-top{margin-bottom:20px}.cp-top>div{font-size:12px}.cp-error{padding:12px;border:1px solid var(--red);color:var(--red);margin-bottom:16px;border-radius:5px}.cp-error[hidden]{display:none}
.cp-stats{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;padding:16px 0 22px;border-bottom:1px solid var(--line);margin-bottom:20px}.cp-stats span{display:block;color:var(--muted);font-size:12px}.cp-stats strong{display:block;font-size:27px;line-height:1.3;margin-top:8px}.cp-stats>div:last-child strong{font-size:17px}
.cp-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--line)}.cp-filters label{margin:0;font-size:12px}.cp-filters .actions{grid-column:1/-1;justify-content:flex-end}.cp-list-heading{margin-top:22px;margin-bottom:8px}.cp-list-heading h2{margin:0;font-size:17px}.cp-list-heading span,#cp-scope{font-size:11px;color:var(--muted)}
.cp-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.cp-table{width:100%;border-collapse:collapse;min-width:920px}.cp-table td,.cp-table th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.cp-table th{font-size:11px;color:var(--muted);background:var(--bg)}.cp-table small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.cp-table tbody tr:last-child td{border-bottom:0}.cp-table .cp-reason{width:32%;min-width:210px;overflow-wrap:anywhere}.cp-reason details{margin-top:8px;font-size:11px}.cp-reason summary{color:var(--primary);cursor:pointer}.cp-reason p{margin:8px 0 0}.cp-status{display:inline-block;color:var(--amber);background:var(--bg);padding:3px 7px;border-radius:4px;white-space:nowrap;font-size:11px}.cp-table .actions{flex-wrap:nowrap}.cp-table .button{padding:7px 9px;font-size:11px;min-height:34px}.cp-table .button svg,.cp-table .icon-button svg{width:15px;height:15px}.cp-pagination{margin-top:16px;font-size:12px}.cp-pagination label{display:flex;align-items:center;gap:8px;margin:0}.cp-pagination select{width:80px;margin:0}.cp-pagination .icon-button{min-width:36px}
@media(max-width:700px){.cp-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-stats{gap:12px;grid-template-columns:1fr 1fr}.cp-stats>div:last-child{grid-column:1/-1}.cp-table,.cp-table tbody{display:block;min-width:0}.cp-table thead{display:none}.cp-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line);padding:10px}.cp-table td{display:block;border:0!important;min-width:0;padding:7px 5px;font-size:12px;overflow-wrap:anywhere}.cp-table td::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.cp-table .cp-reason{width:auto;min-width:0;grid-column:1/-1}.cp-table td:last-child{grid-column:1/-1}.cp-table .button,.cp-table .icon-button{min-height:44px}.cp-pagination{gap:8px}.cp-top{align-items:flex-start}.cp-top>div{justify-content:flex-start}.cp-list-heading h2{font-size:15px}}