.company-account-filter-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
}
.company-account-filter-controls label {
  display: grid;
  gap: 6px;
  min-width: 170px;
  flex: 1 1 190px;
  font-size: 14px;
  font-weight: 650;
}
.company-account-filter-controls select { width: 100%; min-width: 0; min-height: 42px; font-size: 15px; }
.company-account-filter-controls button { min-height: 42px; white-space: normal; }
.company-account-filter-hint { margin: 10px 0; font-size: 13px; line-height: 1.5; color: #5c6e86; }
.company-account-status-notice { padding: 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; background: #f1f6fc; border-radius: 8px; color: #24476d; }
.company-account-status-notice.is-error { background: #fff3f2; color: #9d2424; }
.company-account-status-notice button { margin-left: auto; }
.company-account-status-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; }
.company-account-badge { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 999px; font-size: 12px; font-weight: 650; line-height: 1.4; border: 1px solid transparent; }
.company-account-badge.is-important { background: #fff7df; border-color: #ecd394; color: #775307; }
.company-account-badge.is-less_important { background: #f3f5f8; border-color: #dce2ea; color: #53617a; }
.company-account-badge.is-unimportant { background: #f5f5f6; border-color: #dddfe4; color: #677083; }
.company-account-badge.is-internal { background: #edf1ff; border-color: #d5dcfa; color: #4e5493; }
.company-account-badge.is-active, .company-account-badge.is-login-active { background: #eaf6ee; color: #20643d; }
.company-account-badge.is-inactive, .company-account-badge.is-login-inactive { background: #fdeeee; color: #9b3434; }
.company-account-badge.is-source { background: #eef5fb; color: #426386; }
.company-account-status-dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #d3ddeb; border-radius: 16px; box-shadow: 0 20px 60px #14294140; overflow: auto; color: #182d45; }
.company-account-status-dialog::backdrop { background: #12294380; }
.company-account-status-dialog form { padding: 0; margin: 0; }
.company-account-status-dialog header { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding: 22px 24px 16px; border-bottom: 1px solid #dce4ef; }
.company-account-status-dialog h2 { margin: 0; font-size: 22px; }
.company-account-status-identity { margin: 7px 0 0; font-size: 14px; color: #5c6e86; overflow-wrap: anywhere; }
.company-account-status-dialog header button { flex: 0 0 auto; min-width: 42px; min-height: 42px; }
.company-account-status-body { display: grid; gap: 20px; padding: 22px 24px; }
.company-account-status-body > label { display: grid; gap: 8px; font-weight: 650; }
.company-account-status-body select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; }
.company-account-status-explanation { margin: 0; color: #5c6e86; font-size: 14px; line-height: 1.5; }
.company-account-status-save-error { margin: 0; color: #b02727; font-size: 14px; }
.company-account-status-save-error:empty { display: none; }
.company-account-status-dialog footer { position: sticky; bottom: 0; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; padding: 16px 24px; background: #fff; border-top: 1px solid #dce4ef; }
.company-account-status-dialog footer button { min-height: 44px; }
@media (max-width: 480px) {
  .company-account-filter-controls label { min-width: 0; flex-basis: 100%; }
  .company-account-filter-controls > button { width: 100%; }
  .company-account-status-dialog header { padding: 18px 16px; }
  .company-account-status-body { padding: 20px 16px; }
  .company-account-status-dialog footer { padding: 14px 16px; }
  .company-account-status-dialog footer button { flex: 1 1 100px; }
}