/* Additive under-board hint; do not restyle the original tool or its dialog. */
.disabled-colors-hint {
  min-width:0;
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px 12px;
  padding:12px 16px;
  border:1px solid #bd1058;
  border-radius:12px;
  background:#df0962;
  color:#c594a9;
  font-family:inherit;
}
.disabled-colors-hint-heading {min-width:0;display:flex;align-items:center;gap:9px;}
.disabled-colors-hint-heading > svg {width:25px;height:25px;flex:none;}
.disabled-colors-hint-heading > strong {font-size:16px;line-height:1.5;white-space:nowrap;}
.disabled-colors-hint-actions {display:flex;align-items:center;gap:5px;}
.disabled-colors-hint button {font:inherit;color:#c594a9;cursor:pointer;}
.disabled-colors-hint-open {
  min-height:44px;
  padding:8px 14px;
  border:1px solid #b11556;
  border-radius:9px;
  background:#fff;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.4;
  white-space:nowrap;
}
.disabled-colors-hint-close {
  width:44px;
  height:44px;
  min-width:44px;
  padding:0;
  border:0;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:transparent;
}
.disabled-colors-hint-close > svg {width:18px;height:18px;}
.disabled-colors-hint button:hover {background:#d2095d;}
.disabled-colors-hint button:focus-visible {outline:2px solid #c594a9;outline-offset:2px;}
.disabled-colors-hint-note {
  grid-column:1/-1;
  min-width:0;
  margin:0;
  color:#3f1b2a;
  font-size:14px;
  line-height:1.75;
  overflow-wrap:anywhere;
}
@media(max-width:600px) {
  .disabled-colors-hint {padding:10px 12px;gap:6px 5px;}
  .disabled-colors-hint-heading {gap:7px;}
  .disabled-colors-hint-heading > svg {width:23px;height:23px;}
  .disabled-colors-hint-open {padding-inline:10px;}
  .disabled-colors-hint-actions {gap:2px;}
}