/* HousekeepingConfiguration.css - Housekeeping settings module styles */
/* Layout: VerticalStackTemplate for page, expandable-panel-list for panel groups */
/* Components: Panel, ExpandablePanel, DataTable, RadioGroup, FormField, Modal */
/* All values from design-tokens.css -- no custom spacing or color tokens */

/* The clean type's own colour, shown beside its name so the catalogue reads the way
   the room-turn board will. The colour is operator-chosen, so it arrives as the
   sanctioned --custom-prop inline value rather than as a class. */
.hk-clean-swatch {
    display: inline-block;
    width: var(--space-3);
    height: var(--space-3);
    margin-right: var(--space-2);
    border-radius: var(--border-radius-sm);
    border: var(--border-width-1) solid var(--border-subtle);
    background: var(--custom-prop, var(--border-default));
    vertical-align: middle;
    flex-shrink: 0;
}

/* The situation table holds a select per row. Its FormField carries no label (the row
   IS the label), so drop the empty label box that would otherwise pad every row.
   SCOPED to this one table: `.data-table .form-field` bare would reach every DataTable
   on the platform that happens to contain a field, which is the documented way an atom
   gets silently clobbered platform-wide. */
.hk-situations-table .form-field {
    margin: 0;
}

.hk-situations-table .form-field .form-label:empty {
    display: none;
}

/* Team assignment: the inline picker on a group or section row, plus the bar that
   collects the picks. Same shape as the Templates tab's team column, because it is the
   same question -- which team does this route to. */
.hk-team-cell {
    margin: 0;
}

.hk-team-cell .form-label:empty {
    display: none;
}

/* One Save for a screenful of picks, rather than a write per dropdown. */
.hk-team-bar {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    margin-bottom: var(--space-3);
    border-radius: var(--border-radius-md);
    border: var(--border-width-1) solid var(--color-warning);
    background: var(--color-warning-light);
}

.hk-team-bar-label {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

.hk-team-bar-bulk {
    margin-left: auto;
    min-width: 260px;
}

.hk-team-bar-bulk .form-field {
    margin: 0;
}

.hk-team-bar-bulk .form-field .form-label:empty {
    display: none;
}