dialog.import-modal{width:1120px;max-width:calc(100vw - 32px)}
.import-upload{display:flex;flex-direction:column;align-items:center;padding:32px 18px;border:1px dashed #bed9c7;border-radius:13px;background:#f8fcf9;text-align:center}
.import-upload-icon{width:53px;height:53px;display:grid;place-items:center;background:#e8f5ed;border-radius:15px;color:var(--green);margin-bottom:14px}
.import-upload-icon .icon{width:25px;height:25px}
.import-upload h3{font-size:calc(17px * var(--font-scale,1));font-weight:550}
.import-upload p{font-size:calc(11px * var(--font-scale,1));color:#93a598;margin:8px 0 19px}
.import-file-input{display:none}
.import-file-status{display:flex;align-items:center;gap:8px;margin-top:15px;min-height:20px;font-size:calc(11px * var(--font-scale,1));color:#809888}
.import-format{padding:19px 3px 0;color:#98a79c;font-size:calc(10px * var(--font-scale,1));line-height:1.9}
.import-format strong{font-size:calc(11px * var(--font-scale,1));font-weight:500}
.import-format p{margin:5px 0 8px;color:#7e9485}
.import-preview-body{padding:20px 24px}
.import-source-files{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.import-source-file{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:#f8faf9;color:#809888;font-size:calc(10px * var(--font-scale,1))}
.import-source-caption{max-width:230px;white-space:normal;overflow-wrap:anywhere}
.import-info-changes{max-width:250px;font-size:calc(9px * var(--font-scale,1));white-space:normal;overflow-wrap:anywhere;margin-top:6px}
.import-info-changes summary{cursor:pointer;color:var(--green-dark)}
.import-info-changes>div{padding:5px 0;border-bottom:1px solid var(--line);line-height:1.7}
.import-info-changes strong,.import-info-changes span{display:block}
.import-info-changes span{color:var(--muted)}
.import-info-changes p{color:#b47b54;line-height:1.8;margin-top:6px}
.import-preview-summary{display:flex;gap:18px;flex-wrap:wrap;font-size:calc(11px * var(--font-scale,1));color:#8c9f91;margin-bottom:15px;align-items:center}
.import-preview-summary strong{font-size:calc(15px * var(--font-scale,1));font-weight:600;margin:0 3px}
.import-selected-summary{margin-left:auto;color:var(--green)}
.import-selection-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:12px 14px;background:#f2f8f4;border:1px solid #e6eee8;border-radius:9px 9px 0 0}
.import-selection-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;max-width:100%;flex-shrink:0}
.import-selection-bar label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:calc(11px * var(--font-scale,1));color:#557b62;cursor:pointer}
.import-selection-bar>span{flex:1 1 280px;min-width:0;font-size:calc(10px * var(--font-scale,1));color:#95a799}
.import-selection-bar input,.import-row-check{accent-color:var(--green);width:15px;height:15px;margin:0;cursor:pointer;vertical-align:middle}
.import-row-check:disabled{cursor:not-allowed}
.import-preview-scroll{overflow:auto;max-height:48vh;border:1px solid #e6eee8;border-top:0;border-radius:0 0 9px 9px}
.import-preview-scroll table{font-size:calc(10px * var(--font-scale,1));min-width:1000px}
.import-preview-scroll th{position:sticky;top:0;z-index:1;background:#f7faf8;padding:12px;font-size:calc(10px * var(--font-scale,1))}
.import-preview-scroll td{padding:13px 12px;vertical-align:middle}
.import-check-cell{width:52px;text-align:center}
.import-row-caption{display:block;font-size:calc(9px * var(--font-scale,1));color:#a2afa5;margin-top:4px}
.import-new-badge{background:#edf3fd;color:#7296bb}
.import-quantity{color:var(--green);font-variant-numeric:tabular-nums;font-size:calc(12px * var(--font-scale,1))}
.import-text{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.import-row-error{display:block;font-size:calc(9px * var(--font-scale,1));color:#c08668;max-width:160px;white-space:normal;line-height:1.7;margin-top:5px}
.import-blocked-row{background:#fffbf6}
.import-preview-note{font-size:calc(10px * var(--font-scale,1));color:#9cab9f;line-height:1.9;margin-top:15px}
#import-error{white-space:pre-line}
.material-reference{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(9px * var(--font-scale,1));font-weight:400;color:#9baaa0;margin-top:4px}
@media(max-width:760px){dialog.import-modal{max-width:calc(100vw - 20px)}.import-preview-body{padding:17px}.import-preview-summary{gap:12px;font-size:calc(10px * var(--font-scale,1))}.import-selected-summary{width:100%;margin-left:0}.import-selection-bar{flex-wrap:wrap;gap:7px}.import-selection-bar>span{font-size:calc(9px * var(--font-scale,1))}.import-preview-scroll{max-height:42vh}.import-modal .modal-footer{flex-wrap:wrap;gap:7px}.import-modal .modal-footer .button{padding:8px 11px;font-size:calc(10px * var(--font-scale,1))}}