/*
    Settings Explorer (#37) styles that scoped CSS cannot express, because the same classes are
    emitted by two different components (the viewer and the editor).

    Key/value rows for dictionary fields - Network / Version / Printer Info - as a label/value
    split inside their elevated paper.
*/

.se-kv-row {
    display: flex;
    gap: 1rem;
    padding: 2px 0;
}

.se-kv-key,
.se-kv-value {
    min-width: 0;
}

/* The key/value split is 30 / 70 - values are usually the longer text. */
.se-kv-key {
    flex: 3 1 0;
    color: var(--mud-palette-text-secondary);
}

.se-kv-value {
    flex: 7 1 0;
    word-break: break-word;
}

/* MudSplitPanel's divider hit area is offset by default; align it to the divider itself. */
.mud-split-panel .divider::before {
    left: 0 !important;
}

.mud-split-panel .divider.dragging::before {
    left: -12px !important;
}