/* Export dialog: one dialog for every export (Sandvik .dp and Epiroc .xml). Colours come from the app variables only, so labels, inputs,
   selects and checkboxes stay readable in the light and the dark theme (1.19.5: the 1.19.4 Epiroc box set white text on --white). */
#exportDialog{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px 22px;border:1px solid var(--line);border-top:4px solid var(--desktop-accent,#43bfb1);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0007}
#exportDialog::backdrop{background:#090e18a8}
#exportDialog form{margin:0}
#exportDialog h2{margin:0 0 4px;font-size:20px;color:var(--ink)}
#exportDialog p{margin:6px 0;color:var(--ink)}
#exportDialog .xd-note{font-size:12px;line-height:1.45;color:var(--muted)}
#exportDialog .xd-field{display:grid;gap:4px;margin:10px 0}
#exportDialog label{font-size:13px;font-weight:650;color:var(--ink)}
#exportDialog input[type=text],#exportDialog input[type=number],#exportDialog select{width:100%;min-height:40px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:500 15px 'Segoe UI',Helvetica,Arial,sans-serif}
#exportDialog input:focus-visible,#exportDialog select:focus-visible,#exportDialog button:focus-visible{outline:3px solid var(--desktop-accent,#43bfb1);outline-offset:1px}
#exportDialog select option{background:var(--bg);color:var(--ink)}
#exportDialog .xd-summary{margin:8px 0 2px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:13px;line-height:1.45}
#exportDialog fieldset{margin:14px 0 0;padding:4px 14px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink)}
#exportDialog legend{padding:0 6px;font-size:13px;font-weight:750;letter-spacing:.02em;color:var(--ink)}
#exportDialog fieldset[hidden],#exportDialog [hidden]{display:none}
#exportDialog .xd-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
#exportDialog .xd-check{display:flex;gap:9px;align-items:flex-start;margin:10px 0;font-weight:500}
#exportDialog .xd-check input{flex:none;width:20px;height:20px;min-height:0;margin:1px 0 0;accent-color:var(--desktop-accent,#43bfb1)}
#exportDialog .xd-hint{font-size:12px;color:var(--muted)}
#exportStatus{min-height:1.4em;margin:10px 0 0;font-size:13px;font-weight:650;color:var(--ink)}
#exportStatus.bad{color:var(--warning,#9b431f)}body.dark-mode #exportStatus.bad{color:#ffb59c}
#exportDialog .xd-actions{display:flex;gap:10px;align-items:stretch;margin-top:14px;flex-wrap:wrap}
#exportDialog .xd-actions button{min-height:46px;padding:8px 16px;font-size:14px;font-weight:700;border:2px solid var(--desktop-accent,#43bfb1);border-radius:8px;background:var(--ink);color:var(--paper)}
#exportDialog .xd-actions button.xd-cancel{margin-left:auto;background:var(--paper);color:var(--ink);border-color:var(--line);font-weight:600}
#exportDialog .xd-actions button:disabled{opacity:.5;cursor:not-allowed}
#exportDialog .xd-file{font-size:11px;color:var(--muted);margin:4px 0 0;word-break:break-all}
#exportToast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:2147483647;max-width:min(560px,92vw);padding:10px 16px;border-radius:8px;background:#1a1a1a;color:#fff;border:1px solid #fff6;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .15s}
#exportToast.on{opacity:1}#exportToast.bad{background:#7a1f12}
#quickExport{border-color:var(--desktop-accent)}
.export-card .xd-note{font-size:12px;color:var(--muted);margin:0 0 8px}.export-card button{width:100%}
@media(max-width:560px){#exportDialog .xd-grid{grid-template-columns:1fr}#exportDialog .xd-actions button{flex:1 1 100%}#exportDialog .xd-actions button.xd-cancel{margin-left:0}}