/* IFC import dialog (js/ui/ifc-dialog.js). Uses the theme variables of css/app.css (light and dark). */
.ifc-dlg .ifc-file { margin: 6px 0; overflow-wrap: anywhere; }
.ifc-dlg .ifc-prow { flex-wrap: nowrap; margin-top: 6px; }
.ifc-dlg .ifc-prow .grow { flex: 1; min-width: 0; margin-top: 0; }
.ifc-dlg .ifc-main.ifc-disabled { opacity: .55; pointer-events: none; }
.ifc-dlg .ifc-info { display: grid; grid-template-columns: max-content 1fr; gap: 3px 14px; margin: 0 0 6px; font-size: 13px; }
.ifc-dlg .ifc-info dt { color: var(--fg3); }
.ifc-dlg .ifc-info dd { margin: 0; color: var(--fg); overflow-wrap: anywhere; }
.ifc-dlg .ifc-cols { display: grid; grid-template-columns: 3fr 2fr; gap: 0 18px; }
.ifc-dlg .ifc-checks { display: flex; flex-direction: column; gap: 3px; }
.ifc-dlg .ifc-check { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 4px 8px; border-radius: 6px; background: var(--bg3); border: 1px solid transparent; cursor: pointer; }
.ifc-dlg .ifc-check:hover { border-color: var(--line2); }
.ifc-dlg .ifc-check input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--accent); }
.ifc-dlg .ifc-check .ifc-cl { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ifc-dlg .ifc-check .ifc-cn { color: var(--fg); font-size: 13px; }
.ifc-dlg .ifc-check .ifc-cs { color: var(--fg3); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ifc-dlg .ifc-check .ifc-cc { flex: none; color: var(--fg2); font-size: 12px; font-variant-numeric: tabular-nums; }
.ifc-dlg .ifc-quick { margin-top: 6px; }
.ifc-dlg .ifc-imports .li { cursor: default; align-items: center; }
body.mode-touch .ifc-dlg .ifc-check { min-height: 48px; }
body.mode-touch .ifc-dlg .ifc-check input { width: 24px; height: 24px; }
@media (max-width: 700px) { .ifc-dlg .ifc-cols { grid-template-columns: 1fr; } }