/* The single-file LI-COR import panel built by mountLicorImport (CO₂ and Light). Its selects and inputs take
   the shared control style of suite-analysis.css, so column and unit choices read at one type size. */
/* The mount point wears the panel's box before the module mounts, and while empty it keeps the mounted height
   (44 px button, 8 px gap, one status line, padding and border): the importer arrives after first paint, and the
   data grid below it never moves when it does. */
.licor-import, #licorImport { display: grid; gap: 8px; padding: 14px; border: 1px dashed var(--line); border-radius: 10px; }
#licorImport:empty { min-height: calc(44px + 8px + 13px * 1.55 + 2 * 14px + 2px); }
.licor-import.is-dragging { border-color: var(--accent); background: var(--accent-soft); }
.licor-import-header { display: flex; align-items: center; gap: 10px; }
.licor-import-status, .licor-import-notes { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.licor-import-panel { display: grid; gap: 12px; margin-top: 4px; }
.licor-import-panel label { display: grid; gap: 6px; min-width: 0; color: var(--muted); font-size: 13px; font-weight: 500; }
.licor-import-panel label:has(> select), .licor-import-field:has(> select:not([hidden])) { position: relative; }
.licor-import-panel label:has(> select)::after, .licor-import-field:has(> select:not([hidden]))::after { content: ""; position: absolute; right: 12px; bottom: 16px; width: 12px; height: 12px; pointer-events: none; background: currentColor; mask: url("../../../assets/images/icons/arrow-down.svg?v=a63cdbe7d2975510") center / contain no-repeat; }
.licor-import-mappings { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.licor-import-field { display: grid; gap: 6px; align-content: start; min-width: 0; }
.licor-import-range { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.licor-import-notes:empty { display: none; }
.licor-import-notes[data-level="error"] { color: var(--danger); }
.licor-import-notes[data-level="warning"] { color: var(--ink); }
.licor-import-panel > .btn { justify-self: start; }
.licor-import [hidden] { display: none !important; }
@media (max-width: 380px) { .licor-import-mappings { grid-template-columns: 1fr; } }