/* Import score… (js/import/import-choir.js): what to take from a score, and where */
#scoreImport { position: fixed; z-index: 70; left: 50%; top: 72px; transform: translateX(-50%); display: grid; gap: 8px; padding: 14px; width: min(400px, calc(100vw - 32px)); max-height: calc(100vh - 96px); overflow-y: auto; background: var(--stone-2); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 30px #0008; }
#scoreImport[hidden] { display: none; }
#scoreImport .q { display: grid; gap: 2px; font: 13px var(--label); letter-spacing: 0.04em; color: var(--dim); }
#scoreImport .q b { font: 500 17px var(--display); letter-spacing: 0; color: var(--vellum); overflow-wrap: anywhere; }
#scoreImport small { font: 11.5px var(--display); letter-spacing: 0; text-transform: none; color: var(--dim); font-weight: 400; }
#scoreImport > label { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font: 13px var(--label); letter-spacing: 0.04em; }
#scoreImport > label select { margin-left: auto; max-width: 60%; }
#scoreImport > label small { flex-basis: 100%; text-align: right; }
#scoreImport .si-parts { display: grid; gap: 4px; padding: 6px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#scoreImport .si-part { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 8px; }
#scoreImport .si-part label { display: flex; align-items: center; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
#scoreImport .si-part small { grid-column: 1 / -1; padding-left: 22px; }
#scoreImport .si-part select[data-plang] { grid-column: 1 / -1; justify-self: start; margin-left: 22px; max-width: calc(100% - 22px); }
#scoreImport .si-warn { margin: 0; font-size: 12px; color: var(--dim); }
#scoreImport button[data-into] { display: grid; text-align: left; gap: 2px; padding: 8px 10px; }
#scoreImport button.primary small { color: inherit; opacity: 0.8; }
#scoreImport button.x { justify-self: end; padding: 4px 10px; }
/* the Arrange rows (arrangeRows): the import dialog's, and the Studio's Send to choir */
.si-arr { display: flex; align-items: center; gap: 4px 8px; flex-wrap: wrap; font: 13px var(--label); letter-spacing: 0.04em; }
.si-arr select { margin-left: auto; max-width: 60%; }
#scoreImport > label.si-arr small, #stSendAsk .si-arr small { flex-basis: 100%; text-align: left; font: 11.5px var(--display); letter-spacing: 0; text-transform: none; color: var(--dim); }