/* Local data import, export and batch vocabulary tools */
.top-data-tools{display:flex;align-items:center;gap:8px!important}.top-data-tools .data-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border,var(--line))!important;background:#fff!important;color:#5d6180!important;border-radius:999px!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important;box-shadow:var(--card-shadow,0 3px 10px rgba(50,45,90,.07))!important;cursor:pointer}.top-data-tools .data-tool-btn:hover{color:var(--brand,var(--purple))!important;border-color:#cfc7f7!important;background:#faf8ff!important}.top-data-tools .data-tool-btn i{font-style:normal;font-size:15px;line-height:1}.top-data-tools .top-profile,.top-data-tools .eng-profile{margin-left:2px}.eng-top-simple .eng-page-title{display:flex;flex-direction:column;align-items:flex-start!important;gap:3px!important}.eng-page-title b{font-size:16px;color:#2d3255}.eng-page-title span{font-size:11px;color:#8b8fa4}.eng-mobile-nav{display:none}.eng-add{grid-template-columns:minmax(220px,1fr) 125px 178px 112px!important;gap:8px!important}.eng-add .batch-open-btn{border:1px solid #dcd5fb!important;background:#f5f2ff!important;color:var(--brand,var(--purple))!important;box-shadow:none!important;font-size:14px!important}.eng-add .batch-open-btn:hover{background:#ece7ff!important}.data-overlay{display:none;position:fixed;inset:0;z-index:300;background:rgba(26,22,59,.42);backdrop-filter:blur(7px);align-items:center;justify-content:center;padding:18px}.data-overlay.open{display:flex}.data-modal-open{overflow:hidden}.data-modal{width:min(620px,96vw);max-height:min(88vh,760px);overflow:hidden;background:#fff;border:1px solid #e5e1f7;border-radius:20px;box-shadow:0 28px 90px rgba(35,29,78,.25);display:flex;flex-direction:column}.data-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid #eeeef5}.data-modal h2{margin:0;color:#292e52;font-size:20px}.data-modal header p{margin:5px 0 0;color:#8a8ea3;font-size:12px;line-height:1.55}.data-close{border:0;background:#f2f1f7;color:#666b80;border-radius:10px;width:34px;height:34px;font-size:22px;cursor:pointer}.data-modal-body{padding:20px 22px 22px;overflow:auto}.data-note,.data-format{border:1px solid #e7e2fa;background:linear-gradient(120deg,#fbfaff,#f5f2ff);border-radius:12px;padding:12px 14px;color:#62677f;font-size:12px;line-height:1.65;margin-bottom:14px}.data-note b,.data-format b{color:#454a69}.data-format{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.data-format code{background:#fff;border:1px solid #e4e2ed;border-radius:7px;padding:4px 7px;color:#6154c8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.data-file{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed #cfc6f7;background:#fcfbff;border-radius:13px;padding:15px;margin:12px 0;cursor:pointer;color:#5d6180;font-size:13px;font-weight:700}.data-file input{max-width:245px;font-size:12px}.data-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.data-mode label{display:flex;align-items:flex-start;gap:9px;border:1px solid #e3e3ed;border-radius:12px;padding:12px;cursor:pointer;background:#fff}.data-mode label:has(input:checked){border-color:#b9abf8;background:#f7f4ff;box-shadow:0 0 0 3px rgba(108,92,231,.07)}.data-mode input{margin-top:3px}.data-mode b,.data-check b{display:block;font-size:13px;color:#404562}.data-mode small,.data-check small{display:block;margin-top:4px;color:#9296a8;font-size:11px;line-height:1.5}.data-status{min-height:40px;border-radius:10px;background:#f5f5f8;color:#777b90;padding:11px 12px;font-size:12px;line-height:1.5}.data-status.error{background:#fff0f1;color:#c74c59}.data-status.warning{background:#fff7e8;color:#8d681f}.data-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.data-footer button{border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer}.data-secondary{border:1px solid #dedee8;background:#fff;color:#686c82}.data-primary{border:0;background:linear-gradient(120deg,var(--brand,var(--purple)),#8a69ef);color:#fff;box-shadow:0 7px 16px rgba(108,92,231,.2)}.data-primary:disabled{opacity:.58;cursor:wait}.batch-textarea{width:100%;resize:vertical;min-height:210px;border:1px solid #dedee9;border-radius:12px;padding:13px;outline:0;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,"PingFang SC",monospace;color:#3f435e}.batch-textarea:focus{border-color:#ac9cf7;box-shadow:0 0 0 3px rgba(108,92,231,.09)}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.data-grid label{font-size:11px;color:#7c8096}.data-grid select{display:block;width:100%;margin-top:6px;border:1px solid #dedee9;border-radius:10px;background:#fff;padding:10px;color:#52566e}.data-check{display:flex;align-items:flex-start;gap:9px;margin:14px 0;border:1px solid #e4e0f8;background:#faf8ff;border-radius:12px;padding:12px}.data-check input{margin-top:3px}
@media(max-width:1050px){.eng-add{grid-template-columns:minmax(180px,1fr) 115px 150px 104px!important}.top-data-tools .data-tool-btn{padding:8px 10px!important}}
@media(max-width:820px){.top-data-tools{gap:5px!important}.top-data-tools .data-tool-btn{width:35px;height:35px;padding:0!important;border-radius:10px!important}.top-data-tools .data-tool-btn span{display:none}.top-data-tools .top-profile{font-size:0!important;padding:3px 5px!important}.math-top .page-heading{display:none}.eng-top-simple{padding:0 10px!important;gap:6px}.eng-page-title{display:none!important}.eng-mobile-nav{display:flex;align-items:center;gap:3px;background:#f4f1ff;border-radius:18px;padding:3px}.eng-mobile-nav a{text-decoration:none;color:#74798f;border-radius:15px;padding:6px 9px;font-size:11px;font-weight:700}.eng-mobile-nav a.on{background:#fff;color:var(--brand,var(--purple));box-shadow:0 3px 9px rgba(50,45,90,.08)}.eng-add{grid-template-columns:1fr 1fr!important;height:auto!important;gap:8px!important}.eng-add input,.eng-add select{grid-column:1/-1}.eng-add button{font-size:13px!important;min-height:43px}.data-overlay{padding:8px;align-items:flex-end}.data-modal{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.data-modal>header{padding:17px 17px 13px}.data-modal-body{padding:16px}.data-mode,.data-grid{grid-template-columns:1fr}.data-file{align-items:flex-start;flex-direction:column}.data-file input{max-width:100%;width:100%}.data-footer{position:sticky;bottom:-16px;background:#fff;padding:12px 0 2px}.batch-textarea{min-height:180px}}
