/* Import / Export: arrangement only. Dialog shell, controls, spacing and buttons
   come from dialogs.css and ui-foundation.css. */
:is(dialog, .mhomeDialog) label.transferCheck { flex-direction: row; align-items: center; flex-wrap: wrap; }
.transferCheck > small { flex-basis: 100%; opacity: .75; }
.transferSummary { display: grid; grid-template-columns: repeat(5, minmax(0, auto)); grid-auto-flow: column; grid-template-rows: auto auto; justify-content: start; column-gap: var(--mhome-space-lg, 24px); margin: 0; }
.transferSummary dt { opacity: .75; }
.transferSummary dd { margin: 0; font-weight: 600; }
.transferGroup > summary { cursor: pointer; font-weight: 600; }
.transferItem { border-left: 3px solid #cbd5e1; padding-left: var(--mhome-space-sm, 8px); margin-top: var(--mhome-space-sm, 8px); min-width: 0; }
.transferItem-new { border-left-color: #16836b; }
.transferItem-changed { border-left-color: #287db5; }
.transferItem-conflict, .transferItem-error { border-left-color: #c2410c; }
.transferItemTitle { margin: 0; overflow-wrap: anywhere; }
.transferChanges { margin: var(--mhome-space-xs, 4px) 0 0; padding-left: var(--mhome-space-md, 16px); overflow-wrap: anywhere; }
.transferChanges del { text-decoration: line-through; opacity: .75; }
.transferChanges ins { text-decoration: none; font-weight: 600; }
.transferHint { opacity: .8; }
@media (max-width: 640px) { .transferSummary { grid-auto-flow: row; grid-template-columns: auto auto; grid-template-rows: none; } }