.bossman-quota {
  display: block;
  box-sizing: border-box;
  margin: 6px 0 8px;
  padding: 12px;
  border: 1px solid var(--border, #e8e4dc);
  border-radius: 12px;
  background: var(--card, var(--bg, #fff));
  color: var(--text, #403c35);
  font: inherit;
  font-size: 11px;
  line-height: 1.45;
  text-decoration: none;
  cursor: pointer;
  min-width: 0;
}
.bossman-quota:hover { border-color: var(--muted, #6e6960); text-decoration: none; }
.bossman-quota:focus-visible { outline: 2px solid var(--accent, #bd4531); outline-offset: 2px; }
.bossman-quota__header, .bossman-quota__row, .bossman-quota__balance {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.bossman-quota__header { margin-bottom: 12px; }
.bossman-quota__name { font-size: 13px; font-weight: 650; }
.bossman-quota__plan {
  padding: 2px 8px; border-radius: 999px; font-size: 10px;
  color: var(--accent, #bd4531);
  background: color-mix(in srgb, var(--accent, #bd4531) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #bd4531) 23%, transparent);
  max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bossman-quota__row > span, .bossman-quota__balance > span { color: var(--muted, #6e6960); }
.bossman-quota__row > strong { color: var(--text, #403c35); font-weight: 650; }
.bossman-quota__meter { height: 5px; margin-top: 7px; border-radius: 99px; background: var(--border, #e8e4dc); overflow: hidden; }
.bossman-quota__meter > span { display: block; height: 100%; border-radius: inherit; background: var(--accent, #bd4531); }
.bossman-quota__meter[data-level=warn] > span { background: var(--warn, #92400e); }
.bossman-quota__meter[data-level=danger] > span { background: var(--danger, #dc2626); }
.bossman-quota__reset { margin-top: 7px; font-size: 10px; color: var(--muted, #6e6960); }
.bossman-quota__balance { border-top: 1px solid var(--border, #e8e4dc); margin-top: 10px; padding-top: 8px; }
.bossman-quota__balance > strong { font-weight: 600; }
.bossman-quota__notice { margin-top: 7px; color: var(--muted, #6e6960); font-size: 10px; }
@media (max-height: 550px) {
  .bossman-quota { padding: 8px 10px; margin: 3px 0 4px; }
  .bossman-quota__header { margin-bottom: 5px; }
  .bossman-quota__balance { display: none; }
}