/* V1416 — Roster colour COLLAPSED ROW ONLY.
   Preserve the existing Add Shift form, picker choices, visibility, drafts, and all other UI. */
html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings .er1370-colour .er932-colour-row.is-collapsed {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  flex-wrap:nowrap!important;
  min-height:38px!important;
  height:38px!important;
  padding:3px 6px!important;
  gap:4px!important;
  align-items:center!important;
  overflow:hidden!important;
}
html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings .er1370-colour .er932-colour-row>.left {
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  width:100%!important;
  gap:6px!important;
}
html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings .er1370-colour .er932-colour-row>.left .dot {
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  border-radius:5px!important;
}
html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings .er1370-colour .er932-colour-row>.left #m_color_label {
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings .er1370-colour .er932-colour-row>button[data-action="toggle-shift-colour"] {
  display:inline-flex!important;
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  min-height:28px!important;
  height:28px!important;
  padding:0 4px!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
/* Expanded colour choices keep their existing presentation, but stay below the compact trigger. */
html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings .er1370-colour .er932-colour-row.is-open {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  height:auto!important;
}
html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings .er1370-colour .er932-colour-row.is-open .colour-picker {
  grid-column:1/-1!important;
}