.listing-category-platform-note {
  margin: -4px 0 2px;
  color: #6d737c;
  font-size: 10px;
  line-height: 1.5;
}

.listing-category-dialog {
  width: min(760px, calc(100vw - 40px));
  max-height: calc(100vh - 54px);
  padding: 0;
  overflow: hidden;
  border: 1px solid #dfe2e6;
  border-radius: 7px;
  color: #25272b;
  background: #fff;
  box-shadow: 0 20px 64px rgba(20, 23, 28, .24);
}

.listing-category-dialog::backdrop { background: rgba(20, 22, 26, .36); }
.listing-category-dialog-shell { max-height: calc(100vh - 54px); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.listing-category-dialog header,
.listing-category-dialog footer { display: flex; align-items: center; gap: 10px; padding: 16px 18px; }
.listing-category-dialog header { justify-content: space-between; border-bottom: 1px solid #eaebed; }
.listing-category-dialog h2 { margin: 0; font-size: 15px; }
.listing-category-dialog header p { margin: 4px 0 0; color: #858990; font-size: 10px; line-height: 1.5; }
.listing-category-dialog footer { border-top: 1px solid #eaebed; }
.listing-category-dialog footer > span { flex: 1 1 auto; }
.listing-category-manager-list { min-height: 280px; overflow-y: auto; padding: 14px 18px 18px; }
.listing-category-manager-group { padding: 12px 0; border-bottom: 1px solid #edf0f2; }
.listing-category-manager-group:first-child { padding-top: 0; }
.listing-category-manager-group:last-child { border-bottom: 0; }
.listing-category-manager-category { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 8px; align-items: center; color: #30343a; cursor: pointer; }
.listing-category-manager-category input { width: 14px; height: 14px; margin: 0; accent-color: #202124; }
.listing-category-manager-category strong { font-size: 12px; }
.listing-category-manager-category small { color: #8a8f97; font-size: 9px; white-space: nowrap; }
.listing-category-manager-items { display: flex; flex-wrap: wrap; gap: 7px 14px; margin: 10px 0 0 24px; }
.listing-category-manager-items label { display: inline-flex; align-items: center; gap: 5px; color: #656a72; font-size: 10px; cursor: pointer; }
.listing-category-manager-items input { width: 13px; height: 13px; margin: 0; accent-color: #202124; }
.listing-category-manager-items input:disabled,
.listing-category-manager-category input:disabled { cursor: not-allowed; }

@media (max-width: 620px) {
  .listing-category-dialog { width: calc(100vw - 24px); }
  .listing-category-dialog header,
  .listing-category-dialog footer { padding: 13px 14px; }
  .listing-category-manager-list { padding: 12px 14px 16px; }
  .listing-category-manager-items { margin-left: 0; }
}