.case-export-page-heading,
.case-export-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}

.case-export-page-heading {
    margin-bottom:18px;
}

.case-export-page-heading h1,
.case-export-page-heading p {
    margin-top:0;
}

.case-export-page-heading p {
    margin-bottom:0;
}

.case-export-toolbar {
    padding:13px 15px;
    margin:0 0 14px;
    border:1px solid #d6e0e8;
    border-radius:10px;
    background:#f7fafc;
}

.case-export-toolbar-left,
.case-export-toolbar-actions {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.case-export-count {
    color:#536579;
    font-size:.9rem;
    font-weight:800;
}

.case-export-select-row {
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:stretch;
    gap:8px;
    margin-bottom:9px;
}

.case-export-checkbox {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100%;
    border:1px solid #d9e2e9;
    border-radius:9px;
    background:#f8fafc;
    cursor:pointer;
}

.case-export-checkbox:hover {
    background:#eef4f8;
}

.case-export-checkbox input {
    width:19px;
    height:19px;
    margin:0;
    accent-color:#17496b;
}

.case-export-grid {
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
    gap:18px;
    align-items:start;
}

.case-export-options h2,
.case-export-selected h2 {
    margin-top:0;
}

.case-export-option {
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:11px;
    align-items:start;
    padding:15px;
    margin-bottom:11px;
    border:2px solid #dbe4eb;
    border-radius:11px;
    background:#fff;
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}

.case-export-option:hover {
    border-color:#99afbf;
}

.case-export-option.is-selected {
    border-color:#1d5f8b;
    background:#f4f9fc;
    box-shadow:0 0 0 3px rgba(29,95,139,.08);
}

.case-export-option input {
    width:18px;
    height:18px;
    margin-top:2px;
    accent-color:#17496b;
}

.case-export-option-body {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px 12px;
}

.case-export-option-body strong {
    color:#173c59;
}

.case-export-option-body small {
    grid-column:1 / -1;
    color:#5d6f81;
    line-height:1.45;
}

.case-export-option-body b {
    align-self:start;
    padding:3px 7px;
    border-radius:999px;
    background:#e6edf3;
    color:#40566b;
    font-size:.72rem;
}

.case-export-security-note {
    margin:14px 0;
    padding:12px 14px;
    border-left:4px solid #a77720;
    background:#fff8e7;
    color:#5f4b22;
    font-size:.88rem;
}

.case-export-download-button {
    width:100%;
    min-height:46px;
}

.case-export-selected-list {
    display:grid;
    gap:9px;
}

.case-export-selected-item {
    display:grid;
    gap:3px;
    padding:11px 12px;
    border:1px solid #dfe6ec;
    border-radius:9px;
    background:#fafcfd;
}

.case-export-selected-item strong {
    color:#173c59;
}

.case-export-selected-item small {
    color:#66778a;
}

@media (max-width:900px) {
    .case-export-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:650px) {
    .case-export-select-row {
        grid-template-columns:42px minmax(0,1fr);
    }

    .case-export-toolbar {
        align-items:stretch;
    }

    .case-export-toolbar-left,
    .case-export-toolbar-actions {
        width:100%;
    }

    .case-export-toolbar-actions .button,
    .case-export-toolbar-actions button {
        flex:1 1 auto;
    }

    .case-export-option {
        padding:13px;
    }
}