/*
 * Remout shared components — Soft, ALE-116.
 * Opt in on the document: <html data-remout-ui="soft">.
 * Load after feature CSS. This layer owns presentation, not routes, state,
 * authorization, dialog dimensions, scroll containers or select replacement.
 */

html[data-remout-ui="soft"] {
    --rm-ui-radius: 11px;
    --rm-ui-control-radius: 8px;
    --rm-ui-control-height: 32px;
    --rm-ui-icon-size: 16px;
    --rm-ui-bg: #f7f9fc;
    --rm-ui-panel: #ffffff;
    --rm-ui-soft: #f0f3f8;
    --rm-ui-card: #ffffff;
    --rm-ui-input: #ffffff;
    --rm-ui-line: #dbe2ec;
    --rm-ui-control-line: #78879c;
    --rm-ui-ink: #152238;
    --rm-ui-muted: #52627a;
    --rm-ui-accent: #175cde;
    --rm-ui-hover: #104bb7;
    --rm-ui-on-accent: #ffffff;
    --rm-ui-selected: #edf4ff;
    --rm-ui-success: #28693c;
    --rm-ui-success-bg: #edf8f0;
    --rm-ui-warning: #805b15;
    --rm-ui-warning-bg: #fff8e8;
    --rm-ui-danger: #b33a3a;
    --rm-ui-danger-bg: #fff0f0;
    --rm-ui-overlay: rgb(21 34 56 / 38%);
    --rm-ui-dialog-shadow: 0 12px 32px rgb(21 34 56 / 7%);
    --rm-ui-menu-shadow: 0 6px 16px rgb(21 34 56 / 12%);
    --rm-ui-card-shadow: 0 2px 6px rgb(21 34 56 / 6%);

    /* Existing module and portal aliases share the same document palette. */
    --bg: var(--rm-ui-bg);
    --panel: var(--rm-ui-panel);
    --panel-soft: var(--rm-ui-soft);
    --panel-strong: var(--rm-ui-soft);
    --card-bg: var(--rm-ui-card);
    --table-bg: var(--rm-ui-panel);
    --table-head-bg: var(--rm-ui-soft);
    --input-bg: var(--rm-ui-input);
    --chip-bg: var(--rm-ui-soft);
    --ink: var(--rm-ui-ink);
    --text: var(--rm-ui-ink);
    --muted: var(--rm-ui-muted);
    --line: var(--rm-ui-line);
    --line-strong: var(--rm-ui-control-line);
    --accent: var(--rm-ui-accent);
    --accent-hover: var(--rm-ui-hover);
    --accent-contrast: var(--rm-ui-on-accent);
    --accent-soft: var(--rm-ui-selected);
    --ui-control-rest: var(--rm-ui-soft);
    --ui-control-hover: var(--rm-ui-selected);
    --ui-control-pressed: var(--rm-ui-selected);
    --ui-control-selected: var(--rm-ui-panel);
    --ui-control-selected-border: var(--rm-ui-line);
    --ui-control-track: var(--rm-ui-soft);
    --ui-focus: var(--rm-ui-accent);
    --ui-text-focus: var(--rm-ui-accent);
    --ui-text-focus-offset: 2px;
    --ui-select-surface: var(--rm-ui-input);
    --ui-select-hover: var(--rm-ui-soft);
    --ui-select-border: var(--rm-ui-control-line);
    --ui-select-focus: var(--rm-ui-accent);
    --ui-select-icon: var(--rm-ui-muted);
    --ui-select-divider: var(--rm-ui-line);
    --ui-select-option-hover: var(--rm-ui-soft);
    --ui-select-option-selected: var(--rm-ui-selected);
    --ui-select-option-selected-hover: var(--rm-ui-selected);
    --ui-select-radio-idle: var(--rm-ui-control-line);
    --ui-select-radio: var(--rm-ui-accent);
    --ui-choice-mark: var(--rm-ui-accent);
    --ui-choice-check: var(--rm-ui-on-accent);
    --ui-backdrop: var(--rm-ui-overlay);
    --ui-dialog-shadow: var(--rm-ui-dialog-shadow);
    --ui-popover-shadow: var(--rm-ui-menu-shadow);
}

html[data-remout-ui="soft"][data-theme="dark"] {
    --rm-ui-bg: #171717;
    --rm-ui-panel: #202020;
    --rm-ui-soft: #2d2d2d;
    --rm-ui-card: #282828;
    --rm-ui-input: #1b1b1b;
    --rm-ui-line: #343434;
    --rm-ui-control-line: #555555;
    --rm-ui-ink: #f3f3f3;
    --rm-ui-muted: #aaaaaa;
    --rm-ui-accent: #8ab4f8;
    --rm-ui-hover: #86b7df;
    --rm-ui-on-accent: #151515;
    --rm-ui-selected: #303030;
    --rm-ui-success: #a0d9ad;
    --rm-ui-success-bg: #203128;
    --rm-ui-warning: #e7bf74;
    --rm-ui-warning-bg: #332d20;
    --rm-ui-danger: #f07178;
    --rm-ui-danger-bg: #352326;
    --rm-ui-overlay: rgb(0 0 0 / 60%);
    --rm-ui-dialog-shadow: 0 12px 32px rgb(0 0 0 / 20%);
    --rm-ui-menu-shadow: 0 6px 16px rgb(0 0 0 / 20%);
    --rm-ui-card-shadow: 0 2px 6px rgb(0 0 0 / 13%);
}

html[data-remout-ui="soft"] body {
    background-color: var(--rm-ui-bg);
    color: var(--rm-ui-ink);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

/* Visibility is a behavior contract, including dynamically inserted controls. */
html[data-remout-ui="soft"] [hidden] { display: none !important; }

/* Buttons share one inline geometry. Busy is an independent overlay. */
html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button,
    .secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button) {
    --rm-button-bg: var(--rm-ui-soft);
    --rm-button-ink: var(--rm-ui-ink);
    --rm-button-hover: var(--rm-ui-selected);
    --rm-button-ring: var(--rm-ui-hover);
    --rm-button-shadow: none;
    position: relative;
    border: 1px solid transparent;
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-button-bg);
    color: var(--rm-button-ink);
    box-shadow: var(--rm-button-shadow);
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 120ms ease, box-shadow 120ms ease,
        border-color 120ms ease, color 120ms ease;
}

html[data-remout-ui="soft"] :is(button.ui-button, a.ui-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    gap: 6px;
    min-height: var(--rm-ui-control-height);
    padding: 0 11px;
    cursor: pointer;
}

html[data-remout-ui="soft"] :is(button.ui-icon-button, a.ui-icon-button) {
    display: inline-grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    gap: 0;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button) > svg,
html[data-remout-ui="soft"] .ui-button__icon,
html[data-remout-ui="soft"] .ui-icon {
    display: block;
    flex: 0 0 var(--rm-ui-icon-size);
    width: var(--rm-ui-icon-size);
    height: var(--rm-ui-icon-size);
}

html[data-remout-ui="soft"] .ui-button__icon { place-items: center; }
html[data-remout-ui="soft"] .ui-button__icon > svg {
    display: block;
    width: 100%;
    height: 100%;
}

html[data-remout-ui="soft"] :is(.ui-button--primary, .team-members-open-button,
    .team-settings-save-button) {
    --rm-button-bg: var(--rm-ui-accent);
    --rm-button-ink: var(--rm-ui-on-accent);
    --rm-button-hover: var(--rm-ui-hover);
    --rm-button-ring: var(--rm-ui-hover);
    --rm-button-shadow: 0 2px 5px rgb(0 0 0 / 13%);
}

html[data-remout-ui="soft"] :is(.ui-button--ghost, .ui-icon-button--ghost) {
    --rm-button-bg: transparent;
    --rm-button-ink: var(--rm-ui-muted);
    --rm-button-hover: var(--rm-ui-soft);
}

html[data-remout-ui="soft"] :is(.ui-button--ghost, .ui-icon-button--ghost):hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    --rm-button-ink: var(--rm-ui-ink);
}

html[data-remout-ui="soft"] :is(.ui-button--danger, .ui-icon-button--danger,
    .employee-remove-button) {
    --rm-button-bg: var(--rm-ui-danger-bg);
    --rm-button-ink: var(--rm-ui-danger);
    --rm-button-hover: var(--rm-ui-danger-bg);
    --rm-button-ring: var(--rm-ui-danger);
}

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button,
    .secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button):hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    border-color: transparent;
    background: var(--rm-button-hover);
    color: var(--rm-button-ink);
    box-shadow: 0 0 0 1px var(--rm-button-ring);
}

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button,
    .secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button):active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    background: var(--rm-button-hover);
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 20%);
    scale: .96;
}

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button,
    .secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button):focus-visible {
    outline: 2px solid var(--rm-button-ring);
    outline-offset: 2px;
    box-shadow: var(--rm-button-shadow);
}

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button,
    .secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button):is(:disabled, [aria-disabled="true"]):not([aria-busy="true"]) {
    border-color: transparent;
    background: var(--rm-button-bg);
    color: var(--rm-button-ink);
    box-shadow: var(--rm-button-shadow);
    opacity: .42;
    cursor: default;
    scale: 1;
}

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button)[aria-busy="true"] {
    color: transparent;
    opacity: 1;
    cursor: wait;
    scale: 1;
}

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button)[aria-busy="true"]
    :is(svg, .ui-button__label, .ui-button__icon) { opacity: 0; }

html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button)[aria-busy="true"]::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    box-sizing: border-box;
    border: 2px solid var(--rm-button-ink);
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    pointer-events: none;
    animation: remout-ui-spin 800ms linear infinite;
}

@keyframes remout-ui-spin { to { rotate: 360deg; } }

html[data-remout-ui="soft"] :is(.ui-button--small, .ui-button--compact) {
    min-height: 28px;
    padding-inline: 9px;
    font-size: 11px;
}

html[data-remout-ui="soft"] .ui-button--large { min-height: 44px; padding-inline: 16px; }
html[data-remout-ui="soft"] .ui-icon-button--small {
    flex-basis: 24px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
}

/* Explicit adapters also cover controls recreated by existing feature JS. */
html[data-remout-ui="soft"] .production-workspace [data-workspace-team-management]
    :is(.team-settings-tools, .team-management-directions, .team-member-actions,
    .team-management-roster-head, .team-settings-savebar)
    :is(.secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button),
html[data-remout-ui="soft"] [data-team-access-dialog] .team-access-action {
    border-color: transparent;
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-button-bg);
    color: var(--rm-button-ink);
    box-shadow: var(--rm-button-shadow);
    font-weight: 500;
}

html[data-remout-ui="soft"] .production-workspace [data-workspace-team-management]
    :is(.team-settings-tools, .team-management-directions, .team-member-actions,
    .team-management-roster-head, .team-settings-savebar)
    :is(.secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button):hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]),
html[data-remout-ui="soft"] [data-team-access-dialog] .team-access-action:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    border-color: transparent;
    background: var(--rm-button-hover);
    color: var(--rm-button-ink);
    box-shadow: 0 0 0 1px var(--rm-button-ring);
}

html[data-remout-ui="soft"] .production-workspace [data-workspace-team-management]
    .team-settings-savebar .team-settings-save-button:disabled:not([aria-busy="true"]) {
    border-color: transparent;
    background: var(--rm-button-bg);
    color: var(--rm-button-ink);
    opacity: .42;
    box-shadow: var(--rm-button-shadow);
}

html[data-remout-ui="soft"] .production-workspace [data-workspace-team-management]
    :is(.team-settings-tools, .team-management-directions, .team-member-actions,
    .team-management-roster-head, .team-settings-savebar)
    :is(.secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button):is(:disabled, [aria-disabled="true"], [aria-busy="true"]),
html[data-remout-ui="soft"] [data-team-access-dialog]
    .team-access-action:is(:disabled, [aria-disabled="true"], [aria-busy="true"]) {
    border-color: transparent;
    background: var(--rm-button-bg);
    color: var(--rm-button-ink);
    box-shadow: var(--rm-button-shadow);
    cursor: default;
    scale: 1;
}

html[data-remout-ui="soft"] .production-workspace [data-workspace-team-management]
    :is(.team-settings-tools, .team-management-directions, .team-member-actions,
    .team-management-roster-head, .team-settings-savebar)
    :is(.secondary-button, .team-access-action, .team-members-open-button,
    .employee-remove-button, .team-settings-save-button).ui-button[aria-busy="true"] {
    color: transparent;
    opacity: 1;
}

/* Native form controls. Existing feature heights and widths stay authoritative. */
html[data-remout-ui="soft"] .ui-field {
    display: grid;
    align-content: start;
    gap: 6px;
    min-width: 0;
}

html[data-remout-ui="soft"] .ui-label {
    display: block;
    color: var(--rm-ui-muted);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
}

html[data-remout-ui="soft"] :is(.ui-help, .ui-error) {
    margin: 0;
    font-size: 11px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

html[data-remout-ui="soft"] .ui-help { color: var(--rm-ui-muted); }
html[data-remout-ui="soft"] .ui-error { color: var(--rm-ui-danger); }

html[data-remout-ui="soft"] :is(.ui-input, select.ui-select),
html[data-remout-ui="soft"] .production-workspace
    :is(input:not([type]), input[type="text"], input[type="search"], input[type="password"],
    input[type="email"], input[type="tel"], input[type="url"], input[type="number"], textarea) {
    border-color: var(--rm-ui-control-line);
    border-radius: var(--rm-ui-control-radius);
    background-color: var(--rm-ui-input);
    color: var(--rm-ui-ink);
}

html[data-remout-ui="soft"] .ui-input {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    padding: 0 9px;
    font: inherit;
    font-size: 12px;
    line-height: 1.4;
}

html[data-remout-ui="soft"] textarea.ui-input {
    min-height: 58px;
    padding-block: 8px;
    resize: vertical;
}

html[data-remout-ui="soft"] :is(.ui-input, select.ui-select):focus-visible {
    border-color: var(--rm-ui-accent);
    outline: 2px solid var(--rm-ui-accent);
    outline-offset: 2px;
    box-shadow: none;
}

html[data-remout-ui="soft"] :is(.ui-input, select.ui-select)[aria-invalid="true"] {
    border-color: var(--rm-ui-danger);
    --ui-text-focus: var(--rm-ui-danger);
}

html[data-remout-ui="soft"] :is(.ui-input, select.ui-select)[aria-invalid="true"]:focus-visible {
    outline-color: var(--rm-ui-danger);
}

html[data-remout-ui="soft"] .ui-input[readonly] {
    background: var(--rm-ui-soft);
    color: var(--rm-ui-muted);
}

html[data-remout-ui="soft"] :is(.ui-input, select.ui-select):disabled { opacity: .45; cursor: default; }
html[data-remout-ui="soft"] .ui-input::placeholder { color: var(--rm-ui-muted); opacity: .75; }

html[data-remout-ui="soft"] select.ui-select {
    min-height: 32px;
    padding: 0 32px 0 9px;
    font-size: 12px;
}

html[data-remout-ui="soft"] select.ui-select--compact { min-height: 30px; }
html[data-remout-ui="soft"] select.ui-select--micro { min-height: 26px; font-size: 11px; }
html[data-remout-ui="soft"] select.ui-select--large { min-height: 44px; }

html[data-remout-ui="soft"] :is(.ui-text-entry-group, .ui-input-group) {
    min-width: 0;
    border: 1px solid var(--rm-ui-control-line);
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-ui-input);
    color: var(--rm-ui-ink);
}

html[data-remout-ui="soft"] .ui-input-group {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-inline: 8px;
}

html[data-remout-ui="soft"] :is(.ui-text-entry-group, .ui-input-group) > .ui-input {
    flex: 1 1 0;
    width: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

html[data-remout-ui="soft"] :is(.ui-text-entry-group, .ui-input-group):focus-within {
    outline: 2px solid var(--rm-ui-accent);
    outline-offset: 2px;
    box-shadow: none;
}

html[data-remout-ui="soft"] :is(.ui-text-entry-group, .ui-input-group):has([aria-invalid="true"]) {
    border-color: var(--rm-ui-danger);
    outline-color: var(--rm-ui-danger);
}

html[data-remout-ui="soft"] :is(.ui-text-entry-group, .ui-input-group)
    :is(input, textarea, [contenteditable]):focus-visible { outline: none; box-shadow: none; }

/* Real checkboxes/radios and a native-input switch keep keyboard semantics. */
html[data-remout-ui="soft"] .ui-choice {
    gap: 8px;
    border-color: var(--rm-ui-line);
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-ui-input);
    color: var(--rm-ui-ink);
    font-size: 12px;
    line-height: 1.4;
}

html[data-remout-ui="soft"] .ui-choice--inline { border-color: transparent; background: transparent; }
html[data-remout-ui="soft"] .ui-choice:hover:not(:has(input:disabled)) {
    border-color: var(--rm-ui-accent);
    background: var(--rm-ui-soft);
}

html[data-remout-ui="soft"] .ui-choice:has(input:checked):not(.ui-choice--inline) {
    border-color: var(--rm-ui-accent);
    background: var(--rm-ui-selected);
}

html[data-remout-ui="soft"] :is(input.ui-check, input.ui-radio),
html[data-remout-ui="soft"] .ui-choice :is(input[type="checkbox"], input[type="radio"]) {
    flex-basis: 16px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    border-color: var(--rm-ui-control-line);
    background: var(--rm-ui-input);
}

html[data-remout-ui="soft"] :is(input.ui-check, input.ui-radio):checked,
html[data-remout-ui="soft"] .ui-choice :is(input[type="checkbox"], input[type="radio"]):checked {
    border-color: var(--rm-ui-accent);
    background: var(--rm-ui-accent);
}

html[data-remout-ui="soft"] input.ui-check:checked::after,
html[data-remout-ui="soft"] .ui-choice input[type="checkbox"]:checked::after {
    top: 1px;
    left: 4px;
    width: 4px;
    height: 7px;
    border-color: var(--rm-ui-on-accent);
}

html[data-remout-ui="soft"] input.ui-radio:checked::after,
html[data-remout-ui="soft"] .ui-choice input[type="radio"]:checked::after {
    inset: 4px;
    background: var(--rm-ui-on-accent);
}

html[data-remout-ui="soft"] .ui-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 32px;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--rm-ui-ink);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

html[data-remout-ui="soft"] .ui-switch > input[type="checkbox"] {
    position: absolute;
    width: 1px;
    min-width: 0;
    height: 1px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
}

html[data-remout-ui="soft"] .ui-switch__track {
    position: relative;
    display: inline-flex;
    flex: 0 0 30px;
    width: 30px;
    height: 18px;
    border-radius: 999px;
    background: var(--rm-ui-control-line);
}

html[data-remout-ui="soft"] .ui-switch__thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 33%);
    translate: 0 0;
    transition: translate 120ms ease;
}

html[data-remout-ui="soft"] .ui-switch:is([aria-checked="true"], [aria-pressed="true"]) .ui-switch__track,
html[data-remout-ui="soft"] .ui-switch > input:checked ~ .ui-switch__track { background: var(--rm-ui-accent); }

html[data-remout-ui="soft"] .ui-switch:is([aria-checked="true"], [aria-pressed="true"]) .ui-switch__thumb,
html[data-remout-ui="soft"] .ui-switch > input:checked ~ .ui-switch__track .ui-switch__thumb {
    background: #ffffff;
    translate: 12px 0;
}

html[data-remout-ui="soft"] .ui-switch:focus-visible .ui-switch__track,
html[data-remout-ui="soft"] .ui-switch > input:focus-visible ~ .ui-switch__track {
    outline: 2px solid var(--rm-ui-accent);
    outline-offset: 3px;
    box-shadow: none;
}

html[data-remout-ui="soft"] .ui-switch:is(:disabled, [aria-disabled="true"]),
html[data-remout-ui="soft"] .ui-switch:has(input:disabled) { opacity: .42; cursor: default; }

/* Status is deliberately separate from badges, notices, filters and amounts. */
html[data-remout-ui="soft"] .ui-status:is([data-kind="approved"], [data-kind="working"],
    [data-kind="waiting-part"], [data-kind="overdue"], [data-kind="unassigned"]),
html[data-remout-ui="soft"] .production-workspace .deal-card--dense .deal-top-actions
    .deal-approval.ui-status:is([data-kind="approved"], [data-kind="working"],
    [data-kind="waiting-part"], [data-kind="overdue"], [data-kind="unassigned"]) {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    max-width: 100%;
    padding: 0 4px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--rm-status-ink, var(--rm-ui-muted));
    box-shadow: none;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
}

html[data-remout-ui="soft"] .ui-status:is([data-kind="approved"], [data-kind="working"],
    [data-kind="waiting-part"], [data-kind="overdue"], [data-kind="unassigned"])::before {
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

html[data-remout-ui="soft"] .ui-status[data-kind="approved"] { --rm-status-ink: var(--rm-ui-success); }
html[data-remout-ui="soft"] .ui-status[data-kind="working"] { --rm-status-ink: var(--rm-ui-accent); }
html[data-remout-ui="soft"] .ui-status[data-kind="waiting-part"] { --rm-status-ink: var(--rm-ui-warning); }
html[data-remout-ui="soft"] .ui-status[data-kind="overdue"] { --rm-status-ink: var(--rm-ui-danger); }
html[data-remout-ui="soft"] .ui-status[data-kind="unassigned"] { --rm-status-ink: var(--rm-ui-muted); }

html[data-remout-ui="soft"] .production-workspace .deal-card--dense .deal-top-actions
    .deal-approval.ui-status[data-kind] { min-height: 20px; }

html[data-remout-ui="soft"] :is(.ui-badge, .ui-chip, .master-chip, .type-chip) {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--rm-ui-soft);
    color: var(--rm-ui-muted);
    font-size: 11px;
    line-height: 1.25;
    text-decoration: none;
}

html[data-remout-ui="soft"] .ui-badge[data-tone="success"] { background: var(--rm-ui-success-bg); color: var(--rm-ui-success); }
html[data-remout-ui="soft"] .ui-badge[data-tone="warning"] { background: var(--rm-ui-warning-bg); color: var(--rm-ui-warning); }
html[data-remout-ui="soft"] .ui-badge[data-tone="danger"] { background: var(--rm-ui-danger-bg); color: var(--rm-ui-danger); }
html[data-remout-ui="soft"] .ui-badge:is([data-tone="accent"], [data-tone="info"]) { background: var(--rm-ui-selected); color: var(--rm-ui-accent); }

html[data-remout-ui="soft"] :is(.ui-chip, .master-chip, .type-chip):is(.active, .is-selected, [aria-pressed="true"], [aria-selected="true"]),
html[data-remout-ui="soft"][data-theme] :is(.master-chip, .type-chip).active {
    border-color: var(--rm-ui-accent);
    background: var(--rm-ui-selected);
    color: var(--rm-ui-accent);
}

html[data-remout-ui="soft"] :is(button.ui-chip, a.ui-chip, .master-chip, .type-chip):hover:not(:disabled):not([aria-disabled="true"]) {
    border-color: var(--rm-ui-hover);
    color: var(--rm-ui-accent);
}

html[data-remout-ui="soft"] .ui-chip :is(svg, .ui-icon) { width: 12px; height: 12px; flex-basis: 12px; }

/* Navigation tabs are underlined; segmented period choices remain pills. */
html[data-remout-ui="soft"] .ui-tablist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    min-width: 0;
    padding: 0;
    border-bottom: 1px solid var(--rm-ui-line);
    background: transparent;
}

html[data-remout-ui="soft"] :is(button.ui-tablist__item, a.ui-tablist__item),
html[data-remout-ui="soft"] .deal-workspace-tabs button {
    min-height: 34px;
    padding: 4px 0 10px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--rm-ui-muted);
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    scale: 1;
}

html[data-remout-ui="soft"] :is(button.ui-tablist__item, a.ui-tablist__item):is(.active, .is-active, [aria-selected="true"], [aria-pressed="true"], [aria-current="page"]),
html[data-remout-ui="soft"][data-theme] button.ui-tablist__item:is(.active, [aria-pressed="true"]),
html[data-remout-ui="soft"] .deal-workspace-tabs button:is(.active, .is-active, [aria-selected="true"], [aria-pressed="true"]) {
    border-color: var(--rm-ui-accent);
    background: transparent;
    color: var(--rm-ui-accent);
    box-shadow: none;
}

html[data-remout-ui="soft"] :is(button.ui-tablist__item, a.ui-tablist__item):hover:not(:disabled),
html[data-remout-ui="soft"] .deal-workspace-tabs button:hover:not(:disabled) {
    background: transparent;
    color: var(--rm-ui-accent);
}

html[data-remout-ui="soft"] :is(.ui-segmented, .workspace-period-switch) {
    gap: 2px;
    padding: 2px;
    border-color: transparent;
    border-radius: 20px;
    background: var(--rm-ui-soft);
}

html[data-remout-ui="soft"] .ui-segmented { min-height: 32px; }

html[data-remout-ui="soft"] :is(button.ui-segmented__item, .workspace-period-option) {
    min-height: 26px;
    border: 1px solid transparent;
    border-radius: 18px;
    background: transparent;
    color: var(--rm-ui-muted);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
}

html[data-remout-ui="soft"] button.ui-segmented__item:is(.is-active, [aria-pressed="true"]),
html[data-remout-ui="soft"] .workspace-period-option[aria-current="page"],
html[data-remout-ui="soft"] .workspace-period-switch input:checked + .workspace-period-option {
    border-color: var(--rm-ui-line);
    background: var(--rm-ui-panel);
    color: var(--rm-ui-ink);
    box-shadow: 0 1px 3px rgb(0 0 0 / 13%);
}

html[data-remout-ui="soft"] .workspace-period-control .workspace-period-switch {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

/* Keep the date intrinsic; spare header space belongs to search. */
html[data-remout-ui="soft"] .production-workspace .top-filter-grid {
    grid-template-columns: max-content minmax(125px, 1fr) auto;
}

html[data-remout-ui="soft"] .workspace-period-control {
    grid-template-columns: minmax(0, max-content) max-content;
}

html[data-remout-ui="soft"] .workspace-period-control .top-filter-period select {
    flex: 0 0 auto;
    width: auto;
}

@media (min-width: 1024px) {
    html[data-remout-ui="soft"] .production-workspace .topbar {
        flex-wrap: nowrap;
    }

    html[data-remout-ui="soft"] .production-workspace .top-filter-grid {
        order: 0;
        flex: 0 1 auto;
        width: auto;
        min-width: min-content;
        max-width: 620px;
        grid-template-columns: max-content minmax(100px, 220px) max-content;
    }

    html[data-remout-ui="soft"] .production-workspace :is(.brand-line, .top-actions) {
        flex-wrap: nowrap;
    }

    html[data-remout-ui="soft"] .production-workspace .team-name-pill {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    html[data-remout-ui="soft"] .production-workspace .topbar {
        gap: 4px;
        padding-inline: 8px;
    }

    /* Share the dense admin row without hiding actions or shrinking the logo. */
    html[data-remout-ui="soft"] .production-workspace .brand-line { min-width: 214px; gap: 6px; }
    html[data-remout-ui="soft"] .production-workspace .brand-line > form.team-switcher { min-width: 104px; }
    html[data-remout-ui="soft"] .production-workspace :is(.team-switcher, .top-filter-period) > select.ui-select {
        padding-inline: 7px 24px;
        font-size: 11px;
        background-position:
            calc(100% - 11px) calc(50% - 1px),
            calc(100% - 8px) calc(50% - 1px),
            calc(100% - 21px) 50%;
        background-size: 4px 4px, 4px 4px, 1px 14px;
    }
    html[data-remout-ui="soft"] .production-workspace .top-filter-grid {
        gap: 4px;
        grid-template-columns: max-content minmax(90px, 220px) max-content;
    }
    html[data-remout-ui="soft"] .production-workspace .top-filter-grid > .top-search-field { gap: 0; font-size: 0; }
    html[data-remout-ui="soft"] .production-workspace .workspace-period-option { font-size: 10px; }
    html[data-remout-ui="soft"] .production-workspace .top-actions { gap: 3px; }
    html[data-remout-ui="soft"] .production-workspace .top-actions :is(a, .top-action-button, .theme-toggle) {
        padding-inline: 4px;
        font-size: 11px;
        white-space: nowrap;
    }
    html[data-remout-ui="soft"] .production-workspace .top-filter-grid > button[type="submit"] {
        padding-inline: 6px;
        font-size: 11px;
    }
    html[data-remout-ui="soft"] .production-workspace .top-actions .theme-toggle { padding-inline: 0; }
    html[data-remout-ui="soft"] .production-workspace .production-logout button { font-size: 11px; }
    html[data-remout-ui="soft"] .production-workspace .theme-toggle-label { display: none; }
}

@media (max-width: 720px) {
    html[data-remout-ui="soft"] .production-workspace .top-filter-grid {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

html[data-remout-ui="soft"] .workspace-period-control .top-filter-period :is(select, button.ui-select-trigger) {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: 20px;
    border-end-end-radius: 20px;
    border-inline-start: 0;
    border-color: transparent;
    background-color: var(--rm-ui-soft);
}

html[data-remout-ui="soft"] select.ui-select--soft {
    border-color: var(--rm-ui-line);
    background-color: var(--rm-ui-soft);
}

html[data-remout-ui="soft"] .ui-period > select.ui-select {
    border-color: transparent;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: 20px;
    border-end-end-radius: 20px;
    background-color: var(--rm-ui-soft);
}

/* Shared surfaces; no per-feature width, height or scroll changes. */
html[data-remout-ui="soft"] :is(dialog.ui-dialog, .ui-popover, .ui-window) {
    border-color: var(--rm-ui-line);
    border-radius: var(--rm-ui-radius);
    background: var(--rm-ui-panel);
    color: var(--rm-ui-ink);
    box-shadow: var(--rm-ui-dialog-shadow);
}

html[data-remout-ui="soft"] dialog.ui-dialog::backdrop {
    background: var(--rm-ui-overlay);
    backdrop-filter: blur(4px);
}

html[data-remout-ui="soft"] :is(.ui-dialog__header, .ui-popover__header, .ui-window__header) {
    background: transparent;
    border-color: var(--rm-ui-line);
    color: var(--rm-ui-ink);
}

html[data-remout-ui="soft"] .ui-dialog__body { min-width: 0; padding: 18px; }
html[data-remout-ui="soft"] .ui-dialog__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 18px;
    border-top: 1px solid var(--rm-ui-line);
}

html[data-remout-ui="soft"] :is(.ui-card, .ui-surface) {
    min-width: 0;
    border: 1px solid transparent;
    border-radius: var(--rm-ui-radius);
    background: var(--rm-ui-panel);
    color: var(--rm-ui-ink);
    box-shadow: 0 2px 4px rgb(0 0 0 / 3%);
}

html[data-remout-ui="soft"] .production-workspace .deal-card {
    border-color: transparent;
    border-radius: var(--rm-ui-radius);
    background: var(--rm-ui-card);
    box-shadow: var(--rm-ui-card-shadow);
}

html[data-remout-ui="soft"] .production-workspace [data-workspace-team-management]
    .team-management-cards-panel :is(.team-management-general, .team-member-card) {
    border-color: transparent;
    border-radius: var(--rm-ui-radius);
    background: var(--rm-ui-panel);
    box-shadow: 0 2px 4px rgb(0 0 0 / 3%);
}

/* Native details menus and existing body/dialog portals use the same paint. */
html[data-remout-ui="soft"] .ui-menu {
    min-width: 0;
    border: 1px solid var(--rm-ui-control-line);
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-ui-input);
    color: var(--rm-ui-ink);
}

html[data-remout-ui="soft"] .ui-menu > summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 8px 9px;
    list-style: none;
    cursor: pointer;
    font-size: 12px;
}

html[data-remout-ui="soft"] .ui-menu > summary::-webkit-details-marker { display: none; }
html[data-remout-ui="soft"] .ui-menu[open] > summary { border-bottom: 1px solid var(--rm-ui-line); }
html[data-remout-ui="soft"] .ui-menu__count { margin-inline-start: auto; color: var(--rm-ui-muted); font-size: 11px; }
html[data-remout-ui="soft"] .ui-menu__body {
    display: grid;
    gap: 6px;
    min-width: 0;
    max-height: min(360px, 60vh);
    padding: 9px;
    overflow: auto;
}

html[data-remout-ui="soft"] :is(.ui-select-menu, #kanban-master-assignment-menu,
    #kanban-urgency-menu, .kanban-note-tooltip, .kanban-note-dialog) {
    border-color: var(--rm-ui-line);
    border-radius: var(--rm-ui-radius);
    background: var(--rm-ui-panel);
    color: var(--rm-ui-ink);
    box-shadow: var(--rm-ui-menu-shadow);
}

html[data-remout-ui="soft"] .ui-select-trigger {
    border-color: var(--rm-ui-control-line);
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-ui-input);
    color: var(--rm-ui-ink);
}

html[data-remout-ui="soft"] .ui-select-option {
    border-radius: 7px;
    color: var(--rm-ui-ink);
    font-size: 12px;
}

html[data-remout-ui="soft"] .ui-select-option:hover { background: var(--rm-ui-soft); }
html[data-remout-ui="soft"] .ui-select-option:is(.is-selected, [aria-selected="true"], [aria-pressed="true"]),
html[data-remout-ui="soft"] .ui-select-option:is(.is-selected, [aria-selected="true"], [aria-pressed="true"]):hover {
    background: var(--rm-ui-selected);
}

/* Notices retain Soft semantic surfaces; only .ui-status is flat. */
html[data-remout-ui="soft"] .ui-notice {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-ui-soft);
    color: var(--rm-ui-muted);
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

html[data-remout-ui="soft"] .ui-notice > :is(svg, .ui-icon) { margin-top: 1px; flex: 0 0 14px; width: 14px; height: 14px; }
html[data-remout-ui="soft"] .ui-notice__content { min-width: 0; flex: 1; }
html[data-remout-ui="soft"] :is(.ui-notice[data-tone="success"], .dashboard-notice.is-success) {
    border-color: transparent;
    background: var(--rm-ui-success-bg);
    color: var(--rm-ui-success);
}

html[data-remout-ui="soft"] .ui-notice[data-tone="warning"] {
    border-color: transparent;
    background: var(--rm-ui-warning-bg);
    color: var(--rm-ui-warning);
}

html[data-remout-ui="soft"] :is(.ui-notice:is([data-tone="danger"], [data-tone="error"]), .notice.danger, .dashboard-notice.is-error) {
    border-color: transparent;
    background: var(--rm-ui-danger-bg);
    color: var(--rm-ui-danger);
}

html[data-remout-ui="soft"] :is(.notice, .dashboard-notice) { border-radius: var(--rm-ui-control-radius); }
html[data-remout-ui="soft"] :is(.ui-toast, .kanban-note-toast, .kanban-urgency-toast) {
    border-color: var(--rm-ui-control-line);
    border-radius: var(--rm-ui-radius);
    background: var(--rm-ui-panel);
    color: var(--rm-ui-ink);
    box-shadow: var(--rm-ui-dialog-shadow);
}

html[data-remout-ui="soft"] .ui-toast {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: calc(100vw - 28px);
    padding: 12px 16px;
    border: 1px solid var(--rm-ui-control-line);
    font-size: 12px;
    line-height: 1.4;
}

html[data-remout-ui="soft"] .ui-metric {
    display: grid;
    align-content: start;
    gap: 7px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--rm-ui-line);
    border-radius: var(--rm-ui-radius);
    background: var(--rm-ui-card);
    color: var(--rm-ui-muted);
    font-size: 11px;
}

html[data-remout-ui="soft"] .ui-metric__value { color: var(--rm-ui-ink); font-size: 24px; font-weight: 600; line-height: 1.1; }
html[data-remout-ui="soft"] .ui-metric__unit { color: var(--rm-ui-muted); font-size: 11px; font-weight: 400; }
html[data-remout-ui="soft"] .ui-metric__delta[data-tone="success"] { color: var(--rm-ui-success); }
html[data-remout-ui="soft"] .ui-metric__delta[data-tone="danger"] { color: var(--rm-ui-danger); }

html[data-remout-ui="soft"] .ui-table { width: 100%; border-collapse: collapse; color: var(--rm-ui-ink); font-size: 12px; }
html[data-remout-ui="soft"] .ui-table :is(th, td) { padding: 8px; border-bottom: 1px solid var(--rm-ui-line); text-align: start; }
html[data-remout-ui="soft"] .ui-table th { background: var(--rm-ui-soft); color: var(--rm-ui-muted); font-size: 11px; font-weight: 500; }

@media (max-width: 650px) {
    html[data-remout-ui="soft"] :is(button.ui-button, a.ui-button):not(.ui-button--small):not(.ui-button--compact),
    html[data-remout-ui="soft"] .ui-menu > summary,
    html[data-remout-ui="soft"] .ui-menu .ui-choice,
    html[data-remout-ui="soft"] .ui-switch { min-height: 44px; }

    html[data-remout-ui="soft"] :is(button.ui-icon-button, a.ui-icon-button):not(.ui-icon-button--small) {
        flex-basis: 44px;
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
    }

    html[data-remout-ui="soft"] .ui-input { min-height: 44px; font-size: 16px; }
    html[data-remout-ui="soft"] textarea.ui-input { min-height: 76px; }
    html[data-remout-ui="soft"] select.ui-select:not(.ui-select--micro):not(.ui-select--compact) { min-height: 44px; font-size: 16px; }
    html[data-remout-ui="soft"] .ui-menu .ui-select-option { min-height: 44px; }

    /* Existing compact kanban action geometry is intentionally independent. */
    html[data-remout-ui="soft"] .deal-card--dense :is(button.ui-button, a.ui-button) { min-height: 32px; }
    html[data-remout-ui="soft"] .deal-card--dense :is(button.ui-icon-button, a.ui-icon-button) {
        flex-basis: 32px;
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button, .ui-choice,
        .ui-select-trigger, .ui-select-option, .ui-switch__track, .ui-switch__thumb) { transition: none; }
    html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button)[aria-busy="true"]::after { animation: none; }
}

@media (forced-colors: active) {
    html[data-remout-ui="soft"] {
        --rm-ui-bg: Canvas;
        --rm-ui-panel: Canvas;
        --rm-ui-soft: Canvas;
        --rm-ui-input: Canvas;
        --rm-ui-card: Canvas;
        --rm-ui-ink: CanvasText;
        --rm-ui-muted: CanvasText;
        --rm-ui-line: ButtonText;
        --rm-ui-control-line: ButtonText;
        --rm-ui-accent: Highlight;
        --rm-ui-hover: Highlight;
        --rm-ui-on-accent: HighlightText;
        --rm-ui-selected: Canvas;
        --rm-ui-success: CanvasText;
        --rm-ui-warning: CanvasText;
        --rm-ui-danger: CanvasText;
    }

    html[data-remout-ui="soft"] :is(.ui-button, .ui-icon-button, .ui-input, .ui-menu) { border-color: ButtonText; }
    html[data-remout-ui="soft"] :is(input.ui-check, input.ui-radio),
    html[data-remout-ui="soft"] .ui-choice :is(input[type="checkbox"], input[type="radio"]) { appearance: auto; }
    html[data-remout-ui="soft"] :is(input.ui-check, input.ui-radio)::after,
    html[data-remout-ui="soft"] .ui-choice :is(input[type="checkbox"], input[type="radio"])::after { display: none; }
    html[data-remout-ui="soft"] .ui-switch__track { border: 1px solid ButtonText; }
}

/* Native PHP component contract. */
html[data-remout-ui="soft"] .ui-menu--list { background:var(--rm-ui-panel); border-color:var(--rm-ui-line); border-radius:var(--rm-ui-radius); box-shadow:var(--rm-ui-menu-shadow); }
html[data-remout-ui="soft"] .ui-menu__search { display:flex; align-items:center; gap:8px; min-height:30px; padding-inline:8px; }
html[data-remout-ui="soft"] .ui-menu__search > input.ui-input { min-height:28px; }
html[data-remout-ui="soft"] .ui-menu__label { padding:3px 8px; color:var(--rm-ui-muted); font-size:10px; }
html[data-remout-ui="soft"] .ui-menu > summary > .ui-icon { rotate:90deg; margin-inline-start:auto; }
html[data-remout-ui="soft"] .ui-select-option:is(.is-selected, [aria-pressed="true"]) { background:var(--rm-ui-selected); }
html[data-remout-ui="soft"] .ui-metric__delta[data-tone="warning"] { color:var(--rm-ui-warning); }
html[data-remout-ui="soft"] .ui-metric__delta[data-tone="accent"] { color:var(--rm-ui-accent); }

/* Existing login keeps its submit/eye/spinner handlers and 44px geometry. */
html[data-remout-ui="soft"] .login-page .remout-login__submit {
    border-color: transparent;
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-ui-accent);
    color: var(--rm-ui-on-accent);
    box-shadow: 0 2px 5px rgb(0 0 0 / 13%);
}
html[data-remout-ui="soft"] .login-page .remout-login__submit:hover:not(:disabled):not([aria-busy="true"]) {
    border-color: var(--rm-ui-hover);
    background: var(--rm-ui-hover);
}
html[data-remout-ui="soft"] .login-page .remout-login__submit:focus-visible {
    outline: 2px solid var(--rm-ui-accent);
    outline-offset: 2px;
}
html[data-remout-ui="soft"] .login-page .remout-login__eye {
    border-radius: var(--rm-ui-control-radius);
    color: var(--rm-ui-muted);
}
html[data-remout-ui="soft"] .login-page .remout-login__eye:hover:not(:disabled) {
    background: var(--rm-ui-soft);
    color: var(--rm-ui-ink);
    box-shadow: inset 0 0 0 1px var(--rm-ui-hover);
}
html[data-remout-ui="soft"] .login-page .remout-login__field > input,
html[data-remout-ui="soft"] .login-page .remout-login__password {
    border-color: var(--rm-ui-control-line);
    border-radius: var(--rm-ui-control-radius);
    background: var(--rm-ui-input);
    color: var(--rm-ui-ink);
}
html[data-remout-ui="soft"] .login-page .remout-login__remember.ui-choice {
    border-color: transparent;
    background: transparent;
}

/* Plain choices are the approved default; framed rows remain an explicit option. */
html[data-remout-ui="soft"] .ui-choice--inline { min-height:22px; padding:0; font-size:11px; }
html[data-remout-ui="soft"] select.ui-select[multiple] { appearance:auto; background-image:none; min-height:70px; padding:6px 9px; }
@media (max-width:650px) { html[data-remout-ui="soft"] .ui-choice--inline { min-height:44px; } }

/* KPI values use the full row; financial sparklines stay in the caption row. */
html[data-remout-ui="soft"] .production-workspace .sticky-workbar
.metric.workspace-metric-has-spark > strong {
    padding-inline-end: 0;
}
html[data-remout-ui="soft"] .production-workspace .sticky-workbar
.metric.workspace-metric-has-spark > .metric-spark[data-workspace-metric-spark],
html[data-remout-ui="soft"] .production-workspace .sticky-workbar
.metric.workspace-metric-has-spark > .metric-spark[data-workspace-metric-spark] svg {
    height: 12px;
}

/* Quiet inline master/service filters; preserve active fill, text and blue keyboard focus. */
html[data-remout-ui="soft"] .production-workspace
.workspace-board-filters .kanban-filter-group
> .master-filter > a.master-chip:is(.active, :hover) {
    border-color: var(--rm-ui-control-line);
}