.shop-category-dialog {
  width: min(520px, calc(100% - 32px)); max-height: calc(100dvh - 32px);
  margin: auto; padding: 0; border: 0; border-radius: 14px;
  background: var(--bg-card, #fff); color: var(--text-primary, #202434);
  box-shadow: 0 18px 56px #20243438; font-family: inherit;
}
.shop-category-dialog::backdrop { background: #18203080; }
.shop-category-body { padding: 28px; }
.shop-category-dialog h2 { margin: 0 0 12px; font-size: 22px; line-height: 1.3; }
.shop-category-dialog p { margin: 0 0 20px; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.shop-category-dialog #shopCategoryContext { color: #505665; }
.shop-category-dialog #shopCategoryStatus { min-height: 44px; }
.shop-category-dialog label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.shop-category-dialog select {
  width: 100%; min-height: 44px; padding: 10px; border: 1px solid #9197a3;
  border-radius: 8px; color: inherit; background: inherit; font: inherit;
}
.shop-category-dialog .shop-category-note { margin: 12px 0 24px; font-size: 12px; color: #505665; }
.shop-category-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.shop-category-actions button {
  min-height: 44px; padding: 10px 16px; border: 1px solid #d5d8df; border-radius: 8px;
  background: #fff; color: #303646; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.shop-category-actions button[data-action="save"], .shop-category-actions button[data-action="next"] {
  color: #fff; background: #c92248; border-color: #c92248;
}
.shop-category-actions button:disabled { opacity: .5; cursor: default; }
.shop-category-actions button:hover:not(:disabled) { filter: brightness(.94); }
.shop-category-dialog :focus-visible { outline: 3px solid #ba2042; outline-offset: 3px; }
.shop-category-dialog [hidden] { display: none; }
@media (max-width: 480px) {
  .shop-category-body { padding: 22px; }
  .shop-category-actions button { flex: 1 1 auto; }
}