.data-exchange-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.exchange-card{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.exchange-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

.import-form{
    display:grid;
    gap:12px;
    margin-top:auto;
    padding-top:18px;
    border-top:1px solid var(--border);
}

.import-note{
    padding:10px 12px;
    border-radius:8px;
    background:#EAF4FF;
    color:#07316A;
    font-size:13px;
}

.result-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:16px;
}

.result-stats div{
    padding:14px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#F7FAFC;
}

.result-stats strong{
    display:block;
    color:#07316A;
    font-size:26px;
}

.result-stats span{
    color:var(--text-soft);
    font-size:12px;
}

.import-result.has-errors{
    border-left:4px solid #1D8EED;
}

.import-messages{
    margin-top:16px;
}

.import-messages>div{
    margin-top:10px;
    max-height:280px;
    overflow:auto;
    font-size:13px;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

.csv-notes{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

@media(max-width:1000px){
    .data-exchange-grid,
    .csv-notes{
        grid-template-columns:1fr;
    }
}

@media(max-width:650px){
    .result-stats{
        grid-template-columns:repeat(2,1fr);
    }
}