/* NOTE: MwRuleRow (mw-rr-*) and MwRuleGroup (mw-rg-*) styles.
   These are the composable building blocks for rule configuration UIs.
   Used by form field behavior, shift eligibility, and incentive rule editors. */

/* === MwRuleRow === */

.mw-rr-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    margin-bottom: 6px;
    transition: border-color 0.15s;
}

.mw-rr-row:hover {
    border-color: var(--mud-palette-text-secondary);
}

.mw-rr-effect {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-right: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background);
    min-width: 180px;
    flex-wrap: wrap;
}

.mw-rr-condition {
    padding: 10px 14px;
    min-width: 0;
}

.mw-rr-actions {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 6px;
    border-left: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background);
}

.mw-rr-always {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mw-rr-always-label {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

/* === MwRuleGroup === */

.mw-rg-group {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    margin-bottom: 8px;
}

.mw-rg-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: var(--mud-palette-background);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.mw-rg-name {
    font-size: 0.8125rem;
    font-weight: 600;
}

.mw-rg-name-input {
    max-width: 200px;
}

.mw-rg-name-input .mud-input-text {
    font-size: 0.8125rem;
    font-weight: 600;
}

.mw-rg-hint {
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    white-space: nowrap;
}

.mw-rg-body {
    padding: 8px;
}