.dictionary-module {
    padding: 1rem;
}

.dictionary-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.dictionary-count {
    border: 1px solid #d7e2ef;
    border-radius: .25rem;
    background: #f7fbff;
    color: #28445f;
    padding: .45rem .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.dictionary-toolbar {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(18rem, 28rem);
    gap: .75rem;
    align-items: center;
    margin-bottom: 1rem;
}

.dictionary-csv-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem;
}

.dictionary-search {
    display: flex;
    align-items: center;
}

.dictionary-search i {
    color: #607d99;
}

.dictionary-search {
    gap: .5rem;
}

.dictionary-controls {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: .75rem;
}

.dictionary-alpha {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.dictionary-alpha button {
    min-width: 2.1rem;
}

.dictionary-page-size {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.dictionary-summary {
    color: #607080;
    font-size: .9rem;
    margin-bottom: .75rem;
}

.dictionary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: .5rem;
    border: 1px solid #e4ebf3;
    border-radius: .35rem;
    background: #fff;
    padding: .75rem;
    min-height: 8rem;
}

.dictionary-chip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    border: 1px solid #dde7f1;
    border-radius: .3rem;
    background: #f9fbfd;
    padding: .45rem .5rem;
    min-width: 0;
}

.dictionary-word {
    font-weight: 600;
    color: #24394f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dictionary-empty {
    grid-column: 1 / -1;
    text-align: center;
    color: #6c757d;
    padding: 2rem 1rem;
}

.dictionary-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    margin-top: 1rem;
}

.dictionary-import-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin-bottom: 1rem;
}

.dictionary-import-stat {
    border: 1px solid #e3ebf3;
    border-radius: .35rem;
    padding: .6rem;
    background: #f9fbfd;
    text-align: center;
}

.dictionary-import-stat strong {
    display: block;
    font-size: 1.25rem;
}

.dictionary-import-list {
    max-height: 12rem;
    overflow: auto;
    border: 1px solid #e5e5e5;
    border-radius: .35rem;
    padding: .5rem;
    background: #fff;
}

@media (max-width: 767.98px) {
    .dictionary-header,
    .dictionary-toolbar,
    .dictionary-controls {
        display: block;
    }

    .dictionary-count,
    .dictionary-add,
    .dictionary-page-size {
        margin-top: .75rem;
    }

    .dictionary-csv-actions {
        justify-content: flex-start;
    }

    .dictionary-import-summary {
        grid-template-columns: 1fr;
    }
}
