.csv-device-selector{display:flex;flex-direction:column;gap:12px}.csv-device-selector--summary{gap:8px}.csv-device-selector__drop{border-radius:8px;background:var(--surface, #ffffff);border-color:var(--border, rgba(15, 23, 42, .12))}.csv-device-selector__drop--summary{padding:8px}.csv-device-selector__drop--summary .ant-upload-drag-container{padding:8px 12px}.csv-device-selector__drop-text{font-size:12px!important;line-height:1.3}.csv-device-selector__drop-hint{font-size:11px!important;line-height:1.3}.csv-device-selector__header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.csv-device-selector__search{flex:1 1 240px;min-width:220px}.csv-device-selector__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.csv-device-selector__list{background:var(--surface, #ffffff);border:1px solid var(--border, rgba(15, 23, 42, .12));border-radius:8px;overflow:hidden}.csv-device-selector__list-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface-3, var(--surface-2));border-bottom:1px solid var(--border, rgba(15, 23, 42, .12))}.csv-device-selector__item{cursor:pointer;padding:12px 16px}.csv-device-selector__item-content{display:flex;align-items:center;gap:12px;width:100%;padding:0 var(--space-3, 8px)}.csv-device-selector__tick{width:22px;height:22px;border-radius:50%;border:1px solid var(--border, rgba(15, 23, 42, .2));display:inline-flex;align-items:center;justify-content:center;color:transparent;background:transparent;flex-shrink:0}.csv-device-selector__tick.is-on{background:var(--support, #22b07d);border-color:var(--support, #22b07d);color:#fff}.csv-device-selector__tick--header{border-color:transparent;background:transparent;color:transparent}.csv-device-selector__item-meta{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}.csv-device-selector__item-name{font-weight:600;color:var(--text, #0b1220);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-device-selector__item-meta--header .csv-device-selector__item-name,.csv-device-selector__item-meta--header .csv-device-selector__item-sn{font-size:12px;font-weight:600;color:var(--text-muted, rgba(15, 23, 42, .6))}.csv-device-selector__item-sn{color:var(--text-muted, rgba(15, 23, 42, .6));white-space:nowrap}.csv-device-selector__error{font-size:12px}.csv-device-selector__alert{margin-top:10px}.csv-device-selector__example{margin:10px auto 0;padding:6px 8px;width:min(100%,560px);background:var(--surface-3, var(--surface-2));border-radius:8px;text-align:left}.csv-device-selector__example-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, rgba(15, 23, 42, .6));margin-bottom:4px}.csv-device-selector__example-body{margin:0;font-size:12px;color:var(--text-muted, rgba(15, 23, 42, .6))}.screen-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center}.screen-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.screen-modal__card{position:relative;width:min(92vw,460px);border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 40px #0f172a33;padding:var(--space-6);display:grid;gap:var(--space-4)}.screen-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.screen-modal__title{display:flex;align-items:center;gap:var(--space-2)}.screen-modal__icon{color:#f59e0b}.screen-modal__header p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.screen-modal__close{display:grid;place-items:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:background var(--transition),color var(--transition),transform var(--transition);margin-right:-10px;margin-top:-18px}.screen-modal__close:hover{color:var(--text);background:#6f3ff51f}.screen-modal__close:focus-visible{outline:1px solid rgba(111,63,245,.5);outline-offset:2px}.screen-modal__body{margin:0;font-size:14px;color:var(--text-muted);white-space:pre-line}.screen-modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-6)}
