.data-tools-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; max-width:1120px; }
@media(min-width:1100px){.data-tools-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;grid-template-areas:"import export"}#tools-import-section{grid-area:import}#tools-export-section{grid-area:export}.data-tools-grid .data-tools-fields,.data-tools-grid .data-import-primary{grid-template-columns:minmax(0,1fr)}.data-tools-grid .data-tools-primary{flex-wrap:wrap}}
.data-tool-task.card { padding:0; overflow:visible; }
.data-tool-task > summary { display:flex; align-items:center; gap:14px; padding:20px 22px; cursor:pointer; list-style:none; border-radius:12px; }
.data-tool-task > summary::-webkit-details-marker, .data-tools-options > summary::-webkit-details-marker { display:none; }
.data-tool-task > summary:hover { background:var(--soft); }
.data-tool-task > summary:focus-visible, .data-tools-options > summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.data-task-symbol { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; color:var(--accent); background:var(--soft); border-radius:10px; }
.data-task-symbol svg { width:20px; height:20px; }
.data-task-title { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:.96rem; font-weight:600; }
.data-task-title small { font-weight:400; font-size:.72rem; letter-spacing:.06em; }
.data-task-chevron { display:flex; margin-inline-start:auto; color:var(--muted); transition:transform .15s ease; }
.data-task-chevron svg, .data-tools-options > summary > svg { width:16px; height:16px; }
.data-tool-task[open] > summary .data-task-chevron, .data-tools-options[open] > summary > svg:last-child { transform:rotate(90deg); }
[dir=rtl] .data-task-chevron, [dir=rtl] .data-tools-options > summary > svg:last-child { transform:rotate(180deg); }
[dir=rtl] .data-tool-task[open] > summary .data-task-chevron, [dir=rtl] .data-tools-options[open] > summary > svg:last-child { transform:rotate(90deg); }
.data-task-body { padding:0 22px 22px; }
.data-tools-primary { display:flex; flex-wrap:wrap; align-items:end; gap:14px; }
.data-tools-primary > .data-tools-fields { flex:1 1 260px; grid-template-columns:minmax(0,1fr); margin:0; }
.data-tools-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:16px 0 0; }
.data-tools-fields label { display:flex; flex-direction:column; gap:7px; color:var(--muted); font-size:12px; }
.data-tools-fields input, .data-tools-fields select { min-width:0; width:100%; box-sizing:border-box; }
.data-tools-fields input[type=file] { white-space:normal; font-size:12px; }
.data-tools-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.data-tools-primary > .data-tools-actions { margin:0; }
.data-task-body button { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.data-task-body button svg { width:16px; height:16px; }
.data-tool-task p.data-tools-help { margin:0 0 16px; font-size:.82rem; line-height:1.55; max-width:820px; }
.data-tools-options { margin-top:16px; padding-top:14px; border-top:1px solid var(--border); }
.data-tools-options > summary { display:flex; align-items:center; gap:8px; width:fit-content; cursor:pointer; list-style:none; color:var(--muted); font-size:.8rem; }
.data-tools-options > summary > svg:last-child { width:14px; height:14px; transition:transform .15s ease; }
.data-tools-options > .data-tools-help { margin:14px 0 0; }
.data-import-primary { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); margin-top:0; }
.data-import-preview { max-height:440px; overflow:auto; margin:18px 0; border:1px solid var(--border); border-radius:8px; }
.data-import-preview th { position:sticky; top:0; background:var(--panel); z-index:1; }
.data-import-preview td { max-width:270px; overflow-wrap:anywhere; }
.import-error td { color:var(--red); }
.import-duplicate td { opacity:.65; }
.data-tool-task [role=status] { font-size:.83rem; line-height:1.6; margin:14px 0 0; }
.data-tool-task [role=status]:empty { display:none; }
#tools-export-count { font-size:.78rem; margin:12px 0 0; }
#tools-import-confirm { border:1px solid var(--accent); background:var(--soft); border-radius:10px; padding:18px; margin-top:20px; }
#tools-import-confirm p { margin:0 0 8px; }
@media(max-width:650px) { .data-tools-fields, .data-import-primary { grid-template-columns:1fr; } .data-tool-task > summary { padding:17px; gap:11px; } .data-task-body { padding:0 17px 18px; } .data-tools-primary > .data-tools-actions { width:100%; } }
@media(prefers-reduced-motion:reduce) { .data-task-chevron, .data-tools-options > summary > svg:last-child { transition:none; } }
.import-spinner{display:inline-block;width:20px;height:20px;border-width:3px;vertical-align:middle;margin-inline-end:10px} #tools-import-feedback progress{display:block;width:100%;height:10px;margin-top:12px;accent-color:var(--accent,#087ea4)}
#tools-import-feedback:has(progress){box-sizing:border-box;margin:16px 0;padding:18px;background:var(--card,#fff);color:var(--text,#172b3a);border:1px solid var(--border,#dce6eb);border-radius:12px;font-size:18px;font-weight:600}