.unit-library[data-v-42be8227] { color: #24344e; padding: 4px 0 12px; min-width: 0;
}
.unit-header[data-v-42be8227] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px;
}
.unit-heading[data-v-42be8227] { display: flex; align-items: center; gap: 16px; min-width: 0;
}
.unit-symbol[data-v-42be8227] { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; color: #fff; background: linear-gradient(140deg, #1876df, #13a2a6); border-radius: 16px; font-size: 26px; box-shadow: 0 6px 16px #146ed51a;
}
.unit-heading-copy[data-v-42be8227] { min-width: 0;
}
.unit-eyebrow[data-v-42be8227] { margin-bottom: 5px; font-size: 13px; color: #75859b;
}
.unit-heading h1[data-v-42be8227] { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0; font-size: 26px; font-weight: 700; line-height: 1.35; color: #19304d; overflow-wrap: anywhere;
}
.unit-count[data-v-42be8227] { border: 1px solid #cfe2fa; background: #eaf3ff; border-radius: 20px; padding: 4px 12px; color: #2760a3; font-size: 13px; font-weight: 500; white-space: nowrap;
}
.unit-header-actions[data-v-42be8227], .unit-filter-actions[data-v-42be8227], .unit-list-actions[data-v-42be8227], .unit-selection > div[data-v-42be8227] { display: flex; align-items: center; gap: 10px;
}
.unit-header-actions .ant-btn[data-v-42be8227], .unit-filter-actions .ant-btn[data-v-42be8227], .unit-list-actions .ant-btn[data-v-42be8227] { border-radius: 9px; height: 40px;
}
.unit-header-actions[data-v-42be8227] { flex-shrink: 0;
}
.unit-surface[data-v-42be8227] { border: 1px solid #e1e8f2; border-radius: 18px; background: #fff; box-shadow: 0 8px 30px #1d407507; overflow: hidden;
}
.unit-filters[data-v-42be8227] { display: grid; grid-template-columns: minmax(200px, 420px) auto; justify-content: start; align-items: end; gap: 20px; padding: 24px; background: #f7faff; border-bottom: 1px solid #e6edf6;
}
.unit-filters[data-v-42be8227] .ant-form-item { margin: 0; padding: 0; min-width: 0;
}
.unit-filters[data-v-42be8227] .ant-form-item-label { padding: 0 0 8px; line-height: 20px;
}
.unit-filters[data-v-42be8227] .ant-form-item-label label { font-size: 13px; font-weight: 600; color: #526580;
}
.unit-filters[data-v-42be8227] .ant-form-item-label label::after { display: none;
}
.unit-filters[data-v-42be8227] .ant-select-selection { height: 40px; border-radius: 9px; border-color: #d9e3ef;
}
.unit-filters[data-v-42be8227] .ant-select-selection__rendered { line-height: 38px;
}
.unit-list-heading[data-v-42be8227] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px 24px;
}
.unit-list-title[data-v-42be8227] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
}
.unit-list-title h2[data-v-42be8227] { font-size: 17px; color: #243750; font-weight: 700; margin: 0;
}
.unit-access[data-v-42be8227] { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 6px; background: #f0f3f8; color: #70819a; font-size: 12px;
}
.unit-access.editable[data-v-42be8227] { background: #e4f6f3; color: #168b8e;
}
.unit-list-actions .ant-btn[data-v-42be8227] { height: 34px;
}
.unit-selection[data-v-42be8227] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 24px 16px; padding: 10px 14px; border-radius: 9px; background: #eaf4ff; color: #2264ab;
}
.unit-selection .anticon[data-v-42be8227] { margin-right: 5px;
}
.unit-table[data-v-42be8227] .ant-table { color: #4c5f78; font-size: 14px;
}
.unit-table[data-v-42be8227] .ant-table-thead > tr > th { background: #f7f9fc; color: #7c8ba2; font-size: 12px; font-weight: 600; padding: 13px 20px; border-bottom: 1px solid #e7edf5;
}
.unit-table[data-v-42be8227] .ant-table-tbody > tr > td { padding: 17px 20px; border-bottom: 1px solid #edf1f7; vertical-align: middle;
}
.unit-table[data-v-42be8227] .ant-table-tbody > tr:hover > td { background: #f5faff;
}
.unit-table[data-v-42be8227] .ant-table-tbody > tr.ant-table-row-selected > td { background: #edf5ff;
}
.unit-table[data-v-42be8227] .ant-table-pagination { margin: 20px 24px;
}
.unit-table[data-v-42be8227] .ant-pagination-item, .unit-table[data-v-42be8227] .ant-pagination-prev .ant-pagination-item-link, .unit-table[data-v-42be8227] .ant-pagination-next .ant-pagination-item-link { border-radius: 7px;
}
.unit-info[data-v-42be8227] { display: flex; gap: 14px; align-items: center; min-width: 0;
}
.unit-cover[data-v-42be8227] { display: grid; place-items: center; flex: 0 0 56px; width: 56px; height: 48px; border-radius: 10px; overflow: hidden; font-size: 23px; color: #3279cf; background: #eaf3ff;
}
.unit-cover img[data-v-42be8227] { width: 100%; height: 100%; object-fit: cover;
}
.unit-name[data-v-42be8227] { min-width: 0;
}
.unit-name strong[data-v-42be8227] { display: block; color: #213b5c; font-size: 15px; font-weight: 600; overflow-wrap: anywhere;
}
.unit-name > span[data-v-42be8227] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; margin-top: 5px; color: #8a99ad; font-size: 12px;
}
.unit-date[data-v-42be8227] { display: block; color: #61728a; font-size: 13px;
}
.unit-time[data-v-42be8227] { display: block; color: #9ba8b9; font-size: 12px; margin-top: 3px;
}
.unit-row-actions[data-v-42be8227] { display: flex; align-items: center; justify-content: flex-end; gap: 6px; white-space: nowrap;
}
.unit-row-actions .ant-btn-link[data-v-42be8227] { padding: 0 8px; font-size: 13px;
}
.unit-row-actions .unit-more[data-v-42be8227] { width: 30px; height: 30px; padding: 0; border: 1px solid #e0e8f2; border-radius: 7px; color: #718299;
}
@media (max-width: 1023px) {
.unit-header[data-v-42be8227] { flex-wrap: wrap;
}
.unit-table[data-v-42be8227] .ant-table-body { max-width: 100%; overflow-x: auto;
}
}
@media (max-width: 767px) {
.unit-header[data-v-42be8227] { gap: 16px; margin-bottom: 18px;
}
.unit-heading h1[data-v-42be8227] { font-size: 23px; gap: 8px;
}
.unit-symbol[data-v-42be8227] { flex-basis: 44px; width: 44px; height: 44px; border-radius: 12px; font-size: 22px;
}
.unit-header-actions[data-v-42be8227] { width: 100%; justify-content: flex-end; flex-wrap: wrap;
}
.unit-filters[data-v-42be8227] { grid-template-columns: 1fr; padding: 18px; gap: 14px;
}
.unit-filter-actions .ant-btn[data-v-42be8227] { flex: 1;
}
.unit-list-heading[data-v-42be8227] { padding: 18px;
}
.unit-list-actions[data-v-42be8227] { flex-wrap: wrap;
}
.unit-selection[data-v-42be8227] { margin: 0 18px 14px; flex-wrap: wrap;
}
.unit-table[data-v-42be8227] .ant-table-pagination { margin: 16px 18px;
}
}