.cr-hidden {
    display:none !important;
}

.cr-toolbar {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:end;
    margin-bottom:18px;
}

.cr-toolbar label {
    display:grid;
    gap:6px;
    min-width:260px;
    color:#475467;
    font-size:13px;
    font-weight:600;
}

.cr-toolbar select {
    min-height:42px;
    border:1px solid #d0d5dd;
    border-radius:10px;
    background:#fff;
    padding:8px 11px;
    color:#101828;
}

.cr-message {
    min-height:22px;
    margin:0 0 12px;
    color:#475467;
    font-size:13px;
}

.cr-message.error {
    color:#b42318;
}

.cr-summary {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:18px;
}

.cr-summary-card {
    border:1px solid #e4e7ec;
    border-radius:14px;
    background:#fff;
    padding:16px;
}

.cr-summary-card span {
    display:block;
    color:#667085;
    font-size:12px;
}

.cr-summary-card strong {
    display:block;
    margin-top:5px;
    color:#101828;
    font-size:25px;
}

.cr-table-wrap {
    overflow:auto;
}

.cr-table {
    width:100%;
    border-collapse:collapse;
    min-width:980px;
}

.cr-table th,
.cr-table td {
    border-bottom:1px solid #eaecf0;
    padding:12px 10px;
    vertical-align:top;
    text-align:left;
}

.cr-table th {
    color:#475467;
    font-size:12px;
    font-weight:700;
    background:#f9fafb;
}

.cr-table td {
    color:#344054;
    font-size:13px;
}

.cr-main {
    display:block;
    color:#101828;
    font-weight:700;
}

.cr-muted {
    display:block;
    margin-top:3px;
    color:#667085;
    font-size:12px;
}

.cr-badge {
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}

.cr-ready {
    background:#ecfdf3;
    color:#067647;
}

.cr-warning {
    background:#fffaeb;
    color:#b54708;
}

.cr-neutral {
    background:#f2f4f7;
    color:#475467;
}

.cr-danger {
    background:#fef3f2;
    color:#b42318;
}

.cr-actions {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    min-width:190px;
}

.cr-actions button,
.cr-actions a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 10px;
    border-radius:9px;
    border:1px solid #d0d5dd;
    background:#fff;
    color:#344054;
    text-decoration:none;
    font-size:12px;
    font-weight:650;
}

.cr-actions .cr-primary {
    border-color:#155eef;
    background:#155eef;
    color:#fff;
}

.cr-actions button:disabled {
    opacity:.45;
    cursor:not-allowed;
}

.cr-empty {
    padding:28px;
    border:1px dashed #d0d5dd;
    border-radius:12px;
    color:#667085;
    text-align:center;
}

.cr-pagination {
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-top:14px;
}

.cr-pagination span {
    color:#667085;
    font-size:12px;
}

@media(max-width:800px) {
    .cr-summary {
        grid-template-columns:1fr;
    }

    .cr-toolbar label {
        min-width:100%;
        width:100%;
    }
}