:root{font-family:'SUIT',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:#f8fafc}body{margin:0;font-family:inherit}.shell{display:flex;min-height:100vh}.side{width:240px;background:#111827;color:#fff;padding:24px 16px}.side a{display:block;color:#d1d5db;padding:8px 10px;text-decoration:none;border-radius:6px}.side a:hover,.side a.active{background:#374151;color:#fff}.main{flex:1;padding:32px;min-width:0}.card{max-width:760px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 4px 18px #1118270d}.muted{color:#6b7280}.field{display:grid;gap:6px;margin:16px 0}.field input,.field select,.field textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.field textarea{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#111827;color:#fff;border:0;border-radius:6px;padding:10px 14px;text-decoration:none;cursor:pointer}.button.secondary{background:#fff;color:#111827;border:1px solid #d1d5db}.button.danger{background:#b91c1c}.button:disabled{cursor:default;opacity:.55}.skin-preview{border:1px solid #e5e7eb;border-radius:10px;padding:20px;background:#fff}.skin-preview article{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.skin-preview h3{margin:8px 0}.skin-preview p{margin:6px 0}.feedback-modal{border:0;border-radius:12px;padding:0;max-width:420px;width:calc(100% - 32px);box-shadow:0 20px 60px #11182733}.feedback-modal::backdrop{background:#11182766}.feedback-modal>div{padding:24px}.feedback-modal h2{margin:0 0 8px}.feedback-modal p{white-space:pre-wrap}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.notice{border:1px solid #bfdbfe;background:#eff6ff;border-radius:8px;padding:12px;color:#1e3a8a;font-size:13px;line-height:1.55}.settings-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.setting-toggle{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.setting-toggle span{display:grid;gap:3px}.setting-toggle small{color:#6b7280;font-size:12px}.setting-toggle input{width:18px;height:18px;flex:none}.page-setting-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.page-setting-row .field{min-width:0}.menu-items{display:grid;gap:8px;padding:0;margin:16px 0;list-style:none}.menu-item{display:grid;grid-template-columns:24px minmax(140px,1fr) minmax(180px,2fr) auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fff}.menu-item[data-depth=1]{margin-left:28px}.menu-item.dragging{opacity:.45}.menu-item input{min-width:0;padding:8px;border:1px solid #d1d5db;border-radius:6px}.drag-handle{cursor:grab;color:#6b7280;text-align:center;user-select:none}.sub-items{display:contents;list-style:none;padding:0;margin:0}.screen-header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.screen-header h1{margin:0}.screen-header p{margin:4px 0 0}.status-pill{display:inline-flex;padding:3px 8px;border-radius:999px;background:#f3f4f6;font-size:12px}.status-pill.published,.status-pill.active{background:#dcfce7;color:#166534}.status-pill.private,.status-pill.deleted{background:#fee2e2;color:#991b1b}@media(max-width:700px){.shell{display:block}.side{width:auto}.main{padding:16px}.table{min-width:680px}.menu-item{grid-template-columns:24px 1fr auto}.menu-item input[name=url]{grid-column:2 / -1}.menu-item button{grid-column:3}.menu-item[data-depth=1]{margin-left:12px}.page-setting-row{grid-template-columns:1fr}.page-setting-row .button{width:100%;justify-content:center}}

:root {
  font-family: SUIT, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
  --admin-control-height: 40px;
  --admin-form-action-gap: 20px;
  --admin-list-gutter: 20px;
  --admin-page-gutter: 24px;
  --admin-content-max-width: 1600px;
}

body {
  margin: 0;
  background: #f9fafb;
  font-size: 14px;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* Native color inputs use a browser-specific compact height unless they opt in
   to the same control primitive as the other admin fields. The explicit
   exclusions are the invisible picker overlays used by ResponsiveField; their
   visible swatch/button owns the control height instead. */
.main :where(input[type="color"]:not(.admin-color-swatch), .admin-color-input):not(.absolute):not(.opacity-0) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--admin-control-height);
  min-height: var(--admin-control-height);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 4px 6px;
  color: #111827;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main :where(input[type="color"]:not(.admin-color-swatch), .admin-color-input):not(.absolute):not(.opacity-0):focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main :where(input.admin-color-swatch, .admin-color-swatch):not(.absolute):not(.opacity-0) {
  box-sizing: border-box;
  width: 40px;
  min-width: 40px;
  height: var(--admin-control-height);
  min-height: var(--admin-control-height);
  flex: 0 0 40px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
  outline: none;
}

.main :where(input.admin-color-swatch, .admin-color-swatch):not(.absolute):not(.opacity-0):focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

/* Keep every transient feedback/confirmation dialog centered in the viewport.
   Native dialog defaults can be affected by the scrolling admin frame, so the
   placement is explicit instead of relying on the browser's auto inset. */
.feedback-modal {
  position: fixed;
  inset: auto;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  z-index: 200;
  box-sizing: border-box;
  width: min(460px, calc(100vw - 32px));
  max-width: none;
  max-height: min(640px, calc(100dvh - 32px));
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  color: #111827;
  overflow: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 30px 90px rgb(15 23 42 / 26%);
}

.feedback-modal::backdrop {
  background: rgb(15 23 42 / 58%);
}

.feedback-modal > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px;
  text-align: center;
}

/* Result dialogs share the same information hierarchy: a small semantic icon,
   readable copy, and an action row separated from the message. */
.feedback-modal > div:has(> h2 + p + button:last-child) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 28px;
  text-align: center;
}

.feedback-modal > div:has(> h2 + p + button:last-child) > p {
  max-width: 34ch;
}

.feedback-modal > div:has(> h2 + p + button:last-child)::before {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 14px;
  background: #eff6ff;
  color: #2563eb;
  content: "i";
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.feedback-modal > div:has(> h2 + p + button:last-child) > button:last-child {
  margin-top: 24px;
  width: 100%;
}

.feedback-modal > div:has(> h2 + p + div:last-child) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 28px;
  text-align: center;
}

.feedback-modal > div:has(> h2 + p + div:last-child)::before {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 14px;
  background: #fff7ed;
  color: #c2410c;
  content: "!";
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.feedback-modal > div:has(> h2 + p + div:last-child) > div:last-child {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 10px;
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid #f1f5f9;
}

.feedback-modal h2 {
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 18px;
  font-weight: 800;
  line-height: 27px;
}

.feedback-modal p {
  margin: 0;
  color: #64748b;
  font-size: 14px;
  line-height: 23px;
  white-space: pre-wrap;
}

.feedback-modal .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  min-height: 44px;
  border-radius: 10px;
  font-weight: 700;
  text-align: center;
}

.feedback-modal .button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 4px rgb(37 99 235 / 18%);
}

.feedback-modal .feedback-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 28px;
  text-align: center;
}

.feedback-modal .feedback-modal-icon {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.feedback-modal[data-modal-kind="feedback"] .feedback-modal-icon {
  background: #eff6ff;
  color: #2563eb;
}

.feedback-modal[data-modal-tone="success"] .feedback-modal-icon {
  background: #ecfdf5;
  color: #047857;
}

.feedback-modal[data-modal-tone="danger"] .feedback-modal-icon {
  background: #fef2f2;
  color: #dc2626;
}

.feedback-modal[data-modal-tone="warning"] .feedback-modal-icon,
.feedback-modal[data-modal-kind="confirm"] .feedback-modal-icon {
  background: #fff7ed;
  color: #c2410c;
}

.feedback-modal .feedback-modal-copy {
  width: 100%;
  min-width: 0;
}

.feedback-modal .feedback-modal-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 10px;
  padding-top: 18px;
  border-top: 1px solid #f1f5f9;
}

.feedback-modal .feedback-modal-actions .button {
  width: 100%;
}

.feedback-modal[data-modal-kind="confirm"] .feedback-modal-actions {
  flex-direction: row;
  gap: 12px;
}

.feedback-modal[data-modal-kind="confirm"] .feedback-modal-actions .button {
  flex: 1 1 0;
  width: auto;
}

.feedback-modal .feedback-modal-close {
  width: 100%;
}

.feedback-modal > div:has(> h2 + form) {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.feedback-modal > div:has(> h2 + form) > form {
  display: grid;
  width: 100%;
  gap: 12px;
  margin-top: 16px;
  text-align: left;
}

.feedback-modal > div:has(> h2 + form) > form > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.feedback-modal > div:has(> h2 + form) > form .button {
  width: 100%;
}

.feedback-modal[data-modal-kind="confirm"] .feedback-modal-confirm-button {
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
}

.feedback-modal[data-modal-kind="confirm"] .feedback-modal-confirm-button:hover {
  background: #b91c1c;
}

@media (max-width: 560px) {
  .feedback-modal {
    width: min(460px, calc(100vw - 24px));
    border-radius: 16px;
  }

  .feedback-modal > div,
  .feedback-modal .feedback-modal-content {
    padding: 22px;
  }

  .feedback-modal .feedback-modal-actions,
  .feedback-modal[data-modal-kind="confirm"] .feedback-modal-actions,
  .feedback-modal > div:has(> h2 + p + div:last-child) > div:last-child {
    flex-direction: column;
  }

  .feedback-modal[data-modal-kind="confirm"] .feedback-modal-actions .button {
    flex: 0 0 auto;
    width: 100%;
  }

  .feedback-modal .feedback-modal-actions .button,
  .feedback-modal .feedback-modal-close,
  .feedback-modal > div:has(> h2 + p + button:last-child) > button:last-child {
    width: 100%;
  }
}

.settings-page .settings-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* A helper line makes a grid row taller. Keep neighboring fields anchored to
   their own content so every control keeps the same visual height. */
.main :is(.settings-grid, .board-settings-grid, .board-skin-option-grid, .page-quick-edit-grid, .production-form-grid, .notification-template-fields, .shop-operational-provider-grid, .marketing-screen .settings-grid) {
  align-items: start;
}

.main .card:not(.auth-card) :where(.field) {
  align-self: start;
  align-content: start;
}

.settings-page .setting-toggle {
  box-sizing: border-box;
  min-height: 40px;
  border-color: #f3f4f6;
  border-radius: 8px;
  padding: 8px 12px;
  background: #f5f5f7;
}

.settings-page .setting-toggle input {
  appearance: none;
  width: 36px;
  height: 20px;
  margin: 0;
  flex: none;
  border: 0;
  border-radius: 999px;
  background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db;
  cursor: pointer;
}

.settings-page .setting-toggle input:checked {
  background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8;
}

/* The multilingual settings are intentionally a single-column flow. Language
   choices stay readable as the list grows instead of switching to a dense
   desktop grid, while the surrounding groups retain a clear vertical rhythm. */
.settings-page .i18n-settings-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.settings-page .i18n-settings-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.settings-page .i18n-settings-section > h2 {
  margin: 0;
}

.settings-page .i18n-settings-section > fieldset {
  min-width: 0;
  margin: 0;
  border: 0;
  padding: 0;
}

.settings-page .i18n-settings-section > fieldset > legend {
  margin: 0 0 10px;
  padding: 0;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.settings-page .i18n-settings-section .settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.settings-page .i18n-settings-section .setting-toggle {
  width: 100%;
}

.settings-page .i18n-settings-section fieldset > .muted {
  margin: 12px 0 0;
}

.settings-page .i18n-settings-actions {
  margin-top: 0 !important;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

.feedback-modal .button:focus-visible,
.page-quick-edit-dialog :where(button, input, select):focus-visible,
.sidebar-order-dialog :where(button, input, select):focus-visible {
  outline: 3px solid rgb(37 99 235 / 22%);
  outline-offset: 2px;
}

.shell {
  display: flex;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: #f9fafb;
}

.side {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  display: flex;
  flex: 0 0 224px;
  flex-direction: column;
  width: 224px;
  height: 100vh;
  overflow: hidden;
  padding: 16px 12px 12px;
  background: #0f172a;
  color: #fff;
}

.side-header {
  display: flex;
  align-items: center;
  min-height: 32px;
  gap: 8px;
  justify-content: space-between;
  padding: 0 0 12px;
  border-bottom: 1px solid #1e293b;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.side a.side-brand {
  box-sizing: border-box;
  display: inline-flex;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  min-height: 36px;
  min-width: 36px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
}

.side a.side-brand:focus-visible {
  color: #fff;
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.side a.side-brand:hover {
  background: transparent;
  color: #fff;
}

.side-logo,
.side-logo-fallback {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
}

.side-logo-fallback {
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #2563eb;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

@media (prefers-color-scheme: dark) {
  [data-admin-default-logo="true"] {
    background: #1f2937;
    border-radius: 6px;
  }
}

.side-brand-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side a.side-home,
.side a.mobile-admin-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid #334155;
  border-radius: 6px;
  padding: 0;
  color: #cbd5e1;
  font-size: 19px;
  line-height: 1;
  text-decoration: none;
}

.side-home-icon,
.mobile-admin-home-icon {
  display: block;
  width: 16px;
  height: 16px;
}

.side-home:hover,
.side-home:focus-visible,
.mobile-admin-home:hover,
.mobile-admin-home:focus-visible {
  background: #1e293b;
  color: #fff;
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.side-locale {
  display: grid;
  gap: 5px;
  margin-top: 12px;
  padding: 0 0 12px;
  border-bottom: 1px solid #1e293b;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
}

.side-locale select {
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #334155;
  border-radius: 6px;
  background: #111827;
  color: #e2e8f0;
  font: inherit;
}

.mobile-admin-close {
  display: none;
}

.side-nav {
  display: grid;
  flex: 1 1 auto;
  gap: 18px;
  align-content: start;
  min-height: 0;
  margin-top: 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.cf-admin-scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.cf-admin-scrollbar-hidden::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* Keep the navigation scrollable without adding a second visual control beside
   the menu. The sidebar already communicates its scrollable region through the
   fixed shell and focus/keyboard navigation. */
.cf-admin-sidebar-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.cf-admin-sidebar-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.side-section {
  display: grid;
  gap: 5px;
}

.side-group-label {
  padding: 0 8px 4px;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.side-link,
.side-sub-link {
  display: flex;
  align-items: center;
  min-height: 38px;
  box-sizing: border-box;
  color: #cbd5e1;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
}

.side-link-row {
  display: flex;
  min-width: 0;
  align-items: center;
  border-radius: 6px;
  color: #cbd5e1;
}

.side-nav-details {
  min-width: 0;
}

.side-nav-details > summary {
  cursor: pointer;
  list-style: none;
}

.side-nav-details > summary::-webkit-details-marker {
  display: none;
}

.side-link {
  display: grid;
  flex: 1;
  grid-template-columns: 18px minmax(0, 1fr) 14px;
  gap: 9px;
  padding: 8px 12px;
  font-weight: 500;
}

.side-icon {
  width: 16px;
  height: 16px;
  color: #64748b;
}

.side-link-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-chevron {
  color: #64748b;
  font-size: 18px;
  line-height: 1;
}

.side-toggle-icon {
  display: block;
  justify-self: end;
  width: 14px;
  height: 14px;
  transition: transform 120ms ease, color 120ms ease;
  transform: rotate(90deg);
}

.side-nav-details[open] > summary .side-toggle-icon {
  color: #fff;
  transform: rotate(-90deg);
}

.side-link:hover .side-toggle-icon,
.side-link:focus-visible .side-toggle-icon {
  color: #fff;
}

.side-subnav {
  display: grid;
  gap: 2px;
  margin: 2px 0 0 8px;
  padding-left: 10px;
  border-left: 1px solid #1e293b;
}

.side-sub-link {
  min-height: 32px;
  padding: 6px 12px;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 500;
}

.side a.side-link,
.side a.side-sub-link {
  padding-top: 8px;
  padding-bottom: 8px;
}

.side a.side-link {
  display: grid;
  box-sizing: border-box;
  min-height: 38px;
  padding: 8px 12px;
}

.side a.side-sub-link {
  display: flex;
  box-sizing: border-box;
  min-height: 32px;
  padding: 6px 12px;
  justify-content: space-between;
  gap: 8px;
}

.side-sub-count {
  flex: 0 0 auto;
  min-width: 16px;
  padding: 0 4px;
  border-radius: 999px;
  color: #94a3b8;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}

.side-sub-link.active .side-sub-count,
.side-sub-link:hover .side-sub-count {
  color: #fff;
}

.side-link-row:hover,
.side-nav-details.active > .side-link-row,
.side-sub-link:hover,
.side-sub-link.active {
  background: #1e293b;
  color: #fff;
}

.side .side-nav-details.active > .side-link-row,
.side a.side-link:hover,
.side a.side-link.active,
.side a.side-sub-link:hover,
.side a.side-sub-link.active {
  background: #1e293b;
  color: #fff;
}

.side-nav-details.active > .side-link-row,
.side-sub-link.active {
  color: #60a5fa;
}

.side .side-nav-details.active > .side-link-row,
.side a.side-link.active,
.side a.side-sub-link.active {
  color: #fff;
}

.side .side-nav-details.active > .side-link-row,
.side a.side-link.active {
  background: #1e293b;
}

.side a.side-sub-link.active {
  background: rgb(37 99 235 / 0.9);
}

.side-account {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 12px 0 0;
  border-top: 1px solid #1e293b;
}

.side-account-profile {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.side-account-avatar {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 5px;
  background: #fff;
  color: #111827;
  font-size: 12px;
  font-weight: 800;
}

.side-account-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.side-account-name {
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-account-email {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-account-role {
  overflow: hidden;
  color: #64748b;
  font-size: 10px;
  letter-spacing: .05em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.side-account-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 32px;
  border: 1px solid #334155;
  border-radius: 6px;
  background: transparent;
  color: #cbd5e1;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 0 6px;
}

.side-account-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.side-account-action:hover,
.side-account-action:focus-visible {
  background: #1e293b;
  color: #fff;
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.main {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  background: #f9fafb;
}

.admin-content {
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  background: #f9fafb;
  scrollbar-color: #475569 #f9fafb;
  scrollbar-width: thin;
}

.admin-content {
  scrollbar-width: thin;
}

.admin-content::-webkit-scrollbar {
  width: 8px;
}

.admin-content::-webkit-scrollbar-track {
  background: transparent;
}

.admin-content::-webkit-scrollbar-thumb {
  border: 1px solid #f9fafb;
  border-radius: 999px;
  background: #475569;
}

/* The shop inquiry list follows the Hanong list contract: the title and
   filters sit on the page surface, while only the data list is a bordered
   card. Keep this scoped so older operational lists retain their contracts. */
.shop-inquiries-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  color: #111827;
}

.shop-inquiries-screen > h2 {
  margin: 0 0 20px;
  color: #111827;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
}

.shop-inquiries-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 12px;
  margin: 0 0 20px;
}

.shop-inquiries-filter-grid input,
.shop-inquiries-filter-grid select,
.shop-inquiries-bulk-toolbar select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font: inherit;
  outline: none;
}

.shop-inquiries-filter-grid input,
.shop-inquiries-filter-grid select {
  padding: 8px 12px;
}

.shop-inquiries-filter-grid input:focus,
.shop-inquiries-filter-grid select:focus,
.shop-inquiries-bulk-toolbar select:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.shop-inquiries-list {
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.shop-inquiries-bulk-toolbar {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 20px;
  border-bottom: 1px solid #f3f4f6;
  background: #f9fafb;
}

.shop-inquiries-bulk-toolbar > input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin: 0;
}

.shop-inquiries-bulk-toolbar select {
  width: 208px;
  min-height: 36px;
  flex: 0 0 208px;
  padding: 6px 10px;
  font-size: 14px;
}

.shop-inquiries-bulk-toolbar .button {
  min-height: 34px;
  flex: 0 0 auto;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
}

.shop-inquiries-bulk-toolbar .muted {
  flex: 0 0 auto;
  white-space: nowrap;
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.shop-inquiries-table-wrap {
  overflow-x: auto;
}

.shop-inquiries-screen .table {
  width: 100%;
  min-width: 1040px;
  border-collapse: collapse;
  line-height: 1.55;
  text-align: left;
}

.shop-inquiries-screen .table th {
  padding: 12px 20px;
  border-bottom: 0;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: normal;
  white-space: nowrap;
}

.shop-inquiries-screen .table th:first-child {
  width: 48px;
  text-align: center;
}

.shop-inquiries-screen .table td {
  padding: 12px 20px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
  line-height: 1.55;
  white-space: nowrap;
}

.shop-inquiries-screen .table td:first-child {
  width: 48px;
  text-align: center;
}

.shop-inquiries-screen .table tbody tr:last-child td {
  border-bottom: 0;
}

.shop-inquiries-screen .table tbody tr:has(td[colspan]) td {
  padding: 48px 20px;
  color: #6b7280;
  text-align: center;
}

.shop-inquiries-pagination {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-top: 1px solid #f3f4f6;
  color: #6b7280;
  font-size: 13px;
}

.shop-inquiries-pagination .muted {
  font-weight: 800;
}

.shop-inquiries-page-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
}

.shop-inquiries-page-buttons .button {
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
}

.shop-inquiries-current-page {
  display: inline-flex;
  min-width: 32px;
  min-height: 34px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 8px;
  background: #030712;
  color: #fff;
  font-weight: 800;
}

@media (max-width: 700px) {
  .shop-inquiries-filter-grid {
    grid-template-columns: 1fr;
  }

  .shop-inquiries-bulk-toolbar {
    padding-right: 12px;
    padding-left: 12px;
  }

  .shop-inquiries-screen .table th,
  .shop-inquiries-screen .table td,
  .shop-inquiries-pagination {
    padding-right: 12px;
    padding-left: 12px;
  }

  .shop-inquiries-pagination {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Long request URLs and identifiers must wrap inside the mobile content
   frame instead of widening the card's scroll area. */
.main .admin-content :where(code) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Notification connection cards keep the four compact desktop fields in one
   row, but must collapse before the mobile admin frame becomes narrower than
   the fixed provider/priority columns. */
.notification-connection-meta {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(3, 130px);
  gap: 12px;
  margin-top: 12px;
  min-width: 0;
}

.notification-connection-card { border-bottom: 1px solid #e5e7eb; }
.notification-connection-summary { display: flex; min-height: 72px; align-items: center; gap: 12px; }
.notification-connection-toggle { display: grid; align-items: stretch; justify-content: normal; flex: 1 1 auto; gap: 4px; min-width: 0; padding: 16px 0; border: 0; background: transparent; color: #111827; cursor: pointer; text-align: left; font: inherit; }
.notification-connection-toggle small { color: #6b7280; font-size: 12px; font-weight: 400; }
.notification-connection-toggle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 5px; }
.notification-connection-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.notification-connection-switch { display: inline-flex; align-items: center; gap: 8px; color: #6b7280; font-size: 12px; white-space: nowrap; }
.notification-connection-switch input { appearance: none; width: 36px; height: 20px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.notification-connection-switch input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8; }
.notification-connection-details { padding: 0 0 20px; }
.notification-connections-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.notification-connections-heading > p { margin: 0; }
.notification-connection-add-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.notification-connection-new-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }

.notification-template-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid #e5e7eb; }
.notification-template-toolbar .field { width: min(100%, 385px); margin: 0; }
.notification-template-toolbar .button { margin-bottom: 1px; }
.notification-template-card { padding: 0 0 20px; border-bottom: 1px solid #e5e7eb; }
.notification-template-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.notification-template-card-header > div:first-child { min-width: 0; }
.notification-template-card-header strong { display: block; font-size: 14px; line-height: 19.6px; }
.notification-template-card-header .muted { margin: 4px 0 0; font-size: 12px; line-height: 18.6px; overflow-wrap: anywhere; }
.notification-template-card-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.notification-template-card-actions .button.secondary { min-height: 0; padding: 0; border: 0; background: transparent; color: #2563eb; font-weight: 500; line-height: 21.7px; }
.notification-template-enabled { display: inline-flex; align-items: center; gap: 8px; color: #6b7280; font-size: 12px; white-space: nowrap; }
.notification-template-enabled input { appearance: none; width: 36px; height: 20px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.notification-template-enabled input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8; }
.notification-template-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 0; }
.notification-template-fields > .field { margin: 7px 0 0; }
.notification-template-card > .field { margin: 9px 0 16px; gap: 4px; font-size: 12px; line-height: 18.6px; }
.notification-template-card > .field textarea { box-sizing: border-box; height: 105px; min-height: 105px; line-height: 21.7px; }
.notification-template-variables { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; line-height: 18.6px; }
.notification-template-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: var(--admin-form-action-gap); }
.notification-template-footer > p { margin: 0; }

.notification-rules-page > form { margin-top: 18px; }
.notification-rule-filters { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; padding: 16px; border-bottom: 1px solid #f3f4f6; background: #fafafa; }
.notification-rule-filter-field { display: grid; min-width: 136px; gap: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 18px; }
.notification-rule-filter-search { flex: 1 1 220px; min-width: 220px; }
.notification-rule-filter-field input,
.notification-rule-filter-field select { box-sizing: border-box; min-height: 36px; width: 100%; }
.notification-rule-filter-field input { font-weight: 400; }
.notification-rule-filter-field select { min-width: 136px; }
.notification-rule-filters > .button { margin-bottom: 0; }
.notification-rule-notice { margin: 16px 0 0; }
.notification-rule-card { border-bottom: 1px solid #e5e7eb; }
.notification-rule-summary-row { display: flex; min-height: 72px; align-items: center; gap: 12px; }
.notification-rule-summary { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; padding: 14px 0; border: 0; background: transparent; color: #111827; cursor: pointer; text-align: left; font: inherit; }
.notification-rule-summary strong { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; line-height: 20px; }
.notification-rule-summary strong::before { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 999px; background: #d1d5db; content: ""; }
.notification-rule-card[data-rule-status="enabled"] .notification-rule-summary strong::before { background: #10b981; }
.notification-rule-summary > span { padding: 2px 8px; border-radius: 6px; background: #f3f4f6; color: #4b5563; font-size: 11px; font-weight: 700; line-height: 16px; }
.notification-rule-summary > span:nth-of-type(2) { background: #eff6ff; color: #1d4ed8; }
.notification-rule-summary small { flex: 0 0 100%; overflow: hidden; margin-top: -2px; color: #6b7280; font-size: 12px; font-weight: 400; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.notification-rule-summary:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 5px; }
.notification-rule-enabled { display: inline-flex; width: auto; min-width: 98px; align-items: center; justify-content: flex-end; gap: 8px; color: #6b7280; font-size: 12px; white-space: nowrap; }
.notification-rule-enabled > span { display: inline-block; width: auto; height: auto; overflow: visible; clip: auto; color: #6b7280; white-space: nowrap; }
.notification-rule-enabled input { appearance: none; width: 36px; height: 20px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.notification-rule-enabled input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8; }
.notification-rule-details { padding: 2px 0 20px; }
.notification-rule-channels { padding: 0 0 14px; border: 0; border-bottom: 1px solid #f3f4f6; }
.notification-rule-channels legend { padding: 0; color: #6b7280; font-size: 12px; }
.notification-rule-channels > div { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.notification-rule-channels label,
.notification-rule-preferences { display: inline-flex; gap: 6px; align-items: center; color: #374151; font-size: 12px; }
.notification-rule-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.notification-rule-preferences { margin-top: 14px; }
.notification-rule-advanced { margin-top: 14px; padding-top: 14px; border-top: 1px solid #f3f4f6; }
.notification-rule-advanced summary { color: #374151; cursor: pointer; font-size: 12px; font-weight: 700; }

@media (max-width: 640px) {
  .notification-rule-filter-search,
  .notification-rule-filter-field { min-width: 100%; flex-basis: 100%; }
  .notification-rule-filters > .button { width: 100%; }
  .notification-rule-enabled { min-width: 94px; }
}

/* Marketing lists are compact operational tables. On a narrow admin frame,
   wrapping their short labels is more useful than carrying the generic
   760px table surface sideways. Other data-heavy lists keep their existing
   inner-scroll contract. */
.marketing-screen,
.marketing-screen > div,
.marketing-table-wrap {
  min-width: 0;
}

.marketing-filter {
  flex-wrap: wrap;
}

.marketing-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.marketing-pagination-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 700px) {
  .marketing-screen > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .marketing-screen .card {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }

  .marketing-screen .settings-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketing-table-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto !important;
  }

  .marketing-table {
    min-width: 640px;
  }

  .marketing-pagination {
    align-items: stretch;
  }

  .marketing-pagination-actions {
    width: 100%;
  }

  .marketing-pagination-actions .button {
    flex: 1;
    justify-content: center;
  }
}

/* The legacy admin content frame uses a 1600px desktop maximum with 24px insets.
   Keep ordinary Hono screens in that frame while the nested Puck document
   editor stays full-bleed like the legacy fixed editor surface. */
.main .card:not(.auth-card) {
  width: 100%;
  max-width: var(--admin-content-max-width) !important;
  margin-right: auto;
  margin-left: auto;
}

/* Ordinary Hono screens use the same shared admin typography and controls as
   the legacy Next admin. Keep the nested editor full-bleed and unmodified. */
.main .card:not(.auth-card) :where(h1) {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}

/* Route URLs are server diagnostics, not admin-facing content. Keep them out
   of the rendered shell so migrated screens do not expose implementation
   details that are absent from the reference admin UI. */
.main p.muted:has(> code) {
  display: none;
}

.admin-page-frame {
  box-sizing: border-box;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: var(--admin-content-max-width);
  min-width: 0;
  margin: 0 auto;
  color: #111827;
  font-size: 14px;
  line-height: 21.7px;
}

.admin-page-frame > * {
  min-width: 0;
  max-width: 100%;
}

.admin-page-frame > .screen-header h1 {
  width: max-content;
  max-width: 100%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27px;
}

.admin-page-frame > .screen-header {
  align-items: flex-start;
}

.admin-page-frame > .screen-header :where(.button, .page-list-header-actions .button) {
  line-height: 21.7px;
}

.admin-page-frame > .card {
  width: 100%;
  max-width: none !important;
  margin: 0;
}

.admin-page-frame > .member-settings-card {
  padding: 0;
}

/* Settings use the shared page gutter; their content must not add it again. */
.main .admin-settings-content :where(.admin-page-frame > .card, .point-settings-card),
.admin-settings-content .shop-settings-form,
.admin-settings-content .point-settings-card form {
  padding: 0;
}

.main .admin-settings-content .board-editor-card :where(.board-editor-panel, .board-editor-actions, .admin-tabs) {
  padding-inline: 0;
}

/* Detail screens use the same outer work surface as their corresponding list
   screens. Inner fields may keep a readable measure, but the page/card frame
   must not become narrower than the shared list width. */
.admin-page-frame.shop-order-detail-page,
.admin-page-frame.booking-detail-page,
.admin-page-frame.subscription-detail-page,
.admin-page-frame.member-approval-detail-page,
.admin-page-frame.board-editor-page,
.admin-page-frame.product-editor-page,
.admin-page-frame.user-editor-page { max-width: var(--admin-content-max-width); }
.admin-page-frame .detail-narrow-card { max-width: none !important; justify-self: stretch; }
.admin-detail-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #e5e7eb; }
.admin-detail-summary-item { min-width: 0; padding: 14px 16px; background: #fff; }
.admin-detail-summary-item .muted { display: block; font-size: 12px; font-weight: 700; line-height: 18px; }
.admin-detail-summary-item strong { display: block; margin-top: 5px; overflow-wrap: anywhere; color: #111827; font-size: 14px; line-height: 21px; }
.admin-detail-section { margin: 0; border-top: 1px solid #f3f4f6; padding-top: 24px; }
.admin-detail-section > h2 { margin: 0 0 12px; color: #111827; font-size: 16px; font-weight: 700; line-height: 24px; }

.booking-detail-card,
.subscription-detail-card,
.member-approval-detail-card { overflow: hidden; padding: 20px; }
.booking-detail-summary,
.subscription-detail-summary { margin: 0; }
.member-approval-detail-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.booking-detail-form,
.subscription-detail-form { display: grid; gap: 24px; margin: 20px 0 0; }
.booking-detail-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.booking-detail-panel { min-width: 0; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; }
.booking-detail-panel h2 { margin: 0 0 14px; color: #111827; font-size: 16px; line-height: 22px; }
.booking-detail-panel .field { min-width: 0; margin: 0; }
.booking-detail-panel .button { margin-top: 12px; }
.booking-detail-panel p { margin: 12px 0 0; font-size: 12px; line-height: 18px; }
.booking-detail-kv-list,
.subscription-detail-kv-list { display: grid; gap: 1px; background: #e5e7eb; }
.booking-detail-kv-row,
.subscription-detail-kv-row { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 8px; min-width: 0; background: #fff; padding: 12px; }
.booking-detail-kv-row strong,
.subscription-detail-kv-row strong { font-size: 12px; }
.booking-detail-kv-row span,
.subscription-detail-kv-row span { min-width: 0; overflow-wrap: anywhere; }
.booking-detail-table-wrap { min-width: 0; overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 8px; }
.booking-detail-table-wrap .table { min-width: 640px; margin: 0; }
.booking-detail-empty-cell { padding: 28px 12px !important; text-align: center; }
.booking-detail-event-list,
.subscription-detail-event-list { border-top: 1px solid #e5e7eb; }
.booking-detail-event-row,
.subscription-detail-event-row { display: grid; grid-template-columns: 180px minmax(0, 1fr) 160px; gap: 8px; min-width: 0; border-bottom: 1px solid #e5e7eb; padding: 12px 0; }
.booking-detail-event-date,
.subscription-detail-event-date { font-size: 12px; }

.subscription-detail-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.subscription-detail-fields .field { min-width: 0; margin: 0; }
.subscription-detail-help { margin: 12px 0 0; font-size: 12px; }
.subscription-detail-section > .button { margin-top: var(--admin-form-action-gap); }
.subscription-detail-operations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.subscription-detail-operations > div { min-width: 0; }
.subscription-detail-operations .muted { font-size: 12px; }
.subscription-detail-operations strong { display: block; margin-top: 3px; overflow-wrap: anywhere; }
.subscription-detail-notice { margin-top: 16px; }
.subscription-detail-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.member-approval-detail-section > h2 { margin-bottom: 14px; }
.member-approval-responses { display: grid; gap: 0; }
.member-approval-responses > div { border-bottom: 1px solid #e5e7eb; padding: 12px 0; }
.member-approval-responses > div:first-child { padding-top: 0; }
.member-approval-responses strong { color: #374151; font-size: 13px; }
.member-approval-responses p,
.member-approval-event-list p { margin: 6px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.member-approval-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.member-approval-review-grid .field { min-width: 0; margin: 0; }
.member-approval-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.member-approval-event-list { display: grid; gap: 8px; }
.member-approval-event-list > div { border-bottom: 1px solid #e5e7eb; padding: 8px 0; }
.member-approval-event-list > div:first-child { padding-top: 0; }

@media (max-width: 700px) {
  .admin-page-frame.shop-order-detail-page,
  .admin-page-frame.booking-detail-page,
  .admin-page-frame.subscription-detail-page,
  .admin-page-frame.member-approval-detail-page,
  .admin-page-frame.board-editor-page,
  .admin-page-frame.product-editor-page,
  .admin-page-frame.user-editor-page { max-width: none; gap: 16px; }
  .admin-page-frame.shop-order-detail-page > .screen-header,
  .admin-page-frame.booking-detail-page > .screen-header,
  .admin-page-frame.subscription-detail-page > .screen-header,
  .admin-page-frame.member-approval-detail-page > .screen-header,
  .admin-page-frame.board-editor-page > .screen-header,
  .admin-page-frame.product-editor-page > .screen-header,
  .admin-page-frame.user-editor-page > .screen-header { align-items: stretch; flex-direction: column; gap: 12px; }
  .admin-page-frame.shop-order-detail-page > .screen-header > .button,
  .admin-page-frame.booking-detail-page > .screen-header > .button,
  .admin-page-frame.subscription-detail-page > .screen-header > .button,
  .admin-page-frame.member-approval-detail-page > .screen-header > .button,
  .admin-page-frame.board-editor-page > .screen-header > .button,
  .admin-page-frame.product-editor-page > .screen-header > .button,
  .admin-page-frame.user-editor-page > .screen-header > .button { width: 100%; justify-content: center; }
  .admin-page-frame .detail-narrow-card { max-width: none !important; justify-self: stretch; }
  .admin-detail-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .booking-detail-card,
  .subscription-detail-card,
  .member-approval-detail-card { padding: 16px; }
  .booking-detail-panels,
  .subscription-detail-operations,
  .member-approval-review-grid { grid-template-columns: minmax(0, 1fr); }
  .booking-detail-kv-row,
  .subscription-detail-kv-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .booking-detail-event-row,
  .subscription-detail-event-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .booking-detail-event-date,
  .subscription-detail-event-date { display: block; }
  .subscription-detail-actions,
  .member-approval-actions { align-items: stretch; flex-direction: column; }
  .subscription-detail-actions .button,
  .member-approval-actions .button { width: 100%; justify-content: center; }
}

/* 주문제작 작업실은 가격표·연결·큐를 한 화면에서 다루는 범용 운영 UI다.
   두 열은 넓은 화면에서만 사용하고, 작은 화면에서는 자연스럽게 한 열로 접는다. */
.production-admin-grid {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.production-admin-grid > * { min-width: 0; }
.production-admin-grid > :first-child {
  min-width: 0;
  border-right: 1px solid #e5e7eb;
  padding-right: 24px;
}
.production-admin-grid h2,
.production-assignment-card h2,
.production-assignment-card h3 { margin: 0 0 12px; color: #111827; font-size: 16px; line-height: 22px; }
.production-profile-row {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
  color: #111827;
  text-decoration: none;
}
.production-profile-row + .production-profile-row { margin-top: 8px; }
.production-profile-row:hover,
.production-profile-row:focus-visible { border-color: #93c5fd; background: #eff6ff; outline: 0; }
.production-profile-row strong { min-width: 0; overflow-wrap: anywhere; }
.production-profile-form,
.production-assignment-card { min-width: 0; }
.production-profile-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px 16px;
  padding: 0;
}
.production-profile-form > h2,
.production-profile-form > .production-editor-title-row,
.production-profile-form > input[type="hidden"],
.production-profile-form > .production-editor-identity,
.production-profile-form > .production-editor-tabs,
.production-profile-form > .production-editor-tab-panels,
.production-profile-form > .production-form-grid,
.production-profile-form > .production-editor-subsection,
.production-profile-form > label:has([name="note"]),
.production-profile-form > [data-production-save],
.production-profile-form > .production-editor-actions { grid-column: 1 / -1; }
.production-profile-form > h2 { margin: 0; color: #111827; font-size: 20px; line-height: 28px; }
.production-editor-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.production-editor-title-row h2 { margin: 0; color: #111827; font-size: 20px; line-height: 28px; }
.production-status-badge { display: inline-flex; min-height: 26px; align-items: center; border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 700; line-height: 18px; }
.production-status-draft { background: #fff7ed; color: #c2410c; }
.production-status-published { background: #ecfdf5; color: #047857; }
.production-status-archived { background: #f1f5f9; color: #475569; }
.production-profile-form > .field { margin: 0; }
.production-editor-identity { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; min-width: 0; }
.production-editor-scope-summary,
.production-scope-summary { display: grid; gap: 3px; align-content: start; border: 1px solid #dbeafe; border-radius: 8px; padding: 12px 14px; background: #eff6ff; color: #1e3a8a; font-size: 12px; line-height: 18px; }
.production-editor-scope-summary strong,
.production-scope-summary strong { color: #1e40af; }
.production-editor-scope-summary small,
.production-scope-summary small { color: #526173; }
.production-editor-tabs {
  display: flex;
  min-width: 0;
  gap: 2px;
  overflow-x: auto;
  border-bottom: 1px solid #e5e7eb;
  padding: 0;
  scrollbar-width: thin;
}
.production-editor-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  padding: 10px 14px 9px;
  color: #64748b;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.production-editor-tabs button[aria-selected="true"] { border-bottom-color: #2563eb; color: #111827; }
.production-editor-tabs button:hover { color: #1d4ed8; }
.production-editor-tabs button:focus-visible { outline: 3px solid rgb(37 99 235 / 20%); outline-offset: -3px; }
.production-editor-tab-panels { display: grid; min-width: 0; }
.production-editor-tab-panel { display: grid; gap: 14px; min-width: 0; }
.production-editor-tab-panel[hidden] { display: none; }
.production-editor-tab-heading { display: grid; gap: 4px; }
.production-editor-tab-heading h3 { margin: 0; color: #111827; font-size: 16px; line-height: 22px; }
.production-editor-tab-heading p { margin: 0; font-size: 12px; line-height: 18px; }
.production-editor-help-panel { display: grid; gap: 4px; align-content: start; border: 1px solid #dbeafe; border-radius: 8px; padding: 12px 14px; background: #eff6ff; color: #1e3a8a; font-size: 12px; line-height: 18px; }
.production-editor-help-panel strong { color: #1e40af; }
.production-profile-form .field-help { display: block; margin: 5px 0 0; color: #64748b; font-size: 12px; line-height: 18px; }
.production-editor-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #e5e7eb; padding-top: 16px; }
.production-editor-actions p { margin: 0; font-size: 12px; line-height: 18px; }
.production-editor-actions [data-production-save] { flex: 0 0 auto; min-height: 40px; }
.production-editor-action-buttons { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.production-published-label { color: #047857; font-size: 12px; font-weight: 700; }
.production-quote-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.production-quote-actions .production-quote-result { flex: 1 1 220px; }
.production-preview-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.production-preview-options fieldset { display: grid; gap: 8px; min-width: 0; margin: 0; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #fff; }
.production-preview-options legend { padding: 0 4px; color: #111827; font-size: 13px; font-weight: 700; }
.production-preview-options select { width: 100%; }
.production-preview-choice-list { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.production-preview-choice-list label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.production-editor-tab-panel [data-production-delivery-slot] { display: grid; min-width: 0; }
.production-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.production-form-grid .field { min-width: 0; }
.production-assignment-card { margin-top: 20px; }
.production-scope-panels { display: grid; gap: 14px; }
.production-scope-sections { display: grid; gap: 20px; width: 100%; max-width: var(--admin-content-max-width); box-sizing: border-box; margin: 20px auto 0; min-width: 0; }
.production-scope-sections[hidden] { display: none; }
.production-assignment-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.production-assignment-form .button { min-height: 40px; white-space: nowrap; }
.production-admin-grid .toolbar { margin-bottom: 14px; }
.production-profile-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e5e7eb;
}
.production-profile-list-header h2 { margin: 0; }
.production-list-card > .production-profile-list-header { margin: 0; padding: 16px var(--admin-list-gutter); }
.production-admin-grid .production-profile-search {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
}
.production-profile-search input { width: 100%; min-width: 0; flex: 1 1 auto; }
.production-profile-search .button { min-height: 40px; white-space: nowrap; }
.production-list-card .production-profile-search { display: flex; align-items: center; gap: 8px; max-width: 520px; margin: 0; }
.production-list-card .production-profile-search input { flex: 1 1 auto; }
.production-profile-table { min-width: 720px; margin: 0; }
.production-profile-table-link { display: block; color: #111827; text-decoration: none; }
.production-profile-preview-cell { min-width: 190px; max-width: 340px; white-space: normal !important; overflow-wrap: anywhere; line-height: 20px; }
.production-profile-list-items { display: grid; gap: 8px; }
.production-pricing-impact { display: grid; gap: 4px; margin: 0 0 20px; border: 1px solid #fed7aa; border-radius: 8px; padding: 12px 14px; background: #fff7ed; color: #9a3412; font-size: 12px; line-height: 18px; }
.production-pricing-impact strong { color: #7c2d12; }
.production-pricing-guide { display: grid; gap: 18px; margin-bottom: 20px; }
.production-pricing-guide .screen-header { margin: 0; }
.production-pricing-guide h2 { margin: 0 0 6px; color: #111827; font-size: 18px; line-height: 25px; }
.production-onboarding-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: production-step; }
.production-onboarding-steps li { display: grid; gap: 5px; min-height: 88px; padding: 14px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; counter-increment: production-step; }
.production-onboarding-steps li::before { content: counter(production-step, decimal-leading-zero); color: #2563eb; font-size: 12px; font-weight: 700; }
.production-onboarding-steps strong { color: #111827; font-size: 13px; line-height: 18px; }
.production-onboarding-steps span { color: #64748b; font-size: 12px; line-height: 17px; }
.production-readiness-list { display: grid; gap: 8px; }
.production-readiness-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 8px; color: #111827; text-decoration: none; }
.production-readiness-item:hover, .production-readiness-item:focus-visible { border-color: #93c5fd; background: #eff6ff; outline: 0; }
.production-readiness-item > div:first-child { display: grid; gap: 3px; min-width: 0; }
.production-readiness-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.production-readiness-badges span { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11px; line-height: 16px; white-space: nowrap; }
.production-readiness-badges .is-ready { background: #ecfdf5; color: #047857; }
.production-readiness-badges .is-pending { background: #fff7ed; color: #c2410c; }
.production-pricing-guide-note { margin: 0; padding: 10px 12px; border-radius: 8px; background: #eff6ff; color: #1e40af; font-size: 12px; line-height: 18px; }
.production-pricing-workflow { display: grid; gap: 18px; margin-bottom: 20px; padding: 22px 24px; }
.production-workflow-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.production-workflow-kicker { display: block; margin-bottom: 4px; color: #2563eb; font-size: 12px; font-weight: 700; line-height: 18px; }
.production-workflow-heading h2 { margin: 0 0 4px; color: #111827; font-size: 20px; line-height: 28px; }
.production-workflow-heading p { margin: 0; }
.production-workflow-progress { display: grid; flex: 0 0 auto; min-width: 84px; gap: 2px; justify-items: center; border: 1px solid #bfdbfe; border-radius: 8px; padding: 8px 12px; background: #eff6ff; color: #1d4ed8; }
.production-workflow-progress strong { font-size: 18px; line-height: 24px; }
.production-workflow-progress span { font-size: 11px; line-height: 16px; }
.production-workflow-steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.production-workflow-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; min-height: 86px; align-items: start; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f8fafc; }
.production-workflow-steps li.is-current { border-color: #93c5fd; background: #eff6ff; }
.production-workflow-steps li.is-complete { border-color: #a7f3d0; background: #ecfdf5; }
.production-workflow-step-number { display: inline-grid; width: 26px; height: 26px; place-items: center; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 11px; font-weight: 700; line-height: 1; }
.production-workflow-steps li.is-current .production-workflow-step-number { background: #2563eb; color: #fff; }
.production-workflow-steps li.is-complete .production-workflow-step-number { background: #059669; color: #fff; }
.production-workflow-steps li div { display: grid; gap: 4px; min-width: 0; }
.production-workflow-steps strong { color: #111827; font-size: 13px; line-height: 18px; }
.production-workflow-steps span:not(.production-workflow-step-number) { color: #64748b; font-size: 11px; line-height: 16px; }
.production-workflow-context { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid #e5e7eb; padding-top: 14px; }
.production-workflow-context > div:first-child { display: grid; gap: 2px; min-width: 0; }
.production-workflow-checks { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.production-workflow-checks span { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11px; line-height: 16px; white-space: nowrap; }
.production-workflow-checks .is-ready { background: #ecfdf5; color: #047857; }
.production-workflow-checks .is-pending { background: #fff7ed; color: #c2410c; }
.production-workflow-hint { color: #64748b; font-size: 12px; }
.production-editor-subsection { display: grid; gap: 12px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; background: #fbfdff; }
.production-editor-subsection .screen-header { align-items: center; }
.production-editor-subsection h3 { margin: 0; color: #111827; font-size: 14px; line-height: 20px; }
.production-editor-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #fff; }
.production-editor-row + .production-editor-row { margin-top: 8px; }
.production-editor-row .field { min-width: 0; }
.production-editor-row .button { min-height: 38px; white-space: nowrap; }
.production-editor-row .checkbox-field { display: inline-flex; min-height: 38px; align-items: center; gap: 6px; white-space: nowrap; }
.production-editor-row > [data-option-values] { grid-column: 1 / -1; }
.production-editor-row > [data-production-row-remove] { justify-self: start; }
.production-option-values { display: grid; gap: 8px; grid-column: 1 / -1; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 10px; background: #f8fafc; }
.production-option-values > strong { color: #475569; font-size: 12px; line-height: 18px; }
.production-delivery-methods { display: grid; grid-column: 1 / -1; gap: 8px; margin: 0; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f8fafc; }
.production-delivery-methods legend { padding: 0 4px; color: #111827; font-size: 13px; font-weight: 700; }
.production-delivery-methods p { margin: 0; }
.production-delivery-methods-options { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.production-delivery-methods-options label { display: inline-flex; min-height: 36px; align-items: center; gap: 6px; color: #374151; font-size: 13px; }
.production-option-values .production-editor-row { grid-template-columns: minmax(0, 1fr) 140px auto; align-items: center; gap: 8px; border: 0; padding: 0; background: transparent; }
.production-option-values .production-editor-row + .production-editor-row { margin-top: 0; }
.production-profile-form [data-production-save] { justify-self: start; min-height: 40px; }
.production-dispatch-form { display: grid; gap: 6px; min-width: 170px; }
.production-dispatch-form input,
.production-dispatch-form select { min-width: 0; width: 100%; }
.production-quote-result { display: block; min-height: 22px; color: #1d4ed8; }
.production-documents-card { margin-top: 20px !important; }
.production-proof-form-card { margin-top: 20px !important; }
.production-toolbar { display: flex; justify-content: flex-end; gap: 8px; margin: 16px 0 -4px; }
.production-bulk-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin: 16px 0; padding: 12px 14px; border: 1px solid var(--admin-border, #e2e8f0); border-radius: 10px; background: var(--admin-subtle, #f8fafc); }
.production-bulk-toolbar .checkbox-field { margin-right: auto; }
.production-proof-form-card h2 { margin: 0 0 8px; font-size: 16px; }
.production-proof-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: end; margin-top: 16px; }
.production-proof-form .field:nth-child(3) { grid-column: 1 / -1; }

.admin-permissions-page {
  gap: 20px;
}

.admin-permissions-page > h1 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27px;
}

.admin-permissions-card {
  overflow: hidden;
  padding: 0;
}

.admin-permissions-description {
  margin: 0;
  border-bottom: 1px solid #f3f4f6;
  padding: 16px 20px;
  color: #4b5563;
  font-size: 13px;
  line-height: 20px;
}

.admin-permission-role {
  border-top: 1px solid #f3f4f6;
}

.admin-permission-role:first-child {
  border-top: 0;
}

.admin-permission-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
}

.admin-permission-summary::-webkit-details-marker {
  display: none;
}

.admin-permission-summary:hover {
  background: #f9fafb;
}

.admin-permission-summary-copy {
  min-width: 0;
}

.admin-permission-summary-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.admin-permission-summary-title h2 {
  overflow: hidden;
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-permission-summary-copy p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 13px;
  line-height: 20px;
}

.admin-permission-chevron {
  position: relative;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: #9ca3af;
  font-size: 0;
  transform: rotate(0deg);
  transition: transform 160ms ease;
}

.admin-permission-chevron::before {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  content: "";
  transform: rotate(45deg);
}

.admin-permission-role[open] .admin-permission-chevron {
  transform: rotate(180deg);
}

.admin-permission-form {
  border-top: 1px solid #f3f4f6;
  padding: 20px;
}

.admin-permission-access-wrap {
  max-width: 576px;
}

.admin-permission-access {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #f5f5f7;
  padding: 8px 12px;
  cursor: pointer;
}

.admin-permission-access > span:first-child {
  display: grid;
  gap: 4px;
}

.admin-permission-access strong {
  color: #1f2937;
  font-size: 14px;
  line-height: 20px;
}

.admin-permission-access small {
  color: #6b7280;
  font-size: 13px;
  line-height: 20px;
}

.admin-permission-switch {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 36px;
  height: 20px;
}

.admin-permission-switch > input {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

.admin-permission-switch > span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #d1d5db;
  pointer-events: none;
  transition: background 160ms ease;
}

.admin-permission-switch > span::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  content: "";
  transition: transform 160ms ease;
}

.admin-permission-switch > input:checked + span {
  background: #0071e3;
}

.admin-permission-switch > input:checked + span::after {
  transform: translateX(16px);
}

.member-social-guide {
  margin: 16px 0 20px;
}

.member-social-guide ol {
  margin: 6px 0 0;
  padding-left: 20px;
}

.member-social-guide li + li {
  margin-top: 3px;
}

.member-social-guide p {
  margin: 8px 0 0;
}

.member-social-appearance {
  display: grid;
  gap: 16px;
  margin: 20px 0;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f9fafb;
}

.member-social-appearance-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.member-social-appearance-heading h3,
.member-social-appearance-heading p {
  margin: 0;
}

.member-social-appearance-heading p {
  margin-top: 4px;
}

.member-social-appearance-preview-label {
  flex: none;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
}

.member-social-appearance-controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.member-social-appearance-controls .field {
  margin: 0;
}

.member-social-preview {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #fff;
}

.member-social-preview[data-social-mode="icon"] {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.member-social-preview[data-social-layout="row"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.member-social-preview[data-social-layout="grid"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

  .member-social-preview[data-social-width="fit"] {
    display: flex;
    flex-wrap: wrap;
  }

  .member-social-preview[data-social-width="fit"] .member-social-preview-button {
    flex: 0 1 auto;
    width: auto;
  }

  .member-social-preview[data-social-layout="stack"][data-social-width="fit"] {
    flex-direction: column;
    align-items: flex-start;
  }

.member-social-preview-button {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  color: #111827;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: default;
}

.member-social-preview-button.member-social-preview-google {
  border-color: #747775;
  background: #fff;
  color: #1f1f1f;
}

.member-social-preview-button.member-social-preview-kakao {
  border-color: #fee500;
  background: #fee500;
  color: #000;
}

.member-social-preview-button.member-social-preview-naver {
  border-color: #03c75a;
  background: #03c75a;
  color: #fff;
}

.member-social-preview-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex: none;
  align-items: center;
  justify-content: center;
}

.member-social-preview-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.member-social-preview[data-social-style="outline"] .member-social-preview-button {
  background: #fff;
  color: #111827;
}

.member-social-preview[data-social-style="outline"] .member-social-preview-google {
  border-color: #747775;
  color: #1f1f1f;
}

.member-social-preview[data-social-style="outline"] .member-social-preview-kakao {
  border-color: #b8a700;
  color: #3b3500;
}

.member-social-preview[data-social-style="outline"] .member-social-preview-naver {
  border-color: #03c75a;
  color: #008f3f;
}

.member-social-preview[data-social-style="soft"] .member-social-preview-google {
  border-color: #dbe4f0;
  background: #f8fafc;
  color: #1f1f1f;
}

.member-social-preview[data-social-style="soft"] .member-social-preview-kakao {
  border-color: #f6df57;
  background: #fff9c2;
  color: #5c4b00;
}

.member-social-preview[data-social-style="soft"] .member-social-preview-naver {
  border-color: #b5edc9;
  background: #e8faef;
  color: #087f3b;
}

.member-social-preview[data-social-size="sm"] .member-social-preview-button {
  min-height: 36px;
  padding: 0 10px;
}

.member-social-preview[data-social-size="md"] .member-social-preview-button {
  min-height: 44px;
  padding: 0 12px;
}

.member-social-preview[data-social-size="lg"] .member-social-preview-button {
  min-height: 52px;
  padding: 0 14px;
}

.member-social-preview[data-social-radius="default"] .member-social-preview-button {
  border-radius: 6px;
}

.member-social-preview[data-social-radius="rounded"] .member-social-preview-button {
  border-radius: 10px;
}

.member-social-preview[data-social-radius="pill"] .member-social-preview-button {
  border-radius: 999px;
}

.member-social-preview[data-social-mode="icon"] .member-social-preview-button {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  min-height: 48px;
  padding: 0;
  border-radius: 50%;
}

.member-social-preview[data-social-mode="icon"] .member-social-preview-button > span:last-child {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.member-social-preview[data-social-mode="icon"] .member-social-preview-icon {
  width: 20px;
  height: 20px;
}

.member-social-preview[data-social-mode="icon"][data-social-size="sm"] .member-social-preview-button {
  width: 40px;
  height: 40px;
  min-height: 40px;
}

.member-social-preview[data-social-mode="icon"][data-social-size="lg"] .member-social-preview-button {
  width: 56px;
  height: 56px;
  min-height: 56px;
}

  @media (max-width: 700px) {
    .member-social-preview[data-social-mobile-layout="stack"][data-social-width="full"] {
      display: grid;
      grid-template-columns: 1fr;
    }

    .member-social-preview[data-social-mobile-layout="stack"][data-social-width="full"] .member-social-preview-button {
      width: 100%;
      flex-basis: auto;
    }

    .member-social-preview[data-social-mobile-layout="stack"][data-social-width="fit"] {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .member-social-preview[data-social-mobile-layout="stack"][data-social-width="fit"] .member-social-preview-button {
      width: auto;
      flex-basis: auto;
    }
  }

.member-social-provider-list {
  display: grid;
  gap: 0;
  margin-top: 16px;
  border-top: 1px solid #e5e7eb;
}

.member-social-provider {
  margin: 0;
  border-bottom: 1px solid #e5e7eb;
  padding: 20px 0;
}

.member-social-provider-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.member-social-provider-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.member-social-provider-copy h3,
.member-social-provider-copy p {
  margin: 0;
}

.member-social-provider-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  font-size: 12px;
}

.member-social-provider-links a {
  color: #2563eb;
  text-decoration: none;
}

.member-social-provider-links a:hover {
  text-decoration: underline;
}

.member-social-switch {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  color: #374151;
  cursor: pointer;
  font-size: 13px;
  white-space: nowrap;
}

.member-social-switch > input {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

.member-social-switch > input + span {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: #d1d5db;
  pointer-events: none;
  transition: background 160ms ease;
}

.member-social-switch > input + span::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  content: "";
  transition: transform 160ms ease;
}

.member-social-switch > input:checked + span {
  background: #0071e3;
}

.member-social-switch > input:checked + span::after {
  transform: translateX(16px);
}

.member-social-switch > input:focus-visible + span {
  outline: 3px solid rgb(37 99 235 / 22%);
  outline-offset: 3px;
}

.member-social-provider-fields {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-social-provider-fields .field {
  margin: 0;
}

.member-social-callback {
  display: grid;
  gap: 4px;
  margin-top: 14px;
}

.member-social-callback-value {
  overflow-wrap: anywhere;
  color: #374151;
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
}

.member-social-provider .member-social-clear {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: #4b5563;
  font-size: 13px;
}

.member-social-provider .member-social-clear input {
  width: 16px;
  height: 16px;
  margin: 0;
}

@media (max-width: 700px) {
  .member-social-provider-fields {
    grid-template-columns: 1fr;
  }
}

.admin-permission-groups {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}

.admin-permission-groups fieldset {
  min-width: 0;
  margin: 0;
  border: 0;
  padding: 0;
}

.admin-permission-groups legend {
  margin-bottom: 8px;
  color: #374151;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.admin-permission-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.admin-permission-grid label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #f5f5f7;
  padding: 10px 12px;
  color: #1f2937;
  font-size: 14px;
  line-height: 20px;
}

.admin-permission-grid input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
}

.admin-permissions-card > #admin-permissions > .muted {
  display: block;
  margin: 0;
  padding: 20px;
}

@media (max-width: 900px) {
  .admin-permission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .admin-permission-summary,
  .admin-permission-form {
    padding-right: 16px;
    padding-left: 16px;
  }

  .admin-permissions-description {
    padding-right: 16px;
    padding-left: 16px;
  }

  .admin-permission-grid {
    grid-template-columns: 1fr;
  }
}

/* A few older Hono screens still return a card as their root and place the
   screen header inside it. Normalize that legacy shape at the shell boundary
   so those routes use .admin-content as their only page gutter instead of
   creating a second padded surface inside it. */
.admin-content > :where(section, div).card:has(> .screen-header) {
  box-sizing: border-box;
  display: grid;
  gap: 20px;
  width: 100%;
  max-width: var(--admin-content-max-width) !important;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.admin-content > :where(section, div).card:has(> .screen-header) > .screen-header {
  margin: 0;
}

.admin-content > :where(section, div).card:has(> .screen-header) > .screen-header h1 {
  width: max-content;
  max-width: 100%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27px;
}

.admin-content > :where(section, div).card:has(> .screen-header) > .screen-header ~ :where(:not(script):not(dialog):not(p)) {
  box-sizing: border-box;
  width: 100%;
}

.main .card:not(.auth-card) :where(h2) {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}

.main .card:not(.auth-card) :where(h3) {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}

/* Some list and menu screens render their search/filter controls directly in
   the screen card instead of inside a .field wrapper. Apply the same legacy
   input primitive to those controls too. File/color controls and native
   checkboxes/radios keep their purpose-specific presentation. */
.main .card:not(.auth-card) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not(.border-0):not(.border-none),
.main .card:not(.auth-card) select:not(.border-0):not(.border-none),
.main .card:not(.auth-card) textarea:not(.border-0):not(.border-none) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main .card:not(.auth-card) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not(.border-0):not(.border-none):focus,
.main .card:not(.auth-card) select:not(.border-0):not(.border-none):focus,
.main .card:not(.auth-card) textarea:not(.border-0):not(.border-none):focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main .card:not(.auth-card) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not(.border-0):not(.border-none):disabled,
.main .card:not(.auth-card) select:not(.border-0):not(.border-none):disabled,
.main .card:not(.auth-card) textarea:not(.border-0):not(.border-none):disabled {
  cursor: not-allowed;
  background: #f9fafb;
  color: #9ca3af;
}

/* Match the legacy AdminUI form primitive. The older Hono screen CSS below
   still defines .field controls, so these scoped selectors intentionally have
   higher specificity and keep the editor/auth surfaces isolated. */
.main .card:not(.auth-card) .field {
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.main .card:not(.auth-card) .field input:not([type="checkbox"]):not([type="radio"]),
.main .card:not(.auth-card) .field select,
.main .card:not(.auth-card) .field textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main .card:not(.auth-card) .field textarea:not([spellcheck="false"]) {
  font-family: inherit;
  resize: vertical;
}

.main .card:not(.auth-card) .field textarea[spellcheck="false"] {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  line-height: 18px;
  resize: vertical;
}

.main .card:not(.auth-card) .field input:not([type="checkbox"]):not([type="radio"]):focus,
.main .card:not(.auth-card) .field select:focus,
.main .card:not(.auth-card) .field textarea:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main .card:not(.auth-card) .field input:not([type="checkbox"]):not([type="radio"]):disabled,
.main .card:not(.auth-card) .field select:disabled,
.main .card:not(.auth-card) .field textarea:disabled {
  cursor: not-allowed;
  background: #f9fafb;
  color: #9ca3af;
}

.main .card:not(.auth-card) :where(.button) {
  box-sizing: border-box;
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
}

.main .card:not(.auth-card) :where(.button.secondary) {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
}

.main .card:not(.auth-card) :where(.button.danger) {
  border: 1px solid #fee2e2;
  background: #fef2f2;
  color: #dc2626;
}

/* Screens that render a header or toolbar outside the ordinary card still use
   the same AdminUI primitives. The legacy Next admin does not fall back to
   browser-default controls in those regions. Keep these rules under .main so
   the sidebar and embedded editor remain isolated. */
.main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not(.border-0):not(.border-none), select:not(.border-0):not(.border-none), textarea:not(.border-0):not(.border-none)) {
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not(.border-0):not(.border-none), select:not(.border-0):not(.border-none), textarea:not(.border-0):not(.border-none)):focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main :where(.button) {
  box-sizing: border-box;
  min-height: 36px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  appearance: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

/* Keep primary form actions visually separate from the fields they submit.
   Search/filter forms, compact row actions, and grid-managed actions that
   already get spacing from their parent are intentionally excluded. */
.main :where(
  form:not([method="get"]):not([role="search"]):not(#admin-login-form):not(#admin-setup-form):not(.toolbar):not(.admin-list-search):not(.admin-list-filter-toolbar):not(.point-list-search):not(.production-profile-search):not(.trash-search):not(.media-filter-form):not(.production-form-grid):not(.production-proof-form):not(.production-assignment-form):not(.production-dispatch-form)
) > :where(.button[type="submit"], input[type="submit"].button, button[data-admin-save].button, button[id$="-save"].button) {
  margin-top: var(--admin-form-action-gap);
}

.main :where(.notification-template-footer) > .button {
  margin-top: 0;
}

.main :where(.button):hover {
  background: #000;
}

.main .toolbar form {
  align-items: center;
}

.main form.toolbar {
  justify-content: flex-start;
}

.main form.toolbar :where(input[name="q"], select) {
  width: auto;
  min-width: 0;
}

.main form.toolbar input[name="q"] {
  flex: 1 1 280px;
}

.main .card:not(.auth-card) > .toolbar > form,
.main .card:not(.auth-card) > div > .toolbar > form {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 8px;
  min-width: min(100%, 420px);
}

.main .card:not(.auth-card) > .toolbar > form :where(input, select),
.main .card:not(.auth-card) > div > .toolbar > form :where(input, select) {
  width: auto !important;
  min-width: 0;
}

.main .card:not(.auth-card) > .toolbar > form input[name="q"],
.main .card:not(.auth-card) > div > .toolbar > form input[name="q"] {
  flex: 1 1 280px;
}

/* Admin data-list search fields stay compact beside their action. Do not let
   the generic toolbar flex rule stretch them across the entire card. */
.main .admin-list-search input[name="q"] {
  width: min(384px, 100%) !important;
  max-width: 384px;
  flex: 0 1 384px !important;
}

.admin-search-input {
  position: relative;
  display: inline-flex;
  width: min(384px, 100%);
  max-width: 384px;
  flex: 0 1 384px;
  align-items: center;
}

.admin-search-input > svg {
  position: absolute;
  left: 12px;
  color: #9ca3af;
  pointer-events: none;
}

.admin-search-input > .list-search-icon {
  width: 16px;
  height: 16px;
}

.admin-search-input > input {
  width: 100% !important;
  max-width: none !important;
  padding-left: 36px !important;
}

.page-list-search > select {
  width: 128px !important;
  min-width: 128px !important;
  flex: 0 0 128px;
}

/* Keep the page list shell aligned with the reference admin list. The WBK
   screen has extra status/translation capabilities, but those controls must
   live in the same compact card rows instead of adding a second card inset. */
.main .card.pages-list-panel {
  padding: 0;
}

.main .card.pages-list-panel > .page-list-search {
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
}

.pages-list-panel > .page-list-search input[name="q"] {
  line-height: 21.7px !important;
}

.pages-screen .list-bulk-toolbar {
  margin-top: 0;
  border-top: 0;
  background: rgb(249 250 251 / .4);
}

.page-mobile-select-all {
  display: none;
}

.pages-screen .table th:first-child,
.pages-screen .table td:first-child {
  width: 56px;
  min-width: 56px;
  max-width: 56px;
}

.pages-screen .table a.page-title-link {
  color: #111827;
  font-weight: 600;
}

.main .card.pages-list-panel .page-row-action {
  min-height: 32px;
  height: 32px;
  padding: 0 10px !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21.7px;
}

.pages-screen .page-row-action svg {
  width: 14px;
  height: 14px;
}

.pages-screen .page-list-search > .button {
  min-width: 0;
  padding: 8px 16px;
}

.pages-screen .list-bulk-toolbar > .button {
  min-height: 0;
  padding: 6px 12px;
  line-height: 21.7px;
}

.pages-screen .page-quick-edit-action {
  min-width: 0;
}

.main .card.pages-list-panel .page-delete-action {
  min-width: 0;
  padding: 0 12px !important;
}

/* The legacy list shell is edge-to-edge inside its card. Keep the search
   row, bulk row, and table on one shared grid so migrated list pages do not
   acquire an extra 20px inset that the reference admin does not have. */
.users-page > .card,
.boards-screen > .card,
.popups-screen > .card {
  padding: 0;
  overflow: hidden;
}

.users-page > .card > #hono-users-list > form.admin-list-search,
.boards-screen > .card > #hono-boards-list > form.admin-list-search,
.popups-screen > .card > #hono-popups-list > form.admin-list-search {
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
}

.screen-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.screen-header-actions .button,
.screen-header > .page-list-header-actions .button,
.page-row-action,
.template-row-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.template-row-content {
  display: flex;
  min-width: 320px;
  align-items: center;
  gap: 12px;
}

.template-row-content > img,
.template-thumbnail-placeholder {
  display: inline-flex;
  width: 80px;
  height: 48px;
  flex: 0 0 80px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  object-fit: contain;
}

.template-thumbnail-placeholder {
  color: #d1d5db;
}

.template-row-actions {
  display: flex;
  max-width: 296px;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.template-row-actions .button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
}

.main .card .template-row-actions .button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
}

/* Hanong keeps the export/delete actions at the normal body size. Their
   slightly wider labels intentionally wrap the four-action group into the
   same two-row rhythm as the reference template list. */
.main .card .template-row-actions [data-template-export],
.main .card .template-row-actions [data-template-delete] {
  min-height: 32px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
}

.main .card .template-row-actions [data-template-delete] {
  border: 0;
}

@media (min-width: 701px) {
  .template-row-actions {
    width: 256px;
    max-width: 256px;
  }
}

@media (max-width: 700px) {
  .main .card .list-bulk-toolbar {
    flex-wrap: wrap;
    padding-right: 16px;
    padding-left: 16px;
  }

  .main .card .list-bulk-toolbar > select,
  .main .card .list-bulk-toolbar > .orders-bulk-select {
    width: auto;
    min-width: 0;
    flex: 1 1 180px;
  }

  .main .card .list-bulk-toolbar > .button {
    width: auto !important;
    min-width: 52px;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .main .card .list-bulk-toolbar .list-selection-summary {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .main .card .media-bulk-toolbar [data-media-operation] {
    order: 1;
  }

  .main .card .media-bulk-toolbar [data-media-delete] {
    order: 2;
  }

  .main .card .media-bulk-toolbar [data-media-selected-count] {
    order: 3;
  }

  .main .admin-list-search input[name="q"] {
    width: 100% !important;
    max-width: none;
    flex-basis: 100% !important;
  }

  /* The page list is a control-heavy table on desktop. On a phone, keeping
     its 760px table surface creates a second horizontal scroll area and
     hides status/actions off-screen. Reflow each row into a compact card so
     every operation remains reachable without sideways scrolling. */
  .pages-screen,
  .pages-screen > .pages-list-panel,
  .pages-screen .admin-list-table {
    min-width: 0;
  }

  .pages-screen .page-list-search {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
  }

  .pages-screen .page-list-search .admin-search-input {
    width: 100%;
    max-width: none;
    flex: 1 1 100%;
  }

  .pages-screen .page-list-search > select {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0;
  }

  .pages-screen .admin-list-table {
    overflow-x: hidden !important;
  }

  .pages-screen .table {
    display: block;
    min-width: 0;
    table-layout: fixed;
  }

  .pages-screen .table thead {
    display: none;
  }

  .pages-screen .table tbody,
  .pages-screen .table tr {
    display: block;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) {
    position: relative;
    min-width: 0;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 8px;
    padding: 4px 0;
    border: 0;
    white-space: normal;
    text-align: left !important;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td[data-label]::before {
    flex: 0 0 84px;
    color: #6b7280;
    content: attr(data-label);
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td.page-checkbox-cell {
    position: absolute;
    top: 12px;
    right: 16px;
    width: auto;
    padding: 0;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td.page-checkbox-cell::before {
    display: none;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td:nth-child(2) {
    padding-right: 28px;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td:nth-child(2) .page-title-link {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td .page-translation-actions {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 4px;
  }

  .pages-screen .table tbody tr.page-list-empty-row td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .pages-screen .table tbody tr.page-list-empty-row td::before {
    display: none;
  }

  .main .card .pages-screen .list-bulk-toolbar,
  .pages-screen .list-bulk-toolbar {
    flex-wrap: wrap;
  }

  .page-mobile-select-all {
    display: inline-flex;
    flex: 0 0 100%;
    align-items: center;
    gap: 8px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 600;
  }

  .main .card .pages-screen .list-bulk-toolbar > select,
  .pages-screen .list-bulk-toolbar > .orders-bulk-select {
    width: auto;
    min-width: 0;
    flex: 1 1 180px;
  }

  /* Member rows contain editable role controls as well as long identifiers.
     Reflow them into labelled cards on phones so the fixed desktop columns do
     not collapse into one-character vertical text. */
  .users-page,
  .users-page > .users-card,
  .users-page .user-list-table {
    min-width: 0;
  }

  .users-page .user-list-table {
    overflow-x: hidden !important;
  }

  .users-page .user-list-table-grid {
    display: block;
    min-width: 0;
    table-layout: fixed;
  }

  .users-page .user-list-table-grid thead {
    display: none;
  }

  .users-page .user-mobile-select-all {
    display: inline-flex;
  }

  .users-page .user-list-table-grid tbody,
  .users-page .user-list-table-grid tr {
    display: block;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) {
    position: relative;
    min-width: 0;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 8px;
    padding: 4px 0;
    border: 0;
    white-space: normal;
    text-align: left !important;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label]::before {
    flex: 0 0 56px;
    color: #6b7280;
    content: attr(data-label);
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-checkbox-cell {
    position: absolute;
    top: 12px;
    right: 16px;
    width: auto;
    padding: 0;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-checkbox-cell::before {
    display: none;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이름"] {
    padding-right: 28px;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이름"] > div,
  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-role-cell > div {
    min-width: 0;
    flex-wrap: wrap;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이름"] a,
  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이메일"] a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-role-cell select[data-user-role] {
    flex: 1 1 140px;
    min-width: 0 !important;
    max-width: 100%;
  }

  .users-page .user-list-table-grid tbody tr.user-list-empty-row td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  /* Several legacy operational screens contain dense tables or nested cards.
     Reset the grid item's automatic min-content width at the shared frame so
     those screens remain inside the phone viewport; their intentionally dense
     tables may still scroll inside their own list wrapper. */
  .admin-page-frame {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }

  .admin-page-frame > * {
    min-width: 0;
    max-width: 100%;
  }

  .admin-page-frame > .card,
  .admin-page-frame > section.card {
    min-width: 0;
    overflow-x: hidden;
  }

  .media-screen {
    grid-template-columns: minmax(0, 1fr);
  }

  .media-screen > .media-filter-panel,
  .media-screen > .media-list-panel {
    min-width: 0;
    max-width: 100%;
  }

  .media-screen > .media-filter-panel {
    padding: 16px;
  }

  .media-screen .media-filter-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .media-screen .media-filter-form :where(input, select, button, a) {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
  }

  .community-page > .card {
    overflow-x: hidden;
  }
}

.list-bulk-toolbar {
  justify-content: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
}

/* Legacy admin list controls sit in one compact row below the filter field.
   The generic card control rule makes native selects full width, which turns
   the shared Hono list toolbar into a tall stacked panel. */
.main .card .list-bulk-toolbar {
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px 20px;
  border: 0;
  border-bottom: 1px solid #f3f4f6;
  border-radius: 0;
  background: rgb(249 250 251 / .4);
}

.main .card .list-bulk-toolbar > select {
  width: 208px;
  min-width: 208px;
  flex: 0 0 208px;
}

.main .card .list-bulk-toolbar .list-selection-summary {
  margin-right: 0;
}

.main .card .list-bulk-toolbar > .button {
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
}

.main .card .products-bulk-toolbar > .button {
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
}

.main .card.page-template-list-panel,
.main .card.layout-template-list-panel,
.main .card.collection-list-panel {
  padding: 0;
}

.layout-template-search {
  margin: 0;
}

.layout-template-list-heading {
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
  background: rgb(249 250 251 / .5);
}

.layout-template-list-heading h3 {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 700;
  line-height: 21.7px;
}

.layout-template-table td:last-child,
.layout-template-table th:last-child {
  text-align: right;
}

.layout-template-table {
  border-collapse: separate;
  border-spacing: 0;
}

.layout-template-table tbody td {
  border-bottom: 0;
}

.layout-template-table tbody tr + tr td {
  border-top: 1px solid #e5e7eb;
}

.layout-template-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-top: 1px solid #f3f4f6;
  color: #6b7280;
  font-size: 13px;
}

.layout-template-pagination-count {
  font-weight: 700;
}

.layout-template-pagination-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.layout-template-pagination-actions .button,
.layout-template-current-page {
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

/* Pagination is rendered by several admin screens. The generic card button
   primitive is intentionally taller, so pagination owns one explicit token
   for previous/next, numbers, and the active page. */
.main .card:not(.auth-card) :is(.layout-template-pagination-actions, .shop-inquiries-page-buttons, .marketing-pagination-actions, .orders-pagination, .products-pagination, .point-pagination-links) :is(.button, .layout-template-current-page, .admin-pagination-number, .shop-inquiries-current-page, .point-pagination-link) {
  box-sizing: border-box;
  min-height: 32px;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 18px;
}

.main .card:not(.auth-card) :is(.admin-pagination-number, .layout-template-current-page, .shop-inquiries-current-page, .point-pagination-link.point-pagination-number) {
  min-width: 32px;
  justify-content: center;
  text-align: center;
}

.main .shop-inquiries-screen .shop-inquiries-page-buttons :is(.button, .admin-pagination-number, .shop-inquiries-current-page) {
  box-sizing: border-box;
  min-height: 32px;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 18px;
}

.main .shop-inquiries-screen .shop-inquiries-page-buttons :is(.admin-pagination-number, .shop-inquiries-current-page) {
  min-width: 32px;
  justify-content: center;
  text-align: center;
}

.layout-template-current-page {
  min-width: 32px;
  border: 0;
  background: #030712;
  color: #fff;
}

.admin-pagination-number-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.admin-pagination-number {
  min-width: 32px;
  justify-content: center;
  text-align: center;
}

.admin-pagination-gap {
  padding: 0 2px;
  color: #9ca3af;
  font-weight: 700;
}

.page-template-list-panel > form.admin-list-search,
.layout-template-list-panel > form.admin-list-search,
.collection-list-panel > .toolbar {
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
}

.list-selection-summary {
  margin-right: auto;
  color: #6b7280;
  font-size: 13px;
  font-weight: 600;
}

.list-bulk-toolbar .button {
  min-height: 34px;
  padding: 7px 12px;
  font-size: 13px;
}

.media-filter-form {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(112px, 1fr)) minmax(140px, 1fr) auto auto auto;
  gap: 8px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}

.media-screen > .media-filter-panel {
  padding: 20px;
}

.media-screen > .media-list-panel {
  padding: 0;
}

.media-filter-form .admin-search-input {
  width: min(326px, 100%);
  max-width: 326px;
  flex: 0 1 326px;
}

.media-filter-form :where(input, select) {
  width: auto !important;
  min-width: 0;
}

.main .media-filter-form {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 12px;
}

.main .media-filter-form .admin-search-input {
  flex: 0 0 326px;
}

.main .media-filter-form .admin-search-input > svg {
  display: none;
}

.main .media-filter-form .admin-search-input > input {
  padding-left: 12px !important;
}

.main .media-filter-form > button[type="submit"] {
  width: 56px !important;
  min-width: 56px;
  flex: 0 0 56px;
  padding: 8px 12px;
  white-space: nowrap;
}

.main .media-filter-form > [data-media-rebuild] {
  width: 111px !important;
  min-width: 111px;
  flex: 0 0 111px;
  padding: 8px 12px;
  white-space: nowrap;
}

.main .media-filter-form > select {
  width: 152px !important;
  min-width: 152px;
  flex: 0 0 152px;
}

.main .media-filter-form > input[name="folder"] {
  width: 217px !important;
  min-width: 0;
  flex: 0 0 217px;
}

.media-bulk-toolbar { margin-top: 12px; }
.main .card .media-bulk-toolbar > select {
  width: 208px;
  min-width: 208px;
  flex: 0 0 208px;
  padding: 6px 10px;
  line-height: 21.7px;
}

@media (max-width: 1180px) {
  .media-screen .media-filter-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
  }

  .main .media-screen .media-filter-form .admin-search-input {
    width: 100%;
    max-width: none;
    flex: 0 1 auto;
  }

  .main .media-screen .media-filter-form > button[type="submit"],
  .main .media-screen .media-filter-form > [data-media-rebuild] {
    width: 100% !important;
    min-width: 0;
    flex: 0 1 auto;
  }
}

@media (max-width: 1180px) {
  .media-filter-form { grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(120px, 1fr)); }
  .media-filter-form :where(input[name="folder"], button, a) { grid-column: span 1; }
}

.main .button.secondary {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
}

.main .button.secondary:hover {
  background: #f9fafb;
}

/* Bulk apply buttons use the compact primary surface in their toolbar. The
   generic secondary hover rule used to win only for the background, leaving
   the higher-specificity white text in place and making the label disappear. */
.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar, #customer-roles > .toolbar) > .button.secondary:hover {
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  color: #111827;
}

.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar, #customer-roles > .toolbar) > .button.secondary:disabled,
.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar, #customer-roles > .toolbar) > .button.secondary:disabled:hover {
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  color: #9ca3af;
  cursor: not-allowed;
  opacity: 1;
}

.main .button.danger {
  border: 1px solid #fee2e2;
  background: #fef2f2;
  color: #dc2626;
}

.main .button.danger:hover {
  background: #fef2f2;
}

.main .admin-content > main {
  min-width: 0;
  margin: calc(-1 * var(--admin-page-gutter));
}

.menu-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  color: #111827;
  font-size: 14px;
}

.menu-screen > .screen-header {
  margin-bottom: 20px;
}

.menu-screen > .screen-header h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 28px;
}

.menu-screen > .screen-header p {
  margin: 4px 0 0;
}

.menu-screen .field {
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 18.6px;
  gap: 4px;
}

.menu-screen .field input:not([type="checkbox"]):not([type="radio"]),
.menu-screen .field select,
.menu-screen .field textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.menu-screen .field select {
  line-height: normal;
}

.menu-editor-header {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) minmax(180px, 240px) auto;
  gap: 12px;
  align-items: start;
  margin-top: 0;
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px #1118270a;
}

.menu-editor-header .field { margin: 0; }

.menu-editor-actions {
  display: flex;
  align-self: start;
  justify-self: end;
  gap: 8px;
  padding-top: 22.6px;
}

.menu-editor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
  align-items: start;
}

.menu-source-panel,
.menu-tree-panel {
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px #1118270a;
}

.menu-source-panel { overflow: hidden; }

/* All admin tab rows share the same overflow and sizing contract. The row
   itself never reaches outside its parent; parent cards provide the shared
   20px/16px content gutter where a full-bleed surface needs an inset. */
.admin-tab-strip {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  max-width: 100%;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.admin-tab-strip > :where(button, a) { flex: 0 0 auto; }
.admin-tab-strip::-webkit-scrollbar { height: 5px; }
.admin-tab-strip::-webkit-scrollbar-track { background: transparent; }
.admin-tab-strip::-webkit-scrollbar-thumb { border-radius: 999px; background: #cbd5e1; }

.admin-settings-tabs {
  gap: 6px;
  margin-top: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e7eb;
}

.menu-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-inline: 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}

.menu-tab {
  min-width: 0;
  padding: 11px 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
}

.menu-tab[aria-selected="true"] {
  border-bottom-color: #2563eb;
  background: #fff;
  color: #2563eb;
}

.menu-tab:focus-visible,
.menu-source-add:focus-visible,
.menu-tree-action:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.menu-source-body { padding: 16px; }
.menu-source-body > [hidden] { display: none; }

.menu-source-description {
  margin: 0 0 16px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.6;
}

.menu-source-heading,
.menu-source-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 28px;
  gap: 8px;
  align-items: center;
}

.menu-source-heading {
  padding: 0 10px 6px;
  color: #9ca3af;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.menu-source-row {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.menu-source-row:hover { border-color: #93c5fd; background: #eff6ff; }
.menu-source-row[data-depth="1"] { margin-left: 14px; }
.menu-source-row[data-depth="2"] { margin-left: 28px; }
.menu-source-row[data-depth="3"] { margin-left: 42px; }

.menu-source-title,
.menu-source-path {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-source-title { color: #111827; font-size: 14px; font-weight: 700; }
.menu-source-path { color: #6b7280; font-size: 12px; }

.menu-source-add {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #2563eb;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.menu-source-add:hover { background: #dbeafe; }

.menu-custom-form { display: grid; gap: 12px; }
.menu-custom-form .field { margin: 0; }

.menu-tree-panel {
  grid-column: span 2;
  padding: 20px;
}

.menu-tree-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.menu-tree-heading h2 { margin: 0; font-size: 15px; }
.menu-tree-heading p { margin: 4px 0 0; color: #6b7280; font-size: 12px; line-height: 1.6; }

.menu-tree,
.menu-subtree {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu-subtree { margin-top: 8px; margin-left: 32px; }
.menu-tree-node { min-width: 0; }

.menu-tree-card {
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 3px #1118270d;
}

.menu-tree-card[data-depth="1"] { border-color: #e5e7eb; }
.menu-tree-card[data-dragging="true"] { opacity: .5; }
.menu-tree-card[data-drop-target="true"] { border-color: #2563eb; box-shadow: 0 0 0 2px #dbeafe; }

.menu-tree-head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
}

.menu-tree-leading,
.menu-tree-actions { display: flex; min-width: 0; align-items: center; gap: 8px; }
.menu-tree-leading { flex: 1; }
.menu-tree-actions { flex: 0 0 auto; gap: 4px; }

.menu-tree-drag {
  display: inline-flex;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #9ca3af;
  cursor: grab;
  font: inherit;
  font-size: 16px;
}
.menu-tree-drag svg { width: 16px; height: 16px; }
.menu-tree-drag:hover { border-color: #93c5fd; color: #2563eb; }
.menu-tree-drag:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }

.menu-tree-level {
  display: inline-flex;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #0f172a;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.menu-tree-card[data-depth="1"] .menu-tree-level { background: #f3f4f6; color: #6b7280; }
.menu-tree-summary { min-width: 0; }
.menu-tree-summary strong,
.menu-tree-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-tree-summary strong { color: #111827; font-size: 14px; }
.menu-tree-summary small { margin-top: 2px; color: #6b7280; font-size: 12px; }

.menu-tree-badge {
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 4px;
  background: #ecfdf5;
  color: #047857;
  font-size: 10px;
  font-weight: 800;
  vertical-align: 2px;
}

.menu-tree-action {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  font: inherit;
  font-size: 16px;
}

.menu-tree-action:hover { background: #f3f4f6; color: #111827; }
.menu-tree-action[data-menu-remove]:hover { background: #fef2f2; color: #dc2626; }
.menu-tree-action:disabled { cursor: default; opacity: .25; }

.menu-tree-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 150px 170px;
  gap: 8px;
  padding: 0 12px 12px;
}

.menu-tree-fields-secondary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 8px;
  padding: 0 12px 12px;
}

.menu-tree-field { min-width: 0; }
.menu-tree-field span { display: block; margin-bottom: 4px; color: #6b7280; font-size: 10px; font-weight: 800; }
.menu-tree-field input,
.menu-tree-field select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 12px;
}

.menu-tree-target {
  display: flex;
  min-height: 32px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
}

.menu-tree-roles { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 12px 12px; }
.menu-tree-roles[hidden] { display: none; }
.menu-tree-role { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #f3f4f6; border-radius: 8px; background: #f9fafb; color: #374151; font-size: 12px; font-weight: 700; }

.menu-tree-empty { padding: 48px 16px; border: 1px dashed #e5e7eb; border-radius: 12px; background: #f9fafb; color: #6b7280; text-align: center; }
.menu-tree-empty strong { display: block; color: #374151; font-size: 14px; }
.menu-tree-empty span { display: block; margin-top: 4px; font-size: 12px; }

@media (max-width: 960px) {
  .menu-editor-grid { grid-template-columns: 1fr; }
  .menu-tree-panel { grid-column: auto; }
}

@media (max-width: 700px) {
  .menu-editor-header { grid-template-columns: 1fr; align-items: stretch; }
  .menu-editor-actions { justify-self: stretch; padding-top: 0; }
  .menu-editor-actions .button { flex: 1; justify-content: center; }
  .menu-tabs { grid-template-columns: repeat(4, minmax(92px, 1fr)); overflow-x: auto; }
  .menu-tree-panel { padding: 16px; }
  .menu-tree-fields,
  .menu-tree-fields-secondary { grid-template-columns: 1fr; }
  .menu-subtree { margin-left: 12px; }
  .menu-tree-head { align-items: flex-start; }
  .menu-tree-leading { align-items: flex-start; }
  .menu-tree-actions { flex-wrap: wrap; }
}

.admin-topbar {
  display: none;
}

.card {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  box-shadow: none;
}

/* The order detail keeps the NCA operations flow: summary, status, inventory,
   refund, customer data, claims, delivery, line items, and payments. Keep each
   operational surface as its own border-first card so a long address editor
   cannot visually swallow the order state. */
.shop-order-detail-page { gap: 20px; }
.shop-order-detail-form { display: grid; gap: 20px; margin: 0; }
.shop-order-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.shop-order-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.shop-order-summary-item { display: flex; align-items: center; min-width: 0; min-height: 40px; border: 1px solid #e5e7eb; border-radius: 6px; padding: 8px 10px; background: #f9fafb; color: #111827; font-size: 13px; font-weight: 600; line-height: 18px; overflow-wrap: anywhere; }
.shop-order-tabs { gap: 4px; border-bottom: 1px solid #e5e7eb; border-radius: 8px; padding: 0 8px; background: #f8fafc; }
.shop-order-tabs button { flex: 0 0 auto; border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 13px 16px 11px; color: #64748b; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap; }
.shop-order-tabs button[aria-selected="true"] { border-bottom-color: #111827; color: #111827; }
.shop-order-tabs button:focus-visible { outline: 3px solid rgb(37 99 235 / 20%); outline-offset: -3px; }
.shop-order-tab-panel { display: grid; min-width: 0; gap: 20px; }
.shop-order-tab-panel[hidden] { display: none; }
.shop-order-detail-section { min-width: 0; margin: 0; padding: 12px; }
.shop-order-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.shop-order-status-grid .field { min-width: 0; margin: 0; }
.shop-order-status-note { margin: 14px 0 0; border-radius: 8px; padding: 10px 12px; background: #fff7ed; color: #9a3412; font-size: 12px; line-height: 18px; }
.shop-order-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.shop-order-section-heading h2,
.shop-order-subsection h2 { margin: 0; color: #111827; font-size: 15px; font-weight: 700; line-height: 21px; }
.shop-order-section-heading p { margin: 4px 0 0; }
.shop-order-section-link,
.shop-order-inline-link { color: #0071e3; font-size: 12px; font-weight: 700; text-decoration: none; }
.shop-order-section-link:hover,
.shop-order-section-link:focus-visible,
.shop-order-inline-link:hover,
.shop-order-inline-link:focus-visible { text-decoration: underline; }
.shop-order-table-wrap { min-width: 0; margin-top: 14px; overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 8px; }
.shop-order-table-wrap .table { min-width: 720px; margin: 0; }
.shop-order-table-wrap .table th,
.shop-order-table-wrap .table td { padding: 12px 14px; vertical-align: top; }
.shop-order-table-wrap .table th { background: #f8fafc; }
.shop-order-empty-cell { padding: 32px 14px !important; text-align: center; }
.shop-order-item-options { margin-top: 4px; font-size: 12px; }
.shop-order-refund-section { border-color: #fecaca; background: #fffafa; }
.shop-order-refund-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.shop-order-refund-summary > div { display: grid; gap: 4px; min-width: 0; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px 14px; background: #fff; }
.shop-order-refund-summary span { color: #6b7280; font-size: 12px; font-weight: 700; }
.shop-order-refund-summary strong { color: #111827; font-size: 14px; line-height: 20px; }
.shop-order-refund-summary strong.is-available { color: #0071e3; }
.shop-order-refund-controls { display: grid; grid-template-columns: minmax(160px, 220px) minmax(220px, 1fr) auto; gap: 12px; align-items: end; margin-top: 16px; }
.shop-order-refund-controls .field,
.shop-order-refund-account .field { min-width: 0; margin: 0; }
.shop-order-refund-controls .button { min-height: 40px; white-space: nowrap; }
.shop-order-refund-items { display: grid; gap: 10px; margin-top: 16px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px; background: #fff; }
.shop-order-refund-items > span { color: #374151; font-size: 12px; font-weight: 700; }
.shop-order-refund-items label { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 12px; align-items: center; color: #374151; font-size: 14px; }
.shop-order-refund-locked { display: grid; gap: 4px; margin-top: 16px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px 16px; background: #fff; }
.shop-order-refund-locked strong { color: #374151; font-size: 13px; line-height: 20px; }
.shop-order-refund-locked p { margin: 0; color: #6b7280; font-size: 13px; line-height: 20px; }
.shop-order-status-grid select:disabled { cursor: not-allowed; background: #f8fafc; color: #64748b; }
.shop-order-refund-account { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.shop-order-customer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.shop-order-customer-grid .field { min-width: 0; margin: 0; }
.shop-order-guest-label { align-self: center; font-size: 12px; font-weight: 700; }
.shop-order-subsection + .shop-order-subsection { margin-top: 24px; border-top: 1px solid #f3f4f6; padding-top: 20px; }
.shop-order-address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 14px; }
.shop-order-address-grid .admin-address-editor { min-width: 0; margin-top: 0; border: 0; padding: 0; background: transparent; }
.shop-order-address-grid .admin-address-editor-heading h3 { color: #111827; font-size: 14px; line-height: 20px; }
.shop-order-address-grid .admin-address-editor-heading p { margin: 2px 0 0; font-size: 12px; line-height: 18px; }
.shop-order-address-grid .admin-address-fields { display: grid; gap: 10px; margin-top: 12px; }
.shop-order-address-grid .admin-address-fields .field { min-width: 0; margin: 0; }
.shop-order-address-grid .admin-address-fields input { width: 100%; }
.shop-order-address-grid .admin-address-empty { margin: 12px 0 0; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.shop-order-tab-panel > .shop-order-production-panel { margin-top: 0 !important; }
.shop-order-tab-panel > .shop-order-production-panel .screen-header { margin: 0; }
.shop-manual-order-page { gap: 20px; }
.manual-order-products-section { display: grid; gap: 16px; min-width: 0; }
.manual-order-product-picker { display: grid; gap: 12px; min-width: 0; }
.manual-order-search-field { margin: 0; }
.manual-order-address-fields { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.manual-order-address-fields .field { min-width: 0; margin: 0; }
.manual-order-address-search { display: flex; gap: 8px; min-width: 0; }
.manual-order-address-search input { min-width: 0; flex: 1 1 auto; }
.manual-order-address-search .button { flex: 0 0 auto; white-space: nowrap; }
.manual-order-search-results { display: grid; max-height: 320px; overflow-y: auto; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.manual-order-search-results[hidden],
.manual-order-variation-panel[hidden] { display: none; }
.manual-order-search-result { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 12px 14px; border-bottom: 1px solid #f3f4f6; }
.manual-order-search-result:last-child { border-bottom: 0; }
.manual-order-search-result-info { display: grid; gap: 3px; min-width: 0; }
.manual-order-search-result-info strong { overflow-wrap: anywhere; }
.manual-order-search-result-info span { color: #6b7280; font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.manual-order-search-result .button { flex: 0 0 auto; min-height: 36px; white-space: nowrap; }
.manual-order-search-message { margin: 0; padding: 18px 14px; color: #6b7280; font-size: 13px; text-align: center; }
.manual-order-variation-panel { display: grid; gap: 12px; padding: 16px; border: 1px solid #dbeafe; border-radius: 8px; background: #eff6ff; }
.manual-order-variation-panel p { margin: 4px 0 0; }
.manual-order-variation-panel .field { margin: 0; }
.manual-order-variation-panel .button { justify-self: start; }
.manual-order-lines { display: grid; gap: 10px; min-width: 0; }
.manual-order-empty { margin: 0; padding: 24px 16px; border: 1px dashed #d1d5db; border-radius: 8px; color: #6b7280; text-align: center; }
.manual-order-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; min-width: 0; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.manual-order-line-info { display: grid; gap: 4px; min-width: 0; }
.manual-order-line-info strong { overflow-wrap: anywhere; }
.manual-order-line-info span { font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.manual-order-line-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.manual-order-line-actions > [data-line-price-label] { min-width: 100px; color: #111827; font-weight: 700; text-align: right; }
.manual-order-quantity { display: inline-grid; grid-template-columns: auto 86px; gap: 8px; align-items: center; color: #6b7280; font-size: 12px; white-space: nowrap; }
.manual-order-quantity input { width: 86px; box-sizing: border-box; }
.manual-order-line-actions .button { min-height: 36px; white-space: nowrap; }
@media (max-width: 700px) {
  .manual-order-address-fields { grid-template-columns: minmax(0, 1fr); }
  .manual-order-search-result { align-items: flex-start; padding: 12px; }
  .manual-order-search-result .button { min-height: 34px; padding: 8px 10px; }
  .manual-order-variation-panel .button { width: 100%; justify-self: stretch; justify-content: center; }
  .manual-order-line { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px 12px; }
  .manual-order-line-actions { justify-content: space-between; }
  .manual-order-line-actions > [data-line-price-label] { min-width: auto; margin-right: auto; }
}

@media (max-width: 900px) {
  .shop-order-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-order-status-grid,
  .shop-order-customer-grid,
  .shop-order-address-grid { grid-template-columns: minmax(0, 1fr); }
  .shop-order-refund-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-order-refund-controls .button { grid-column: 1 / -1; }
  .shop-order-refund-account { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .shop-order-refund-summary,
  .shop-order-refund-controls,
  .shop-order-refund-account { grid-template-columns: minmax(0, 1fr); }
  .shop-order-refund-controls .button { grid-column: auto; width: 100%; }
  .shop-order-refund-items label { grid-template-columns: minmax(0, 1fr) 88px; }
}

.notification-page-layout {
  box-sizing: border-box;
  display: grid;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  gap: 20px;
}
.notification-page-heading h1 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.025em;
}
.notification-page-card {
  max-width: none;
  overflow: hidden;
}

/* Point screens mirror the legacy adminPageClass/AdminCard composition. The
   markup stays Hono-owned, while these primitives preserve the same title,
   card, summary, search and pagination geometry across every point route. */
.point-admin-page {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  flex-direction: column;
  gap: 20px;
  color: #111827;
  font-size: 14px;
}

.point-page-title {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 28px;
}

.point-admin-card {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.point-summary-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.point-summary-item {
  min-width: 0;
  padding: 16px;
}

.point-summary-item.has-start-divider {
  border-left: 1px solid #f3f4f6;
}

.point-summary-item.has-mobile-bottom-divider {
  border-bottom: 1px solid #f3f4f6;
}

.point-summary-item.has-desktop-top-divider {
  border-top: 1px solid #f3f4f6;
}

.point-summary-label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.point-summary-value {
  display: block;
  margin-top: 4px;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 24px;
}

.point-card-header {
  border-bottom: 1px solid #f3f4f6;
  padding: 16px 20px;
}

.point-card-header h3,
.point-recent-section > h3 {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
}

.point-card-header p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 20px;
}

.point-recent-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.point-list-search {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  border-bottom: 1px solid #f3f4f6;
  padding: 16px;
}

.point-search-input {
  position: relative;
  min-width: 0;
}

.point-search-input input {
  width: 100%;
  padding-left: 36px;
}

.point-search-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 16px;
  height: 16px;
  color: #9ca3af;
  pointer-events: none;
  transform: translateY(-50%);
}

.point-list-search .button {
  flex-shrink: 0;
}

.point-pagination {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
  border-top: 1px solid #f3f4f6;
  padding: 12px 20px;
  color: #6b7280;
  font-size: 13px;
  line-height: 20px;
}

.point-pagination-summary {
  font-weight: 700;
}

.point-pagination-links {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.point-pagination-link {
  display: inline-flex;
  min-width: 0;
  min-height: 32px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 6px 12px;
  color: #374151;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color 120ms ease;
}

.point-pagination-link:hover,
.point-pagination-link:focus-visible {
  background: #f9fafb;
}

.point-pagination-link.point-pagination-number {
  min-width: 32px;
  padding-right: 10px;
  padding-left: 10px;
}

.point-pagination-link.is-current {
  border-color: #030712;
  background: #030712;
  color: #fff;
}

.point-pagination-link.is-current:hover,
.point-pagination-link.is-current:focus-visible {
  background: #030712;
}

.point-pagination-link.is-disabled {
  border-color: #f3f4f6;
  color: #d1d5db;
  pointer-events: none;
}

.point-pagination-gap {
  padding: 0 4px;
  color: #d1d5db;
  font-weight: 700;
}

.point-adjustment-card form,
.point-settings-card form {
  padding: 20px;
}

.point-adjustment-grid {
  display: grid;
  max-width: 896px;
  grid-template-columns: 1fr;
  gap: 20px;
}

.point-adjustment-notice {
  margin-top: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  padding: 12px 16px;
  color: #4b5563;
  font-size: 12px;
  line-height: 20px;
}

.point-adjustment-card form > .button {
  margin-top: var(--admin-form-action-gap);
}

.point-screen-debug {
  display: none;
}

.point-rules-card,
.point-expirations-card,
.point-reversals-card {
  padding: 0;
}

.point-rules-layout {
  display: grid;
  grid-template-columns: 1fr;
}

.point-rule-form {
  border-bottom: 1px solid #f3f4f6;
  padding: 20px;
}

.point-expiration-section {
  border-bottom: 1px solid #f3f4f6;
}

.point-expiration-section.is-separated {
  border-bottom: 0;
}

.point-section-heading {
  padding: 16px 20px;
}

.point-section-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 20px;
}

.point-section-heading p {
  margin: 4px 0 0;
  line-height: 20px;
}

.point-admin-card .table th {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (min-width: 768px) {
  .point-summary-card {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .point-summary-item {
    padding-right: 20px;
    padding-left: 20px;
  }

  .point-list-search {
    flex-direction: row;
    align-items: center;
  }

  .point-search-input {
    max-width: 384px;
    flex: 1;
  }

  .point-pagination {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .point-adjustment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .point-rules-layout {
    grid-template-columns: 420px minmax(0, 1fr);
  }

  .point-rule-form {
    border-right: 1px solid #f3f4f6;
    border-bottom: 0;
  }
}

.table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.table th,
.table td {
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}

.table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 10px 20px;
  background: #f9fafb;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
}

.table td {
  padding: 12px 20px;
  color: #111827;
  font-size: 14px;
}

.table tbody tr:hover {
  background: rgb(249 250 251 / .5);
}

.table input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #2563eb;
}

.table a:not(.button) {
  color: #111827;
  font-weight: 600;
  text-decoration: none;
}

.table a:not(.button):hover {
  color: #111827;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Status links are semantic badges, not ordinary list titles. Keep their
   variant colors even when they are rendered as links. */
.table a.status-pill,
.table a.order-status-pill,
.table a[data-status] {
  color: inherit;
}

.table .button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 13px;
}

.order-status-pill {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.order-status-pill.neutral { background: #f3f4f6; color: #374151; }
.order-status-pill.info { background: #eff6ff; color: #1d4ed8; }
.order-status-pill.success { background: #ecfdf5; color: #047857; }
.order-status-pill.warning { background: #fffbeb; color: #b45309; }
.order-status-pill.danger { background: #fef2f2; color: #dc2626; }

.orders-card {
  overflow: hidden;
  padding: 0;
}

.orders-filter-form {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(120px, 0.8fr)) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 20px;
  border-bottom: 0;
}

.main .card:not(.auth-card) .orders-filter-form .field {
  gap: 0;
  line-height: 18.6px;
}

.main .card:not(.auth-card) .orders-filter-form .field > input,
.main .card:not(.auth-card) .orders-filter-form .field > select {
  display: inline-block;
  vertical-align: top;
}

.main .card:not(.auth-card) .orders-filter-form .field > select {
  height: 39.6875px;
  min-height: 39.6875px;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 32px;
}

.orders-filter-search,
.orders-date-field { grid-column: auto; }
.orders-filter-form .field { min-width: 0; margin: 0; }
.orders-filter-form .field > span,
.orders-date-field legend { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 20px; }
.main .card:not(.auth-card) .orders-filter-form .field > span,
.main .card:not(.auth-card) .orders-date-field legend { line-height: 18.6px; }
.main .card:not(.auth-card) .orders-filter-form .field:not(.orders-filter-search) > span { margin-bottom: 6px; }
.orders-date-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.orders-date-field > div { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; }
.orders-filter-actions { display: flex; justify-content: flex-end; gap: 8px; align-items: center; }
.orders-filter-actions .orders-action-button { height: 39.6875px; min-height: 39.6875px; }
.orders-filter-actions .button { white-space: nowrap; }
.orders-action-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.orders-action-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.shop-operations-filter { display: grid; grid-template-columns: minmax(240px, 1.45fr) repeat(2, minmax(130px, 0.8fr)) repeat(2, minmax(130px, 0.7fr)) auto; gap: 12px; align-items: end; justify-content: initial; margin: 0 0 20px; }
.shop-operations-filter > input,
.shop-operations-filter > select { box-sizing: border-box; width: 100%; min-width: 0; }
.shop-operations-filter > .button { white-space: nowrap; }
.shop-shipments-filter { grid-template-columns: minmax(280px, 1.6fr) minmax(140px, 0.8fr) minmax(160px, 0.9fr) auto; }
.orders-data-tools { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 20px 0; }
.orders-bulk-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid #f3f4f6; background: rgb(249 250 251 / 0.7); }
.orders-bulk-select { display: flex; gap: 8px; align-items: center; }
.orders-bulk-select select,
.admin-list-table select[data-user-role],
.admin-list-table select[data-product-status],
.admin-list-table select[data-board-post-status] {
  min-height: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  outline: none;
  padding: 6px 32px 6px 10px;
  appearance: none;
}
.orders-bulk-select select { min-width: 208px; }
.admin-list-table select[data-user-role] { min-width: 144px; }
.admin-list-table select[data-product-status] { min-width: 112px; }
.admin-list-table select[data-board-post-status] { min-width: 96px; }
.main .card .orders-bulk-select select,
.main .card .admin-list-table select[data-user-role],
.main .card .admin-list-table select[data-product-status],
.main .card .admin-list-table select[data-board-post-status] {
  min-height: 32px;
  min-width: 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  padding: 6px 32px 6px 10px;
  appearance: none;
}
.main .card .orders-bulk-select select { min-width: 208px; }
.main .card .admin-list-table select[data-user-role] { min-width: 144px; }
.main .card .admin-list-table select[data-product-status] { min-width: 112px; }
.main .card .admin-list-table select[data-board-post-status] { min-width: 96px; }
.orders-bulk-select select:focus,
.admin-list-table select[data-user-role]:focus,
.admin-list-table select[data-product-status]:focus,
.admin-list-table select[data-board-post-status]:focus { border-color: #0071e3; box-shadow: 0 0 0 1px #0071e3; }
.orders-table { min-width: 1120px; }
.orders-table th:first-child,
.orders-table td:first-child { width: 48px; }
.orders-product-cell { min-width: 288px; }
.orders-customer-cell { min-width: 224px; }
.orders-product-cell > div,
.orders-customer-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orders-link { color: #111827; font-size: 13px; font-weight: 700; text-decoration: none; }
.orders-item-link { overflow: hidden; color: #111827; font-size: 14px; font-weight: 700; text-overflow: ellipsis; text-decoration: none; }
.orders-link:hover,
.orders-item-link:hover { color: #111827; text-decoration: underline; text-underline-offset: 3px; }
.orders-money-cell { white-space: nowrap; text-align: right; font-weight: 700; }
.orders-empty { padding: 40px 20px !important; text-align: center !important; }
.orders-pagination { display: flex; gap: 8px; align-items: center; margin-top: 20px; }

.products-card {
  overflow: hidden;
  padding: 0;
}

.products-filter-form {
  display: block;
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #f3f4f6;
}

.products-filter-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(120px, 0.8fr)) repeat(2, minmax(100px, 0.65fr)) auto;
  gap: 12px;
  align-items: end;
}

.products-filter-form .field { display: block; min-width: 0; margin: 0; color: #111827; font-size: 14px; line-height: 21.7px; }
.products-filter-form .field > span { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 18.6px; }
.products-filter-form .field > input,
.products-filter-form .field > select { display: block; box-sizing: border-box; width: 100%; }
.products-filter-form .field > select { font: inherit; line-height: 21.7px; }
.products-filter-actions { display: flex; gap: 8px; flex-wrap: nowrap; align-items: center; }
.products-filter-actions .button { white-space: nowrap; }
.main .card:not(.auth-card) .products-filter-actions .button { min-height: 39.7px; gap: 6px; font-size: 14px; font-weight: 400; line-height: 21.7px; }
.products-filter-actions .filter-action-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.products-count { padding: 12px 20px; color: #6b7280; font-size: 13px; font-weight: 700; }
.products-bulk-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid #f3f4f6; background: rgb(249 250 251 / 0.7); }
.products-table { overflow-x: auto; }
.products-pagination { display: flex; gap: 8px; align-items: center; margin: 20px; }

.product-editor-page { gap: 8px; }
.product-editor-card { overflow: hidden; padding: 0; }
.product-editor-form { margin: 0; }
#hono-product-editor { margin: 0; padding: 0; }
.product-editor-tabs { gap: 0; border-bottom: 0; margin: 0; padding: 0; background: #fff; scrollbar-width: thin; scrollbar-color: #94a3b8 transparent; }
.product-editor-tabs::-webkit-scrollbar,
.product-editor-subtabs::-webkit-scrollbar { width: 0; height: 2px; }
.product-editor-tabs::-webkit-scrollbar-button,
.product-editor-subtabs::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; -webkit-appearance: none !important; }
.product-editor-tabs::-webkit-scrollbar-button:single-button:horizontal:decrement,
.product-editor-tabs::-webkit-scrollbar-button:single-button:horizontal:increment,
.product-editor-subtabs::-webkit-scrollbar-button:single-button:horizontal:decrement,
.product-editor-subtabs::-webkit-scrollbar-button:single-button:horizontal:increment { display: none !important; width: 0 !important; height: 0 !important; }
.product-editor-tabs::-webkit-scrollbar-track,
.product-editor-subtabs::-webkit-scrollbar-track { background: transparent; }
.product-editor-tabs::-webkit-scrollbar-corner,
.product-editor-subtabs::-webkit-scrollbar-corner { background: transparent; }
.product-editor-tabs::-webkit-scrollbar-thumb,
.product-editor-subtabs::-webkit-scrollbar-thumb { border-radius: 999px; background: #94a3b8; }
.product-editor-tab { display: block; flex: 0 0 auto; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #6b7280; cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; line-height: 20px; padding: 16px 14px 14px; text-decoration: none; white-space: nowrap; }
.product-editor-tab:hover { color: #111827; }
.product-editor-tab[aria-selected="true"] { border-bottom-color: #2563eb; color: #2563eb; }
.product-editor-subtabs { display: flex; gap: 4px; overflow-x: auto; margin: 0; border-bottom: 0; scrollbar-width: thin; scrollbar-color: #94a3b8 transparent; }
.product-editor-subtab { display: block; flex: 0 0 auto; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #6b7280; cursor: pointer; font: inherit; font-size: 12px; font-weight: 600; line-height: 18px; padding: 12px 12px 10px; text-decoration: none; white-space: nowrap; }
.product-editor-subtab:hover { color: #111827; }
.product-editor-subtab[aria-selected="true"] { border-bottom-color: #2563eb; color: #2563eb; }
.product-editor-save-access { display: flex; min-height: 40px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #f3f4f6; padding: 12px 0; }
.product-editor-save-meta { display: flex; min-width: 0; align-items: baseline; gap: 12px; }
.product-editor-save-meta strong { color: #111827; font-size: 14px; font-weight: 600; line-height: 20px; white-space: nowrap; }
.product-editor-save-status { color: #b45309; font-size: 12px; }
.product-editor-save-status:empty { display: none; }
.product-editor-save-shortcut { flex: 0 0 auto; width: 40px; height: 40px; align-self: center; margin-left: auto; }
.product-editor-status-control { display: flex; align-items: center; gap: 8px; margin-left: auto; color: #6b7280; font-size: 12px; white-space: nowrap; }
.product-editor-save-shortcut + .product-editor-status-control { margin-left: 0; }
.product-editor-status-control select { min-width: 120px; }
.product-production-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 12px 0 16px; }
.product-production-summary section { min-width: 0; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; padding: 14px; }
.product-production-summary h3 { margin: 0 0 6px; color: #111827; font-size: 14px; line-height: 20px; }
.product-production-summary p { margin: 0 0 4px; color: #374151; font-size: 13px; line-height: 20px; }
.product-production-summary small { color: #64748b; font-size: 12px; line-height: 18px; }
.product-editor-panel { padding: 0; }
.product-editor-section { border-bottom: 0; padding: 4px 0 0; }
.product-editor-section-heading { padding: 20px 0 4px; }
.product-editor-section-heading h2 { margin: 0; color: #111827; font-size: 16px; line-height: 22px; }
.product-editor-section .product-editor-row:last-child { border-bottom: 0; }
.product-editor-row { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: start; border-bottom: 1px solid #f3f4f6; padding: 16px 0; }
.product-editor-kind-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 760px; }
.product-editor-kind-grid-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-editor-kind-option { display: flex; align-items: flex-start; gap: 9px; min-width: 0; margin: 0; border: 1px solid #dbe1e8; border-radius: 8px; background: #fff; padding: 11px 12px; cursor: pointer; }
.product-editor-kind-option:hover { border-color: #9ca3af; }
.product-editor-kind-option:has(input:checked) { border-color: #111827; box-shadow: 0 0 0 1px #111827; }
.product-editor-kind-option:has(input:disabled) { background: #f9fafb; color: #9ca3af; cursor: not-allowed; }
.product-editor-kind-option input { flex: 0 0 auto; width: 15px; height: 15px; margin: 2px 0 0; }
.product-editor-kind-option span { display: grid; min-width: 0; gap: 3px; }
.product-editor-kind-option strong { color: #111827; font-size: 13px; line-height: 18px; }
.product-editor-kind-option small { color: #6b7280; font-size: 12px; line-height: 17px; }
.product-editor-kind-option:has(input:disabled) strong,
.product-editor-kind-option:has(input:disabled) small { color: #9ca3af; }
.product-editor-panel > .product-editor-row:last-child,
.product-editor-panel > [data-download-files-panel]:last-child > .product-editor-row:last-child { border-bottom: 0; }
.product-editor-panel > .product-editor-row:has(+ .product-editor-actions) { border-bottom: 0; }
.product-editor-panel > .product-editor-actions { border-top: 0; }
.product-editor-panel > .product-editor-actions { margin-top: 20px; padding: 0 0 8px; }
.product-editor-label { color: #111827; font-size: 13px; font-weight: 700; line-height: 20px; }
.product-editor-control { min-width: 0; }
.product-editor-control > :first-child { margin-top: 0; }
.main .card:not(.auth-card) .product-editor-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.main .card:not(.auth-card) .product-editor-control select { max-width: 512px; height: 36px; padding: 6px 12px; line-height: 20px; }
.main .card:not(.auth-card) .product-editor-control textarea { max-width: 768px; }
.product-editor-control textarea[data-product-rich-text] { width: 100%; max-width: 900px; min-height: 260px; }
.product-editor-control .product-rich-text-fallback { margin: 8px 0 0; color: #b45309; font-size: 12px; line-height: 18px; }
.product-editor-rich-text-field { width: 100%; max-width: 900px; }
.product-editor-control .jodit-container { width: 100% !important; max-width: 900px; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
.product-editor-control.cf-product-rich-text-editor { width: 100%; max-width: 900px; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; }
.product-editor-control.cf-product-rich-text-editor > textarea { border: 0; border-radius: 0; }
.cf-rich-text-editor:not(.cf-product-rich-text-editor) .jodit-container,
.product-editor-control.cf-product-rich-text-editor .jodit-container,
.product-editor-control .cf-rich-text-editor .jodit-container { border: 0; border-radius: 0; }
.main :is(input, select, textarea):is(.border-0, .border-none),
.main .card:not(.auth-card) :is(input, select, textarea):is(.border-0, .border-none),
.main .card:not(.auth-card) .field :is(input, select, textarea):is(.border-0, .border-none) { border: 0; border-radius: 0; box-shadow: none; }
.main :is(input, select, textarea).bg-transparent,
.main .card:not(.auth-card) :is(input, select, textarea).bg-transparent,
.main .card:not(.auth-card) .field :is(input, select, textarea).bg-transparent { background: transparent; }
.product-editor-control .jodit-toolbar__box { border-bottom: 1px solid #e5e7eb; background: #f9fafb; }
.product-editor-control .jodit-workplace { min-height: 260px; }
.product-editor-control .jodit-wysiwyg { font-size: 15px; line-height: 1.7; }
.product-editor-media-field { display: flex; max-width: 768px; align-items: center; gap: 8px; }
.product-editor-media-field > input,
.product-editor-media-field > textarea { flex: 1 1 auto; min-width: 0; max-width: none !important; }
.product-editor-media-field > .button { flex: 0 0 auto; white-space: nowrap; }
.product-editor-media-field--stacked { align-items: stretch; flex-direction: column; }
.product-editor-image-toggle { display: inline-flex; min-height: 36px; align-items: center; gap: 6px; margin-left: 4px; color: #6b7280; font-size: 13px; }
.product-editor-image-toggle input { width: 16px; height: 16px; }
.product-editor-image-group { display: grid; max-width: 768px; gap: 12px; }
.product-editor-image-field { display: grid; max-width: 768px; gap: 12px; }
.product-editor-image-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.product-editor-image-actions .button { white-space: nowrap; }
.product-editor-image-input { width: 100%; max-width: none !important; }
.product-editor-image-preview { display: flex; min-height: 180px; max-width: 360px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; color: #9ca3af; }
.product-editor-image-preview img { display: block; width: 100%; max-height: 320px; object-fit: contain; }
.product-editor-image-preview .product-editor-image-placeholder { display: flex; width: 100%; min-height: 180px; align-items: center; justify-content: center; color: #9ca3af; font-size: 12px; }
.product-editor-image-value { overflow-wrap: anywhere; margin: 0; color: #6b7280; font-size: 12px; line-height: 18px; }
.product-editor-image-value:empty { display: none; }
.product-editor-gallery-list { display: grid; gap: 8px; max-width: 768px; }
.product-variation-image-field { display: grid; gap: 8px; }
.product-variation-combination-field { display: grid; gap: 8px; }
.product-variation-option-chips { display: flex; min-height: 44px; flex-wrap: wrap; align-items: center; gap: 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; padding: 8px; }
.product-variation-option-chip { display: inline-flex; min-height: 30px; align-items: center; gap: 6px; border: 1px solid #bfdbfe; border-radius: 999px; background: #eff6ff; padding: 3px 6px 3px 10px; color: #1e40af; font-size: 12px; }
.product-variation-option-chip strong { color: #1e3a8a; font-size: 12px; }
.product-variation-option-chip button { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: transparent; color: #64748b; cursor: pointer; padding: 0; }
.product-variation-option-chip button:hover { background: #dbeafe; color: #1e40af; }
.product-variation-option-chip button:focus-visible { outline: 2px solid #2563eb; outline-offset: 1px; }
.product-variation-option-empty { color: #94a3b8; font-size: 12px; }
.product-variation-option-add-row { display: grid; grid-template-columns: minmax(140px, .8fr) minmax(160px, 1fr) auto; align-items: center; gap: 8px; }
.product-variation-option-add-row select { width: 100%; min-width: 0; }
.product-variation-option-add-row .button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
.product-variation-stock-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.product-variation-stock-toggle { display: inline-flex; min-height: 32px; align-items: center; gap: 8px; color: #4b5563; font-size: 13px; }
.product-variation-stock-toggle input { width: 16px; height: 16px; }
.product-variation-thumbnail-control { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.product-variation-thumbnail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.product-variation-thumbnail-actions .button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
.product-variation-image-preview { display: flex; width: 84px; height: 84px; flex: 0 0 84px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; color: #9ca3af; font-size: 11px; }
.product-variation-image-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.product-editor-gallery-item { display: flex; min-width: 0; align-items: center; gap: 10px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 8px; }
.product-editor-gallery-item img { width: 72px; height: 56px; flex: 0 0 72px; border-radius: 5px; background: #f3f4f6; object-fit: cover; }
.product-editor-gallery-placeholder { display: flex; width: 72px; height: 56px; flex: 0 0 72px; align-items: center; justify-content: center; border-radius: 5px; background: #f3f4f6; color: #9ca3af; font-size: 11px; text-align: center; }
.product-editor-gallery-meta { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; justify-content: space-between; gap: 8px; }
.product-editor-gallery-meta span { min-width: 0; overflow: hidden; color: #6b7280; font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-gallery-empty { margin: 0; color: #9ca3af; font-size: 13px; line-height: 20px; }
.admin-media-picker-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  z-index: 10020;
  box-sizing: border-box;
  width: min(960px, calc(100vw - 32px));
  height: min(760px, calc(100dvh - 32px));
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  color: #111827;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 30px 90px rgb(15 23 42 / 24%);
}
.admin-media-picker-dialog::backdrop { background: rgb(15 23 42 / 42%); backdrop-filter: blur(2px); }
.admin-media-picker-dialog__shell { position: relative; display: grid; height: 100%; grid-template-rows: auto auto minmax(0, 1fr); overflow: hidden; }
.admin-media-picker-dialog__header { position: relative; display: flex; min-height: 64px; align-items: center; justify-content: center; border-bottom: 1px solid #f1f5f9; padding: 14px 64px; text-align: center; }
.admin-media-picker-dialog__header h2 { margin: 0; color: #111827; font-size: 18px; line-height: 26px; }
.admin-media-picker-dialog__close { position: absolute; top: 14px; right: 16px; display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border: 0; border-radius: 999px; background: transparent; color: #64748b; cursor: pointer; font-size: 24px; line-height: 1; }
.admin-media-picker-dialog__close:hover { background: #f1f5f9; color: #111827; }
.admin-media-picker-dialog__close:focus-visible { outline: 3px solid rgb(37 99 235 / 18%); outline-offset: 1px; }
.admin-media-picker-dialog__controls { display: grid; gap: 10px; border-bottom: 1px solid #f1f5f9; padding: 14px 20px; background: #fff; }
.admin-media-picker-dialog__search-row { display: flex; min-width: 0; gap: 8px; }
.admin-media-picker-dialog__search-row input[type="search"] { box-sizing: border-box; flex: 1 1 auto; min-width: 0; max-width: none !important; min-height: 40px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; padding: 0 12px; color: #111827; outline: none; }
.admin-media-picker-dialog__search-row input[type="search"]::placeholder { color: #9ca3af; }
.admin-media-picker-dialog__search-row input[type="search"]:focus-visible,
.admin-media-picker-dialog__search-row select:focus-visible { border-color: #2563eb; outline: 0; box-shadow: 0 0 0 3px rgb(37 99 235 / 16%); }
.admin-media-picker-dialog__search-row select { min-width: 132px; min-height: 40px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; padding: 0 10px; color: #374151; }
.admin-media-picker-dialog__drop-hint { position: relative; display: flex; min-height: 40px; box-sizing: border-box; align-items: center; justify-content: center; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 8px 12px; color: #64748b; cursor: pointer; font-size: 12px; line-height: 18px; text-align: center; }
.admin-media-picker-dialog__drop-hint:hover { border-color: #60a5fa; background: #eff6ff; color: #1d4ed8; }
.admin-media-picker-dialog__drop-hint:focus-visible { border-color: #2563eb; outline: 0; box-shadow: 0 0 0 3px rgb(37 99 235 / 16%); }
.admin-media-picker-dialog__drop-hint input { position: absolute; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.admin-media-picker-dialog__status { min-height: 18px; margin: -2px 0 0; color: #64748b; font-size: 12px; line-height: 18px; }
.admin-media-picker-dialog__status:empty { display: none; }
.admin-media-picker-dialog__status.is-error { border-radius: 8px; background: #fef2f2; padding: 8px 10px; color: #b91c1c; }
.admin-media-picker-dialog__body { min-height: 0; overflow-y: auto; padding: 14px 20px 20px; }
.admin-media-picker-dialog__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; }
.admin-media-picker-dialog__item { display: grid; min-width: 0; gap: 7px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 6px; color: #374151; cursor: pointer; text-align: left; }
.admin-media-picker-dialog__item:hover,
.admin-media-picker-dialog__item:focus-visible { border-color: #60a5fa; outline: 0; box-shadow: 0 0 0 3px rgb(37 99 235 / 16%); }
.admin-media-picker-dialog__item img,
.admin-media-picker-dialog__document { display: flex; width: 100%; aspect-ratio: 1; align-items: center; justify-content: center; border-radius: 5px; background: #f3f4f6; object-fit: cover; }
.admin-media-picker-dialog__document { color: #64748b; font-size: 13px; font-weight: 800; }
.admin-media-picker-dialog__item > span:last-child { overflow: hidden; padding: 0 2px 2px; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 16px; }
.admin-media-picker-dialog__empty { grid-column: 1 / -1; margin: 0; padding: 64px 12px; color: #9ca3af; font-size: 13px; text-align: center; }
.admin-media-picker-dialog__more-wrap { display: flex; justify-content: center; padding-top: 16px; }
.admin-media-picker-dialog__drag-overlay,
.admin-media-picker-dialog__progress { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: rgb(255 255 255 / 94%); padding: 24px; text-align: center; }
.admin-media-picker-dialog__drag-overlay[hidden],
.admin-media-picker-dialog__progress[hidden] { display: none; }
.admin-media-picker-dialog__drag-overlay { border: 3px dashed #60a5fa; background: rgb(239 246 255 / 96%); color: #1d4ed8; }
.admin-media-picker-dialog__drag-overlay strong,
.admin-media-picker-dialog__progress strong { font-size: 16px; line-height: 24px; }
.admin-media-picker-dialog__drag-overlay span,
.admin-media-picker-dialog__progress span:last-child { color: #64748b; font-size: 12px; line-height: 18px; }
.admin-media-picker-dialog__spinner { width: 32px; height: 32px; border: 3px solid #e5e7eb; border-top-color: #2563eb; border-radius: 999px; animation: admin-media-picker-spin .8s linear infinite; }
@keyframes admin-media-picker-spin { to { transform: rotate(360deg); } }
.admin-media-library-modal { width: min(960px, calc(100vw - 32px)); height: min(760px, calc(100dvh - 32px)); max-width: none; max-height: none; }
.product-editor-control [name="categories"] { max-width: 768px !important; }
.product-editor-help { margin: 8px 0 0; color: #9ca3af; font-size: 12px; line-height: 18px; }
.product-editor-date-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 672px; }
.product-editor-three-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 512px; }
.product-editor-inline-grid { display: grid; grid-template-columns: minmax(180px, 0.8fr) minmax(0, 1fr); gap: 8px; max-width: 512px; }
.product-editor-shipping-class { display: grid; justify-items: start; gap: 8px; max-width: 512px; }
.product-editor-checks { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; min-height: 40px; }
.product-editor-checks label,
.product-editor-control > label { display: inline-flex; gap: 8px; align-items: center; color: #374151; font-size: 13px; }
.product-editor-checks input,
.product-editor-control > label input { width: 16px; height: 16px; }
.product-editor-choice-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; max-width: 768px; }
.product-editor-choice-list label { display: flex; min-height: 40px; align-items: center; gap: 8px; border: 1px solid #e5e7eb; border-radius: 6px; padding: 8px 10px; background: #fff; color: #374151; font-size: 13px; }
.product-editor-choice-list label:has(input:checked) { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.product-editor-choice-list input { width: 16px; height: 16px; flex: none; }
.product-editor-empty-choice { margin: 0; color: #6b7280; font-size: 13px; line-height: 20px; }
.product-editor-taxonomy-picker { display: grid; gap: 8px; width: 100%; max-width: 768px; }
.product-editor-taxonomy-toolbar { display: flex; align-items: center; gap: 8px; }
.product-editor-taxonomy-search { flex: 1 1 auto; min-width: 0; max-width: none !important; }
.product-editor-taxonomy-label { cursor: pointer; }
.product-editor-taxonomy-create { flex: 0 0 auto; min-height: 40px; white-space: nowrap; }
.product-editor-taxonomy-count { flex: 0 0 auto; color: #6b7280; font-size: 12px; white-space: nowrap; }
.product-editor-taxonomy-selected { display: flex; min-height: 40px; box-sizing: border-box; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.product-editor-taxonomy-empty { color: #9ca3af; font-size: 12px; }
.product-editor-taxonomy-tag { display: inline-flex; min-height: 28px; align-items: center; gap: 6px; border: 1px solid #bfdbfe; border-radius: 999px; padding: 3px 9px; background: #eff6ff; color: #1d4ed8; cursor: pointer; font: inherit; font-size: 12px; line-height: 18px; }
.product-editor-taxonomy-tag:hover { border-color: #60a5fa; background: #dbeafe; }
.product-editor-taxonomy-tag span { color: #1e40af; font-size: 15px; line-height: 14px; }
.product-editor-taxonomy-options { display: none; max-height: 224px; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; gap: 6px; overflow-y: auto; padding: 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.product-editor-taxonomy-picker[data-product-taxonomy-open] .product-editor-taxonomy-options { display: flex; }
.product-editor-taxonomy-option { position: relative; display: inline-flex; min-height: 34px; box-sizing: border-box; align-items: center; border: 1px solid #e5e7eb; border-radius: 999px; padding: 5px 11px; background: #fff; color: #374151; cursor: pointer; font-size: 13px; line-height: 20px; }
.product-editor-taxonomy-option[hidden] { display: none; }
.product-editor-taxonomy-picker[data-product-taxonomy-remote] .product-editor-taxonomy-options { flex-direction: column; flex-wrap: nowrap; gap: 4px; }
.product-editor-taxonomy-picker[data-product-taxonomy-remote] .product-editor-taxonomy-option { flex: 0 0 auto; width: 100%; border-radius: 6px; }
.product-editor-taxonomy-picker [data-product-taxonomy-retry][hidden] { display: none; }
.product-editor-taxonomy-option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.product-editor-taxonomy-option:hover { border-color: #93c5fd; color: #1d4ed8; }
.product-editor-taxonomy-option.is-selected { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.product-editor-taxonomy-option:focus-within { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.product-editor-taxonomy-no-results { width: 100%; margin: 4px 0; color: #6b7280; font-size: 12px; line-height: 20px; text-align: center; }
.product-editor-relation-picker { display: grid; max-width: 768px; gap: 10px; }
.product-editor-relation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.product-editor-relation-head strong { color: #111827; font-size: 14px; line-height: 20px; }
.product-editor-relation-head .product-editor-help { margin-top: 3px; }
.product-editor-relation-count { flex: 0 0 auto; color: #6b7280; font-size: 12px; white-space: nowrap; }
.product-editor-relation-search-row { display: flex; align-items: center; gap: 8px; }
.product-editor-relation-search-row input { flex: 1 1 auto; min-width: 0; max-width: none !important; }
.product-editor-relation-search-row .button { flex: 0 0 auto; min-width: 64px; white-space: nowrap; }
.product-editor-relation-results { display: grid; max-height: 248px; overflow-y: auto; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.product-editor-relation-result { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; border-bottom: 1px solid #f3f4f6; padding: 8px 10px; }
.product-editor-relation-result:last-child { border-bottom: 0; }
.product-editor-relation-result-copy { min-width: 0; overflow: hidden; color: #111827; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-relation-result small { overflow: hidden; max-width: 180px; color: #9ca3af; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-relation-result-state { margin: 0; padding: 14px; color: #6b7280; font-size: 12px; text-align: center; }
.product-editor-relation-selected { display: flex; min-height: 40px; box-sizing: border-box; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.product-editor-relation-empty { color: #9ca3af; font-size: 12px; }
.product-editor-relation-tag { display: inline-flex; min-height: 28px; align-items: center; gap: 6px; border: 1px solid #bfdbfe; border-radius: 999px; padding: 3px 9px; background: #eff6ff; color: #1d4ed8; cursor: pointer; font: inherit; font-size: 12px; line-height: 18px; }
.product-editor-relation-tag:hover { border-color: #60a5fa; background: #dbeafe; }
.product-editor-relation-tag > span { color: #1e40af; font-size: 15px; line-height: 14px; }
.product-editor-empty-state { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0; border: 1px dashed #bfdbfe; border-radius: 8px; background: #eff6ff; padding: 12px 14px; color: #1e3a8a; font-size: 13px; }
.product-editor-advanced-section { margin: 16px 0; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.product-editor-advanced-section > summary { display: flex; min-height: 52px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; padding: 10px 14px; }
.product-editor-advanced-section > summary::-webkit-details-marker { display: none; }
.product-editor-advanced-section > summary > span { display: grid; gap: 2px; }
.product-editor-advanced-section > summary strong { color: #111827; font-size: 14px; }
.product-editor-advanced-section > summary small { color: #6b7280; font-size: 12px; }
.product-editor-advanced-section > summary em { color: #6b7280; font-size: 12px; font-style: normal; }
.product-editor-advanced-content { border-top: 1px solid #f3f4f6; padding: 14px; }
.product-editor-advanced-content > .muted { margin: 12px 0; font-size: 12px; }
.product-editor-advanced-content > :first-child { margin-top: 0; }
.product-editor-repeat-list { display: grid; gap: 8px; max-width: 768px; margin-bottom: 8px; }
.product-editor-repeat-row { display: grid; grid-template-columns: minmax(140px, .7fr) minmax(220px, 1.3fr) auto; gap: 8px; align-items: center; }
.product-structured-section { width: 100%; margin-top: 14px; }
.product-structured-section ~ .product-structured-section { margin-top: 20px; padding-top: 8px; border-top: 1px solid #e5e7eb; }
.product-attribute-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 0 12px; padding: 10px 0; }
.product-attribute-toolbar p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.5; }
.product-attribute-toolbar .button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; }
.product-attribute-quick-dialog { position: fixed; inset: 50% auto auto 50%; width: min(680px, calc(100vw - 32px)); max-height: min(760px, calc(100vh - 32px)); margin: 0; padding: 0; transform: translate(-50%,-50%); overflow: hidden; border: 1px solid #dbe1ea; border-radius: 10px; background: #fff; color: #111827; box-shadow: 0 20px 60px rgb(15 23 42 / 18%); }
.product-attribute-quick-dialog::backdrop { background: rgb(15 23 42 / 44%); }
.product-attribute-quick-panel { display: grid; max-height: inherit; grid-template-rows: auto minmax(0,1fr) auto; }
.product-attribute-quick-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 22px 16px; border-bottom: 1px solid #e5e7eb; }
.product-attribute-quick-panel h2 { margin: 0; font-size: 18px; line-height: 1.4; }
.product-attribute-quick-panel header p { margin: 4px 0 0; color: #64748b; font-size: 13px; line-height: 1.5; }
.product-attribute-quick-body { display: grid; gap: 18px; overflow-y: auto; padding: 20px 22px; }
.product-attribute-quick-step { display: grid; gap: 12px; }
.product-attribute-quick-step-heading { display: flex; align-items: flex-start; gap: 10px; }
.product-attribute-quick-step-number { display: inline-flex; width: 24px; height: 24px; flex: 0 0 24px; align-items: center; justify-content: center; border-radius: 50%; background: #f3f4f6; color: #374151; font-size: 12px; font-weight: 700; }
.product-attribute-quick-step-heading > div { display: grid; gap: 3px; }
.product-attribute-quick-step-heading strong { font-size: 14px; }
.product-attribute-quick-step-heading p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.5; }
.product-attribute-quick-terms-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.product-attribute-quick-terms-heading > .product-attribute-quick-step-heading { flex: 1; }
.product-attribute-quick-terms { display: grid; grid-template-columns: 1fr; gap: 8px; }
.product-attribute-quick-term { display: grid; min-height: 42px; grid-template-columns: minmax(0,1fr) 36px; align-items: center; overflow: hidden; border: 1px solid #dbe1ea; border-radius: 7px; background: #fff; }
.main .product-attribute-quick-dialog .product-attribute-quick-term input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]) { width: 100%; min-width: 0; height: 40px; border: 0; border-radius: 0; padding: 0 11px; background: transparent; box-shadow: none; font-size: 13px; }
.product-attribute-quick-term input:focus { position: relative; z-index: 1; outline: 2px solid #2563eb; outline-offset: -2px; }
.product-attribute-quick-dialog .product-attribute-quick-term .icon-button { width: 36px; height: 40px; border: 0; border-left: 1px solid #edf0f4; border-radius: 0; color: #64748b; }
.product-attribute-quick-settings { display: grid; gap: 10px; }
.product-attribute-quick-settings label { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 9px; }
.product-attribute-quick-settings label > input { margin-top: 3px; }
.product-attribute-quick-settings label > span { display: grid; gap: 2px; }
.product-attribute-quick-settings label strong { font-size: 13px; }
.product-attribute-quick-settings label small { color: #64748b; font-size: 12px; line-height: 1.45; }
.product-attribute-quick-panel > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 22px; border-top: 1px solid #e5e7eb; background: #f8fafc; }
.product-structured-section:first-of-type { margin-top: 12px; }
.product-structured-summary { display: flex; min-height: 60px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 0; cursor: pointer; list-style: none; }
.product-structured-summary::-webkit-details-marker { display: none; }
.product-structured-summary:focus-visible,
.product-structured-row-summary:focus-visible,
.product-conditional-toggle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 6px; }
.product-structured-summary-copy { display: grid; min-width: 0; gap: 3px; }
.product-structured-summary-copy strong { color: #111827; font-size: 14px; line-height: 20px; }
.product-structured-summary-copy small { color: #6b7280; font-size: 12px; font-weight: 400; line-height: 18px; }
.product-structured-summary-action { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; color: #2563eb; font-size: 12px; font-weight: 700; white-space: nowrap; }
.product-structured-summary-close-label { display: none; color: #6b7280; }
.product-structured-section[open] > .product-structured-summary .product-structured-summary-open-label { display: none; }
.product-structured-section[open] > .product-structured-summary .product-structured-summary-close-label { display: inline; }
.product-structured-chevron { width: 16px; height: 16px; flex: 0 0 16px; color: #6b7280; transition: transform 140ms ease; }
.product-structured-section[open] > .product-structured-summary .product-structured-chevron,
.product-configurable-field-details[open] > .product-structured-row-summary .product-structured-chevron,
.product-conditional-details[open] .product-conditional-toggle .product-structured-chevron { transform: rotate(180deg); }
.product-structured-section-content { width: 100%; }
.product-structured-list { width: 100%; max-width: none; }
.product-structured-row { position: relative; box-sizing: border-box; width: 100%; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 12px; transition: border-color 120ms ease, background-color 120ms ease, opacity 120ms ease; }
.product-structured-row.is-dragging { opacity: .55; }
.product-structured-row.is-drop-target { border-color: #60a5fa; background: #eff6ff; }
.product-structured-row-body { display: grid; gap: 10px; margin-top: 10px; }
.product-structured-row .product-editor-three-grid,
.product-structured-row .product-editor-choice-list { width: 100%; max-width: none; }
.product-structured-section-toolbar { display: flex; min-height: 40px; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 10px; }
.product-structured-section-toolbar p { margin: 0; }
.product-variation-list,
.product-configurable-field-list { margin-bottom: 16px; }
.product-structured-enable-toggle { display: inline-flex; min-height: 36px; align-items: center; gap: 8px; color: #374151; font-size: 13px; }
.product-structured-enable-toggle input { width: 16px; height: 16px; }
.product-structured-row-header { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: 12px; }
.product-structured-row-title { display: inline-flex; min-width: 0; align-items: center; gap: 8px; }
.product-structured-row-title strong { color: #111827; font-size: 14px; }
.product-structured-drag-handle { display: inline-flex; width: 30px; height: 30px; flex: 0 0 30px; align-items: center; justify-content: center; border: 1px dashed #d1d5db; border-radius: 6px; background: #fff; color: #9ca3af; cursor: grab; }
.product-structured-drag-handle:hover { border-color: #93c5fd; color: #2563eb; }
.product-structured-drag-handle:active { cursor: grabbing; }
.product-structured-drag-handle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.product-structured-drag-icon { width: 16px; height: 16px; }
.product-structured-action-icon { width: 14px; height: 14px; }
.product-structured-remove { display: inline-flex; min-height: 30px; align-items: center; gap: 5px; padding: 5px 9px; font-size: 12px; }
.product-attribute-row,
.product-variation-row { padding: 0; overflow: hidden; }
.product-structured-row-summary-copy { display: grid; min-width: 0; gap: 2px; text-align: left; }
.product-structured-row-summary-copy strong { min-width: 0; overflow: hidden; color: #111827; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.product-structured-row-summary-copy small { min-width: 0; overflow: hidden; color: #64748b; font-size: 12px; font-weight: 400; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.product-structured-row-summary-meta { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.product-structured-attribute-toggle { display: inline-flex; min-width: 0; align-items: center; gap: 8px; color: #111827; cursor: pointer; font-size: 14px; font-weight: 700; line-height: 20px; }
.product-structured-attribute-toggle input { width: 16px; height: 16px; flex: 0 0 auto; }
.product-attribute-row .product-structured-row-summary { padding: 12px; }
.product-variation-row .product-structured-row-content > .field { margin: 12px 0; }
.product-variation-row .product-structured-row-content > .product-editor-three-grid { max-width: none; margin: 12px 0; }
.product-configurable-field { padding: 0; overflow: hidden; }
.product-configurable-field-head { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: stretch; min-height: 50px; }
.product-variation-head { grid-template-columns: 40px minmax(0, 1fr) auto; }
.product-configurable-field-head > .product-structured-drag-handle { align-self: start; margin: 10px 0 0 10px; }
.product-configurable-field-head > .product-structured-remove { align-self: start; margin: 10px 10px 0 8px; white-space: nowrap; }
.product-configurable-field-details { min-width: 0; }
.product-structured-row-summary { display: flex; min-height: 50px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; cursor: pointer; list-style: none; }
.product-structured-row-summary::-webkit-details-marker { display: none; }
.product-structured-row-summary > strong { min-width: 0; overflow: hidden; color: #111827; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.product-structured-row-summary-chevron { display: inline-flex; flex: 0 0 auto; align-items: center; }
.product-structured-row-content { border-top: 1px solid #f3f4f6; padding: 12px; }
.product-structured-row-content > .field { margin: 12px 0; }
.product-structured-row-content > :first-child { margin-top: 0; }
.product-conditional-details { margin-top: 12px; border-top: 1px solid #f3f4f6; padding-top: 10px; }
.product-conditional-toggle { display: flex; min-height: 34px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; color: #374151; font-size: 13px; font-weight: 700; }
.product-conditional-toggle::-webkit-details-marker { display: none; }
.product-conditional-toggle::after { display: none; }
.product-conditional-toggle span { color: #374151; }
.product-conditional-toggle small { margin-left: auto; color: #9ca3af; font-size: 12px; font-weight: 400; }
.product-conditional-details > .muted { margin: 5px 0 10px; font-size: 12px; }
.product-configurable-field-list .product-editor-three-grid { max-width: none; }
.product-editor-readonly { display: block; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 6px; background: #f9fafb; color: #374151; }
.product-editor-panel > .field { margin: 20px 0; }
.product-editor-panel > .field textarea { font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.product-configuration-row { border-bottom: 1px solid #e5e7eb; padding: 18px 0; }
.product-configuration-row:last-child { border-bottom: 0; }
.product-configuration-row:first-child { border-top: 1px solid #e5e7eb; }
.product-configuration-row-head { display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin-bottom: 12px; text-align: left; }
.product-configuration-row[data-configuration-field],
.product-configuration-row[data-configuration-condition],
.product-configuration-row[data-configuration-rule] { padding: 0; }
.product-configuration-row[data-configuration-field] > summary,
.product-configuration-row[data-configuration-condition] > summary,
.product-configuration-row[data-configuration-rule] > summary { cursor: pointer; list-style: none; margin-bottom: 0; padding: 18px 0; }
.product-configuration-row[data-configuration-field] > summary::-webkit-details-marker,
.product-configuration-row[data-configuration-condition] > summary::-webkit-details-marker,
.product-configuration-row[data-configuration-rule] > summary::-webkit-details-marker { display: none; }
.product-configuration-row[data-configuration-field] > summary::before,
.product-configuration-row[data-configuration-condition] > summary::before,
.product-configuration-row[data-configuration-rule] > summary::before { width: 8px; height: 8px; flex: 0 0 auto; border-right: 1.5px solid #64748b; border-bottom: 1.5px solid #64748b; content: ""; transform: rotate(-45deg); transition: transform 140ms ease; }
.product-configuration-row[data-configuration-field][open] > summary::before,
.product-configuration-row[data-configuration-condition][open] > summary::before,
.product-configuration-row[data-configuration-rule][open] > summary::before { transform: rotate(45deg); }
.product-configuration-row-title { display: grid; min-width: 0; gap: 2px; margin-right: auto; text-align: left; }
.product-configuration-row-title small { overflow: hidden; color: #64748b; font-size: 12px; font-weight: 400; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.product-configuration-row[data-configuration-condition] [data-condition-summary] { overflow: hidden; color: #111827; font-size: 15px; font-weight: 600; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; }
.product-configuration-row-controls { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.product-configuration-row-content { padding-bottom: 18px; }
.product-configuration-add-row { display: flex; justify-content: center; gap: 8px; margin: 18px 0; padding-top: 18px; border-top: 1px solid #e5e7eb; }
.product-configuration-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.product-configuration-grid .field { margin: 0; min-width: 0; }
.product-configuration-grid .field small { color: #64748b; font-size: 12px; line-height: 18px; }
.product-configuration-condition-description { display: flex; align-items: baseline; gap: 10px; margin: 16px 0 0; }
.product-configuration-condition-description strong { flex: 0 0 auto; color: #334155; font-size: 12px; }
.product-configuration-condition-description span { color: #475569; line-height: 1.6; }
.product-configuration-condition-intro { display: flex; align-items: baseline; gap: 10px; margin: 20px 0 12px; }
.product-configuration-condition-intro strong { flex: 0 0 auto; color: #111827; font-size: 15px; }
.product-configuration-condition-intro span { color: #64748b; font-size: 13px; line-height: 1.6; }
.product-configuration-connection-group { margin: 0 0 16px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; overflow: hidden; }
.product-configuration-connection-group-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #e2e8f0; background: #f8fafc; }
.product-configuration-connection-group-head > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.product-configuration-connection-group-head strong { color: #0f172a; font-size: 14px; }
.product-configuration-connection-group-head span { color: #94a3b8; }
.product-configuration-connection-group-head small { flex: 0 0 auto; color: #64748b; font-size: 12px; }
.product-configuration-connection-list { display: grid; }
.product-configuration-connection-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: start; margin: 0; padding: 14px 16px; border: 0; border-bottom: 1px solid #f1f5f9; }
.product-configuration-connection-row:last-child { border-bottom: 0; }
.product-configuration-connection-main { min-width: 0; }
.product-configuration-connection-summary { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.product-configuration-connection-summary strong { overflow: hidden; color: #1e293b; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.product-configuration-connection-summary span { flex: 0 0 auto; color: #64748b; font-size: 12px; }
.product-configuration-connection-fields { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: end; margin-bottom: 14px; }
.product-configuration-connection-fields .field { margin: 0; }
.product-configuration-connection-arrow { align-self: center; color: #94a3b8; font-size: 16px; }
.product-configuration-connection-values { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: end; margin-top: 10px; }
.product-configuration-connection-values .field { min-width: 0; margin: 0; }
.product-configuration-connection-values .field > span { display: block; margin-bottom: 6px; color: #64748b; font-size: 12px; font-weight: 600; }
.product-configuration-connection-values select[multiple] { min-height: 40px; }
.product-configuration-connection-description { margin-top: 8px; color: #64748b; font-size: 12px; line-height: 1.6; }
.product-configuration-connection-row > .product-configuration-row-controls { align-self: start; }
.product-configuration-empty-note { margin: 0 0 16px; padding: 18px; border: 1px dashed #cbd5e1; border-radius: 8px; color: #64748b; font-size: 13px; line-height: 1.6; }
.product-configuration-advanced-conditions { margin-top: 28px; padding-top: 6px; border-top: 1px solid #e5e7eb; }
.product-configuration-wide { grid-column: span 2; }
.product-configuration-choice-editor { display: grid; gap: 8px; }
.product-configuration-choice-tags { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.product-configuration-choice-tag { display: flex; min-width: 0; min-height: 40px; align-items: center; gap: 4px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 3px 4px 3px 11px; color: #111827; transition: border-color 120ms ease, box-shadow 120ms ease; }
.product-configuration-choice-tag:focus-within { border-color: #0071e3; box-shadow: 0 0 0 1px #0071e3; }
.main .card:not(.auth-card) .field .product-configuration-choice-editor .product-configuration-choice-tags .product-configuration-choice-tag > input[data-choice-label] { width: 100%; min-width: 0; min-height: 30px; border: 0 !important; border-radius: 0; outline: 0; background: transparent !important; box-shadow: none !important; padding: 0 !important; color: inherit; font-size: 13px; }
.main .card:not(.auth-card) .field .product-configuration-choice-editor > input[data-choice-input] { width: 100%; min-height: 40px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 8px 11px; color: #111827; }
.main .card:not(.auth-card) .field .product-configuration-choice-editor > input[data-choice-input]:focus { border-style: solid; border-color: #0071e3; background: #fff; box-shadow: 0 0 0 1px #0071e3; }
.product-configuration-choice-remove { display: inline-flex; width: 28px; height: 28px; flex: 0 0 auto; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: transparent; color: #94a3b8; cursor: pointer; font-size: 17px; line-height: 1; }
.product-configuration-choice-remove:hover { background: #fef2f2; color: #dc2626; }
.product-configuration-choice-empty { color: #94a3b8; font-size: 13px; }
.product-configuration-axis-options { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 8px 0 12px; }
.product-configuration-axis-options label { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; }
.product-configuration-matrix-editor > span { display: block; margin-bottom: 6px; color: #374151; font-size: 13px; font-weight: 700; }
.product-configuration-matrix-list { display: grid; gap: 8px; margin-top: 12px; }
.product-configuration-matrix-list [data-matrix-row] { display: grid; grid-template-columns: minmax(0, 1fr) 160px; align-items: center; gap: 12px; }
.product-configuration-matrix-list [data-matrix-row] span { min-width: 0; color: #475569; font-size: 13px; }
.product-configuration-matrix-list [data-matrix-row] input[type="number"] { width: 100%; }
.product-configuration-settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.product-configuration-settings-grid .field { margin: 0; min-width: 0; }
.product-configuration-delivery-settings { margin: 20px 0 0; padding: 0; border: 0; }
.product-configuration-delivery-settings legend { padding: 0; font-weight: 700; font-size: 13px; }
.product-configuration-delivery-settings > small { display: block; margin-top: 8px; }
.product-configuration-check { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.product-configuration-capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 16px 0; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; background: #e5e7eb; }
.product-configuration-capabilities label { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 12px 14px; background: #fff; }
.product-configuration-status { display: flex; gap: 12px; flex-wrap: wrap; margin: 18px 0; }
.product-configuration-status span { padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; }
.product-editor-advanced textarea { font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.product-editor-advanced { margin: 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.product-editor-advanced summary { cursor: pointer; padding: 14px 16px; color: #374151; font-size: 13px; font-weight: 700; }
.product-editor-advanced > .product-editor-help,
.product-editor-advanced > .field { margin-right: 16px; margin-left: 16px; }
.product-editor-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; border-top: 1px solid #f3f4f6; padding: 16px 0 0; }
.feedback-modal [data-product-term-create-form] > .product-editor-actions { margin-top: 8px; }
.product-editor-url { margin: 0; font-size: 12px; }
.product-order-page [data-product-order-id].is-dragging { opacity: .55; }
.product-order-page [data-product-order-id].is-drop-target { background: #eff6ff; }
.product-order-drag-handle { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 1px dashed #d1d5db; border-radius: 6px; background: #fff; color: #9ca3af; cursor: grab; }
.product-order-drag-handle:hover { border-color: #93c5fd; color: #2563eb; }
.product-order-drag-handle:active { cursor: grabbing; }
.product-order-drag-handle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.product-order-drag-icon { width: 16px; height: 16px; }

.user-editor-page { gap: 20px; }
.user-editor-page .screen-header h1 { line-height: 27px; }
.user-editor-card { overflow: hidden; padding: 20px; }
.user-editor-form { display: grid; gap: 20px; margin: 0; }
.user-editor-header-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.user-editor-header-actions .button { min-height: 0; padding: 6px 12px; line-height: 21.7px; }
.user-editor-fields-grid,
.user-editor-profile-grid,
.user-editor-approval-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.user-editor-fields-grid .field,
.user-editor-profile-grid .field,
.user-editor-approval-fields .field { min-width: 0; margin: 0; }
.user-editor-fields-grid > .field { display: block; }
.user-editor-fields-grid > .field > span,
.user-editor-profile-grid .field > span,
.user-editor-approval-fields .field > span { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 19px; }
.user-editor-fields-grid > .field small { color: #9ca3af; font-size: 10px; font-weight: 400; }
.user-editor-fields-grid > .field em,
.user-editor-profile-grid .field em { color: #ef4444; font-style: normal; }
.user-editor-fields-grid input,
.user-editor-fields-grid select,
.user-editor-fields-grid textarea { min-height: 0; }
.user-editor-fields-grid input { height: 40px; }
.user-editor-fields-grid select { height: 38px; }
.user-editor-field-help { margin: 4px 0 0; color: #6b7280; font-size: 12px; line-height: 18px; }
.user-editor-profile-heading { grid-column: 1 / -1; border-top: 1px solid #f3f4f6; padding-top: 20px; }
.user-editor-profile-heading h2 { margin: 0; color: #111827; font-size: 15px !important; line-height: 20px !important; }
.user-editor-profile-heading p { margin: 4px 0 0; font-size: 12px; line-height: 20px; }
.user-editor-address-field { grid-column: 1 / -1; }
.user-editor-address-fields { display: grid; gap: 8px; }
.user-editor-address-search { display: flex; gap: 8px; min-width: 0; }
.user-editor-address-search input { min-width: 0; flex: 1 1 auto; }
.user-editor-address-search .button { flex: 0 0 auto; white-space: nowrap; }
.user-editor-span-2 { grid-column: 1 / -1; }
.user-editor-section { margin: 0; border-top: 1px solid #f3f4f6; padding: 20px 0 0; }
.user-editor-section-heading { display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; }
.user-editor-section-heading h2 { margin: 0; font-size: 16px !important; line-height: 24px !important; }
.user-editor-section-heading p { margin: 4px 0 0; font-size: 12px; line-height: 18px; }
.user-editor-title-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.user-editor-profile-grid { gap: 16px 20px; }
.user-editor-profile-grid input,
.user-editor-profile-grid select,
.user-editor-profile-grid textarea { margin: 0; }
.user-editor-checkbox { display: flex; min-height: 42px; gap: 8px; align-items: center; color: #374151; font-size: 13px; font-weight: 700; }
.user-editor-checkbox input { width: 16px !important; height: 16px; }
.user-editor-legacy { margin-top: 20px; border: 1px solid #f3e8c3; border-radius: 8px; background: rgb(255 251 235 / 0.72); padding: 16px; }
.user-editor-legacy h3 { margin: 0 0 12px; color: #78350f; font-size: 13px !important; line-height: 20px !important; }
.user-editor-advanced { margin: 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.user-editor-advanced summary { cursor: pointer; padding: 14px 16px; color: #374151; font-size: 13px; font-weight: 700; }
.user-editor-advanced > p,
.user-editor-advanced > .field { margin: 0 16px 16px; }
.user-editor-advanced > .field { display: block; }
.user-editor-advanced > .field > span { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; }
.user-editor-approval { padding-bottom: 4px; }
.user-editor-approval-responses { display: grid; gap: 0; margin-bottom: 20px; border-top: 1px solid #f3f4f6; }
.user-editor-approval-responses > div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 16px; border-bottom: 1px solid #f3f4f6; padding: 12px 0; }
.user-editor-approval-responses strong { color: #374151; font-size: 12px; }
.user-editor-approval-responses span { min-width: 0; color: #4b5563; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.user-editor-files { display: grid; gap: 8px; margin-bottom: 20px; }
.user-editor-files strong { color: #374151; font-size: 12px; }
.user-editor-files a { display: inline-flex; width: fit-content; max-width: 100%; min-height: 40px; box-sizing: border-box; align-items: center; border: 1px solid #dbeafe; border-radius: 8px; background: #eff6ff; padding: 8px 12px; color: #1d4ed8; font-size: 13px; font-weight: 700; text-decoration: underline; }
.user-editor-history { display: grid; gap: 6px; margin: 20px 0; border-radius: 8px; background: #f9fafb; padding: 12px; color: #6b7280; font-size: 12px; }
.user-editor-history strong { color: #374151; }
.user-editor-session { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-top: 20px; border-top: 1px solid #f3f4f6; padding: 20px; }
.user-editor-session h3 { margin: 0; color: #111827; font-size: 14px !important; line-height: 20px !important; }
.user-editor-session p { margin: 4px 0 0; font-size: 13px; }
.user-editor-actions { display: flex; gap: 10px; justify-content: flex-start; border-top: 1px solid #f3f4f6; padding: 20px 0 0; }
.user-editor-url { margin: 0 20px 20px; font-size: 12px; }

@media (max-width: 1100px) {
  .orders-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orders-filter-search { grid-column: 1 / -1; }
  .orders-date-field { grid-column: 1 / -1; }
  .orders-filter-actions { justify-content: flex-start; }

  .products-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .products-filter-grid label:first-child { grid-column: 1 / -1; }
  .products-filter-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .shop-operations-filter,
  .shop-shipments-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-operations-filter > input:first-child { grid-column: 1 / -1; }
  .shop-operations-filter > .button { justify-self: start; }
  .product-editor-row { grid-template-columns: 1fr; gap: 8px; }
  .product-editor-kind-grid,
  .product-editor-kind-grid-compact { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .product-editor-tabs { margin: 0; padding: 0; }
  .product-production-summary { grid-template-columns: 1fr; }
  .product-configuration-grid, .product-configuration-settings-grid { grid-template-columns: 1fr; }
  .product-configuration-connection-fields, .product-configuration-connection-values { grid-template-columns: 1fr; gap: 8px; }
  .product-configuration-connection-fields .product-configuration-connection-arrow, .product-configuration-connection-values .product-configuration-connection-arrow { display: none; }
  .product-configuration-connection-row { grid-template-columns: minmax(0, 1fr); }
  .product-configuration-connection-row > .product-configuration-row-controls { justify-self: start; }
  .product-configuration-matrix-list [data-matrix-row] { grid-template-columns: 1fr; gap: 4px; }
  .product-configuration-wide { grid-column: auto; }
  .product-configuration-capabilities { grid-template-columns: 1fr; }
  .product-editor-save-access { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: stretch; }
  .product-editor-save-meta { grid-column: 1 / -1; }
  .product-editor-save-shortcut { grid-column: 1; margin-left: 0; }
  .product-editor-save-access .button { width: 100%; justify-content: center; }
  .product-editor-status-control { grid-column: 1 / -1; width: 100%; justify-content: space-between; margin-left: 0; }
  .product-editor-save-shortcut + .product-editor-status-control { grid-column: 2; }
  .product-editor-status-control select { flex: 1; }
  .product-editor-save-access [data-product-save] { grid-column: 1 / -1; }
  .product-editor-panel { padding: 0; }
  .product-editor-section-heading { padding-top: 16px; }
  .product-editor-date-grid,
  .product-editor-three-grid,
  .product-editor-inline-grid { grid-template-columns: 1fr; }
  .product-variation-stock-grid,
  .product-variation-option-add-row { grid-template-columns: 1fr; }
  .product-variation-option-add-row .button { width: 100%; }
  .product-variation-thumbnail-actions { align-items: flex-start; flex-direction: column; }
  .product-editor-media-field { align-items: stretch; flex-direction: column; }
  .product-editor-media-field > .button { width: 100%; justify-content: center; }
  .product-editor-image-actions { align-items: stretch; flex-direction: column; }
  .product-editor-image-actions .button { width: 100%; justify-content: center; }
  .product-editor-image-preview { max-width: none; }
  .product-editor-gallery-meta { align-items: stretch; flex-direction: column; }
  .product-editor-gallery-meta .button { width: 100%; justify-content: center; }
  .product-editor-taxonomy-toolbar { align-items: stretch; flex-direction: column; }
  .product-editor-taxonomy-count { align-self: flex-start; }
  .product-editor-taxonomy-options { max-height: 200px; }
  .product-editor-relation-search-row { align-items: stretch; flex-direction: column; }
  .product-editor-relation-search-row .button { width: 100%; justify-content: center; }
  .product-editor-relation-result { grid-template-columns: minmax(0, 1fr) auto; }
  .product-editor-relation-result small { display: none; }
  .product-editor-empty-state { align-items: stretch; flex-direction: column; }
  .product-editor-empty-state .button { width: 100%; justify-content: center; }
  .admin-media-picker-dialog { width: calc(100vw - 20px); height: calc(100dvh - 20px); border-radius: 12px; }
  .admin-media-picker-dialog__controls,
  .admin-media-picker-dialog__body { padding-right: 12px; padding-left: 12px; }
  .admin-media-picker-dialog__search-row { flex-direction: column; }
  .admin-media-picker-dialog__search-row select { width: 100%; }
  .admin-media-picker-dialog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-editor-repeat-row { grid-template-columns: 1fr; }
  .product-editor-repeat-row .button { justify-content: center; }
  .product-structured-summary { min-height: 60px; gap: 8px; }
  .product-structured-summary-copy small { max-width: 220px; }
  .product-structured-row { padding: 10px; }
  .product-attribute-row,
  .product-variation-row,
  .product-configurable-field { padding: 0; }
  .product-configurable-field-head { grid-template-columns: 30px minmax(0, 1fr) 30px; }
  .product-variation-head { grid-template-columns: 42px minmax(0, 1fr) 30px; }
  .product-configurable-field-head > .product-structured-drag-handle { margin-top: 8px; margin-left: 8px; }
  .product-configurable-field-head > .product-structured-remove { margin-top: 8px; margin-right: 8px; margin-left: 4px; }
  .product-structured-row-summary { min-height: 46px; padding: 8px 8px; }
  .product-structured-row-content { padding: 0 12px 12px; }
  .product-structured-row-summary > strong { max-width: 100%; }
  .product-structured-remove span { display: none; }
  .product-structured-remove { width: 30px; padding: 5px; justify-content: center; }
  .shop-operations-filter,
  .shop-shipments-filter { grid-template-columns: 1fr; }
  .shop-operations-filter > input:first-child,
  .shop-operations-filter > .button { grid-column: auto; }
  .shop-operations-filter > .button { width: fit-content; }
  .product-editor-advanced { margin: 12px; }
  .product-editor-actions { padding: 14px 0 0; }
  .user-editor-fields-grid,
  .user-editor-profile-grid,
  .user-editor-approval-fields { grid-template-columns: 1fr; }
  .user-editor-profile-heading,
  .user-editor-span-2 { grid-column: auto; }
  .user-editor-address-field { grid-column: auto; }
  .user-editor-section { padding: 20px 0 0; }
  .user-editor-section-heading,
  .user-editor-session { align-items: stretch; flex-direction: column; }
  .user-editor-section-heading > .button,
  .user-editor-session .button { width: 100%; justify-content: center; }
  .user-editor-approval-responses > div { grid-template-columns: 1fr; gap: 4px; }
  .user-editor-advanced { margin: 16px 12px; }
  .user-editor-actions { padding: 16px 12px; }
  .user-editor-actions .button { flex: 1; justify-content: center; }
  .user-editor-url { margin: 0 12px 16px; overflow-wrap: anywhere; }
}

/* Keep product-editor helper copy readable; browser small defaults to 0.8em. */
.product-editor-page small { font-size: 12px; }

.page-list-header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.content-locale-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  box-sizing: border-box;
  padding: 4px 10px;
  border-radius: 6px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
}

.page-title-link {
  color: #111827;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-title-link:hover,
.page-title-link:focus-visible {
  color: #111827;
  text-decoration: underline;
}

.page-locale-cell {
  color: #6b7280 !important;
  font-weight: 700;
}

.page-translation-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.translation-locale-link,
.translation-add-button {
  display: inline-flex;
  min-width: 32px;
  height: 28px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.translation-add-button {
  border-style: dashed;
  cursor: pointer;
}

.translation-locale-link:hover,
.translation-locale-link:focus-visible,
.translation-add-button:hover,
.translation-add-button:focus-visible {
  border-color: #111827;
  color: #111827;
  outline: 2px solid rgb(17 24 39 / .18);
  outline-offset: 1px;
}

.page-row-action {
  min-width: 74px;
  padding-right: 10px !important;
  padding-left: 10px !important;
  font-size: 12px !important;
}

.pages-screen .table a.page-row-icon {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.pages-screen .table a.page-row-icon:hover,
.pages-screen .table a.page-row-icon:focus-visible {
  color: #0071e3;
}

.page-quick-edit-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  width: min(768px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 30px 90px rgb(15 23 42 / 24%);
}

.page-quick-edit-dialog::backdrop {
  background: #11182773;
}

.page-quick-edit-panel {
  display: flex;
  max-height: calc(100vh - 32px);
  flex-direction: column;
  overflow: hidden;
  background: #fff;
}

.page-quick-edit-header,
.page-quick-edit-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 56px 18px;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
}

.page-quick-edit-header h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
}

.admin-dialog-close-icon {
  display: block;
  width: 20px;
  height: 20px;
}

.page-quick-edit-header .icon-button {
  position: absolute;
  top: 16px;
  right: 16px;
  border: 0;
  color: #9ca3af;
}

.page-quick-edit-header .icon-button:hover,
.page-quick-edit-header .icon-button:focus-visible {
  background: #f9fafb;
  color: #374151;
}

.page-quick-edit-panel form {
  min-height: 0;
  overflow-y: auto;
  padding: 8px 28px 0;
}

.page-quick-edit-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.page-quick-role-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f9fafb;
}

.page-quick-role {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
}

.page-quick-edit-footer {
  align-items: center;
  justify-content: center;
  padding: 18px 28px 24px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 0;
}

.page-quick-edit-footer .button {
  display: inline-flex;
  align-items: center;
  width: min(360px, 100%);
  justify-content: center;
  text-align: center;
}

.page-translation-dialog-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 8px;
  margin-top: 16px;
}

.page-translation-dialog-actions .button {
  width: 100%;
  justify-content: center;
}

/* Membership navigation is owned by the sidebar. Keep the grade/customer
   screens free of the redundant top-right overview link, matching the
   legacy administrator flow. */
.main .screen-header > a[href="/memberships"] {
  display: none;
}

.auth-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 384px;
  padding: 24px;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
}

/* Keep unauthenticated surfaces aligned with the legacy Next auth
   components. These rules stay outside ordinary admin screen overrides. */
.main.auth-page,
.main.setup-page {
  box-sizing: border-box;
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 40px 16px;
  background: #f5f5f7;
}

.auth-card-heading,
.setup-card-heading {
  margin-bottom: 24px;
  text-align: center;
}

.auth-card-heading .auth-logo {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}

.auth-card-heading .auth-logo img {
  display: block;
  max-width: 180px;
  max-height: 48px;
  object-fit: contain;
}

.auth-card-heading h1,
.setup-card-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.auth-card .field,
.setup-card .field {
  display: block;
  min-width: 0;
  margin: 0;
}

.auth-card .field > span,
.setup-card .field > span {
  display: block;
  margin-bottom: 4px;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25rem;
}

.auth-card .field input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  outline: none;
}

.auth-card .field input:focus,
.setup-card .field input:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.auth-card form,
.setup-card form {
  display: grid;
  gap: 12px;
}

.auth-card .button,
.setup-card .button {
  box-sizing: border-box;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.auth-card .button[aria-busy="true"] {
  position: relative;
  overflow: hidden;
  cursor: wait;
}

.auth-card .button[aria-busy="true"]::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / 30%) 50%, transparent 70%);
  content: "";
  animation: admin-auth-button-shimmer 1.2s ease-in-out infinite;
  pointer-events: none;
}

@keyframes admin-auth-button-shimmer {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  .auth-card .button[aria-busy="true"]::after { display: none; }
}

.auth-home-link {
  display: block;
  margin-top: 20px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
}

.auth-home-link:hover,
.auth-home-link:focus-visible {
  color: #111827;
}

@media (max-width: 480px) {
  .main.auth-page {
    min-height: 100svh;
    padding: 24px 10px;
  }

  .auth-card {
    max-width: none;
    padding: 20px 16px;
    border-radius: 12px;
  }

  .auth-card-heading {
    margin-bottom: 20px;
  }

  .auth-card-heading h1 {
    font-size: 17px;
  }

  .auth-card .field input {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 22px;
  }

  .auth-card .button {
    min-height: 44px;
    margin-top: 4px;
  }

  .auth-password-toggle {
    right: 0;
    width: 44px;
    height: 44px;
  }
}

.setup-shell {
  width: 100%;
  max-width: 448px;
}

.setup-intro {
  margin-bottom: 40px;
  text-align: center;
}

.setup-intro h1 {
  margin: 0;
  color: #1d1d1f;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

.setup-intro p {
  margin: 8px 0 0;
  color: #86868b;
  font-size: 15px;
  line-height: 1.25rem;
}

.setup-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 448px;
  padding: 40px 32px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 4px 24px rgb(0 0 0 / 0.04);
}

.setup-card-heading {
  margin-bottom: 32px;
}

.setup-card-heading h2 {
  font-size: 24px;
  letter-spacing: -0.025em;
}

.setup-card-heading p {
  margin: 8px 0 0;
  color: #86868b;
  font-size: 14px;
  line-height: 1.25rem;
}

.setup-card .field input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #f5f5f7;
  color: #1d1d1f;
  font: inherit;
  font-size: 15px;
  line-height: 20px;
  outline: none;
}

.setup-card .field input::placeholder {
  color: #86868b;
}

.setup-card .field input:focus {
  background: #fff;
}

.auth-password-field {
  position: relative;
  min-width: 0;
}

.auth-password-field input {
  padding-right: 44px;
}

.auth-password-toggle {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
}

.auth-password-toggle:hover {
  background: #f3f4f6;
  color: #111827;
}

.auth-password-toggle:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}

.auth-password-toggle svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.setup-submit-row {
  padding-top: 8px;
}

.setup-submit-row .button {
  margin-top: 0;
  padding: 14px 16px;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 500;
}

.mobile-admin-header,
.mobile-admin-overlay {
  display: none;
}

.mobile-admin-home {
  border-color: #d1d5db;
  color: #4b5563;
}

.sidebar-order-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  width: min(512px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 30px 90px rgb(15 23 42 / 24%);
}

.sidebar-order-dialog::-webkit-scrollbar,
.sidebar-order-body::-webkit-scrollbar {
  display: none;
}

.sidebar-order-dialog::backdrop {
  background: #11182773;
}

.sidebar-order-panel {
  display: flex;
  max-height: calc(100vh - 32px);
  flex-direction: column;
  overflow: hidden;
  background: #fff;
}

.sidebar-order-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 56px 18px;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
}

.sidebar-order-header h2 {
  margin: 0;
  color: #111827;
  font-size: 16px;
}

.sidebar-order-header p {
  margin: 5px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.5;
}

.sidebar-order-header .icon-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #4b5563;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

.icon-button {
  width: 32px;
  height: 32px;
  font-size: 20px;
  line-height: 1;
}

.sidebar-order-body {
  min-height: 0;
  overflow-y: auto;
  padding: 20px 24px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.sidebar-order-groups,
.sidebar-order-items {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-order-items {
  gap: 0;
  margin: 0 12px 12px;
  border: 1px solid #e5e7eb;
}

.sidebar-order-group {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.sidebar-order-group.dragging,
.sidebar-order-items [data-sidebar-item].dragging {
  opacity: .45;
}

.sidebar-order-group-heading,
.sidebar-order-items [data-sidebar-item] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
}

.sidebar-order-group-heading {
  border-radius: 7px;
  background: #f9fafb;
}

.sidebar-order-items [data-sidebar-item] + [data-sidebar-item] {
  border-top: 1px solid #e5e7eb;
}

.sidebar-order-item-label {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  color: #374151;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  color: #9ca3af;
  cursor: grab;
  user-select: none;
}

.drag-handle svg {
  width: 16px;
  height: 16px;
}

.icon-button:hover,
.icon-button:focus-visible {
  background: #f3f4f6;
  color: #111827;
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}

.sidebar-order-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 24px 24px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 0;
}

.sidebar-order-footer > span {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: min(360px, 100%);
  gap: 8px;
}

.sidebar-order-footer > .button,
.sidebar-order-footer > span .button {
  display: inline-flex;
  align-items: center;
  width: min(360px, 100%);
  justify-content: center;
  text-align: center;
}

/* The legacy desktop sidebar uses separators between groups and keeps group
   names in the mobile drawer only. */
@media (min-width: 701px) {
  .side {
    position: static;
    inset: auto;
  }

  .main {
    height: 100vh;
    overflow: hidden;
  }

  .side-nav {
    gap: 0;
    width: calc(100% + 24px);
    margin-top: 5px;
    margin-right: -12px;
    margin-left: -12px;
    padding: 12px;
    box-sizing: border-box;
  }

  .side-nav > .side-section {
    width: calc(100% + 10px);
  }

  .side-nav .side-subnav {
    width: 100%;
    margin: 2px 0 0;
    padding-left: 12px;
    box-sizing: border-box;
  }

  .side-section + .side-section {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #1e293b;
  }

  .side-group-label {
    display: none;
  }
}

@media (max-width: 700px) {
  .shell {
    display: block;
  }

  .mobile-admin-header {
    position: fixed;
    inset: 0 0 auto;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    min-height: 56px;
    padding: 0 12px;
    border-bottom: 1px solid #1e293b;
    background: #0f172a;
    color: #e2e8f0;
  }

  .mobile-admin-header .side-brand {
    justify-content: center;
  }

  .mobile-admin-header .side-brand-title {
    display: none;
  }

  .mobile-admin-header button {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0;
    border: 1px solid #1e293b;
    border-radius: 6px;
    background: transparent;
    color: #e2e8f0;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
  }

  .mobile-admin-menu-icon {
    display: block;
    width: 20px;
    height: 20px;
  }

  .mobile-admin-close-icon {
    display: block;
    width: 20px;
    height: 20px;
  }

  .mobile-admin-header .mobile-admin-home {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    padding: 0;
    border-color: #1e293b;
    color: #cbd5e1;
  }

  .side {
    position: fixed;
    z-index: 110;
    width: min(320px, 86vw);
    height: 100dvh;
    transform: translateX(-105%);
    transition: transform 160ms ease;
  }

  .side[data-open="true"] {
    transform: translateX(0);
  }

  .mobile-admin-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: auto;
    border: 0;
    background: transparent;
    color: #cbd5e1;
    cursor: pointer;
    font: inherit;
    font-size: 22px;
    line-height: 1;
  }

  .mobile-admin-overlay:not([hidden]) {
    position: fixed;
    z-index: 105;
    inset: 0;
    display: block;
    border: 0;
    background: #02061780;
  }

  .main {
    margin-left: 0;
    height: 100dvh;
    overflow: hidden;
  }

  .admin-content {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
  }

  .main .card:not(.auth-card) {
    max-width: none;
  }

  .main .admin-content > main {
    margin: calc(-1 * var(--admin-page-gutter));
  }

  .page-list-header-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .page-quick-edit-grid,
  .page-quick-role-list {
    grid-template-columns: 1fr;
  }

  .page-quick-edit-dialog {
    width: calc(100% - 20px);
    max-height: calc(100% - 20px);
  }

  .page-quick-edit-panel {
    max-height: calc(100vh - 20px);
  }

  .admin-topbar {
    display: none;
  }

.notification-connection-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .notification-connection-new-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .notification-template-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

.shop-dashboard-screen { width: 100%; max-width: var(--admin-content-max-width); margin: 0 auto; }
.shop-dashboard-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.shop-dashboard-heading h1 { margin: 0; }
.shop-dashboard-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.shop-dashboard-metric { min-width: 0; min-height: 84px; box-sizing: border-box; padding: 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.shop-dashboard-metric span { display: block; color: #6b7280; font-size: 12px; line-height: 18px; }
.shop-dashboard-metric strong { display: block; margin-top: 8px; color: #111827; font-size: 21px; line-height: 28px; }
.shop-dashboard-metric.blue { border-color: #dbeafe; background: #eff6ff; }
.shop-dashboard-metric.blue strong { color: #1d4ed8; }
.shop-dashboard-metric.green { border-color: #d1fae5; background: #ecfdf5; }
.shop-dashboard-metric.green strong { color: #047857; }
.shop-dashboard-metric.purple { border-color: #ede9fe; background: #f5f3ff; }
.shop-dashboard-metric.purple strong { color: #6d28d9; }
.shop-dashboard-metric.yellow { border-color: #fef3c7; background: #fffbeb; }
.shop-dashboard-metric.yellow strong { color: #b45309; }
.shop-dashboard-metric.red { border-color: #fee2e2; background: #fef2f2; }
.shop-dashboard-metric.red strong { color: #be123c; }
.shop-dashboard-panels { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; margin-top: 16px; }
.shop-dashboard-panel { min-width: 0; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.shop-dashboard-panel h2 { margin: 0; padding: 16px 18px; border-bottom: 1px solid #f3f4f6; font-size: 15px; line-height: 22px; }
.shop-dashboard-attention-list { margin: 0; padding: 0; list-style: none; }
.shop-dashboard-attention-list li + li { border-top: 1px solid #f3f4f6; }
.shop-dashboard-attention-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 18px; color: #374151; text-decoration: none; }
.shop-dashboard-attention-list a:hover { background: #f9fafb; }
.shop-dashboard-count { display: inline-flex; min-width: 26px; min-height: 26px; align-items: center; justify-content: center; border-radius: 7px; padding: 0 7px; font-size: 13px; }
.shop-dashboard-count.danger { background: #fef2f2; color: #dc2626; }
.shop-dashboard-count.info { background: #eff6ff; color: #2563eb; }
.shop-dashboard-count.purple { background: #f5f3ff; color: #7c3aed; }
.shop-dashboard-count.warning { background: #fffbeb; color: #b45309; }
.shop-dashboard-count.neutral { background: #f3f4f6; color: #374151; }
.shop-dashboard-operation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.shop-dashboard-operation-grid a { display: block; min-height: 82px; box-sizing: border-box; padding: 16px 18px; color: #374151; text-decoration: none; }
.shop-dashboard-operation-grid a:nth-child(n + 4) { border-top: 1px solid #f3f4f6; }
.shop-dashboard-operation-grid a:not(:nth-child(3n + 1)) { border-left: 1px solid #f3f4f6; }
.shop-dashboard-operation-grid a:hover { background: #f9fafb; }
.shop-dashboard-operation-grid span { display: block; color: #6b7280; font-size: 12px; line-height: 18px; }
.shop-dashboard-operation-grid strong { display: block; margin-top: 8px; color: #111827; font-size: 19px; line-height: 24px; }
.shop-dashboard-trend { margin-top: 16px; padding-bottom: 12px; }
.shop-dashboard-trend > .muted { margin: -8px 18px 0; font-size: 12px; }
.shop-dashboard-trend-chart { display: block; width: calc(100% - 36px); height: 220px; margin: 8px 18px 0; overflow: visible; }
.shop-dashboard-chart-grid { stroke: #e5e7eb; stroke-dasharray: 3 5; stroke-width: 1; }
.shop-dashboard-chart-line { fill: none; stroke: var(--admin-ink); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; }
.shop-dashboard-chart-dot { fill: #fff; stroke: var(--admin-ink); stroke-width: 2; }
.shop-dashboard-chart-label { fill: #9ca3af; font-size: 11px; }

.shop-settings-screen { gap: 20px; }
.shop-settings-heading { max-width: var(--admin-content-max-width); width: 100%; margin: 0 auto; }
.shop-settings-heading h1 { margin: 0; line-height: 27px; }
.main .shop-settings-card { max-width: var(--admin-content-max-width) !important; padding: 0; }
.shop-settings-form { padding: 20px; }
.shop-settings-panel-title { margin: 0 0 12px; color: #111827; font-size: 16px !important; font-weight: 700; line-height: 22px !important; }
.shop-settings-form > .field { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: start; margin: 0; padding: 14px 0; border-bottom: 0; }
.shop-settings-form > :is(.field, .shop-settings-toggle) + :is(.field, .shop-settings-toggle) { margin-top: 20px; }
.shop-settings-form > .field > span { padding-top: 4px; color: #111827; font-weight: 700; }
.shop-settings-form > .field > small { grid-column: 2; margin-top: -2px; color: #6b7280; font-size: 12px; font-weight: 400; line-height: 20px; }
.shop-settings-form > .field > input,
.shop-settings-form > .field > select,
.shop-settings-form > .field > textarea { box-sizing: border-box; width: 100%; min-height: 40px; border-radius: 8px; padding: 8px 12px; }
.shop-settings-form > .field > input,
.shop-settings-form > .field > select { box-sizing: border-box; width: 100%; height: 40px; min-height: 40px; border-radius: 8px; padding: 8px 12px; line-height: 21.7px; }
.shop-settings-form > .field > textarea { min-height: 96px; }
.shop-settings-form > .shop-settings-toggle { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: center; margin: 0; padding: 14px 0; border-bottom: 0; color: #111827; font-size: 14px; font-weight: 700; line-height: 20px; }
.shop-toggle-control { display: flex; width: 100%; max-width: 512px; min-height: 40px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px solid #f0f0f2; border-radius: 8px; background: #f5f5f7; color: #1d1d1f; font-size: 14px; font-weight: 700; }
.shop-toggle-control input { appearance: none; width: 36px; height: 20px; flex: 0 0 36px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.shop-toggle-control input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #0071e3; }
.shop-select { position: relative; width: 100%; max-width: 512px; min-width: 0; }
.shop-select-trigger { display: flex; width: 100%; min-height: 40px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; color: #1d1d1f; font: inherit; font-size: 13px; font-weight: 500; line-height: 22px; text-align: left; }
.shop-select-trigger:focus-visible { border-color: #0071e3; outline: 2px solid rgb(0 113 227 / 20%); outline-offset: 1px; }
.shop-select-chevron { color: #9ca3af; font-size: 16px; line-height: 16px; }
.shop-select-menu { position: absolute; z-index: 20; top: calc(100% + 4px); right: 0; left: 0; overflow: auto; max-height: 240px; padding: 4px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgb(15 23 42 / 12%); }
.shop-select-menu button { display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: #374151; font: inherit; font-size: 13px; text-align: left; }
.shop-select-menu button[aria-selected="true"] { background: #eff6ff; color: #1d4ed8; font-weight: 700; }
.shop-select-menu button:focus-visible { outline: 2px solid rgb(0 113 227 / 20%); outline-offset: -2px; }
.shop-settings-actions { display: flex; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e7eb; }
.shop-settings-section-title { display: flex; align-items: center; gap: 8px; margin: 28px 0 12px; color: #111827; font-size: 16px; font-weight: 700; line-height: 22px; }
.shop-payment-methods { display: grid; gap: 0; }
.shop-payment-method { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 6px 0; border-top: 1px solid #f1f5f9; }
.shop-payment-method-details { min-width: 0; }
.shop-payment-method-summary { display: flex; min-height: 40px; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.shop-payment-method-summary::-webkit-details-marker { display: none; }
.shop-payment-method-summary:focus-visible { border-radius: 5px; outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.shop-payment-method-summary > span:first-child { color: #111827; font-size: 14px; font-weight: 700; }
.shop-payment-method-status { color: #64748b; font-size: 12px; font-weight: 400; }
.shop-payment-method-chevron { width: 16px; height: 16px; flex: 0 0 16px; margin-left: auto; color: #6b7280; transition: transform 140ms ease; }
.shop-payment-method-details[open] > .shop-payment-method-summary .shop-payment-method-chevron { transform: rotate(180deg); }
.shop-payment-method-fields { display: grid; gap: 12px; padding: 8px 0 12px; }
.shop-payment-method-fields > p { margin: 0; }
.shop-payment-method-toggle { width: auto; max-width: none; min-height: 36px; align-self: center; padding: 6px 10px; font-size: 12px; }
.shop-operational-provider-list { display: grid; gap: 16px; }
.shop-operational-provider-card { padding: 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.shop-tax-invoice-card { margin-top: 16px; padding: 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.shop-tax-invoice-fields { display: grid; gap: 12px; margin-top: 16px; }
.shop-tax-invoice-fields h5 { margin: 8px 0 0; color: #111827; font-size: 14px; line-height: 20px; }
.shop-tax-invoice-card .field { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: start; margin: 0; padding: 10px 0; }
.shop-tax-invoice-card .field > span { padding-top: 4px; color: #111827; font-weight: 700; }
.shop-tax-invoice-card .field > input,
.shop-tax-invoice-card .field > select { box-sizing: border-box; width: 100%; min-height: 40px; border-radius: 8px; padding: 8px 12px; }
.shop-tax-invoice-card .field > small { grid-column: 1; margin-top: -2px; color: #6b7280; font-size: 12px; line-height: 20px; }
.shop-tax-invoice-address { display: grid; gap: 8px; min-width: 0; }
.shop-tax-invoice-address-search { display: flex; gap: 8px; min-width: 0; }
.shop-tax-invoice-address-search input { min-width: 0; flex: 1 1 auto; }
.shop-tax-invoice-address-search .button { flex: 0 0 auto; white-space: nowrap; }
.shop-operational-provider-header { display: block; margin-bottom: 0; }
.shop-operational-provider-header h4 { margin: 0; color: #111827; font-size: 14px; font-weight: 700; line-height: 20px; }
.shop-operational-provider-header p { margin: 4px 0 0; font-size: 12px; line-height: 20px; }
.shop-operational-provider-toggle { display: flex; width: 100%; min-width: 0; max-width: none; margin-top: 14px; box-sizing: border-box; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid #f3f4f6; border-radius: 8px; background: #f5f5f7; color: #374151; }
.shop-operational-switch { position: relative; display: inline-flex; width: 36px; height: 20px; flex: 0 0 36px; align-items: center; padding: 2px; box-sizing: border-box; border-radius: 999px; background: #d1d5db; }
.shop-operational-switch > span { display: block; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / 20%); transform: translateX(0); transition: transform .15s ease; }
.shop-operational-provider-toggle.is-on .shop-operational-switch { background: #0071e3; }
.shop-operational-provider-toggle.is-on .shop-operational-switch > span { transform: translateX(16px); }
.shop-operational-provider-fields { display: grid; gap: 0; }
.shop-operational-provider-card .field { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: start; margin: 0; padding: 10px 0; }
.shop-operational-provider-card .field > span { padding-top: 4px; color: #111827; font-weight: 700; }
.shop-operational-provider-card .field > small { grid-column: 1; margin-top: -2px; color: #6b7280; font-size: 12px; line-height: 20px; }
.shop-operational-provider-card .field > input,
.shop-operational-provider-card .shop-select { grid-column: 2; }
.shop-operational-provider-card .field > input { box-sizing: border-box; width: 100%; min-height: 40px; border-radius: 8px; padding: 8px 12px; }
.shop-operational-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.shop-operational-provider-grid .field { grid-template-columns: 180px minmax(0, 1fr); gap: 8px; }
.shop-operational-provider-grid .field > small { grid-column: 1; }
.shop-operational-provider-grid .field > input { grid-column: 2; }
.shop-operational-provider-select { max-width: none; }

.module-settings-table-wrap { margin-top: 0; overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.module-settings-table { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; }
.module-settings-table th,
.module-settings-table td { border-bottom: 1px solid #eef0f3; color: #374151; font-size: 13px; text-align: left; }
.module-settings-table thead th { padding: 12px 20px; background: #f9fafb; color: #6b7280; font-size: 12px; font-weight: 700; }
.module-settings-table thead th:nth-child(1) { width: 22%; }
.module-settings-table thead th:nth-child(2) { width: auto; }
.module-settings-table thead th:nth-child(3) { width: 148px; }
.module-settings-table tbody td { padding: 13px 20px; white-space: nowrap; }
.module-settings-table tbody tr:last-child td { border-bottom: 0; }
.module-settings-table .module-settings-group th { padding: 10px 20px; background: #f9fafb; color: #374151; font-size: 12px; font-weight: 700; }
.module-settings-description { color: #6b7280 !important; white-space: normal !important; }
.module-settings-actions { display: flex; justify-content: flex-start; margin-top: 16px; }
.module-settings-actions .button { min-width: 96px; }
.module-switch { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 104px; border: 0; background: transparent; color: #6b7280; cursor: pointer; padding: 0; font: inherit; }
.module-switch[aria-checked="true"] { color: #16a34a; }
.module-switch-state { min-width: 48px; text-align: right; font-size: 12px; font-weight: 600; }
.module-switch-track { position: relative; display: inline-flex; width: 44px; height: 24px; box-sizing: border-box; align-items: center; padding: 3px; border-radius: 999px; background: #e5e7eb; transition: background-color .15s ease; }
.module-switch-track > span { display: block; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / 20%); transform: translateX(0); transition: transform .15s ease; }
.module-switch[aria-checked="true"] .module-switch-track { background: #22c55e; }
.module-switch[aria-checked="true"] .module-switch-track > span { transform: translateX(20px); }
.module-switch:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 6px; }

.trash-page > .screen-header { margin-bottom: 18px; }
.trash-filter-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 2px; scrollbar-width: thin; scrollbar-color: #475569 transparent; }
.trash-filter-tabs::-webkit-scrollbar { height: 5px; }
.trash-filter-tabs::-webkit-scrollbar-track { background: transparent; }
.trash-filter-tabs::-webkit-scrollbar-thumb { background: #475569; border-radius: 999px; }
.trash-filter-tab { display: inline-flex; min-width: max-content; align-items: center; gap: 6px; padding: 9px 12px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; color: #6b7280; cursor: pointer; font: inherit; font-size: 12px; line-height: 18px; white-space: nowrap; }
.trash-filter-tab strong { color: #111827; font-size: 12px; font-weight: 700; }
.trash-filter-tab.is-active { border-color: #111827; background: #111827; color: #fff; }
.trash-filter-tab.is-active strong { color: #fff; }
.trash-search { display: flex; max-width: 360px; margin: 16px 0; }
.trash-search input { width: 100%; min-height: 36px; box-sizing: border-box; padding: 8px 11px; border: 1px solid #d1d5db; border-radius: 5px; background: #fff; color: #111827; font: inherit; font-size: 13px; }
.trash-list-card { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.trash-bulk-toolbar { display: flex; align-items: center; gap: 8px; min-height: 58px; box-sizing: border-box; padding: 10px 16px; border-bottom: 1px solid #e5e7eb; }
.trash-bulk-toolbar select { min-width: 188px; }
.trash-bulk-toolbar [data-trash-selected] { margin-left: 2px; font-size: 12px; }
.trash-list-card .admin-list-table { overflow-x: auto; }
.trash-list-card .table { min-width: 720px; margin: 0; border: 0; }
.trash-list-card .table th,
.trash-list-card .table td { padding: 12px 16px; }

.board-editor-card { overflow: hidden; padding: 0; }
.board-editor-card .admin-tabs { gap: 0; padding-inline: var(--admin-list-gutter); border-bottom: 1px solid #e5e7eb; background: #f8fafc; }
.board-editor-card .admin-tabs button { min-width: max-content; border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 13px 18px 11px; color: #64748b; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; }
.board-editor-card .admin-tabs button[aria-selected="true"] { border-bottom-color: #111827; background: transparent; color: #111827; }
.board-editor-card .admin-tabs button:focus-visible { outline: 3px solid rgb(37 99 235 / 20%); outline-offset: -3px; }
.board-editor-panel { padding: 20px; }
.board-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px; }
.board-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.board-panel-heading h2 { margin: 0; font-size: 16px; }
.board-panel-heading p { margin: 6px 0 0; }
.board-field-list { display: grid; gap: 8px; }
.board-field-row { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid #e5e7eb; border-radius: 7px; background: #fff; padding: 10px; }
.board-field-row.dragging { opacity: .55; }
.board-field-drag { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border: 1px dashed #d1d5db; border-radius: 6px; background: #fff; color: #94a3b8; cursor: grab; }
.board-field-drag:hover { border-color: #93c5fd; color: #2563eb; }
.board-field-drag:active { cursor: grabbing; }
.board-field-drag:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.board-field-drag svg { width: 16px; height: 16px; }
.board-field-body { min-width: 0; }
.board-field-head { display: grid; grid-template-columns: minmax(160px,1fr) minmax(130px,180px); gap: 8px; }
.board-field-head input,
.board-field-head select { width: 100%; min-height: 36px; box-sizing: border-box; border: 1px solid #d1d5db; border-radius: 5px; background: #fff; padding: 7px 9px; color: #111827; font: inherit; }
.board-field-options { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.board-check,
.board-skin-check { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #475569; }
.board-field-actions { display: flex; gap: 4px; }
.board-skin-targets { display: grid; gap: 10px; }
.board-skin-targets details { border: 1px solid #e5e7eb; border-radius: 7px; background: #fff; overflow: hidden; }
.board-skin-targets summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 15px; cursor: pointer; background: #f8fafc; }
.board-skin-targets summary span { color: #64748b; font-size: 12px; }
.board-skin-target-body { border-top: 1px solid #e5e7eb; padding: 15px; }
.board-skin-options { display: grid; gap: 14px; margin-top: 14px; }
.board-skin-option-section { border-top: 1px solid #f1f5f9; padding-top: 14px; }
.board-skin-option-section h4 { margin: 0 0 10px; font-size: 13px; }
.board-skin-option-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
.board-editor-actions { display: flex; gap: 8px; border-top: 1px solid #e5e7eb; padding: 16px 20px; }

@media (min-width: 701px) {
  .trash-filter-tabs {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}

@media (max-width: 1180px) {
  .shop-dashboard-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .settings-page .settings-grid { grid-template-columns: minmax(0, 1fr); }
  .production-admin-grid,
  .production-assignment-form,
  .production-form-grid { grid-template-columns: minmax(0, 1fr); }
  .production-admin-grid > :first-child { border-right: 0; border-bottom: 1px solid #e5e7eb; padding: 0 0 20px; }
  .production-profile-list-header { align-items: stretch; flex-direction: column; }
  .production-profile-search { width: 100%; justify-content: stretch; }
  .production-profile-search input { min-width: 0; flex: 1 1 auto; }
  .production-profile-form { grid-template-columns: minmax(0, 1fr); }
  .production-editor-identity { grid-template-columns: minmax(0, 1fr); }
  .production-editor-title-row { align-items: flex-start; flex-direction: column; }
  .production-workflow-heading,
  .production-workflow-context { align-items: flex-start; flex-direction: column; }
  .production-workflow-progress { align-self: flex-start; }
  .production-workflow-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .production-workflow-checks { justify-content: flex-start; }
  .production-onboarding-steps { grid-template-columns: minmax(0, 1fr); }
  .production-readiness-item { grid-template-columns: minmax(0, 1fr); }
  .production-readiness-badges { justify-content: flex-start; }
  .production-editor-row { grid-template-columns: minmax(0, 1fr); }
  .production-option-values .production-editor-row { grid-template-columns: minmax(0, 1fr); }
  .production-preview-options { grid-template-columns: minmax(0, 1fr); }
  .production-option-values .production-editor-row .button { width: 100%; }
  .production-editor-row .checkbox-field,
  .production-editor-row .button { width: 100%; }
  .production-proof-form { grid-template-columns: minmax(0, 1fr); }
  .production-proof-form .field:nth-child(3) { grid-column: auto; }
  .production-assignment-card { padding: 16px; }
  .production-editor-actions { align-items: stretch; flex-direction: column; }
  .production-editor-actions [data-production-save] { width: 100%; }
  .production-assignment-form .button { width: 100%; }
  .board-settings-grid,
  .board-skin-option-grid,
  .board-field-head { grid-template-columns: minmax(0,1fr); }
  .board-panel-heading { flex-direction: column; }
  .board-field-row { grid-template-columns: 24px minmax(0,1fr); }
  .board-field-actions { grid-column: 2; justify-content: flex-end; }
}

.user-mobile-select-all {
  display: none;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 820px) {
  .shop-dashboard-panels { grid-template-columns: minmax(0, 1fr); }
  .module-settings-table { min-width: 640px; }
  .trash-bulk-toolbar { flex-wrap: wrap; }
  .trash-search { max-width: none; }
  .notification-rule-summary { gap: 4px 8px; }
  .notification-rule-summary > span { display: inline-flex; }
  .notification-rule-summary small { grid-column: 1 / -1; }
  .notification-rule-enabled { min-width: 36px; }
  .notification-rule-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-settings-form > .field,
  .shop-settings-form > .shop-settings-toggle { grid-template-columns: minmax(0, 1fr); }
  .shop-settings-form > .field > small { grid-column: 1; margin-top: -2px; }
  .shop-toggle-control { grid-column: 1; }
  .shop-operational-provider-header { flex-direction: column; }
  .shop-operational-provider-toggle { width: 100%; }
  .shop-operational-provider-card .field { grid-template-columns: minmax(0, 1fr); }
  .shop-operational-provider-card .field > small { grid-column: 1; }
  .shop-operational-provider-card .field > input,
  .shop-operational-provider-card .shop-select { grid-column: 1; }
  .shop-tax-invoice-card .field { grid-template-columns: minmax(0, 1fr); }
  .shop-tax-invoice-card .field > small,
  .shop-tax-invoice-card .field > input,
  .shop-tax-invoice-card .field > select { grid-column: 1; }
}

@media (max-width: 560px) {
  .shop-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-dashboard-operation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-dashboard-operation-grid a:nth-child(n + 3) { border-top: 1px solid #f3f4f6; }
  .shop-dashboard-operation-grid a:not(:nth-child(3n + 1)) { border-left: 0; }
  .shop-dashboard-operation-grid a:nth-child(even) { border-left: 1px solid #f3f4f6; }
}

@media (prefers-reduced-motion: reduce) {
  .side {
    transition: none;
  }
}

/* Shared admin list/action toolbar contract.
   Keep filter controls on one semantic row when the viewport allows it, then
   move the search field before the remaining filters at tablet widths. The
   table itself may scroll horizontally; the toolbar must not create a second
   horizontal scroll surface. */
.main {
  --admin-toolbar-gap: 8px;
}

.main :where(.admin-toolbar, form.admin-toolbar, .toolbar.admin-toolbar) {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: var(--admin-toolbar-gap);
  flex-wrap: wrap;
  overflow: visible;
}

/* Compatibility for older list renderers that still expose only the legacy
   toolbar class. This keeps query/search controls compact without changing
   their URL names or nested form structure. */
.main :where(.toolbar, form.toolbar) > form,
.main :where(.toolbar, form.toolbar).admin-list-search {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.main :where(.toolbar, form.toolbar) > form > :where(input:not([type="hidden"]), select),
.main :where(.toolbar, form.toolbar).admin-list-search > :where(input:not([type="hidden"]), select) {
  width: auto !important;
  min-width: 0;
}

.main :where(.toolbar, form.toolbar) > form > :where(input[name="q"], input[name="query"], input[type="search"]),
.main :where(.toolbar, form.toolbar).admin-list-search > :where(input[name="q"], input[name="query"], input[type="search"]) {
  width: min(520px, 100%) !important;
  max-width: 520px;
  flex: 1 1 360px;
}

.main form.toolbar > :where(input:not([type="hidden"]), select, .button, button) {
  width: auto !important;
  min-width: 0;
}

.main form.toolbar > :where(input[name="q"], input[name="query"], input[type="search"]) {
  width: min(520px, 100%) !important;
  max-width: 520px;
  flex: 1 1 360px;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) {
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input:not([type="hidden"]), select, .field, .admin-search-input, .button) {
  box-sizing: border-box;
  min-width: 0;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input:not([type="hidden"]), select, .admin-search-input, .button) {
  width: auto !important;
  max-width: none;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input[name="q"], input[name="query"], input[type="search"], .admin-search-input) {
  width: min(520px, 100%) !important;
  max-width: 520px;
  flex: 1 1 360px;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > .field {
  display: flex;
  min-width: 160px;
  flex: 0 1 200px;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > .field > :where(input, select) {
  width: 100% !important;
  min-width: 0;
}

/* Search fields normally use .admin-search-input as a horizontal toolbar item.
   Member and activity filters wrap that control inside a vertical .field, so
   the old flex-basis would otherwise become a 384px height and leave a large
   empty band above the remaining filters. Reset the nested flex item to its
   natural control height while keeping the field fluid. */
.main .admin-list-filter-toolbar > .field > .admin-search-input,
.main form.admin-list-filter-toolbar > .field > .admin-search-input {
  width: 100%;
  max-width: none;
  flex: 0 1 auto !important;
  height: auto;
  min-height: 0;
}

.main :where(.admin-list-filter-actions, .users-filter-actions) {
  display: flex;
  align-items: center;
  gap: var(--admin-toolbar-gap);
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

.main :where(.admin-list-filter-actions, .users-filter-actions) > .button {
  min-height: var(--admin-control-height);
  white-space: nowrap;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(select, input[type="date"], input[type="number"]) {
  width: 200px !important;
  min-width: 160px;
  flex: 0 1 200px;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(.button, button) {
  width: auto !important;
  min-height: var(--admin-control-height);
  flex: 0 0 auto;
  white-space: nowrap;
}

.main :where(.admin-action-toolbar, .toolbar.admin-action-toolbar) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--admin-toolbar-gap);
  flex-wrap: wrap;
  max-width: 100%;
  overflow: visible;
}

.main :where(.admin-action-toolbar, .toolbar.admin-action-toolbar) > :where(.button, button, a) {
  box-sizing: border-box;
  min-height: var(--admin-control-height);
  width: auto !important;
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Existing list-bulk-toolbar variants are kept as compatibility selectors so
   older screens get the same contract while their data attributes remain
   unchanged. New screens should add admin-bulk-toolbar explicitly. */
.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar, #customer-roles > .toolbar) {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: var(--admin-toolbar-gap);
  flex-wrap: wrap;
  overflow: visible;
}

.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar, #customer-roles > .toolbar) > :where(select, .orders-bulk-select select) {
  width: 208px !important;
  min-width: 160px;
  flex: 0 1 208px;
}

.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(.button, button) {
  width: auto !important;
  min-height: 32px;
  flex: 0 0 auto;
  white-space: nowrap;
}

.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) :where(.list-selection-summary, [data-bulk-selected-count], [data-selected-count], [data-production-selected-count]) {
  margin-left: auto;
  white-space: nowrap;
}

@media (max-width: 1099px) {
  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input[name="q"], input[name="query"], input[type="search"], .admin-search-input, .field:first-child) {
    width: 100% !important;
    max-width: none;
    flex: 1 1 100% !important;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(select, input[type="date"], input[type="number"], .field) {
    flex: 1 1 180px;
  }
}

@media (max-width: 700px) {
  .main {
    --admin-list-gutter: 16px;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) {
    align-items: stretch;
    padding-right: 16px;
    padding-left: 16px;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input:not([type="hidden"]), select, .field, .admin-search-input, .button, button) {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    flex: 1 1 100%;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > .field > :where(input, select) {
    width: 100% !important;
  }

  .main :where(.admin-action-toolbar, .toolbar.admin-action-toolbar) > :where(.button, button, a) {
    flex: 1 1 auto;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) {
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap !important;
    justify-content: flex-start;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(select, .orders-bulk-select, .checkbox-field, .user-mobile-select-all) {
    width: 100% !important;
    min-width: 0;
    flex: 1 1 100%;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(.button, button) {
    width: auto !important;
    flex: 0 0 auto;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) :where(.list-selection-summary, [data-bulk-selected-count], [data-selected-count], [data-production-selected-count]) {
    margin-left: 0;
  }
}

/* Data-list geometry is edge-to-edge inside the card. The card border is the
   outer baseline; list rows own the shared inner gutter. Keep this contract
   separate from editor/settings cards, which intentionally retain padding. */
.main :where(.admin-list-card,
  .orders-card,
  .products-card,
  .pages-list-panel,
  .layout-template-list-panel,
  .collection-list-panel,
  .trash-list-card,
  .latest-views-list-card,
  .latest-skins-list-card,
  .gift-products-card,
  .media-list-panel,
  .member-approvals-card,
  .customer-roles-card,
  .shop-reviews-list-card,
  .shop-claims-list-card,
  .shop-shipments-list-card,
  .point-ledger-card,
  .point-rules-card,
  .point-expirations-card,
  .point-reversals-card,
  .production-list-card,
  .production-documents-card,
  .community-list-card,
  .notification-history-page) {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  padding: 0;
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-bulk-toolbar, .list-bulk-toolbar, .production-bulk-toolbar) {
  margin-block: 0;
  margin-inline: 0;
  padding-inline: var(--admin-list-gutter);
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-search, form.admin-list-search, .page-list-search, .products-filter-form, .orders-filter-form, .media-filter-form) {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-table, .admin-list-table-wrap, .admin-list-pagination-table, .admin-list-table-scroll) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지 이동"]) {
  margin-inline: 0;
  padding-inline: var(--admin-list-gutter);
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-table, .admin-list-table-wrap, .admin-list-pagination-table, .admin-list-table-scroll) > .table {
  margin-inline: 0;
}

.main :where(.admin-list-card, .orders-card, .products-card, .pages-list-panel, .layout-template-list-panel, .collection-list-panel, .trash-list-card, .latest-views-list-card, .latest-skins-list-card, .gift-products-card, .media-list-panel, .member-approvals-card, .customer-roles-card, .shop-reviews-list-card, .shop-claims-list-card, .shop-shipments-list-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .production-list-card, .production-documents-card, .community-list-card, .notification-history-page) > .toolbar {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .admin-list-card :where(form.admin-list-filter-toolbar, form.admin-list-search, .admin-list-search, .list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar, .admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지"]) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .admin-list-card :where(.list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar) {
  overflow-x: visible;
  margin-block: 0;
  margin-inline: 0;
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
}

.main .admin-list-card :where(.admin-list-table, .admin-list-table-wrap, .admin-list-table-scroll, [style*="overflowX"], [style*="overflow-x"]) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.main :where(.media-list-panel, .gift-products-card, .latest-views-list-card, .latest-skins-list-card, .member-approvals-card, .customer-roles-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .page-template-list-panel, .layout-template-list-panel, .collection-list-panel, .community-list-card, .notification-history-page) :where(form.admin-list-filter-toolbar, form.admin-list-search, .admin-list-search, .list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar, .admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지"]) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main :where(.media-list-panel, .gift-products-card, .latest-views-list-card, .latest-skins-list-card, .member-approvals-card, .customer-roles-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .page-template-list-panel, .layout-template-list-panel, .collection-list-panel) :where(.list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar) {
  overflow-x: visible;
  margin-block: 0;
  margin-inline: 0;
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
}

.main :where(.media-list-panel, .gift-products-card, .latest-views-list-card, .latest-skins-list-card, .member-approvals-card, .customer-roles-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .page-template-list-panel, .layout-template-list-panel, .collection-list-panel, .community-list-card, .notification-history-page) :where(.admin-list-table, .admin-list-table-wrap, .admin-list-table-scroll, .marketing-table-wrap, [style*="overflowX"], [style*="overflow-x"]) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

/* Existing specialized list screens keep their public class names, while
   sharing the same edge-to-edge baseline. */
.main :where(.users-page > .card, .boards-screen > .card, .popups-screen > .card) {
  padding: 0;
}

.main :where(.users-page > .card, .boards-screen > .card, .popups-screen > .card) > :where(#hono-users-list, #hono-boards-list, #hono-popups-list) > :where(form.admin-list-search) {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.trash-list-card, .shop-reviews-list-card) .admin-list-table,
.main :where(.shop-claims-list-card, .shop-shipments-list-card) > :where(#shop-claims, #shop-shipments) > :where(div[style*="overflowX"], div[style*="overflow-x"]) {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.main .trash-list-card .trash-bulk-toolbar {
  padding-inline: var(--admin-list-gutter);
}

.main .trash-list-card .table th,
.main .trash-list-card .table td {
  padding-inline: var(--admin-list-gutter);
}

.main .shop-inquiries-bulk-toolbar {
  overflow-x: visible;
  padding-inline: var(--admin-list-gutter);
}

/* A few legacy list surfaces still use the generic toolbar class. Keep their
   rows on the same outer card baseline without forcing editor toolbars to
   inherit list spacing. */
.main .directory-inquiries-page > .admin-list-card > .toolbar,
.main .directory-inquiries-page > .admin-list-card > [data-directory-inquiry-bulk-list] > .toolbar {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .directory-inquiries-page > .admin-list-card > [data-inquiry-import-toggle] {
  margin-inline: var(--admin-list-gutter);
}

.main .media-list-panel > #media-list > .toolbar,
.main .customer-roles-card > .toolbar,
.main .customer-roles-card #customer-roles > .toolbar {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .member-approvals-card > form,
.main .member-approvals-card #approval-list > .toolbar,
.main .member-approvals-card #approval-list > :where(div[style*="gridTemplateColumns"], div[style*="grid-template-columns"], nav[aria-label*="페이지"]) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .community-list-card > .toolbar,
.main .community-list-card [data-community-report-list] > .toolbar,
.main .community-list-card > :where(nav[aria-label*="커뮤니티 관리 메뉴"], nav[aria-label*="페이지"], .muted) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .notification-history-page > form,
.main .notification-history-page > nav[aria-label*="페이지"] {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .shop-inquiries-pagination {
  padding-inline: var(--admin-list-gutter);
}

.main .shop-reviews-list-card > form[aria-label="후기 상태 필터"] {
  box-sizing: border-box;
  margin-inline: 0;
  padding-inline: var(--admin-list-gutter);
}

.main .production-documents-card > .screen-header {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card) > :where(.point-list-search, .list-bulk-toolbar, .point-pagination) {
  padding-inline: var(--admin-list-gutter);
}

@media (max-width: 700px) {
  .main :where(.admin-list-card, .production-list-card) > :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar, .admin-bulk-toolbar, .list-bulk-toolbar, .production-bulk-toolbar, .admin-list-search, form.admin-list-search, .page-list-search, .products-filter-form, .orders-filter-form, .media-filter-form, .admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지 이동"]) {
    padding-inline: var(--admin-list-gutter);
  }
}

/* Mobile admin contract.
   Hono screens intentionally keep their own semantic markup, but every
   screen shares the same narrow content frame. Apply the final narrow-screen
   rules here so legacy inline grids, action headers, filters, and dialogs do
   not invent their own overflow behavior. */
@media (max-width: 700px) {
  .main .admin-content {
    min-width: 0;
    overflow-x: hidden;
  }

  .main .admin-content > main {
    box-sizing: border-box;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: calc(-1 * var(--admin-page-gutter));
  }

  .main .admin-content :where(.admin-page-frame, .card, section, article, form, fieldset) {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  .main .admin-content :where(input, select, textarea, button, .button) {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* A small number of older screens still emit a two-column grid through an
     inline React style. The mobile frame cannot safely shrink those tracks;
     collapse only the authored grid declaration while leaving tables and
     scroll wrappers intact. */
  .main .admin-content :where([style*="gridTemplateColumns"], [style*="grid-template-columns"]) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .main .admin-content :where(.screen-header, .shop-dashboard-heading, .board-panel-heading) {
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 12px;
    height: auto;
    min-height: 0;
  }

  .main .admin-content :where(.screen-header-actions, .page-list-header-actions, .shop-order-header-actions, .user-editor-header-actions) {
    width: 100%;
    align-items: stretch;
    justify-content: stretch;
  }

  .main .admin-content :where(.screen-header > .button, .screen-header > a.button, .screen-header-actions .button, .page-list-header-actions .button, .shop-order-header-actions .button, .user-editor-header-actions .button) {
    width: 100%;
    flex: 1 1 100%;
    justify-content: center;
  }

  /* Several older renderers use an unclassified flex wrapper for header
     actions. Only promote wrappers that actually contain buttons. */
  .main .admin-content .screen-header > :last-child:has(> .button) {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
  }

  .main .admin-content .screen-header > :last-child:has(> .button) > .button {
    width: 100%;
    flex: 1 1 100%;
    justify-content: center;
  }

  .main .admin-content :where(.admin-tab-strip, .product-editor-tabs, .production-editor-tabs, .shop-order-tabs, .board-editor-card .admin-tabs) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .main .admin-content :where(.orders-filter-form, .products-filter-grid, .shop-operations-filter, .shop-shipments-filter, .notification-rule-fields, .notification-connection-new-fields, .notification-template-fields, .shop-operational-provider-grid, .subscription-detail-fields) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .main .admin-content :where(.orders-filter-search, .orders-date-field, .orders-filter-actions, .products-filter-actions) {
    grid-column: auto;
  }

  .main .admin-content :where(.orders-filter-actions, .products-filter-actions) {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }

  .main .admin-content :where(.orders-filter-actions, .products-filter-actions) .button {
    width: 100%;
    justify-content: center;
  }

  .main .admin-content .shop-settings-actions,
  :where(.page-quick-edit-footer, .sidebar-order-footer) {
    align-items: stretch;
    flex-direction: column;
  }

  .main .admin-content .shop-settings-actions .button,
  .page-quick-edit-footer .button,
  .sidebar-order-footer > span,
  .sidebar-order-footer > span .button {
    width: 100%;
  }

  .sidebar-order-footer > span {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .main .admin-content :where(.notification-connection-summary, .notification-rule-summary-row, .notification-template-card-header, .notification-template-footer) {
    align-items: stretch;
    flex-direction: column;
  }

  .main .admin-content :where(.notification-connection-actions, .notification-connection-add-actions, .notification-template-card-actions) {
    align-items: stretch;
    width: 100%;
  }

  .main .admin-content :where(.notification-connection-actions, .notification-connection-add-actions, .notification-template-card-actions) .button {
    width: 100%;
    justify-content: center;
  }

  .main .admin-content :where(.notification-rule-enabled, .notification-template-enabled) {
    align-self: flex-start;
    justify-content: flex-start;
  }

  .main .admin-content :where(.production-editor-actions, .production-workflow-heading, .production-workflow-context) {
    align-items: stretch;
    flex-direction: column;
  }

  .main .admin-content :where(.production-editor-action-buttons, .production-quote-actions, .production-workflow-checks) {
    width: 100%;
    align-items: stretch;
    justify-content: stretch;
  }

  .main .admin-content :where(.production-editor-action-buttons, .production-quote-actions) .button {
    width: 100%;
    justify-content: center;
  }

  .main .admin-content :where(.production-onboarding-steps, .production-workflow-steps) {
    grid-template-columns: minmax(0, 1fr);
  }

  .main .admin-content :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(select, .orders-bulk-select, .checkbox-field, .user-mobile-select-all) {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }

  .main .admin-content :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(.button, button) {
    width: auto !important;
    flex: 0 0 auto !important;
  }

  .main .admin-content :where(.production-readiness-item) {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .main .admin-content :where(.production-readiness-badges, .production-workflow-checks) {
    justify-content: flex-start;
  }

  .main .admin-content :where(.layout-template-pagination, .orders-pagination, .products-pagination, .marketing-pagination, .point-pagination, .shop-inquiries-pagination) {
    align-items: stretch;
    flex-direction: column;
  }

  .main .admin-content :where(.layout-template-pagination-actions, .orders-pagination, .products-pagination, .marketing-pagination-actions, .point-pagination-links, .shop-inquiries-page-buttons) {
    width: 100%;
    justify-content: stretch;
    flex-wrap: wrap;
  }

  .main .admin-content :where(.layout-template-pagination-actions, .orders-pagination, .products-pagination, .marketing-pagination-actions, .point-pagination-links, .shop-inquiries-page-buttons) .button {
    flex: 1 1 auto;
    justify-content: center;
  }

  /* Operational dialogs stay compact on a phone; their centered vertical
     hierarchy is shared with the desktop presentation above. */
  :where(.page-quick-edit-dialog, .sidebar-order-dialog) {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  :where(.page-quick-edit-panel, .sidebar-order-panel) {
    max-height: calc(100dvh - 24px);
  }

  :where(.page-quick-edit-header, .sidebar-order-header) {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  :where(.page-quick-edit-header .icon-button, .sidebar-order-header .icon-button) {
    align-self: flex-end;
  }

  :where(.page-translation-dialog-actions) {
    align-items: stretch;
    flex-direction: column;
  }

  :where(.page-translation-dialog-actions, .page-quick-edit-footer) .button {
    width: 100%;
    justify-content: center;
  }
}

.admin-mobile-filter-details,
.admin-mobile-filter-options {
  min-width: 0;
}

.admin-mobile-filter-options > * {
  min-width: 0;
}

.admin-mobile-filter-toggle {
  display: flex;
  min-height: 38px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  list-style: none;
}

.admin-mobile-filter-toggle::-webkit-details-marker {
  display: none;
}

.admin-mobile-filter-toggle::after {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  content: "";
  transform: rotate(45deg) translateY(-2px);
  transition: transform 120ms ease;
}

.admin-mobile-filter-details[open] > .admin-mobile-filter-toggle::after {
  transform: rotate(225deg) translate(-1px, -1px);
}

.admin-mobile-filter-toggle[data-active="true"] {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}

@media (min-width: 701px) {
  .admin-mobile-filter-details {
    display: contents;
  }

  .admin-mobile-filter-details > summary {
    display: none;
  }

  .admin-mobile-filter-options {
    display: contents;
  }
}

@media (max-width: 700px) {
  .main .admin-content :where(.orders-filter-form, .products-filter-grid, .shop-operations-filter, .shop-shipments-filter, .media-filter-form, .shop-inquiries-filter-grid, form.admin-list-filter-toolbar, form.page-list-search) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  .main .admin-content :where(.orders-filter-form, .products-filter-grid, .shop-operations-filter, .shop-shipments-filter, .media-filter-form, .shop-inquiries-filter-grid, form.admin-list-filter-toolbar, form.page-list-search) > :where(.orders-filter-search, .admin-search-input, input[name="q"], input[name="query"], input[type="search"], .field:first-child, .field:has(input[name="q"]), .field:has(input[name="query"]), .field:has(input[type="search"])) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .main .admin-content :where(.orders-filter-form, .products-filter-grid, .shop-operations-filter, .shop-shipments-filter, .media-filter-form, .shop-inquiries-filter-grid, form.admin-list-filter-toolbar, form.page-list-search) > .admin-mobile-filter-details {
    grid-column: 1 / -1;
  }

  .main .admin-content .admin-mobile-filter-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 8px;
  }

  .main .admin-content .admin-mobile-filter-options > :where(.orders-date-field, fieldset) {
    grid-column: 1 / -1;
  }

  .main .admin-content :where(.orders-filter-actions, .products-filter-actions) {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .main .admin-content :where(.orders-filter-actions, .products-filter-actions) .button {
    width: 100%;
    min-width: 0;
  }

  .main .admin-content :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(.button, button) {
    width: 100% !important;
    min-width: 0;
    flex: 0 1 auto;
  }

  .main .admin-content :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) {
    align-items: center;
    flex-wrap: nowrap !important;
    gap: 8px;
    min-width: 0;
  }

  .main .admin-content :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(select, .orders-bulk-select, .checkbox-field, .user-mobile-select-all) {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .main .admin-content :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(.button, button) {
    width: auto !important;
    min-width: 56px;
    flex: 0 0 auto !important;
  }

  .main .admin-content :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) :where(.list-selection-summary, [data-bulk-selected-count], [data-selected-count], [data-production-selected-count], [data-orders-selected-count], [data-inquiry-selected-count], [data-media-selected-count], .muted:has([data-bulk-selected-count]), .muted:has([data-orders-selected-count]), .muted:has([data-inquiry-selected-count]), .muted:has([data-media-selected-count])) {
    display: none !important;
  }

  .main .admin-content .admin-bulk-toolbar > .muted:first-child:has(+ select),
  .main .admin-content .admin-bulk-toolbar > .muted:first-child:has(+ .orders-bulk-select) {
    display: none;
  }

  .main .admin-content .page-mobile-select-all {
    display: none;
  }
}

/* ---------- Light workspace shell ----------
   The navigation data and permission rules stay in AdminShell. This layer only
   separates global areas, local navigation and the current work surface. */

:root {
  --admin-topbar-height: 56px;
  --admin-rail-width: 64px;
  --admin-sidebar-width: 256px;
  --admin-shell-gap: 18px;
  --admin-shell-background: #f3f5f7;
  --admin-shell-border: #e6e9ed;
  --admin-surface-radius: 16px;
}

body {
  overflow: hidden;
  background: var(--admin-shell-background);
}

.shell {
  display: grid;
  grid-template-columns: calc(var(--admin-rail-width) + var(--admin-sidebar-width)) minmax(0, 1fr);
  grid-template-rows: var(--admin-topbar-height) minmax(0, 1fr);
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
  background: var(--admin-shell-background);
  transition: grid-template-columns 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.admin-topbar {
  position: relative;
  z-index: 90;
  display: grid;
  grid-column: 1 / -1;
  grid-row: 1;
  grid-template-columns: var(--admin-rail-width) var(--admin-sidebar-width) minmax(0, 1fr) auto;
  min-width: 0;
  border-bottom: 1px solid var(--admin-shell-border);
  background: rgb(255 255 255 / 96%);
  color: #1f2937;
  transition: grid-template-columns 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.admin-topbar-brand,
.admin-topbar-site,
.admin-topbar-context,
.admin-topbar-actions {
  display: flex;
  min-width: 0;
  align-items: center;
}

.admin-topbar-brand {
  justify-content: center;
  border-right: 1px solid var(--admin-shell-border);
  visibility: visible;
  transition: opacity 140ms ease, visibility 0s linear 0s;
}

.admin-topbar-brand .side-brand {
  display: inline-flex;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111827;
}

.admin-topbar-brand .side-logo,
.admin-topbar-brand .side-logo-fallback {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
}

.admin-topbar-site {
  gap: 10px;
  padding: 0 18px;
  border-right: 1px solid var(--admin-shell-border);
  visibility: visible;
  transition: opacity 140ms ease, visibility 0s linear 0s;
}

.admin-topbar-site > span {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.admin-topbar-site strong {
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-topbar-site small {
  color: #9ca3af;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
}

.admin-topbar-menu {
  display: none;
}

.admin-topbar-context {
  gap: 9px;
  padding: 0 22px;
  overflow: hidden;
  font-size: 13px;
}

.admin-topbar-context span {
  color: #8b93a1;
  font-weight: 500;
  white-space: nowrap;
}

.admin-topbar-context i {
  color: #d1d5db;
  font-style: normal;
}

.admin-topbar-context strong {
  overflow: hidden;
  color: #1f2937;
  font-size: 14px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-topbar-actions {
  justify-content: flex-end;
  gap: 8px;
  padding: 0 14px 0 8px;
}

/* The order menu is a set of work queues (with counts), claim views,
   operations and custom production. Its order is a tested contract, so the
   groups are separated visually rather than regrouped: a hairline marks
   where each group after the queues begins. */
.side-subnav > .side-sub-link:is([href^="/shop/orders?view=cancel-claims"], [href^="/shop/shipments"], [href="/shop/production"], [href^="/shop/production?"]) {
  position: relative;
  margin-top: 9px;
}

.side-subnav > .side-sub-link:is([href^="/shop/orders?view=cancel-claims"], [href^="/shop/shipments"], [href="/shop/production"], [href^="/shop/production?"])::before {
  position: absolute;
  top: -5px;
  right: 12px;
  left: 12px;
  height: 1px;
  background: #eef0f2;
  content: "";
}

/* The dashboard group has a single link, so on desktop its detail panel
   would be an empty column. Collapse it there and let the work surface use
   the width; the mobile drawer keeps the full menu. */
@media (min-width: 701px) {
  .shell[data-admin-screen="dashboard"][data-admin-nav-group="dashboard"] {
    --admin-sidebar-width: 0px;
  }

  .shell[data-admin-screen="dashboard"][data-admin-nav-group="dashboard"] :is(.side-panel, .admin-topbar-site) {
    display: none;
  }

  .shell[data-admin-screen="dashboard"][data-admin-nav-group="dashboard"] .side {
    grid-template-columns: var(--admin-rail-width);
  }

  .shell[data-admin-screen="dashboard"][data-admin-nav-group="dashboard"] .admin-topbar {
    grid-template-columns: var(--admin-rail-width) minmax(0, 1fr) auto;
  }
}

@media (min-width: 701px) {
  .shell[data-admin-sidebar-collapsed="true"] {
    --admin-rail-width: 0px;
    --admin-sidebar-width: 0px;
    grid-template-columns: 0 minmax(0, 1fr);
  }

  .shell[data-admin-sidebar-collapsed="true"] :is(.admin-topbar-brand, .side-panel, .admin-topbar-site) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .shell[data-admin-sidebar-collapsed="true"] .admin-topbar-brand {
    transition-delay: 0s, 220ms;
  }

  .shell[data-admin-sidebar-collapsed="true"] .admin-topbar-site {
    transition-delay: 0s, 220ms;
  }

  .shell[data-admin-sidebar-collapsed="true"] .side-panel {
    transform: translateX(-10px);
    transition-delay: 0s, 0s, 220ms;
  }

  .shell[data-admin-sidebar-collapsed="true"] .side {
    grid-template-columns: 0 0;
    width: 0;
    border-right-color: transparent;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition-delay: 0s, 0s, 0s, 220ms;
  }

  .shell[data-admin-sidebar-collapsed="true"] .admin-topbar {
    grid-template-columns: 0 0 minmax(0, 1fr) auto;
  }
}

/* Account lives in the top bar: one avatar button that opens the profile,
   menu-order and sign-out actions, so the side panel is all navigation. */
.admin-account-menu {
  position: relative;
}

.admin-account-menu > summary {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 8px;
  padding: 0 10px 0 4px;
  border: 1px solid var(--admin-shell-border);
  border-radius: 10px;
  background: #fff;
  color: #374151;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  list-style: none;
}

.admin-account-menu > summary::-webkit-details-marker {
  display: none;
}

.admin-account-menu > summary:hover,
.admin-account-menu[open] > summary {
  border-color: #d1d5db;
  background: #f8f9fa;
}

.admin-account-menu > summary:focus-visible {
  outline: 2px solid #111827;
  outline-offset: 2px;
}

.admin-account-menu > summary .side-account-avatar {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  border-radius: 7px;
  background: #111827;
  color: #fff;
  font-size: 11px;
}

.admin-account-menu-name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-account-menu > .side-account {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 120;
  display: grid;
  width: 248px;
  gap: 8px;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--admin-shell-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px rgb(15 23 42 / 12%);
}

.admin-account-menu > .side-account .side-account-avatar {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #1f2937;
}

.admin-account-menu > .side-account .side-account-name {
  color: #111827;
}

.admin-account-menu > .side-account :is(.side-account-email, .side-account-role) {
  color: #9ca3af;
}

.admin-account-menu > .side-account .side-account-action {
  border-color: #e5e7eb;
  background: #fff;
  color: #525b68;
}

.admin-account-menu > .side-account .side-account-action:hover,
.admin-account-menu > .side-account .side-account-action:focus-visible {
  border-color: #d1d5db;
  background: #f3f4f6;
  color: #111827;
}

@media (max-width: 1120px) {
  .admin-account-menu-name {
    display: none;
  }

  .admin-account-menu > summary {
    padding: 0 4px;
  }
}

.admin-topbar-home {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid var(--admin-shell-border);
  border-radius: 10px;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
}

.admin-topbar-home:hover {
  border-color: #d1d5db;
  background: #f8f9fa;
  color: #111827;
}

.admin-topbar-home:focus-visible,
.side :is(a, button).side-rail-link:focus-visible,
.side-sidebar-toggle:focus-visible,
.side-panel :is(a, button, summary, select):focus-visible {
  outline: 2px solid #111827;
  outline-offset: 2px;
}

.admin-topbar-home .side-home-icon {
  width: 15px;
  height: 15px;
}

.side {
  position: relative;
  inset: auto;
  display: grid;
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: var(--admin-rail-width) minmax(0, var(--admin-sidebar-width));
  width: calc(var(--admin-rail-width) + var(--admin-sidebar-width));
  height: auto;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border-right: 1px solid var(--admin-shell-border);
  background: #fff;
  color: #4b5563;
  transition:
    grid-template-columns 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
    width 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 140ms ease,
    visibility 0s linear 0s;
}

.side-rail {
  display: flex;
  min-height: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  padding: 10px 6px;
  border-right: 1px solid var(--admin-shell-border);
  background: #f6f7f9;
  visibility: visible;
  opacity: 1;
  transition: opacity 140ms ease, visibility 0s linear 0s;
}

.side a.side-rail-brand {
  display: none;
}

.side-rail-nav {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  overflow-y: auto;
  padding-bottom: 56px;
  scrollbar-width: none;
}

.side-rail-nav::-webkit-scrollbar {
  display: none;
}

.side-sidebar-toggle {
  position: fixed;
  left: 6px;
  bottom: 10px;
  z-index: 120;
  display: inline-flex;
  width: 52px;
  height: 40px;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: rgb(255 255 255 / 96%);
  color: #6b7280;
  cursor: pointer;
  box-shadow: 0 6px 18px rgb(15 23 42 / 12%);
  transition: left 220ms cubic-bezier(0.22, 0.61, 0.36, 1), bottom 220ms cubic-bezier(0.22, 0.61, 0.36, 1), background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.side-sidebar-toggle:hover,
.side-sidebar-toggle:focus-visible {
  background: #eceff2;
  color: #111827;
}

.side-sidebar-toggle-icon {
  width: 18px;
  height: 18px;
  transition: transform 120ms ease;
}

.shell[data-admin-sidebar-collapsed="true"] .side-sidebar-toggle-icon {
  transform: rotate(180deg);
}

.shell[data-admin-sidebar-collapsed="true"] .side-sidebar-toggle {
  left: 16px;
  bottom: 16px;
  border-color: #d1d5db;
  background: #fff;
  box-shadow: 0 10px 24px rgb(15 23 42 / 18%);
}

.side :is(a, button).side-rail-link {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  padding: 0;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 12px;
  border: 0;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  font: inherit;
  text-decoration: none;
  transition: background-color 120ms ease, color 120ms ease;
}

.side :is(a, button).side-rail-link:hover {
  background: #eceff2;
  color: #374151;
}

.side :is(a, button).side-rail-link.active {
  background: #181d25;
  color: #fff;
  box-shadow: 0 4px 12px rgb(17 24 39 / 12%);
}

.side :is(a, button).side-rail-link .side-icon {
  width: 18px;
  height: 18px;
  color: currentColor;
}

.side :is(a, button).side-rail-link > span {
  max-width: 100%;
  overflow: hidden;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  color: #4b5563;
  visibility: visible;
  transform: translateX(0);
  transition:
    opacity 140ms ease,
    transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
    visibility 0s linear 0s;
}

.side-panel .side-locale {
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #eef0f2;
  color: #6b7280;
}

.side-panel .side-locale select {
  border-color: #e5e7eb;
  background: #fff;
  color: #374151;
}

.side-panel .side-nav {
  display: grid;
  width: auto;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  gap: 0;
  align-content: start;
  margin: 0;
  padding: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #d1d5db transparent;
  scrollbar-width: thin;
}

.side-panel .side-nav::-webkit-scrollbar {
  width: 6px;
}

.side-panel .side-nav::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #d1d5db;
}

.side-panel .side-section {
  display: none;
  width: auto;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
}

.side-panel .side-section.active {
  display: grid;
}

/* Desktop shows the active group from the rail; the mobile drawer lists all
   groups and keeps their labels as separators. */
.side-panel .side-group-label {
  display: none;
  margin: 0;
  padding: 2px 8px 8px;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.side-panel .side-link,
.side-panel .side-link-row,
.side-panel .side-sub-link {
  color: #525b68;
}

.side-panel .side-link-row,
.side-panel a.side-link,
.side-panel a.side-sub-link {
  border-radius: 9px;
}

.side-panel .side-link-row:hover,
.side-panel a.side-link:hover,
.side-panel a.side-sub-link:hover {
  background: #f3f4f6;
  color: #111827;
}

.side-panel .side-nav-details.active > .side-link-row,
.side-panel a.side-link.active {
  background: #eef0f2;
  color: #111827;
  font-weight: 650;
}

.side-panel .side-icon,
.side-panel .side-chevron,
.side-panel .side-toggle-icon {
  color: #9ca3af;
}

.side-panel .side-nav-details.active > .side-link-row .side-icon,
.side-panel a.side-link.active .side-icon {
  color: #303743;
}

.side-panel .side-nav-details[open] > summary .side-toggle-icon,
.side-panel .side-link:hover .side-toggle-icon,
.side-panel .side-link:focus-visible .side-toggle-icon {
  color: #4b5563;
}

.side-panel .side-subnav {
  box-sizing: border-box;
  width: auto;
  margin: 4px 0 2px 17px;
  padding: 2px 0 2px 10px;
  border-left: 1px solid #e5e7eb;
}

.side-panel a.side-sub-link.active {
  background: transparent;
  box-shadow: inset 2px 0 0 #1f2937;
  color: #111827;
  font-weight: 650;
}

.side-panel .side-sub-count {
  background: #f0f1f3;
  color: #6b7280;
}

.side-panel .side-sub-link.active .side-sub-count,
.side-panel .side-sub-link:hover .side-sub-count {
  color: #374151;
}

.main {
  display: flex;
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  height: auto;
  overflow: hidden;
  padding: var(--admin-shell-gap);
  background: var(--admin-shell-background);
}

.admin-content {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  /* The content surface owns the standard page gutter. List cards opt into
     their own row gutter, while direct editor mains compensate below. */
  padding: var(--admin-page-gutter);
  border: 1px solid var(--admin-shell-border);
  border-radius: var(--admin-surface-radius);
  background: #fff;
  box-shadow: 0 8px 30px rgb(15 23 42 / 5%);
  scrollbar-color: #c5cad1 transparent;
}

.admin-content::-webkit-scrollbar-thumb {
  border-color: #fff;
  background: #c5cad1;
}

@media (max-width: 1120px) and (min-width: 701px) {
  :root {
    --admin-sidebar-width: 224px;
    --admin-shell-gap: 14px;
  }

  .admin-topbar-site {
    padding-right: 14px;
    padding-left: 14px;
  }

  .admin-topbar-context {
    padding-right: 16px;
    padding-left: 16px;
  }

  .admin-topbar-home span {
    display: none;
  }
}

@media (max-width: 700px) {
  :root {
    --admin-topbar-height: 56px;
    --admin-shell-gap: 12px;
  }

  body.admin-sidebar-open {
    overflow: hidden;
  }

  .shell {
    display: block;
  }

  .admin-topbar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    grid-template-columns: minmax(0, 1fr) 40px;
    height: var(--admin-topbar-height);
    padding: 0 12px;
    background: rgb(255 255 255 / 98%);
  }

  .admin-topbar-brand,
  .admin-topbar-context {
    display: none;
  }

  .admin-topbar-site {
    gap: 10px;
    padding: 0;
    border: 0;
  }

  .admin-topbar-site > span {
    display: block;
  }

  .admin-topbar-site small {
    display: none;
  }

  .admin-topbar-menu {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: #374151;
    cursor: pointer;
  }

  .admin-topbar-menu .mobile-admin-menu-icon {
    width: 19px;
    height: 19px;
  }

  .admin-topbar-actions {
    padding: 0;
  }

  .admin-topbar-home {
    width: 38px;
    min-height: 38px;
    padding: 0;
  }

  .admin-topbar-home span {
    display: none;
  }

  .side {
    position: fixed;
    inset: var(--admin-topbar-height) auto 0 0;
    z-index: 110;
    display: block;
    width: var(--admin-rail-width);
    height: calc(100dvh - var(--admin-topbar-height));
    min-height: 0;
    border-right: 1px solid var(--admin-shell-border);
    background: #fff;
    transform: translateX(0);
  }

  .side-rail {
    width: 100%;
    height: 100%;
    padding: 10px 6px;
    border-right: 0;
  }

  .side a.side-rail-brand {
    display: inline-flex;
    width: 52px;
    height: 40px;
    min-width: 52px;
    min-height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
    border-radius: 10px;
  }

  .side a.side-rail-brand .side-logo,
  .side a.side-rail-brand .side-logo-fallback {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .side-rail-nav {
    width: 100%;
  }

  .side-panel {
    position: fixed;
    inset: var(--admin-topbar-height) auto 0 0;
    z-index: 111;
    width: min(320px, 88vw);
    height: auto;
    min-height: 0;
    border-right: 1px solid var(--admin-shell-border);
    box-shadow: 12px 0 32px rgb(15 23 42 / 10%);
    transform: translateX(-105%);
    opacity: 0;
    transition:
      opacity 160ms ease,
      transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
      visibility 0s linear 220ms;
  }

  .side[data-open="true"] .side-panel {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    transition-delay: 0s, 0s, 0s;
  }

  .side-sidebar-toggle {
    width: 52px;
  }

  .shell[data-admin-sidebar-collapsed="true"] .main {
    width: calc(100% - var(--admin-rail-width));
    margin-left: var(--admin-rail-width);
  }

  .side-panel .side-nav {
    padding: 12px;
  }

  .side-panel .side-section,
  .side-panel .side-section.active {
    display: grid;
  }

  .side-panel .side-section + .side-section {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #eef0f2;
  }

  .side-panel .side-group-label {
    display: block;
  }

  .mobile-admin-close {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin: 10px 14px 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: #4b5563;
  }

  .mobile-admin-overlay:not([hidden]) {
    position: fixed;
    z-index: 105;
    inset: var(--admin-topbar-height) 0 0;
    display: block;
    border: 0;
    background: rgb(15 23 42 / 42%);
  }

  .main {
    box-sizing: border-box;
    width: calc(100% - var(--admin-rail-width));
    height: 100dvh;
    margin-left: var(--admin-rail-width);
    padding: calc(var(--admin-topbar-height) + var(--admin-shell-gap)) var(--admin-shell-gap) var(--admin-shell-gap);
  }

  .admin-content {
    height: 100%;
    padding: var(--admin-page-gutter);
    border-radius: 14px;
  }

  .main .admin-content > main {
    margin: calc(-1 * var(--admin-page-gutter));
  }
}

@media (max-width: 1120px) {
  :root {
    --admin-page-gutter: 16px;
  }
}

/* Final mobile workspace contract. The rail and the selected detail menu move
   together as one drawer so the page stays full-width while navigation keeps
   an explicit first and second level. */
@media (max-width: 700px) {
  .product-attribute-toolbar { align-items: stretch; flex-direction: column; }
  .product-attribute-toolbar .button { justify-content: center; }
  .product-attribute-quick-dialog { width: calc(100vw - 20px); max-height: calc(100vh - 20px); }
  .product-attribute-quick-panel > header, .product-attribute-quick-body, .product-attribute-quick-panel > footer { padding-left: 14px; padding-right: 14px; }
  .product-attribute-quick-terms { grid-template-columns: 1fr; }
  .side {
    display: grid;
    grid-template-columns: var(--admin-rail-width) minmax(0, 1fr);
    width: min(360px, calc(100vw - 20px));
    overflow: hidden;
    pointer-events: none;
    border-right: 1px solid var(--admin-shell-border);
    background: #fff;
    box-shadow: 12px 0 32px rgb(15 23 42 / 18%);
    transform: translateX(-105%);
    transition: transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .side[data-open="true"] {
    pointer-events: auto;
    transform: translateX(0);
  }

  .side-rail {
    display: flex;
    width: auto;
    height: 100%;
    padding: 10px 6px;
    border-right: 1px solid var(--admin-shell-border);
  }

  .side a.side-rail-brand {
    display: none;
  }

  .side-rail-nav {
    padding-bottom: 10px;
  }

  .side-panel {
    position: static;
    inset: auto;
    width: auto;
    height: 100%;
    border-right: 0;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
    transition: none;
  }

  .side[data-open="true"] .side-panel {
    opacity: 1;
    transform: none;
  }

  .side-panel .side-section {
    display: none;
  }

  .side-panel .side-section.active {
    display: grid;
  }

  .side-panel .side-section + .side-section {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }

  .side-sidebar-toggle {
    display: none;
  }

  .main,
  .shell[data-admin-sidebar-collapsed="true"] .main {
    width: 100%;
    margin-left: 0;
    padding: calc(var(--admin-topbar-height) + 8px) 8px 8px;
  }

  .admin-content {
    padding: var(--admin-page-gutter);
    border-radius: 12px;
  }

  .mobile-admin-close {
    width: 44px;
    height: 44px;
    min-height: 44px;
    flex: 0 0 44px;
    margin: 8px 10px 0;
  }

  .side-panel :where(.side-link-row, a.side-link, a.side-sub-link) {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .admin-topbar-menu,
  .admin-topbar-home,
  .admin-account-menu > summary {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
  }

  .main .admin-content :where(button, .button) {
    box-sizing: border-box;
    height: auto !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 8px;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .main .admin-content :where(button.icon-button, .button.icon-button) {
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .main .admin-content :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]),
    select,
    textarea
  ) {
    box-sizing: border-box;
    height: auto !important;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shell,
  .admin-topbar,
  .side,
  .side-panel,
  .admin-topbar-brand,
  .admin-topbar-site,
  .side-rail,
  .side-rail-link,
  .side-sidebar-toggle,
  .side-sidebar-toggle-icon,
  .admin-topbar-home {
    transition: none;
  }
}

.board-post-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.board-post-editor-card { max-width: none; }
.board-post-editor-heading, .board-post-editor-flags, .board-post-editor-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.board-post-editor-heading { justify-content: space-between; margin-bottom: 20px; }
.board-post-editor-settings { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-top: 20px; }
.board-post-editor-flags { min-height: var(--admin-control-height); }
.board-post-editor-flags label { display: flex; align-items: center; gap: 6px; }
.board-post-editor-actions { margin-top: 20px; }

.board-post-body {
  overflow-wrap: anywhere;
  line-height: 1.75;
}

@media (max-width: 900px) {
  .board-post-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

.board-admin-view-settings { margin-top: 20px; }
.board-admin-view-settings fieldset { min-width: 0; padding: 16px 0 0; margin: 0; border: 0; }
.board-admin-view-settings fieldset:disabled { opacity: .55; }
.admin-board-column-option { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #f0f1f3; }
.admin-board-column-option label { display: flex; align-items: center; gap: 8px; flex: 1; }
.admin-board-list-thumbnail { display: block; width: 64px; height: 48px; object-fit: cover; border-radius: 4px; }


:root {
  --admin-ink: #111827;
  --admin-ink-soft: #374151;
  --admin-muted: #6b7280;
  --admin-faint: #9ca3af;
  --admin-line: #e5e7eb;
  --admin-line-strong: #d1d5db;
  --admin-line-soft: #f0f1f3;
  --admin-fill: #f3f4f6;
  --admin-fill-soft: #f9fafb;
  --admin-radius: 8px;
  --admin-radius-lg: 10px;
  --admin-focus-ring: 0 0 0 3px rgb(17 24 39 / 10%);
  --admin-positive: #16a34a;
  --admin-notice: #d97706;
  --admin-negative: #dc2626;
  --admin-info: #2563eb;
}

.admin-content {
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
}

/* ---------- Page header ---------- */

.admin-content :is(.screen-header, .admin-page-frame > div:first-child, .card > div:first-child) > div > h1,
.admin-content .screen-header h1,
.admin-content h1 {
  color: var(--admin-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.admin-content h1 + p.muted {
  max-width: 76ch;
  margin-top: 4px;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 20px;
}

/* Section headings inside work surfaces were left at the browser's large,
   light default. Give them one quiet, consistent weight. */
.admin-content .card :is(h2, h3):not([class]) {
  margin: 0;
  color: var(--admin-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.01em;
}

.admin-content .card :is(h2, h3):not([class]) + p.muted {
  margin: 2px 0 8px;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 20px;
}

/* ---------- Surfaces ---------- */

/* The shell's white work surface is the frame. Cards on it read as regions
   of that surface; only data lists keep a hairline, because their edge-to-edge
   rows need a baseline. */
.admin-content .card:not(.auth-card) {
  border-color: transparent;
  border-radius: var(--admin-radius-lg);
  box-shadow: none;
}

.admin-content .card:not(.auth-card):is(.admin-list-card, .orders-card, .products-card, .users-card, [class*="-list-card"], [class*="-list-panel"]) {
  border-color: var(--admin-line-soft);
}

/* A filter form wrapped in its own bordered box inside a card reads as a
   card-in-card. The outer card is the surface; the form sits on it. */
.admin-content .card > .card:first-child:has(> form[method="get"]) {
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  padding: 0 0 16px;
  background: transparent;
}

/* A form or section rendered as its own card inside a card is the same work
   surface; draw it once. */
.admin-content .card > :is(form, section).card {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

/* ---------- Notes (formerly tinted callout boxes) ---------- */

.admin-content :is(.notice, p.notice, div.notice) {
  border: 0;
  border-left: 2px solid var(--admin-line-strong);
  border-radius: 0;
  background: transparent;
  padding: 2px 0 2px 12px;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 20px;
}

.admin-content :is(.notice, p.notice, div.notice) :is(strong, b) {
  color: var(--admin-ink-soft);
}

/* ---------- Buttons ---------- */

.admin-content .button {
  border-radius: var(--admin-radius);
  font-weight: 600;
  letter-spacing: -0.005em;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.admin-content .button:not(.secondary):not(.danger):not(:disabled):hover {
  background: #1f2937;
}

.admin-content .button.secondary {
  border-color: var(--admin-line-strong);
  background: #fff;
  color: var(--admin-ink);
}

.admin-content .button.secondary:not(:disabled):hover {
  border-color: #9ca3af;
  background: var(--admin-fill-soft);
}

.admin-content .button.danger {
  border: 1px solid #fecaca;
  background: #fff;
  color: #b91c1c;
}

.admin-content .button.danger:not(:disabled):hover {
  border-color: #f87171;
  background: #fef2f2;
}

.admin-content :is(.button, button, a, summary):focus-visible {
  outline: 2px solid var(--admin-ink);
  outline-offset: 2px;
}

/* ---------- Text controls ---------- */

.admin-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]):not(.border-0):not(.border-none), select:not(.border-0):not(.border-none), textarea:not(.border-0):not(.border-none)):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *) {
  border-color: var(--admin-line);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.admin-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]):not(.border-0):not(.border-none), select:not(.border-0):not(.border-none), textarea:not(.border-0):not(.border-none)):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):hover:not(:disabled):not(:focus) {
  border-color: var(--admin-line-strong);
}

.admin-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]):not(.border-0):not(.border-none), select:not(.border-0):not(.border-none), textarea:not(.border-0):not(.border-none)):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):focus {
  border-color: var(--admin-ink);
  outline: none;
  box-shadow: var(--admin-focus-ring);
}

.admin-content :is(input, select, textarea)::placeholder {
  color: var(--admin-faint);
}

/* Native selects get the same chevron as AdminSelect. Many screen rules set
   the shorthand padding with high specificity, so the end padding that keeps
   text clear of the chevron is the one intentional !important here. */
.admin-content select:not([multiple]):not([size]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *) {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-right: 34px !important;
  cursor: pointer;
}

.admin-content select:disabled:not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *) {
  background-color: var(--admin-fill-soft);
  color: var(--admin-faint);
  cursor: not-allowed;
}

/* ---------- Checkboxes and radios ---------- */

/* Skinned controls set display, which would otherwise override the hidden
   attribute on state inputs that scripts keep in sync. */
.admin-content :is(input, select, textarea)[hidden] {
  display: none !important;
}

.admin-content input[type="checkbox"]:not(.sr-only):not(.opacity-0):not([role="switch"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *) {
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1.5px solid #c4c9d1;
  border-radius: 4px;
  background: #fff center / 12px 12px no-repeat;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color 120ms ease, border-color 120ms ease;
}

.admin-content input[type="checkbox"]:not(.sr-only):not(.opacity-0):not([role="switch"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):hover:not(:disabled) {
  border-color: var(--admin-ink-soft);
}

.admin-content input[type="checkbox"]:not(.sr-only):not(.opacity-0):not([role="switch"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):checked {
  border-color: var(--admin-ink);
  background-color: var(--admin-ink);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E");
}

.admin-content input[type="checkbox"]:not(.sr-only):not(.opacity-0):not([role="switch"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):indeterminate {
  border-color: var(--admin-ink);
  background-color: var(--admin-ink);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 8h8'/%3E%3C/svg%3E");
}

.admin-content input[type="radio"]:not(.sr-only):not(.opacity-0):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *) {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1.5px solid #c4c9d1;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
  transition: border-width 120ms ease, border-color 120ms ease;
}

.admin-content input[type="radio"]:not(.sr-only):not(.opacity-0):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):checked {
  border: 5px solid var(--admin-ink);
}

.admin-content :is(input[type="checkbox"], input[type="radio"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):disabled {
  border-color: var(--admin-line);
  background-color: var(--admin-fill);
  cursor: not-allowed;
}

.admin-content :is(input[type="checkbox"], input[type="radio"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):focus-visible {
  outline: 2px solid var(--admin-ink);
  outline-offset: 2px;
}

/* ---------- Setting switches ---------- */

.admin-content :is(label:has(> :is(span, strong, small)):has(> input[type="checkbox"]:last-child) > input[type="checkbox"]:last-child, input[type="checkbox"][role="switch"], .shop-toggle-control > input[type="checkbox"], :is(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled) > input[type="checkbox"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):not(.configuration-customer-checkbox-input) {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  flex: 0 0 auto;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 36px;
  height: 20px;
  border: 0;
  border-radius: 999px;
  background-color: var(--admin-line-strong);
  background-image: radial-gradient(circle at center, #fff 0 7px, transparent 7.5px);
  background-position: 0 0;
  background-size: 20px 20px;
  transition: background-color 150ms ease, background-position 150ms ease;
}

.admin-content :is(label:has(> :is(span, strong, small)):has(> input[type="checkbox"]:last-child) > input[type="checkbox"]:last-child, input[type="checkbox"][role="switch"], .shop-toggle-control > input[type="checkbox"], :is(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled) > input[type="checkbox"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):not(.configuration-customer-checkbox-input):hover:not(:disabled) {
  background-color: #9ca3af;
}

.admin-content :is(label:has(> :is(span, strong, small)):has(> input[type="checkbox"]:last-child) > input[type="checkbox"]:last-child, input[type="checkbox"][role="switch"], .shop-toggle-control > input[type="checkbox"], :is(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled) > input[type="checkbox"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):not(.configuration-customer-checkbox-input):checked,
.admin-content :is(label:has(> :is(span, strong, small)):has(> input[type="checkbox"]:last-child) > input[type="checkbox"]:last-child, input[type="checkbox"][role="switch"], .shop-toggle-control > input[type="checkbox"], :is(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled) > input[type="checkbox"]):not(:is([class*="Puck"], [class*="puck"], .jodit-container, .jodit-dialog) *):not(.configuration-customer-checkbox-input):checked:hover {
  border: 0;
  background-color: var(--admin-ink);
  background-image: radial-gradient(circle at center, #fff 0 7px, transparent 7.5px);
  background-position: 16px 0;
}

/* Setting rows are rows, not cards: remove the individual boxes and divide
   them with hairlines instead. */
.admin-content :is(.setting-toggle, label:has(> span):has(> input[type="checkbox"]:last-child)):not(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled):not(.admin-structured-check) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: transparent;
  padding: 12px 0;
  cursor: pointer;
}

.admin-content :is(.setting-toggle, label:has(> span):has(> input[type="checkbox"]:last-child)):not(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled) > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.admin-content :is(.setting-toggle, label:has(> span):has(> input[type="checkbox"]:last-child)):not(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled) > span:first-child > strong {
  color: var(--admin-ink);
  font-size: 14px;
  font-weight: 600;
}

.admin-content :is(.setting-toggle, label:has(> span):has(> input[type="checkbox"]:last-child)):not(.notification-connection-switch, .notification-rule-enabled, .notification-template-enabled) > span:first-child > :is(small, .muted) {
  color: var(--admin-muted);
  font-size: 12.5px;
  line-height: 18px;
}

/* Shop settings wrap the switch and its caption in a tinted box; the row
   itself is the control, so the box is dropped. */
.admin-content :is(.shop-toggle-control, .shop-operational-provider-toggle) {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  font-weight: 500;
}

/* Compact switches inside list rows keep their inline layout. Their
   "사용/사용 안 함" caption repeats the switch state, so it is hidden; the
   input keeps its accessible name through aria-label. */
.admin-content :is(.notification-connection-switch, .notification-rule-enabled) > span:first-child {
  display: none;
}

.admin-content .settings-grid:has(> .setting-toggle) {
  gap: 0 32px;
}

/* ---------- Module switches ---------- */

.module-switch-state {
  display: none;
}

.module-switch,
.module-switch[aria-checked="true"] {
  min-width: 0;
  color: var(--admin-ink);
}

.module-switch-track {
  width: 36px;
  height: 20px;
  padding: 3px;
  background: var(--admin-line-strong);
}

.module-switch-track > span {
  width: 14px;
  height: 14px;
  box-shadow: none;
}

.module-switch[aria-checked="true"] .module-switch-track {
  background: var(--admin-ink);
}

.module-switch[aria-checked="true"] .module-switch-track > span {
  transform: translateX(16px);
}

/* ---------- Empty states ---------- */

.admin-empty-state {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 48px 24px !important;
  text-align: center;
}

.admin-empty-state > strong {
  color: var(--admin-ink);
  font-size: 15px;
  font-weight: 650;
}

.admin-empty-state > p {
  max-width: 48ch;
  margin: 0;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 20px;
}

.admin-empty-state > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

.admin-not-found-page {
  box-sizing: border-box;
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 24px;
  background: #f9fafb;
}

.admin-not-found-card {
  box-sizing: border-box;
  width: min(100%, 480px);
}

.admin-not-found-card > .admin-not-found-code {
  color: var(--admin-muted);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.08em;
}

.admin-not-found-card > h1 {
  margin: 0;
  color: var(--admin-ink);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

/* ---------- Tables ---------- */

.admin-content table th {
  color: var(--admin-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.admin-content table tbody tr {
  transition: background-color 80ms ease;
}

.admin-content table tbody tr:hover > td {
  background-color: var(--admin-fill-soft);
}

/* ---------- Sidebar ---------- */

.side .side-nav-details.active > .side-link-row,
.side a.side-link.active {
  background: var(--admin-fill);
  color: var(--admin-ink);
}

/* The submenu guide line runs through the parent icon's center, and the
   active marker sits on that line rather than beside it. */
.side-panel .side-subnav {
  margin-left: 20px;
  padding-left: 0;
}

.side a.side-sub-link,
.side-panel a.side-sub-link {
  margin-left: -1px;
  padding-left: 15px;
  border-radius: 0 7px 7px 0;
}

.side a.side-sub-link.active {
  background: transparent;
  box-shadow: inset 2px 0 0 var(--admin-ink);
  color: var(--admin-ink);
  font-weight: 650;
}

.side a.side-sub-link:hover {
  background: var(--admin-fill-soft);
}

.side-subnav {
  border-left-color: var(--admin-line);
}


/* ---------- Choice groups (product type, composition, payment) ---------- */

.product-editor-kind-grid,
.product-editor-kind-grid-compact {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1px;
  overflow: hidden;
  max-width: 760px;
  border: 1px solid var(--admin-line-strong);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-line-strong);
}

.product-editor-kind-option {
  position: relative;
  align-items: stretch;
  border: 0;
  border-radius: 0;
  background: #fff;
  padding: 12px 14px;
  transition: background-color 120ms ease, color 120ms ease;
}

.product-editor-kind-option[hidden] {
  display: none;
}

.product-editor-kind-option:hover {
  border-color: transparent;
  background: var(--admin-fill-soft);
}

.product-editor-kind-option input[type="radio"] {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.product-editor-kind-option span {
  align-content: start;
  gap: 2px;
}

.product-editor-kind-option strong {
  font-size: 14px;
  font-weight: 650;
  line-height: 20px;
}

.product-editor-kind-option small {
  font-size: 12px;
  line-height: 17px;
}

.product-editor-kind-option:has(input:checked) {
  border-color: transparent;
  background: var(--admin-ink);
  box-shadow: none;
}

.product-editor-kind-option:has(input:checked) strong {
  color: #fff;
}

.product-editor-kind-option:has(input:checked) small {
  color: rgb(255 255 255 / 68%);
}

.product-editor-kind-option:has(input:focus-visible) {
  z-index: 1;
  outline: 2px solid var(--admin-ink);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 4px #fff;
}

.product-editor-kind-option:has(input:disabled) {
  background: repeating-linear-gradient(135deg, #fafafa 0 6px, #f4f5f6 6px 12px);
}

/* ---------- Tabs and segmented filters ---------- */

/* Older screens express "one of these is current" as a row of links where the
   current one is a primary .button and the rest are .secondary. Inside a nav
   that row is page navigation and renders as underline tabs; elsewhere it is
   a filter and renders as a segmented control. Header action groups are not
   rows of this kind and are excluded. */

.admin-content nav:has(> .button):not(:has(> :not(:is(a, button).button))):has(> .button:not(.secondary)):has(> .button.secondary) {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  width: 100%;
  margin-top: 0;
  overflow-x: auto;
  border: 0;
  border-bottom: 1px solid var(--admin-line);
  border-radius: 0;
  background: transparent;
  padding: 0;
  scrollbar-width: none;
}

.admin-content nav:has(> .button):not(:has(> :not(:is(a, button).button))):has(> .button:not(.secondary)):has(> .button.secondary) > .button {
  flex: 0 0 auto;
  min-height: 40px;
  margin: 0 0 -1px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 -2px 0 transparent;
  padding: 8px 12px;
  color: var(--admin-muted);
  font-size: 14px;
  font-weight: 500;
}

.admin-content nav:has(> .button):not(:has(> :not(:is(a, button).button))):has(> .button:not(.secondary)):has(> .button.secondary) > .button:hover {
  background: transparent;
  color: var(--admin-ink);
}

.admin-content nav:has(> .button):not(:has(> :not(:is(a, button).button))):has(> .button:not(.secondary)):has(> .button.secondary) > .button:is(:not(.secondary), [aria-current="page"]) {
  background: transparent;
  box-shadow: inset 0 -2px 0 var(--admin-ink);
  color: var(--admin-ink);
  font-weight: 650;
}

.product-editor-tab[aria-selected="true"],
.product-editor-subtab[aria-selected="true"],
.production-editor-tabs button[aria-selected="true"],
.menu-tab[aria-selected="true"] {
  border-bottom-color: var(--admin-ink);
  color: var(--admin-ink);
}

.admin-content :is(div:has(> a.button):not(:has(> :not(a.button))):has(> a.button:is(:not(.secondary), [aria-current="page"])):not(.screen-header > *):has(> a.button.secondary):is(:has(> a.button[aria-current]), :has(> a.button:nth-child(3))), :is(form, div):has(> button.button[aria-pressed])),
.admin-content .trash-filter-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  width: fit-content;
  max-width: 100%;
  border: 0;
  border-radius: var(--admin-radius);
  background: var(--admin-fill);
  padding: 3px;
}

.admin-content :is(div:has(> a.button):not(:has(> :not(a.button))):has(> a.button:is(:not(.secondary), [aria-current="page"])):not(.screen-header > *):has(> a.button.secondary):is(:has(> a.button[aria-current]), :has(> a.button:nth-child(3))), :is(form, div):has(> button.button[aria-pressed])) > .button,
.admin-content .trash-filter-tabs > .trash-filter-tab {
  min-height: 30px;
  margin: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  padding: 4px 12px;
  color: var(--admin-muted);
  font-size: 13px;
  font-weight: 500;
}

.admin-content :is(div:has(> a.button):not(:has(> :not(a.button))):has(> a.button:is(:not(.secondary), [aria-current="page"])):not(.screen-header > *):has(> a.button.secondary):is(:has(> a.button[aria-current]), :has(> a.button:nth-child(3))), :is(form, div):has(> button.button[aria-pressed])) > .button:hover,
.admin-content .trash-filter-tabs > .trash-filter-tab:hover {
  background: rgb(255 255 255 / 60%);
  color: var(--admin-ink);
}

.admin-content :is(div:has(> a.button):not(:has(> :not(a.button))):has(> a.button:is(:not(.secondary), [aria-current="page"])):not(.screen-header > *):has(> a.button.secondary):is(:has(> a.button[aria-current]), :has(> a.button:nth-child(3))), :is(form, div):has(> button.button[aria-pressed])) > .button:is([aria-pressed="true"], [aria-current="page"], a:not(.secondary)),
.admin-content .trash-filter-tabs > .trash-filter-tab.is-active {
  background: #fff;
  box-shadow: 0 1px 2px rgb(17 24 39 / 8%), 0 0 0 1px rgb(17 24 39 / 4%);
  color: var(--admin-ink);
  font-weight: 650;
}

.admin-content .trash-filter-tabs > .trash-filter-tab strong,
.admin-content .trash-filter-tabs > .trash-filter-tab.is-active strong {
  color: var(--admin-faint);
  font-weight: 600;
}

/* ---------- Metric strips ---------- */

.admin-content .admin-metric-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: var(--admin-radius-lg);
  background: #fff;
}

.admin-content .admin-metric-row > .admin-metric {
  min-width: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: -1px 0 0 var(--admin-line-soft), 0 -1px 0 var(--admin-line-soft);
  padding: 16px 20px;
  color: inherit;
  text-decoration: none;
}

.admin-content .admin-metric-row > a.admin-metric:hover {
  background: var(--admin-fill-soft);
}

.admin-content .admin-metric-row > .admin-metric > .muted:first-child {
  color: var(--admin-muted);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 18px;
}

.admin-content .admin-metric-row > .admin-metric > strong {
  display: block;
  margin-top: 6px;
  color: var(--admin-ink);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-content .admin-metric-row > .admin-metric > .muted:last-child:not(:first-child) {
  margin-top: 2px;
  color: var(--admin-faint);
  font-size: 12px;
  line-height: 17px;
}

/* ---------- Sections and bar lists ---------- */

/* A section is a titled region on a work surface, separated by a hairline
   instead of being boxed as another card. */
.admin-section {
  min-width: 0;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--admin-line-soft);
}

.admin-section > h2 {
  margin: 0 0 12px;
  color: var(--admin-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.01em;
}

.admin-section-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 0 32px;
}

.board-backup-actions > div > .button {
  margin-top: 12px;
}

.admin-bar-list {
  display: grid;
  gap: 6px;
}

.admin-bar-row {
  display: grid;
  grid-template-columns: 56px minmax(80px, 1fr) 72px;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}

.admin-bar-row > strong {
  color: var(--admin-ink);
  font-weight: 600;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.admin-bar-track {
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 2px;
  background: var(--admin-fill);
}

.admin-bar-fill {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: var(--admin-ink);
}

/* ---------- Navigation lists (formerly link-card grids) ---------- */

.admin-content .settings-grid:has(> a.card) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: var(--admin-radius-lg);
  background: #fff;
}

.admin-content .settings-grid > a.card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  align-items: center;
  gap: 2px 16px;
  max-width: none !important;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--admin-line-soft);
  border-radius: 0;
  padding: 14px 20px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239ca3af' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 4 4 4-4 4'/%3E%3C/svg%3E") right 18px center / 16px 16px no-repeat;
  color: inherit;
  text-decoration: none;
}

.admin-content .settings-grid > a.card:first-child {
  border-top: 0;
}

.admin-content .settings-grid > a.card:hover {
  background-color: var(--admin-fill-soft);
}

.admin-content .settings-grid > a.card > :is(h2, h3) {
  grid-column: 1;
  margin: 0;
  color: var(--admin-ink);
  font-size: 14px;
  font-weight: 650;
  line-height: 20px;
}

.admin-content .settings-grid > a.card > p {
  grid-column: 1;
  margin: 0;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 19px;
}

.admin-content .settings-grid > a.card > .button {
  display: none;
}

/* ---------- Analytics period toolbar ---------- */

/* Period fields, the query button and the report actions share one row and
   one control height; the range limit and last-rollup time are tooltips. */
.analytics-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--admin-line-soft);
}

.analytics-period,
.analytics-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.analytics-period > span {
  color: var(--admin-faint);
}

.admin-content .analytics-toolbar :is(input, .button) {
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  margin: 0;
}

/* Analytics content starts on the page title's edge; its chart panels share
   the metric strip's hairline frame. */
.admin-content .commerce-analytics-page > .card:not(.auth-card) {
  padding: 0;
}

.admin-content .commerce-analytics-page .card .card:not(.auth-card) {
  border-color: var(--admin-line);
}

/* The shell's card input rule forces width: 100% through a long :not()
   chain; the period fields repeat that shape so their fixed width applies. */
.main .card:not(.auth-card) .analytics-period > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]) {
  flex: 0 0 168px;
  width: 168px;
  padding: 0 12px;
}

@media (max-width: 700px) {
  .main .card:not(.auth-card) .analytics-period > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]) {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
}

/* ---------- Row actions ---------- */

/* Secondary and destructive actions repeated on every table row read as
   text actions; a bordered button per row turns the table into a wall of
   chips. The primary row action, when a screen has one, keeps its fill. */
.admin-content table td :is(a, button).button:is(.secondary, .danger) {
  min-height: 30px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  padding: 4px 8px;
  font-weight: 500;
}

.admin-content table td :is(a, button).button.secondary {
  color: var(--admin-ink-soft);
}

.admin-content table td :is(a, button).button.danger {
  color: #b91c1c;
}

.admin-content table td :is(a, button).button.secondary:not(:disabled):hover {
  border-color: transparent;
  background: var(--admin-fill);
  color: var(--admin-ink);
}

.admin-content table td :is(a, button).button.danger:not(:disabled):hover {
  border-color: transparent;
  background: #fef2f2;
}

/* On phones, list rows become label/value cards. A cell that only holds an
   action button already says what it does, so its label is dropped and the
   action cells line up on one row. */
@media (max-width: 700px) {
  .admin-content .table tbody td[data-label]:has(> :is(.button, .icon-button):only-child) {
    display: inline-flex;
    width: auto;
    padding-right: 6px;
  }

  .admin-content .table tbody td[data-label]:has(> :is(.button, .icon-button):only-child)::before {
    content: none;
  }
}

/* ---------- Selection and helper surfaces ---------- */

/* Selection is expressed in ink, the same as tabs and choice groups. Blue is
   reserved for information (status dots, links in prose). Helper panels that
   were tinted blue read as notes on the surface instead. */
.menu-source-row:hover,
.production-profile-row:focus-visible,
.production-readiness-item:hover,
.production-readiness-item:focus-visible,
.production-workflow-steps li.is-current {
  border-color: var(--admin-line-strong);
  background: var(--admin-fill-soft);
}

.product-editor-choice-list label:has(input:checked),
.product-editor-taxonomy-option.is-selected,
.admin-mobile-filter-toggle[data-active="true"] {
  border-color: var(--admin-ink);
  background: var(--admin-fill-soft);
  color: var(--admin-ink);
}

.shop-select-menu button[aria-selected="true"] {
  background: var(--admin-fill);
  color: var(--admin-ink);
}

.product-editor-taxonomy-tag,
.product-editor-relation-tag,
.content-locale-badge,
.notification-rule-summary > span:nth-of-type(2) {
  border-color: transparent;
  background: var(--admin-fill);
  color: var(--admin-ink-soft);
}

.production-scope-summary,
.production-editor-help-panel,
.manual-order-variation-panel,
.shop-dashboard-metric.blue {
  border-color: var(--admin-line);
  background: var(--admin-fill-soft);
  color: inherit;
}

.production-pricing-guide-note {
  border-left: 2px solid var(--admin-line-strong);
  border-radius: 0;
  background: transparent;
  padding: 2px 0 2px 12px;
  color: var(--admin-muted);
}

/* ---------- Status marks ---------- */

/* A variant-less .status-pill is a neutral tag (a permission, a skin name):
   a small quiet chip. A pill with a status variant carries meaning through a
   coloured dot instead of a tinted fill, which competed with the data. */
.admin-content .status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  background: var(--admin-fill);
  padding: 1px 7px;
  color: var(--admin-ink-soft);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

.admin-content :is(.status-pill:is(.published, .draft, .private, .active, .inactive, .deleted, .pending, .success, .warning, .danger, .info, .neutral), .order-status-pill) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 0;
  background: transparent !important;
  padding: 0;
  color: var(--admin-ink-soft) !important;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.admin-content :is(.status-pill:is(.published, .draft, .private, .active, .inactive, .deleted, .pending, .success, .warning, .danger, .info, .neutral), .order-status-pill)::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: var(--admin-faint);
}

.admin-content :is(.status-pill, .order-status-pill):is(.published, .active, .success)::before { background: var(--admin-positive); }
.admin-content :is(.status-pill, .order-status-pill).warning::before { background: var(--admin-notice); }
.admin-content :is(.status-pill, .order-status-pill):is(.private, .deleted, .danger)::before { background: var(--admin-negative); }
.admin-content :is(.status-pill, .order-status-pill).info::before { background: var(--admin-info); }


.admin-searchable-select {
  position: relative;
  width: 100%;
  min-width: 0;
}

.admin-searchable-select > select[data-admin-searchable-source] {
  display: none !important;
}

/*
 * Client-rendered admin screens can add a searchable multiple select after
 * this stylesheet has already painted. Keep the native listbox from flashing
 * while the progressive enhancement mounts, but leave the native fallback
 * visible when the enhancer itself is unavailable.
 */
html[data-admin-searchable-runtime="true"] select[data-admin-searchable][multiple]:not([data-admin-searchable-source]) {
  box-sizing: border-box;
  height: var(--admin-control-height, 40px);
  min-height: var(--admin-control-height, 40px);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.admin-searchable-trigger {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: var(--admin-control-height, 40px);
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 9px 12px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.admin-searchable-trigger:hover {
  border-color: #cbd5e1;
}

.admin-searchable-trigger:focus-visible {
  outline: 0;
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.admin-searchable-trigger:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.admin-searchable-trigger > span:first-child {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-searchable-trigger[data-empty="true"] > span:first-child {
  color: #94a3b8;
}

.admin-searchable-trigger > span:last-child {
  flex: none;
  color: #64748b;
  font-size: 12px;
  transition: transform 120ms ease;
}

.admin-searchable-trigger[aria-expanded="true"] > span:last-child {
  transform: rotate(180deg);
}

.admin-searchable-menu {
  position: fixed;
  z-index: 1200;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 48px rgb(15 23 42 / 18%);
}

.admin-searchable-menu[hidden] {
  display: none;
}

.admin-searchable-search-wrap {
  padding: 8px;
  border-bottom: 1px solid #f1f5f9;
}

.admin-searchable-search {
  box-sizing: border-box;
  width: 100%;
  min-height: 36px;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  padding: 7px 10px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 13px;
  outline: 0;
}

.admin-searchable-search:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.admin-searchable-options {
  max-height: 280px;
  overflow: auto;
  padding: 4px;
}

.admin-searchable-option {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 0;
  border-radius: 7px;
  padding: 9px 10px;
  background: transparent;
  color: #334155;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}

.admin-searchable-option:hover,
.admin-searchable-option:focus-visible {
  outline: 0;
  background: #f8fafc;
  color: #0f172a;
}

.admin-searchable-option[aria-selected="true"] {
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}

.admin-searchable-option:disabled {
  cursor: not-allowed;
  color: #94a3b8;
}

.admin-searchable-empty {
  padding: 14px 10px;
  color: #64748b;
  font-size: 13px;
  text-align: center;
}

@media (max-width: 560px) {
  .admin-searchable-menu {
    max-width: calc(100vw - 16px);
  }
}

.main.cms-auth-sso{box-sizing:border-box;width:100%;min-height:100vh;padding:clamp(24px,5vw,64px) 16px;background:linear-gradient(180deg,#f8fafc 0%,#fff 68%,#f8fafc 100%)}.cms-auth-sso-card{box-sizing:border-box;display:grid;width:min(100%,480px);gap:24px;padding:clamp(24px,5vw,40px);border:1px solid #e5e7eb;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(15,23,42,.08);text-align:center}.cms-auth-sso-mark{position:relative;display:grid;width:56px;height:56px;place-items:center;margin:0 auto;border-radius:16px;background:#eff6ff;color:#2563eb}.cms-auth-sso-mark::before{box-sizing:border-box;width:32px;height:32px;content:"";border:2px solid #bfdbfe;border-top-color:currentColor;border-radius:999px;animation:cms-auth-sso-spin 1.2s linear infinite}.cms-auth-sso-mark span{position:absolute;width:7px;height:7px;border-radius:999px;background:currentColor}.cms-auth-sso-heading{display:grid;gap:8px}.cms-auth-sso-heading h1{margin:0;color:#111827;font-size:22px;line-height:1.3;letter-spacing:-.025em}.cms-auth-sso-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#64748b;font-size:14px;line-height:1.5}.cms-auth-sso-status-dot{width:7px;height:7px;flex:none;border-radius:999px;background:#3b82f6;animation:cms-auth-sso-pulse 1.5s ease-in-out infinite}.cms-auth-sso-skeleton{display:grid;gap:12px;padding:16px;border:1px solid #eef2f7;border-radius:12px;background:#f8fafc}.cms-auth-sso-skeleton-row{display:flex;align-items:center;gap:12px}.cms-auth-sso-skeleton-avatar,.cms-auth-sso-skeleton-line{display:block;background:linear-gradient(90deg,#e5e7eb 25%,#f8fafc 50%,#e5e7eb 75%);background-size:200% 100%;animation:cms-auth-sso-shimmer 1.6s ease-in-out infinite}.cms-auth-sso-skeleton-avatar{width:32px;height:32px;flex:none;border-radius:10px}.cms-auth-sso-skeleton-line{height:10px;border-radius:999px}.cms-auth-sso-skeleton-line-wide{width:58%}.cms-auth-sso-skeleton-line-medium{width:43%}.cms-auth-sso-skeleton-line-short{width:22%;margin-left:auto}.cms-auth-sso-skeleton-line-long{width:70%}.cms-auth-sso-skeleton-line-tiny{width:14%;margin-left:auto}.cms-auth-sso-progress{height:4px;overflow:hidden;border-radius:999px;background:#eff6ff}.cms-auth-sso-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:#2563eb;animation:cms-auth-sso-progress 1.8s ease-in-out infinite}.cms-auth-sso-login{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;background:#111827;color:#fff;font-weight:700;text-decoration:none}.cms-auth-sso-login[hidden]{display:none}.cms-auth-sso-card[data-state=error] .cms-auth-sso-mark{background:#fff1f2;color:#e11d48}.cms-auth-sso-card[data-state=error] .cms-auth-sso-mark::before,.cms-auth-sso-card[data-state=error] .cms-auth-sso-status-dot{animation:none}.cms-auth-sso-card[data-state=error] .cms-auth-sso-mark::before{border-color:#fecdd3}.cms-auth-sso-card[data-state=error] .cms-auth-sso-status{color:#be123c}.cms-auth-sso-card[data-state=error] .cms-auth-sso-status-dot{background:#e11d48}.cms-auth-sso-card[data-state=error] .cms-auth-sso-skeleton,.cms-auth-sso-card[data-state=error] .cms-auth-sso-progress{display:none}@keyframes cms-auth-sso-spin{to{transform:rotate(360deg)}}@keyframes cms-auth-sso-pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes cms-auth-sso-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes cms-auth-sso-progress{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}@media(prefers-reduced-motion:reduce){.cms-auth-sso-mark::before,.cms-auth-sso-status-dot,.cms-auth-sso-skeleton-avatar,.cms-auth-sso-skeleton-line,.cms-auth-sso-progress span{animation:none}}
/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@import "https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"SUIT", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button:not(:where(.text-left,.text-start,.text-right,.text-end)),.cms-button,.button{text-align:center;justify-content:center;align-items:center;display:inline-flex}button:not(:disabled),[role=button]:not([aria-disabled=true]){cursor:pointer!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-4{inset:calc(var(--spacing) * -4)}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-20{top:calc(var(--spacing) * 20)}.top-\[100px\]{top:100px}.top-full{top:100%}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-8{right:calc(var(--spacing) * 8)}.right-\[calc\(100\%\+10px\)\]{right:calc(100% + 10px)}.right-\[calc\(100\%\+12px\)\]{right:calc(100% + 12px)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-12{bottom:calc(var(--spacing) * 12)}.bottom-24{bottom:calc(var(--spacing) * 24)}.-left-\[6px\]{left:-6px}.-left-\[10000px\]{left:-10000px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-8{left:calc(var(--spacing) * 8)}.left-\[calc\(100\%\+10px\)\]{left:calc(100% + 10px)}.left-\[calc\(100\%\+12px\)\]{left:calc(100% + 12px)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[75\]{z-index:75}.z-\[100\]{z-index:100}.z-\[120\]{z-index:120}.z-\[121\]{z-index:121}.z-\[200\]{z-index:200}.z-\[999\]{z-index:999}.z-\[1000\]{z-index:1000}.z-\[9989\]{z-index:9989}.z-\[9990\]{z-index:9990}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[10020\]{z-index:10020}.z-\[10030\]{z-index:10030}.z-\[10040\]{z-index:10040}.z-\[2147483647\]{z-index:2147483647}.order-1{order:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-4{margin:calc(var(--spacing) * 4)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-10{margin-block:calc(var(--spacing) * 10)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-10{margin-top:calc(var(--spacing) * -10)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[var\(--process-content-gap\)\]{margin-top:var(--process-content-gap)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-\[-1px\]{margin-bottom:-1px}.mb-\[23px\]{margin-bottom:23px}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-44{height:calc(var(--spacing) * 44)}.h-\[11px\]{height:11px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[34px\]{height:34px}.h-\[70vh\]{height:70vh}.h-\[90vh\]{height:90vh}.h-\[120px\]{height:120px}.h-\[257px\]{height:257px}.h-\[290px\]{height:290px}.h-\[300px\]{height:300px}.h-\[812px\]{height:812px}.h-\[calc\(100vh-74px\)\]{height:calc(100vh - 74px)}.h-\[min\(600px\,calc\(100vh-2rem\)\)\]{height:min(600px,100vh - 2rem)}.h-\[min\(760px\,calc\(100dvh-2rem\)\)\]{height:min(760px,100dvh - 2rem)}.h-\[var\(--circular-text-size-mobile\)\]{height:var(--circular-text-size-mobile)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-12{max-height:calc(var(--spacing) * 12)}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[180px\]{max-height:180px}.max-h-\[360px\]{max-height:360px}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-\[calc\(100vh-3rem\)\]{max-height:calc(100vh - 3rem)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-13{min-height:calc(var(--spacing) * 13)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[35px\]{min-height:35px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[52px\]{min-height:52px}.min-h-\[60px\]{min-height:60px}.min-h-\[76px\]{min-height:76px}.min-h-\[280px\]{min-height:280px}.min-h-\[350px\]{min-height:350px}.min-h-\[360px\]{min-height:360px}.min-h-\[400px\]{min-height:400px}.min-h-\[480px\]{min-height:480px}.min-h-\[533px\]{min-height:533px}.min-h-\[calc\(100vh-9rem\)\]{min-height:calc(100vh - 9rem)}.min-h-\[inherit\]{min-height:inherit}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-11\/12{width:91.6667%}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-\[11px\]{width:11px}.w-\[18px\]{width:18px}.w-\[64px\]{width:64px}.w-\[90vw\]{width:90vw}.w-\[375px\]{width:375px}.w-\[calc\(50\%-0\.625rem\)\]{width:calc(50% - .625rem)}.w-\[min\(94vw\,560px\)\]{width:min(94vw,560px)}.w-\[min\(320px\,86vw\)\]{width:min(320px,86vw)}.w-\[min\(520px\,calc\(100\%-48px\)\)\]{width:min(520px,100% - 48px)}.w-\[min\(960px\,calc\(100vw-2rem\)\)\]{width:min(960px,100vw - 2rem)}.w-\[var\(--circular-text-size-mobile\)\]{width:var(--circular-text-size-mobile)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[34rem\]{max-width:34rem}.max-w-\[50\%\]{max-width:50%}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[500px\]{max-width:500px}.max-w-\[1212px\]{max-width:1212px}.max-w-\[1220px\]{max-width:1220px}.max-w-\[1228px\]{max-width:1228px}.max-w-\[1260px\]{max-width:1260px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100vw-2\.5rem\)\]{max-width:calc(100vw - 2.5rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[min\(20rem\,calc\(100vw-2rem\)\)\]{max-width:min(20rem,100vw - 2rem)}.max-w-\[var\(--image-text-width\)\]{max-width:var(--image-text-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[86px\]{min-width:86px}.min-w-\[94px\]{min-width:94px}.min-w-\[112px\]{min-width:112px}.min-w-\[132px\]{min-width:132px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[180px\]{min-width:180px}.min-w-\[220px\]{min-width:220px}.min-w-\[1040px\]{min-width:1040px}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-\[0_0_20\%\]{flex:0 0 20%}.flex-\[0_0_50\%\]{flex:0 0 50%}.flex-\[0_0_100\%\]{flex:0 0 100%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-\[calc\(100vw-48px\)\]{flex-basis:calc(100vw - 48px)}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_64px_64px_72px_auto\]{grid-template-columns:1fr 64px 64px 72px auto}.grid-cols-\[1fr_72px_72px_34px_auto\]{grid-template-columns:1fr 72px 72px 34px auto}.grid-cols-\[1fr_80px_80px_32px_auto\]{grid-template-columns:1fr 80px 80px 32px auto}.grid-cols-\[36px_minmax\(0\,1fr\)_36px\]{grid-template-columns:36px minmax(0,1fr) 36px}.grid-cols-\[52px_1fr\]{grid-template-columns:52px 1fr}.grid-cols-\[minmax\(0\,1fr\)_80px\]{grid-template-columns:minmax(0,1fr) 80px}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_28px\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.grid-cols-\[minmax\(80px\,1fr\)_auto\]{grid-template-columns:minmax(80px,1fr) auto}.grid-cols-\[minmax\(100px\,160px\)_1fr\]{grid-template-columns:minmax(100px,160px) 1fr}.grid-cols-\[minmax\(180px\,1\.6fr\)_90px_80px_80px_110px_110px\]{grid-template-columns:minmax(180px,1.6fr) 90px 80px 80px 110px 110px}.grid-cols-\[var\(--history-mobile-year-column\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--history-mobile-year-column) minmax(0,1fr)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[var\(--image-text-mobile-gap\)\]{gap:var(--image-text-mobile-gap)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2)}.gap-x-3{-moz-column-gap:calc(var(--spacing) * 3);column-gap:calc(var(--spacing) * 3)}.gap-x-5{-moz-column-gap:calc(var(--spacing) * 5);column-gap:calc(var(--spacing) * 5)}.gap-x-6{-moz-column-gap:calc(var(--spacing) * 6);column-gap:calc(var(--spacing) * 6)}.gap-x-8{-moz-column-gap:calc(var(--spacing) * 8);column-gap:calc(var(--spacing) * 8)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[16px\]{border-radius:16px}.rounded-\[24px\]{border-radius:24px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[4px\]{border-top-left-radius:4px;border-top-right-radius:4px}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[12px\]{border-style:var(--tw-border-style);border-width:12px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-y-\[9px\]{border-block-style:var(--tw-border-style);border-block-width:9px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[14px\]{border-left-style:var(--tw-border-style);border-left-width:14px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#0071e3\]{border-color:#0071e3!important}.border-\[\#1f2937\]{border-color:#1f2937}.border-\[\#03C75A\]{border-color:#03c75a}.border-\[\#3a7d3a\]{border-color:#3a7d3a}.border-\[\#0058a4\]{border-color:#0058a4}.border-\[\#0071e3\]{border-color:#0071e3}.border-\[\#0071e3\]\/20{border-color:oklab(56.2923% -.0462607 -.187713/.2)}.border-\[\#0071e3\]\/35{border-color:oklab(56.2923% -.0462607 -.187713/.35)}.border-\[\#747775\]{border-color:#747775}.border-\[\#FEE500\]{border-color:#fee500}.border-\[\#b5edc9\]{border-color:#b5edc9}.border-\[\#b8a700\]{border-color:#b8a700}.border-\[\#d1d6db\]{border-color:#d1d6db}.border-\[\#d2d2d7\]{border-color:#d2d2d7}.border-\[\#dbe4f0\]{border-color:#dbe4f0}.border-\[\#dfdfdf\]{border-color:#dfdfdf}.border-\[\#e5e8eb\]{border-color:#e5e8eb}.border-\[\#f6df57\]{border-color:#f6df57}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-black\/\[0\.08\]{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/\[0\.08\]{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.border-black\/\[0\.12\]{border-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.border-black\/\[0\.12\]{border-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-current{border-color:currentColor}.border-emerald-100{border-color:var(--color-emerald-100)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/50{border-color:#e5e7eb80}@supports (color:color-mix(in lab, red, red)){.border-gray-200\/50{border-color:color-mix(in oklab, var(--color-gray-200) 50%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-900{border-color:var(--color-gray-900)}.border-gray-950{border-color:var(--color-gray-950)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/70{border-color:#314158b3}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/70{border-color:color-mix(in oklab, var(--color-slate-700) 70%, transparent)}}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\/80{border-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.border-slate-800\/80{border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.border-y-transparent{border-block-color:#0000}.border-t-\[\#0071e3\]{border-top-color:#0071e3}.border-l-current{border-left-color:currentColor}.\!bg-blue-50{background-color:var(--color-blue-50)!important}.\!bg-blue-50\/80{background-color:#eff6ffcc!important}@supports (color:color-mix(in lab, red, red)){.\!bg-blue-50\/80{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)!important}}.bg-\[\#1d1d1f\]{background-color:#1d1d1f}.bg-\[\#03C75A\]{background-color:#03c75a}.bg-\[\#3a7d3a\]{background-color:#3a7d3a}.bg-\[\#0058a4\]{background-color:#0058a4}.bg-\[\#0071e3\]{background-color:#0071e3}.bg-\[\#545454\]{background-color:#545454}.bg-\[\#FEE500\]{background-color:#fee500}.bg-\[\#aaaaaa\]{background-color:#aaa}.bg-\[\#e5e5e5\]{background-color:#e5e5e5}.bg-\[\#e8faef\]{background-color:#e8faef}.bg-\[\#f2f4f6\]{background-color:#f2f4f6}.bg-\[\#f3f4f6\]{background-color:#f3f4f6}.bg-\[\#f4f8ff\]{background-color:#f4f8ff}.bg-\[\#f5f5f7\]{background-color:#f5f5f7}.bg-\[\#f5faff\]{background-color:#f5faff}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#f8fafc\]{background-color:#f8fafc}.bg-\[\#f9fafb\]{background-color:#f9fafb}.bg-\[\#fff9c2\]{background-color:#fff9c2}.bg-\[var\(--board-primary-color\)\]{background-color:var(--board-primary-color)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/80{background-color:#fffbebcc}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/80{background-color:color-mix(in oklab, var(--color-amber-50) 80%, transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab, var(--color-black) 0%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab, red, red)){.bg-black\/85{background-color:color-mix(in oklab, var(--color-black) 85%, transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.bg-black\/90{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/30{background-color:#eff6ff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/30{background-color:color-mix(in oklab, var(--color-blue-50) 30%, transparent)}}.bg-blue-50\/45{background-color:#eff6ff73}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/45{background-color:color-mix(in oklab, var(--color-blue-50) 45%, transparent)}}.bg-blue-50\/80{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/80{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/80{background-color:#3080ffcc}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/80{background-color:color-mix(in oklab, var(--color-blue-500) 80%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/90{background-color:#155dfce6}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/90{background-color:color-mix(in oklab, var(--color-blue-600) 90%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/40{background-color:#f9fafb66}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/40{background-color:color-mix(in oklab, var(--color-gray-50) 40%, transparent)}}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/50{background-color:color-mix(in oklab, var(--color-gray-50) 50%, transparent)}}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/60{background-color:color-mix(in oklab, var(--color-gray-50) 60%, transparent)}}.bg-gray-50\/70{background-color:#f9fafbb3}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/70{background-color:color-mix(in oklab, var(--color-gray-50) 70%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-100\/80{background-color:#f3f4f6cc}@supports (color:color-mix(in lab, red, red)){.bg-gray-100\/80{background-color:color-mix(in oklab, var(--color-gray-100) 80%, transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-200\/80{background-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-200\/80{background-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/10{background-color:#1018281a}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/10{background-color:color-mix(in oklab, var(--color-gray-900) 10%, transparent)}}.bg-gray-900\/95{background-color:#101828f2}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/95{background-color:color-mix(in oklab, var(--color-gray-900) 95%, transparent)}}.bg-gray-950{background-color:var(--color-gray-950)}.bg-gray-950\/20{background-color:#03071233}@supports (color:color-mix(in lab, red, red)){.bg-gray-950\/20{background-color:color-mix(in oklab, var(--color-gray-950) 20%, transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/90{--tw-gradient-from:#000000e6}@supports (color:color-mix(in lab, red, red)){.from-black\/90{--tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent)}}.from-black\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab, red, red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab, var(--color-black) 20%, transparent)}}.via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/40{--tw-gradient-via:#0006}@supports (color:color-mix(in lab, red, red)){.via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--color-black) 40%, transparent)}}.via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-amber-400{fill:var(--color-amber-400)}.fill-current{fill:currentColor}.stroke-\[2\.5\]{stroke-width:2.5px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-11{padding-inline:calc(var(--spacing) * 11)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[15px\]{padding-block:15px}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pb-40{padding-bottom:calc(var(--spacing) * 40)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+12px\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-\[var\(--history-mobile-content-indent\)\]{padding-left:var(--history-mobile-content-indent)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-2px\]{vertical-align:-2px}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8rem\]{font-size:8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.625\]{--tw-leading:1.625;line-height:1.625}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[25px\]{--tw-leading:25px;line-height:25px}.leading-\[45px\]{--tw-leading:45px;line-height:45px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1d1d1f\]{color:#1d1d1f}.text-\[\#1f1f1f\]{color:#1f1f1f}.text-\[\#3a7d3a\]{color:#3a7d3a}.text-\[\#3b3500\]{color:#3b3500}.text-\[\#4e5968\]{color:#4e5968}.text-\[\#5c4b00\]{color:#5c4b00}.text-\[\#6b7684\]{color:#6b7684}.text-\[\#008f3f\]{color:#008f3f}.text-\[\#8b95a1\]{color:#8b95a1}.text-\[\#0058a4\]{color:#0058a4}.text-\[\#0071e3\]{color:#0071e3}.text-\[\#087f3b\]{color:#087f3b}.text-\[\#191f28\]{color:#191f28}.text-\[\#3182f6\]{color:#3182f6}.text-\[\#86868b\]{color:#86868b}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-900{color:var(--color-red-900)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[\#0071e3\]{accent-color:#0071e3}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.03\]{opacity:.03}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-8px_24px_rgba\(15\,23\,42\,0\.10\)\]{--tw-shadow:0 -8px 24px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_40px_rgba\(15\,23\,42\,0\.06\)\]{--tw-shadow:0 12px 40px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_30px_90px_rgba\(15\,23\,42\,0\.24\)\]{--tw-shadow:0 30px 90px var(--tw-shadow-color,#0f172a3d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-2px_0_\#0071e3\]{--tw-shadow:inset 0 -2px 0 var(--tw-shadow-color,#0071e3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.shadow-black\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\/10{--tw-shadow-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.ring-black\/\[0\.06\]{--tw-ring-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.ring-black\/\[0\.06\]{--tw-ring-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.ring-blue-100{--tw-ring-color:var(--color-blue-100)}.ring-gray-200{--tw-ring-color:var(--color-gray-200)}.ring-gray-900{--tw-ring-color:var(--color-gray-900)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-gray-200{outline-color:var(--color-gray-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-100{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}.group-focus-within\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-blue-300:is(:where(.group):hover *){border-color:var(--color-blue-300)}.group-hover\:bg-black:is(:where(.group):hover *){background-color:var(--color-black)}.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.group-hover\:bg-black\/25:is(:where(.group):hover *){background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/25:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.group-hover\:bg-blue-50:is(:where(.group):hover *){background-color:var(--color-blue-50)}.group-hover\:text-\[\#0071e3\]:is(:where(.group):hover *){color:#0071e3}.group-hover\:text-\[var\(--board-news-accent\)\]:is(:where(.group):hover *){color:var(--board-news-accent)}.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-blue-700:is(:where(.group):hover *){color:var(--color-blue-700)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow:is(:where(.group):hover *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.group-focus\:border-\[\#0071e3\]:is(:where(.group):focus *){border-color:#0071e3}.group-focus\:bg-blue-50\/80:is(:where(.group):focus *){background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.group-focus\:bg-blue-50\/80:is(:where(.group):focus *){background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.group-focus\:text-\[\#0071e3\]:is(:where(.group):focus *){color:#0071e3}.group-focus\:underline:is(:where(.group):focus *){text-decoration-line:underline}.group-focus-visible\:scale-100:is(:where(.group):focus-visible *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\:scale-105:is(:where(.group):focus-visible *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\:bg-black\/10:is(:where(.group):focus-visible *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.group-focus-visible\:bg-black\/10:is(:where(.group):focus-visible *){background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.placeholder\:font-sans::placeholder{font-family:var(--font-sans)}.placeholder\:text-\[13px\]::placeholder{font-size:13px}.placeholder\:font-medium::placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:tracking-normal::placeholder{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.placeholder\:text-\[\#86868b\]::placeholder{color:#86868b}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:normal-case::placeholder{text-transform:none}.backdrop\:bg-black\/50::backdrop{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-black\/50::backdrop{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:0}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:-left-4:before{content:var(--tw-content);left:calc(var(--spacing) * -4)}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-gray-200:before{content:var(--tw-content);border-color:var(--color-gray-200)}.first\:border-0:first-child{border-style:var(--tw-border-style);border-width:0}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[\#0071e3\]:focus-within{border-color:#0071e3}.focus-within\:border-gray-500:focus-within{border-color:var(--color-gray-500)}.focus-within\:bg-blue-50:focus-within{background-color:var(--color-blue-50)}.focus-within\:bg-blue-50\/80:focus-within{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.focus-within\:bg-blue-50\/80:focus-within{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[\#0071e3\]:focus-within{--tw-ring-color:#0071e3}.focus-within\:ring-gray-300:focus-within{--tw-ring-color:var(--color-gray-300)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#0071e3\]:hover{border-color:#0071e3}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\:border-slate-600:hover{border-color:var(--color-slate-600)}.hover\:border-slate-700:hover{border-color:var(--color-slate-700)}.hover\:bg-\[\#000000\]:hover{background-color:#000}.hover\:bg-\[\#0077ed\]:hover{background-color:#0077ed}.hover\:bg-\[\#f5f5f7\]:hover{background-color:#f5f5f7}.hover\:bg-\[\#f5f5f7\]\/80:hover{background-color:oklab(97.0714% .000746191 -.00254327/.8)}.hover\:bg-\[\#f8f8f8\]:hover{background-color:#f8f8f8}.hover\:bg-\[\#f8fafc\]:hover{background-color:#f8fafc}.hover\:bg-\[\#fbfcfd\]:hover{background-color:#fbfcfd}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-black\/\[0\.06\]:hover{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[0\.06\]:hover{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-50\/30:hover{background-color:#eff6ff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-50\/30:hover{background-color:color-mix(in oklab, var(--color-blue-50) 30%, transparent)}}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-900\/50:hover{background-color:#1c398e80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-900\/50:hover{background-color:color-mix(in oklab, var(--color-blue-900) 50%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/70:hover{background-color:#f9fafbb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/70:hover{background-color:color-mix(in oklab, var(--color-gray-50) 70%, transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-950\/30:hover{background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-950\/30:hover{background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:text-\[\#1d1d1f\]:hover{color:#1d1d1f}.hover\:text-\[\#0071e3\]:hover{color:#0071e3}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-gray-950:hover{color:var(--color-gray-950)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_16px_40px_rgba\(15\,23\,42\,0\.08\)\]:hover{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-blue-200:hover{--tw-ring-color:var(--color-blue-200)}.hover\:brightness-90:hover{--tw-brightness:brightness(90%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[\#0071e3\]:focus{border-color:#0071e3}.focus\:border-\[var\(--board-primary-color\)\]:focus{border-color:var(--board-primary-color)}.focus\:border-black:focus{border-color:var(--color-black)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-gray-400:focus{border-color:var(--color-gray-400)}.focus\:border-gray-500:focus{border-color:var(--color-gray-500)}.focus\:border-gray-900:focus{border-color:var(--color-gray-900)}.focus\:border-gray-950:focus{border-color:var(--color-gray-950)}.focus\:bg-blue-50\/80:focus{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.focus\:bg-blue-50\/80:focus{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-\[\#0071e3\]:focus{color:#0071e3}.focus\:underline:focus{text-decoration-line:underline}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#0071e3\]:focus{--tw-ring-color:#0071e3}.focus\:ring-\[\#0071e3\]\/10:focus{--tw-ring-color:oklab(56.2923% -.0462607 -.187713/.1)}.focus\:ring-black:focus{--tw-ring-color:var(--color-black)}.focus\:ring-black\/5:focus{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-black\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.focus\:ring-blue-100:focus{--tw-ring-color:var(--color-blue-100)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-blue-500\/70:focus{--tw-ring-color:#3080ffb3}@supports (color:color-mix(in lab, red, red)){.focus\:ring-blue-500\/70:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 70%, transparent)}}.focus\:ring-gray-400:focus{--tw-ring-color:var(--color-gray-400)}.focus\:ring-gray-900:focus{--tw-ring-color:var(--color-gray-900)}.focus\:ring-gray-900\/5:focus{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-gray-900\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.focus\:ring-gray-950\/5:focus{--tw-ring-color:#0307120d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-gray-950\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-gray-950) 5%, transparent)}}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-blue-50\/70:focus-visible{background-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.focus-visible\:bg-blue-50\/70:focus-visible{background-color:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[\#0071e3\]:focus-visible{--tw-ring-color:#0071e3}.focus-visible\:ring-blue-100:focus-visible{--tw-ring-color:var(--color-blue-100)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-color:var(--color-blue-600)}.focus-visible\:ring-gray-900:focus-visible{--tw-ring-color:var(--color-gray-900)}.focus-visible\:ring-gray-950:focus-visible{--tw-ring-color:var(--color-gray-950)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-black:focus-visible{--tw-ring-offset-color:var(--color-black)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-blue-600:focus-visible{outline-color:var(--color-blue-600)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:bg-gray-800:active{background-color:var(--color-gray-800)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-pointer:disabled{cursor:pointer}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:border-gray-100:disabled{border-color:var(--color-gray-100)}.disabled\:bg-blue-50:disabled{background-color:var(--color-blue-50)}.disabled\:bg-gray-50:disabled{background-color:var(--color-gray-50)}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}.disabled\:bg-gray-200:disabled{background-color:var(--color-gray-200)}.disabled\:bg-white:disabled{background-color:var(--color-white)}.disabled\:text-blue-700:disabled{color:var(--color-blue-700)}.disabled\:text-gray-300:disabled{color:var(--color-gray-300)}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\:text-gray-500:disabled{color:var(--color-gray-500)}.disabled\:text-gray-600:disabled{color:var(--color-gray-600)}.disabled\:text-gray-900:disabled{color:var(--color-gray-900)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:text-gray-300[aria-disabled=true]{color:var(--color-gray-300)}@media (width>=40rem){.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:left-6{left:calc(var(--spacing) * 6)}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:aspect-\[4\/3\]{aspect-ratio:4/3}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:h-auto{height:auto}.sm\:max-h-\[80vh\]{max-height:80vh}.sm\:max-h-none{max-height:none}.sm\:min-h-10{min-height:calc(var(--spacing) * 10)}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:w-32{width:calc(var(--spacing) * 32)}.sm\:w-36{width:calc(var(--spacing) * 36)}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-52{width:calc(var(--spacing) * 52)}.sm\:w-\[80vw\]{width:80vw}.sm\:w-\[320px\]{width:320px}.sm\:w-\[720px\]{width:720px}.sm\:w-\[900px\]{width:900px}.sm\:w-auto{width:auto}.sm\:max-w-\[80vw\]{max-width:80vw}.sm\:max-w-\[540px\]{max-width:540px}.sm\:min-w-0{min-width:0}.sm\:flex-\[0_0_16\.666667\%\]{flex:0 0 16.6667%}.sm\:flex-none{flex:none}.sm\:translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[104px_minmax\(0\,1fr\)\]{grid-template-columns:104px minmax(0,1fr)}.sm\:grid-cols-\[112px_minmax\(0\,1fr\)\]{grid-template-columns:112px minmax(0,1fr)}.sm\:grid-cols-\[130px_1fr_auto\]{grid-template-columns:130px 1fr auto}.sm\:grid-cols-\[150px_1fr\]{grid-template-columns:150px 1fr}.sm\:grid-cols-\[190px_minmax\(0\,1fr\)\]{grid-template-columns:190px minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}.sm\:grid-cols-\[minmax\(0\,180px\)_auto\]{grid-template-columns:minmax(0,180px) auto}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-16{padding-inline:calc(var(--spacing) * 16)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pl-10{padding-left:calc(var(--spacing) * 10)}.sm\:text-right{text-align:right}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[16px\]{font-size:16px}.sm\:opacity-0{opacity:0}@media (hover:hover){.sm\:group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.sm\:group-focus-visible\:translate-y-0:is(:where(.group):focus-visible *){--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (width>=48rem){.md\:top-8{top:calc(var(--spacing) * 8)}.md\:right-8{right:calc(var(--spacing) * 8)}.md\:bottom-24{bottom:calc(var(--spacing) * 24)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-16{margin-inline:calc(var(--spacing) * 16)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}.md\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.md\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.md\:mb-20{margin-bottom:calc(var(--spacing) * 20)}.md\:mb-24{margin-bottom:calc(var(--spacing) * 24)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:table-cell{display:table-cell}.md\:h-\[var\(--circular-text-size\)\]{height:var(--circular-text-size)}.md\:min-h-0{min-height:0}.md\:min-h-72{min-height:calc(var(--spacing) * 72)}.md\:min-h-\[450px\]{min-height:450px}.md\:w-\[64px\]{width:64px}.md\:w-\[75vw\]{width:75vw}.md\:w-\[96px\]{width:96px}.md\:w-\[116px\]{width:116px}.md\:w-\[180px\]{width:180px}.md\:w-\[calc\(20\%-1\.2rem\)\]{width:calc(20% - 1.2rem)}.md\:w-\[calc\(25\%-1\.125rem\)\]{width:calc(25% - 1.125rem)}.md\:w-\[calc\(33\.333\%-1rem\)\]{width:calc(33.333% - 1rem)}.md\:w-\[calc\(50\%-0\.75rem\)\]{width:calc(50% - .75rem)}.md\:w-\[var\(--circular-text-size\)\]{width:var(--circular-text-size)}.md\:w-full{width:100%}.md\:max-w-sm{max-width:var(--container-sm)}.md\:min-w-\[200px\]{min-width:200px}.md\:min-w-max{min-width:max-content}.md\:flex-1{flex:1}.md\:flex-\[0_0_25\%\]{flex:0 0 25%}.md\:flex-\[0_0_33\.333333\%\]{flex:0 0 33.3333%}.md\:flex-\[0_0_50\%\]{flex:0 0 50%}.md\:flex-none{flex:none}.md\:basis-\[352px\]{flex-basis:352px}.md\:table-fixed{table-layout:fixed}.md\:\[grid-template-columns\:var\(--definition-label-width\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--definition-label-width) minmax(0,1fr)}.md\:\[grid-template-columns\:var\(--image-text-width\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--image-text-width) minmax(0,1fr)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.md\:grid-cols-\[1\.2fr_0\.8fr_0\.8fr\]{grid-template-columns:1.2fr .8fr .8fr}.md\:grid-cols-\[1\.2fr_1fr_0\.8fr\]{grid-template-columns:1.2fr 1fr .8fr}.md\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.md\:grid-cols-\[1fr_1fr_150px_170px\]{grid-template-columns:1fr 1fr 150px 170px}.md\:grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.md\:grid-cols-\[1fr_180px\]{grid-template-columns:1fr 180px}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.md\:grid-cols-\[120px_1fr_auto\]{grid-template-columns:120px 1fr auto}.md\:grid-cols-\[120px_160px_1fr\]{grid-template-columns:120px 160px 1fr}.md\:grid-cols-\[120px_minmax\(0\,1fr\)\]{grid-template-columns:120px minmax(0,1fr)}.md\:grid-cols-\[132px_1fr\]{grid-template-columns:132px 1fr}.md\:grid-cols-\[132px_minmax\(0\,1fr\)\]{grid-template-columns:132px minmax(0,1fr)}.md\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.md\:grid-cols-\[180px_minmax\(0\,1fr\)\]{grid-template-columns:180px minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,1fr\)_170px\]{grid-template-columns:minmax(0,1fr) 170px}.md\:grid-cols-\[minmax\(0\,1fr\)_180px\]{grid-template-columns:minmax(0,1fr) 180px}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.md\:grid-cols-\[minmax\(0\,405px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,405px) minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-20{gap:calc(var(--spacing) * 20)}.md\:gap-\[var\(--image-text-gap\)\]{gap:var(--image-text-gap)}:where(.md\:space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}.md\:self-auto{align-self:auto}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:py-7{padding-block:calc(var(--spacing) * 7)}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:pt-24{padding-top:calc(var(--spacing) * 24)}.md\:pr-8{padding-right:calc(var(--spacing) * 8)}.md\:pr-10{padding-right:calc(var(--spacing) * 10)}.md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.md\:pb-32{padding-bottom:calc(var(--spacing) * 32)}.md\:pb-40{padding-bottom:calc(var(--spacing) * 40)}.md\:pl-3{padding-left:calc(var(--spacing) * 3)}.md\:pl-8{padding-left:calc(var(--spacing) * 8)}.md\:pl-16{padding-left:calc(var(--spacing) * 16)}.md\:text-right{text-align:right}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[12rem\]{font-size:12rem}.md\:text-\[17px\]{font-size:17px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[27px\]{font-size:27px}.md\:leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.md\:leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.md\:leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.md\:leading-\[55px\]{--tw-leading:55px;line-height:55px}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[220px_1fr_auto\]{grid-template-columns:220px 1fr auto}.lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(360px\,0\.95fr\)\]{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}.lg\:grid-cols-\[minmax\(0\,1fr\)_380px\]{grid-template-columns:minmax(0,1fr) 380px}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:pb-0{padding-bottom:0}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media print{.print\:hidden{display:none}}.\[\&_\.jodit-container\]\:rounded-lg .jodit-container{border-radius:var(--radius-lg)}.\[\&_\.jodit-container\]\:border-0 .jodit-container{border-style:var(--tw-border-style);border-width:0}.\[\&_\.jodit-container\]\:border-black\/\[0\.08\] .jodit-container{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.\[\&_\.jodit-container\]\:border-black\/\[0\.08\] .jodit-container{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.\[\&_\.jodit-status-bar\]\:hidden .jodit-status-bar{display:none}.\[\&_\.jodit-toolbar__box\]\:border-x-0 .jodit-toolbar box{border-inline-style:var(--tw-border-style);border-inline-width:0}.\[\&_\.jodit-toolbar__box\]\:border-t-0 .jodit-toolbar box{border-top-style:var(--tw-border-style);border-top-width:0}.\[\&_\.jodit-toolbar__box\]\:bg-gray-50 .jodit-toolbar box{background-color:var(--color-gray-50)}.\[\&_\.jodit-workplace\]\:border-0 .jodit-workplace{border-style:var(--tw-border-style);border-width:0}.\[\&_a\]\:text-\[\#0071e3\] a{color:#0071e3}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_img\]\:mx-auto img{margin-inline:auto}.\[\&_img\]\:h-auto img{height:auto}.\[\&_img\]\:max-w-full img{max-width:100%}.\[\&_li\]\:ml-5 li{margin-left:calc(var(--spacing) * 5)}.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}.\[\&_p\+p\]\:mt-3 p+p{margin-top:calc(var(--spacing) * 3)}.\[\&_table\]\:max-w-full table{max-width:100%}.\[\&_table\]\:border-collapse table{border-collapse:collapse}.\[\&_td\]\:border td{border-style:var(--tw-border-style);border-width:1px}.\[\&_td\]\:border-gray-300 td{border-color:var(--color-gray-300)}.\[\&_td\]\:p-2 td{padding:calc(var(--spacing) * 2)}.\[\&_th\]\:border th{border-style:var(--tw-border-style);border-width:1px}.\[\&_th\]\:border-gray-300 th{border-color:var(--color-gray-300)}.\[\&_th\]\:p-2 th{padding:calc(var(--spacing) * 2)}.\[\&_ul\]\:my-4 ul{margin-block:calc(var(--spacing) * 4)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>a\]\:flex-1>a{flex:1}.\[\&\>button\]\:w-full>button{width:100%}.\[\&\>button\]\:flex-1>button{flex:1}@media (width>=48rem){.md\:\[\&\>button\]\:w-auto>button{width:auto}}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{-o-object-fit:contain;object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}select,button[role=combobox],button[role=option]{font-size:13px!important}.cf-fullscreen-intro{height:var(--cf-fullscreen-intro-height-mobile,100svh);min-height:var(--cf-fullscreen-intro-height-mobile,100svh)}.cf-fullscreen-intro__content{min-height:var(--cf-fullscreen-intro-height-mobile,100svh)}.cf-fullscreen-intro__background-video{z-index:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;border:0;width:100%;height:90%;display:block;position:absolute;top:5%;left:0}.cf-fullscreen-intro[data-cf-intro-state=exiting]{transition:top var(--cf-fullscreen-intro-reveal-duration,.9s) cubic-bezier(.76, 0, .24, 1);pointer-events:none;will-change:top}.cf-fullscreen-intro[data-fullscreen-intro-presentation=section][data-cf-intro-state=exiting] .cf-fullscreen-intro__reveal-control{transition:transform var(--cf-fullscreen-intro-reveal-duration,.9s) cubic-bezier(.76, 0, .24, 1), opacity var(--cf-fullscreen-intro-reveal-duration,.9s) ease;opacity:0;pointer-events:none;transform:translateY(-36px)}@media (prefers-reduced-motion:reduce){.cf-fullscreen-intro[data-cf-intro-state=exiting],.cf-fullscreen-intro[data-fullscreen-intro-presentation=section][data-cf-intro-state=exiting] .cf-fullscreen-intro__reveal-control{transition:none}}@keyframes cf-fullscreen-intro-letter-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0)}}.cf-fullscreen-intro .imageum-intro-letter{will-change:opacity, transform;animation:1.5s both cf-fullscreen-intro-letter-up}.cf-fullscreen-intro .imageum-intro-letter-1{animation-delay:0s}.cf-fullscreen-intro .imageum-intro-letter-2{animation-delay:.4s}.cf-fullscreen-intro .imageum-intro-letter-3{animation-delay:.7s}.cf-fullscreen-intro .imageum-intro-letter-4{animation-delay:1.2s}@media (width<=767px){.cf-fullscreen-intro[data-cf-intro-state=exiting]{transition-duration:var(--cf-fullscreen-intro-reveal-duration-mobile,var(--cf-fullscreen-intro-reveal-duration,.9s))}}.cf-fullscreen-intro[data-cf-editor-viewport=mobile] .cf-heading-typography-font-size{font-size:var(--cf-heading-typography-font-size-mobile)!important}.cf-fullscreen-intro[data-cf-editor-viewport=mobile] .cf-heading-typography-line-height{line-height:var(--cf-heading-typography-line-height-mobile)!important}@media (width>=768px){.cf-fullscreen-intro{height:var(--cf-fullscreen-intro-height-desktop,100svh);min-height:var(--cf-fullscreen-intro-height-desktop,100svh)}.cf-fullscreen-intro__content{min-height:var(--cf-fullscreen-intro-height-desktop,100svh)}}.cf-portfolio-read-presentation{box-sizing:border-box;background:#fff;flex-direction:column;width:100%;margin:0;padding:0;display:flex;position:relative}.cf-portfolio-read-presentation__side{z-index:9;box-sizing:border-box;background:#fff;flex-direction:column;gap:20px;width:420px;height:80vh;padding:20px 45px;transition:left .5s;display:flex;position:absolute;top:0;left:-441px}.cf-portfolio-read-presentation__side.is-open{left:0}.cf-portfolio-read-presentation__side-toggle{z-index:10;box-sizing:border-box;cursor:pointer;color:#222;font:inherit;line-height:inherit;perspective:80px;background:#fff;border:0;justify-content:center;align-items:center;padding:35px 15px 35px 5px;display:flex;position:absolute;top:40px;right:-70px}.cf-portfolio-read-presentation__side-toggle>span{z-index:2}.cf-portfolio-read-presentation__side-toggle:before{z-index:1;content:"";border-left:1px solid #d1d1d1;height:200vh;position:absolute;left:-2px}.cf-portfolio-read-presentation__side-toggle:after{z-index:1;content:"";background:#fff;border:1px solid #d1d1d1;border-left-color:#fff;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0;transform:rotateX(0)rotateY(20deg)}.cf-portfolio-read-presentation__side h1{color:#333;opacity:0;margin:0;font-size:20px;font-weight:700;line-height:30px;transition:opacity .3s}.cf-portfolio-read-presentation__side.is-open h1{opacity:1}.cf-portfolio-read-presentation__description{color:#333;opacity:1;flex-direction:column;gap:6px;width:418px;max-width:calc(100vw - 32px);font-size:15px;line-height:22.5px;display:flex}.cf-portfolio-read-presentation__side-images{opacity:0;margin:0;transition:opacity .3s;display:block}.cf-portfolio-read-presentation__side-images img{width:100%;height:auto;display:block}.cf-portfolio-read-presentation__side.is-open .cf-portfolio-read-presentation__side-images{opacity:1}.cf-portfolio-read-presentation__side .cf-portfolio-read-presentation__description{opacity:0;transition:opacity .3s}.cf-portfolio-read-presentation__side.is-open .cf-portfolio-read-presentation__description{opacity:1}.cf-portfolio-read-presentation__description>div{grid-template-columns:1fr 2fr;gap:20px;display:grid}.cf-portfolio-read-presentation__description .value{color:#000}.cf-portfolio-read-presentation__content{flex-direction:column;align-items:flex-start;gap:80px;width:100%;min-width:0;display:flex;position:relative}.cf-portfolio-read-presentation__slider{width:100%;height:450px;position:relative;overflow:hidden}.cf-portfolio-read-presentation__track{will-change:transform;gap:10px;width:max-content;height:450px;transition:transform .5s;display:flex}.cf-portfolio-read-presentation__slide{flex:none;width:auto;height:450px;position:relative}.cf-portfolio-read-presentation__image-button{cursor:pointer;background:0 0;border:0;width:auto;height:450px;padding:0;display:block}.cf-portfolio-read-presentation__image-button img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:none;height:100%;display:block}.cf-portfolio-read-presentation__previous,.cf-portfolio-read-presentation__next{cursor:pointer;color:#777;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-22px;padding:0;display:flex;position:absolute;top:50%}.cf-portfolio-read-presentation__previous{left:-50px}.cf-portfolio-read-presentation__next{right:-50px}.cf-portfolio-read-presentation__previous:disabled,.cf-portfolio-read-presentation__next:disabled{cursor:default;opacity:.35}.cf-portfolio-read-presentation__empty{color:#777;padding:40px 0}.cf-portfolio-read-presentation__body{color:#333;margin-top:40px;font-size:15px;line-height:1.8}.cf-portfolio-read-presentation__modal{z-index:10030;background:#000000f0;justify-content:center;align-items:center;padding:4rem 10vw;display:flex;position:fixed;inset:0}.cf-portfolio-read-presentation__modal img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 8rem);display:block}.cf-portfolio-read-presentation__modal-close{cursor:pointer;color:#fff;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;top:20px;right:80px}.cf-board-document--portfolio{box-sizing:border-box;font-family:SUIT,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;width:calc(100% + 112px)!important;margin-left:-56px!important;padding:256px 56px 96px!important}html:has(.cf-board-document--portfolio){overflow-y:scroll!important}body .cf-board-skin[data-skin-id] #kboard-default-document.cf-board-document--portfolio{margin-top:-64px!important;padding-top:256px!important}.cf-board-node--container:has(.cf-board-document--portfolio){padding-bottom:0!important}.cf-board-document--portfolio>article,.responsive-section-inner:has(.cf-board-document--portfolio){overflow:visible!important}.cf-board-document--portfolio>article>.cf-portfolio-read-presentation{margin:0;padding:0;position:static}.cf-board-document--portfolio .cf-portfolio-read-presentation__side{left:-441px}.cf-board-document--portfolio .cf-portfolio-read-presentation__side-toggle{font-size:15px;line-height:22.5px}.cf-board-document--portfolio .cf-portfolio-read-presentation__side.is-open{left:0}.cf-board-document--portfolio .cf-board-document-actions{box-sizing:border-box;height:64px;min-height:64px;overflow:hidden;margin:0!important;padding:32px 0!important}.cf-board-document--portfolio .cf-board-document-actions>*{display:none!important}.cf-board-document--portfolio .cf-board-document-navigation{padding:32px 0!important;font-size:15px!important;line-height:22.5px!important}.haedo-portfolio-wide-gallery>.cf-board-node--slot:nth-child(2){visibility:hidden;pointer-events:none}.haedo-portfolio-wide-gallery>.cf-board-node--slot:nth-child(4),.haedo-portfolio-wide-gallery>.cf-board-node--slot:nth-child(5){display:none}@media (width<=767px){.cf-portfolio-read-presentation{margin:0;padding:0}.cf-portfolio-read-presentation__side{width:min(420px,100vw - 32px);padding:16px;left:calc(58px - 100vw)}.cf-portfolio-read-presentation__side.is-open{left:0}.cf-portfolio-read-presentation__side-toggle{padding:28px 12px 28px 4px;right:-58px}.cf-board-document--portfolio{width:100%!important;margin-left:0!important;padding:128px 16px 64px!important}body .cf-board-skin[data-skin-id] #kboard-default-document.cf-board-document--portfolio{margin-top:0!important;padding-top:128px!important}.cf-board-node--container:has(.cf-board-document--portfolio){padding-bottom:0!important}.cf-board-document--portfolio .cf-portfolio-read-presentation__side{left:calc(58px - 100vw)}.cf-board-document--portfolio .cf-portfolio-read-presentation__side.is-open{left:0}.cf-board-document--portfolio .cf-board-document-navigation{padding:24px 0!important}.cf-board-document--portfolio .cf-board-document-actions{height:48px;min-height:48px;padding:24px 0!important}.cf-portfolio-read-presentation__description{width:100%;font-size:14px;line-height:21px}.cf-portfolio-read-presentation__content{gap:48px}.cf-portfolio-read-presentation__slider,.cf-portfolio-read-presentation__track,.cf-portfolio-read-presentation__slide,.cf-portfolio-read-presentation__image-button{height:min(68vw,360px)}.cf-portfolio-read-presentation__previous{left:0}.cf-portfolio-read-presentation__next{right:0}.cf-portfolio-read-presentation__modal{padding:3rem 16px}.cf-portfolio-read-presentation__modal-close{top:12px;right:16px}}.cf-content-tabs__nav-inner{padding-inline:var(--cf-content-tabs-nav-padding-x,0px)}.cf-content-tabs__tablist{gap:var(--cf-content-tabs-tab-gap-desktop,0px)}.cf-content-tabs__tab{padding-left:var(--cf-content-tabs-tab-padding-x-mobile,20px);padding-right:var(--cf-content-tabs-tab-padding-x-mobile,20px);padding-top:var(--cf-content-tabs-tab-padding-y-mobile,12px);padding-bottom:var(--cf-content-tabs-tab-padding-y-mobile,12px)}.cf-content-tabs__panel{padding-top:var(--cf-content-tabs-panel-padding-top-mobile,32px)}.cf-content-tabs__panels{display:grid}.cf-content-tabs__panels>.cf-content-tabs__panel{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;transition:opacity .3s}.cf-content-tabs__panels>.cf-content-tabs__panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.cf-content-tabs__panels>.cf-content-tabs__panel.is-leaving{opacity:0;visibility:visible}.cf-content-tabs__detail-trigger-wrap{z-index:2;pointer-events:none;justify-content:flex-end;margin-top:-3.5rem;padding:0 1rem .738281rem;display:flex;position:relative}.cf-content-tabs__detail-trigger{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;pointer-events:auto;background:#0000009e;border:0;border-radius:0;padding:.6rem 1.2rem;font-size:1.05rem;line-height:1.2}.cf-content-tabs__detail-trigger:hover,.cf-content-tabs__detail-trigger:focus-visible{background:#000000d1}.cf-content-tabs-detail{z-index:10050;overscroll-behavior:contain;background:#000000c7;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow:auto}.cf-content-tabs-detail[hidden]{display:none}.cf-content-tabs-detail__inner{color:#fff;background:#000000c2;border-radius:15px;flex-direction:column;width:min(70vw,1000px);max-height:calc(100dvh - 4rem);padding:2rem;display:flex;overflow:auto}.cf-content-tabs-detail__header{border-bottom:1px solid #fff3;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.cf-content-tabs-detail__header h2{color:#fff;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:1rem;font-weight:400;line-height:1.4}.cf-content-tabs-detail__phone{color:#fff;flex:none;font-size:1.35rem;line-height:1.2;text-decoration:none}.cf-content-tabs-detail__close{color:#fff;width:2rem;height:2rem;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:inline-flex}.cf-content-tabs-detail__copy{color:#fff;white-space:pre-line;border-top:1px solid #ffffffb3;margin-top:1.25rem;padding-top:1.25rem;font-size:1.25rem;line-height:1.6}.cf-content-tabs-detail__content{color:#fff;margin-top:1rem}.cf-content-tabs-detail__content img{max-width:100%}.cf-content-tabs-detail__image{cursor:pointer;width:100%;height:auto;margin-top:1rem;display:block}@media (width<=767px){.cf-content-tabs__detail-trigger-wrap{margin-top:-3rem;padding:0 .75rem .5rem}.cf-content-tabs__detail-trigger{min-height:2.5rem;padding:.55rem .9rem;font-size:.95rem}.cf-content-tabs-detail{align-items:flex-start;padding:.75rem}.cf-content-tabs-detail__inner{width:100%;max-height:calc(100dvh - 1.5rem);padding:1rem}.cf-content-tabs-detail__header{flex-wrap:wrap;padding-bottom:.75rem}.cf-content-tabs-detail__phone{order:3;width:100%;font-size:1.05rem}.cf-content-tabs-detail__copy{font-size:1rem}.cf-content-tabs__tablist{gap:var(--cf-content-tabs-tab-gap-mobile,var(--cf-content-tabs-tab-gap-desktop,0px))}.cf-content-tabs__nav-inner{padding-inline:var(--cf-content-tabs-nav-mobile-padding-x,var(--cf-content-tabs-nav-padding-x,0px))}}.block-responsive-card-grid{grid-template-columns:repeat(var(--card-grid-mobile-columns,1), minmax(0, 1fr))}.block-responsive-stat-grid{grid-template-columns:repeat(var(--stat-mobile-columns,1), minmax(0, 1fr))}.cf-icon-link-grid__items{grid-template-columns:repeat(var(--cf-icon-link-grid-mobile-columns,2), minmax(0, 1fr));gap:var(--cf-icon-link-grid-gap,24px)}.cf-icon-link-grid__link{min-width:0;color:inherit;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;text-decoration:none;display:flex}.cf-icon-link-grid__icon{width:var(--cf-icon-link-grid-circle-size,64px);height:var(--cf-icon-link-grid-circle-size,64px);background:var(--cf-icon-link-grid-circle-background,#f5f6f8);border-radius:9999px;flex:none;place-items:center;display:grid;overflow:hidden}.cf-icon-link-grid__icon img{width:var(--cf-icon-link-grid-icon-size,32px);height:var(--cf-icon-link-grid-icon-size,32px);-o-object-fit:contain;object-fit:contain;display:block}.cf-icon-link-grid__label{overflow-wrap:anywhere;color:#111827;min-width:0;line-height:1.4}.cf-icon-link-grid__link:hover .cf-icon-link-grid__label,.cf-icon-link-grid__link:focus-visible .cf-icon-link-grid__label{color:#2563eb!important}.cf-hero-banner{min-height:var(--cf-hero-height-mobile,600px);align-items:var(--cf-hero-align-mobile,center);justify-content:var(--cf-hero-justify-mobile,center);text-align:var(--cf-hero-text-mobile,center)}.cf-hero-banner__image,.cf-hero-banner__video{-o-object-position:var(--cf-hero-focus-mobile,center center);object-position:var(--cf-hero-focus-mobile,center center)}.cf-hero-banner__video-placeholder{z-index:5;pointer-events:none;opacity:1;background:linear-gradient(135deg,#edf0ee,#e5e9e6);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.cf-hero-banner[data-cf-hero-video-state=ready] .cf-hero-banner__video-placeholder,.cf-hero-banner[data-cf-hero-video-state=error] .cf-hero-banner__video-placeholder{opacity:0}.cf-hero-banner__video-spinner{border:3px solid #47556938;border-top-color:#475569;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite cf-hero-video-spinner}@keyframes cf-hero-video-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cf-hero-banner__video-placeholder{transition:none}.cf-hero-banner__video-spinner{animation:none}}.cf-hero-banner__video--mobile{display:none}@media (width<=767px){.cf-hero-banner__video--desktop:not(.cf-hero-banner__video--single){display:none}.cf-hero-banner__video--mobile{display:block}}.cf-hero-banner__content{box-sizing:border-box;align-items:var(--cf-hero-align-mobile,center);justify-content:var(--cf-hero-justify-mobile,center);min-height:var(--cf-hero-height-mobile,600px);padding:var(--cf-hero-content-padding-mobile,0px);flex-direction:column;display:flex}.cf-image-collage-grid{grid-template-columns:repeat(var(--cf-collage-mobile-columns,1), minmax(0, 1fr));gap:var(--cf-collage-mobile-gap,12px)}.cf-image-collage-item{order:var(--cf-collage-order,0);grid-column:span 1;min-width:0;margin-top:0}.cf-collage-hidden,.cf-collage-hide-mobile{display:none}@media (width>=768px){.cf-hero-banner{min-height:var(--cf-hero-height-desktop,600px);align-items:var(--cf-hero-align-desktop,center);justify-content:var(--cf-hero-justify-desktop,center);text-align:var(--cf-hero-text-desktop,center)}.cf-hero-banner__image,.cf-hero-banner__video{-o-object-position:var(--cf-hero-focus-desktop,center center);object-position:var(--cf-hero-focus-desktop,center center)}.cf-hero-banner__video--mobile{display:none}.cf-hero-banner__content{align-items:var(--cf-hero-align-desktop,center);justify-content:var(--cf-hero-justify-desktop,center);min-height:var(--cf-hero-height-desktop,600px);padding:var(--cf-hero-content-padding-desktop,0px)}.cf-image-collage-grid{grid-template-columns:repeat(var(--cf-collage-columns,4), minmax(0, 1fr));gap:var(--cf-collage-gap,20px)}.cf-image-collage-item{grid-column:span var(--cf-collage-span,1);margin-top:var(--cf-collage-offset,0px);order:0}.cf-image-collage-grid--manual{min-height:var(--cf-collage-canvas-height,520px);grid-template-rows:1fr;align-items:start}.cf-image-collage-grid--manual .cf-image-collage-item{grid-column-start:var(--cf-collage-column-start,1);grid-row:1}.cf-collage-hide-mobile{display:block}.cf-collage-hide-desktop{display:none}}.cf-image-collage-grid[data-cf-editor-viewport=mobile]{grid-template-columns:repeat(var(--cf-collage-mobile-columns,1), minmax(0, 1fr));align-items:stretch;gap:var(--cf-collage-mobile-gap,12px);grid-template-rows:none;min-height:0}.cf-image-collage-grid[data-cf-editor-viewport=mobile] .cf-image-collage-item{order:var(--cf-collage-order,0);grid-area:auto/span 1;margin-top:0}@media (width>=768px){.block-responsive-card-grid{grid-template-columns:repeat(var(--card-grid-columns,3), minmax(0, 1fr))}.block-responsive-stat-grid{grid-template-columns:repeat(var(--stat-columns,4), minmax(0, 1fr))}.cf-icon-link-grid__items{grid-template-columns:repeat(var(--cf-icon-link-grid-columns,4), minmax(0, 1fr))}}.responsive-block-background{background-image:var(--cf-block-background-desktop-image,none)!important}@media (width<=639px){.responsive-block-background{background-image:var(--cf-block-background-mobile-image,var(--cf-block-background-desktop-image,none))!important}}.cf-button-block--custom-hover:hover,.cf-button-block--custom-hover:focus-visible{background-color:var(--cf-button-hover-background);color:var(--cf-button-hover-color);border-color:var(--cf-button-hover-border)}.cf-scrollbar-hide{scrollbar-width:none}.cf-scrollbar-hide::-webkit-scrollbar{display:none}.block-responsive-logo-grid{grid-template-columns:repeat(var(--logo-mobile-columns,2), minmax(0, 1fr))}.block-column-layout{-moz-column-gap:var(--mobile-column-gap,0px);column-gap:var(--mobile-column-gap,0px);row-gap:var(--mobile-column-gap,0px);flex-wrap:wrap;display:flex}.block-column-layout__column{flex:0 0 var(--mobile-column-basis,100%);min-width:0}@media (width>=768px){.block-responsive-logo-grid{grid-template-columns:repeat(var(--logo-columns,4), minmax(0, 1fr))}.block-column-layout{gap:0;display:flex}.block-column-layout__column{flex:var(--column-ratio,1) 1 0;margin-left:var(--column-gap-before,0px)}}.cf-responsive-spacer{height:var(--cf-spacer-mobile-height,64px)}.cf-typography{font-size:var(--cf-typography-font-size-mobile,16px);--cf-typography-line-height-current:var(--cf-typography-line-height-mobile)}:where([data-cf-text-role=heading],[data-cf-text-role=body],.cf-typography,.cf-rich-text){overflow-wrap:anywhere;min-width:0}.cf-heading-typography-color:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-color :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){color:var(--cf-heading-typography-color)!important}.cf-heading-typography-font-family:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-family :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-family:var(--cf-heading-typography-font-family)!important}.cf-heading-typography-font-size:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-size :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-size:var(--cf-heading-typography-font-size-mobile)!important}.cf-heading-typography-font-style:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-style :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-style:var(--cf-heading-typography-font-style)!important}.cf-heading-typography-font-weight:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-weight :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-weight:var(--cf-heading-typography-font-weight)!important}.cf-heading-typography-letter-spacing:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-letter-spacing :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){letter-spacing:var(--cf-heading-typography-letter-spacing)!important}.cf-heading-typography-line-height:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-line-height :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){line-height:var(--cf-heading-typography-line-height-mobile)!important}.cf-heading-typography-text-decoration:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-text-decoration :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){-webkit-text-decoration:var(--cf-heading-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-heading-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-heading-typography-text-decoration)!important;text-decoration:var(--cf-heading-typography-text-decoration)!important}.cf-heading-typography-position{min-height:max(4rem,100%);position:relative!important}.cf-heading-typography-position:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-position :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){z-index:1;left:var(--cf-heading-typography-position-left)!important;top:var(--cf-heading-typography-position-top)!important;transform:var(--cf-heading-typography-position-transform)!important;margin:0!important;position:absolute!important}.cf-body-typography-color:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-color :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){color:var(--cf-body-typography-color)!important}.cf-body-typography-font-family:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-font-family :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){font-family:var(--cf-body-typography-font-family)!important}.cf-body-typography-font-size:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]),.cf-body-typography-font-size :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]){font-size:var(--cf-body-typography-font-size-mobile)!important}.cf-body-typography-font-style:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-font-style :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){font-style:var(--cf-body-typography-font-style)!important}.cf-body-typography-font-weight:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-font-weight :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){font-weight:var(--cf-body-typography-font-weight)!important}.cf-body-typography-letter-spacing:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=letter-spacing\:]),.cf-body-typography-letter-spacing :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=letter-spacing\:]),.cf-body-typography-letter-spacing:where(p,li,blockquote,figcaption,[data-cf-text-role=body])[style*=--cf-body-typography-letter-spacing\:],.cf-body-typography-letter-spacing [style*=--cf-body-typography-letter-spacing\:]{letter-spacing:var(--cf-body-typography-letter-spacing)!important}.cf-body-typography-line-height:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]),.cf-body-typography-line-height :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]){line-height:var(--cf-body-typography-line-height-mobile)!important}.cf-body-typography-text-decoration:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-text-decoration :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){-webkit-text-decoration:var(--cf-body-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-body-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-body-typography-text-decoration)!important;text-decoration:var(--cf-body-typography-text-decoration)!important}.cf-action-typography-color:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-color :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){color:var(--cf-action-typography-color)!important}.cf-action-typography-font-family:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-family :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-family:var(--cf-action-typography-font-family)!important}.cf-action-typography-font-size:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-size :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-size:var(--cf-action-typography-font-size-mobile)!important}.cf-action-typography-font-style:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-style :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-style:var(--cf-action-typography-font-style)!important}.cf-action-typography-font-weight:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-weight :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-weight:var(--cf-action-typography-font-weight)!important}.cf-action-typography-letter-spacing:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-letter-spacing :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){letter-spacing:var(--cf-action-typography-letter-spacing)!important}.cf-action-typography-line-height:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-line-height :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){line-height:var(--cf-action-typography-line-height-mobile)!important}.cf-action-typography-text-decoration:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-text-decoration :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){-webkit-text-decoration:var(--cf-action-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-action-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-action-typography-text-decoration)!important;text-decoration:var(--cf-action-typography-text-decoration)!important}@media (width>=768px){.cf-responsive-spacer{height:var(--cf-spacer-desktop-height,64px)}.cf-typography{font-size:var(--cf-typography-font-size-desktop,16px);--cf-typography-line-height-current:var(--cf-typography-line-height-desktop)}.cf-heading-typography-font-size:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-size :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-size:var(--cf-heading-typography-font-size-desktop)!important}.cf-heading-typography-line-height:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-line-height :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){line-height:var(--cf-heading-typography-line-height-desktop)!important}.cf-body-typography-font-size:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]),.cf-body-typography-font-size :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]){font-size:var(--cf-body-typography-font-size-desktop)!important}.cf-body-typography-line-height:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]),.cf-body-typography-line-height :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]){line-height:var(--cf-body-typography-line-height-desktop)!important}.cf-action-typography-font-size:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-size :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-size:var(--cf-action-typography-font-size-desktop)!important}.cf-action-typography-line-height:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-line-height :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){line-height:var(--cf-action-typography-line-height-desktop)!important}}.cf-wysiwyg-fixed-content-height .jodit-container{height:auto!important;min-height:0!important}.cf-wysiwyg-fixed-content-height .jodit-workplace{height:var(--cf-wysiwyg-content-height)!important;min-height:var(--cf-wysiwyg-content-min-height)!important}:root{--background:#fff;--foreground:#1d1d1f}html,body{color:var(--foreground);background:var(--background);letter-spacing:0;font-family:SUIT,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.responsive-section-outer{margin-top:var(--mt-mobile,0);margin-right:var(--mr-mobile,0);margin-bottom:var(--mb-mobile,0);margin-left:var(--ml-mobile,0)}.responsive-section-inner-padding-y{padding-top:var(--pt-mobile,0);padding-bottom:var(--pb-mobile,0)}.responsive-section-inner-padding-x{padding-right:var(--pr-mobile,0);padding-left:var(--pl-mobile,0)}@media (width<=767px){.responsive-section-mobile-gutter{padding-inline:10px}.responsive-section-mobile-gutter .responsive-section-mobile-gutter{padding-inline:0}.responsive-section-mobile-gutter .responsive-section-mobile-gutter-none{margin-inline:-10px;width:calc(100% + 20px)!important;max-width:none!important}}.media-grid-document{max-width:var(--media-grid-document-max-width-desktop,100%)}.media-grid-document-image{max-width:var(--media-grid-document-image-max-width,100%)}.cf-board-node--emptyState{text-align:center;color:#6b7280;justify-content:center;align-items:center;min-height:120px;padding:48px 0;font-size:16px;line-height:24px;display:flex}@media (width<=767px){.cf-board-node--emptyState{min-height:94px;padding:36px 0;font-size:14px;line-height:22px}.media-grid-document{max-width:var(--media-grid-document-max-width-mobile,100%)}.media-grid-document-image{max-width:var(--media-grid-document-image-max-width-mobile,100%)}}@media (width>=768px){.cf-content-tabs__tab{padding-left:var(--cf-content-tabs-tab-padding-x-desktop,20px);padding-right:var(--cf-content-tabs-tab-padding-x-desktop,20px);padding-top:var(--cf-content-tabs-tab-padding-y-desktop,12px);padding-bottom:var(--cf-content-tabs-tab-padding-y-desktop,12px)}.cf-content-tabs__panel{padding-top:var(--cf-content-tabs-panel-padding-top-desktop,32px)}}.image-overlay-card__overlay,.image-overlay-card__content{opacity:0;transition:opacity .3s}.image-overlay-card:hover>.image-overlay-card__overlay,.image-overlay-card-link:focus-within .image-overlay-card__overlay{opacity:var(--image-overlay-overlay-opacity,1)}.image-overlay-card:hover>.image-overlay-card__content,.image-overlay-card-link:focus-within .image-overlay-card__content{opacity:1}.image-overlay-grid--staggered>*{width:80%;min-width:0}.image-overlay-grid--staggered>:nth-child(2n){justify-self:end}.image-overlay-grid--always-visible .image-overlay-card__overlay,.image-overlay-grid--always-visible .image-overlay-card__content{opacity:1}.image-overlay-grid--hover-lift .image-overlay-card{transition:transform .5s,box-shadow .5s}.image-overlay-grid--hover-lift .image-overlay-card:hover{transform:translateY(-.5rem);box-shadow:0 1.5rem 2.5rem #00000029}@media (width<=767px){.image-overlay-grid--staggered>*{width:100%}}.board-latest-widget--full-bleed{overflow-x:visible;width:calc(100% + 32px)!important;margin-left:-16px!important}.board-latest-widget--full-bleed>.responsive-section-inner{overflow:visible!important}.board-latest-widget--full-bleed .board-latest-slider-viewport{width:100%}.board-latest-widget--full-bleed .board-latest-grid{--board-latest-side-width:200px;--board-latest-column-gap:32px;--board-latest-grid-padding-left:12px;grid-template-columns:var(--board-latest-side-width) minmax(0, 1fr)}.board-latest-slider-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:var(--board-latest-card-gap,15px)}.board-latest-slider-scroll::-webkit-scrollbar{display:none}.board-latest-slider-viewport{min-width:0}.board-latest-slider-swiper .swiper-wrapper{align-items:stretch}.board-latest-slider-swiper .swiper-slide{height:auto}.board-latest-active-copy{animation:.18s ease-out both board-latest-copy-in}@keyframes board-latest-copy-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.board-latest-active-copy{animation:none}}@media (width>=768px){.board-latest-widget--full-bleed .board-latest-slider-viewport{width:calc(100vw - ((100vw - min(1260px, 100vw)) / 2 + var(--board-latest-side-width,200px) + var(--board-latest-column-gap,32px) + var(--board-latest-grid-padding-left,12px)));flex:none}}.process-steps-block{padding-block:var(--process-padding-mobile,56px)}.process-steps-block__inner{gap:var(--process-content-gap,40px)}.process-steps-block__steps{margin-top:var(--process-content-gap,40px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.process-steps-block__circle{width:var(--process-circle-size-mobile,56px);height:var(--process-circle-size-mobile,56px);border-width:var(--process-circle-border-width,2px);border-style:solid;border-radius:999px}.process-steps-block__icon{width:28px;height:28px}.process-steps-block__connector{display:none}.process-steps-block__graphic{position:relative}.circular-text-graphic__svg{width:100%;height:100%}.circular-text-graphic__svg--spin{animation:20s linear infinite circular-text-graphic-spin}@keyframes circular-text-graphic-spin{to{transform:rotate(360deg)}}.cf-marquee-track{width:max-content;animation:40s linear infinite cf-marquee-left;display:flex}.cf-marquee-track--reverse{margin-left:-30%;animation-name:cf-marquee-right}@keyframes cf-marquee-left{to{transform:translate(-50%)}}@keyframes cf-marquee-right{0%{transform:translate(-25%)}to{transform:translate(25%)}}@media (prefers-reduced-motion:reduce){.circular-text-graphic__svg--spin,.cf-marquee-track{animation:none}}@media (width>=768px){.process-steps-block{padding-block:var(--process-padding-desktop,96px)}.process-steps-block__steps{display:flex}.process-steps-block__circle{width:var(--process-circle-size,80px);height:var(--process-circle-size,80px)}.process-steps-block__icon{width:32px;height:32px}.process-steps-block__connector{padding-top:calc(var(--process-circle-size,80px) / 2);display:flex}.process-steps-block__connector-line{height:var(--process-connector-thickness,2px);background:var(--process-connector-color,#ccc);flex:auto}.process-steps-block__connector-dot{width:var(--process-connector-dot-size,8px);height:var(--process-connector-dot-size,8px);background:var(--process-connector-color,#ccc);border-radius:999px;flex:none}}.media-grid-card--bordered,.sector-definition-card{box-shadow:0 1px 2px #0000000d}.media-grid-responsive-gap{gap:var(--media-grid-gap-desktop,0px)}@media (width<=700px){.media-grid-responsive-gap{gap:var(--media-grid-gap-mobile,var(--media-grid-gap-desktop,0px))}}.media-grid-card--bordered{transition:box-shadow .3s}.media-grid-card--bordered:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.sector-product-card{transition:transform .3s,box-shadow .3s;box-shadow:0 1px 2px #0000000d}.sector-product-card:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #dbeafe80,0 8px 10px -6px #dbeafe80}@media (width>=768px){.responsive-section-outer{margin-top:var(--mt-desktop,var(--mt-mobile,0));margin-right:var(--mr-desktop,var(--mr-mobile,0));margin-bottom:var(--mb-desktop,var(--mb-mobile,0));margin-left:var(--ml-desktop,var(--ml-mobile,0))}.responsive-section-inner-padding-y{padding-top:var(--pt-desktop,var(--pt-mobile,0));padding-bottom:var(--pb-desktop,var(--pb-mobile,0))}.responsive-section-inner-padding-x{padding-right:var(--pr-desktop,var(--pr-mobile,0));padding-left:var(--pl-desktop,var(--pl-mobile,0))}}.cf-admin{letter-spacing:0;font-size:14px;line-height:1.55}.cf-admin :where(input,select,textarea,button):where(:not(#puck-preview *)){font:inherit;letter-spacing:0}.cf-admin-content{letter-spacing:0;font-size:14px;line-height:1.55}.cf-admin-content :where(table,td,input,select,textarea):where(:not(#puck-preview *)){letter-spacing:0;font-size:14px}.cf-admin-content :where(th,small):where(:not(#puck-preview *)){letter-spacing:0;font-size:12px}.cf-admin-content :where(h1):where(:not(#puck-preview *)){letter-spacing:0;font-size:20px;line-height:1.35}.cf-admin-content :where(h2):where(:not(#puck-preview *)){letter-spacing:0;font-size:20px;line-height:1.4}.cf-admin-content :where(h3):where(:not(#puck-preview *)){letter-spacing:0;font-size:18px;line-height:1.4}.cf-admin-content :where(.text-sm,.text-base,.text-\[14px\]):where(:not(#puck-preview *)){font-size:14px}.cf-admin-content :where(.text-\[15px\]):where(:not(#puck-preview *)){font-size:15px}.cf-admin-content :where(.text-lg,.text-\[18px\]):where(:not(#puck-preview *)){font-size:18px}.cf-admin-content :where(.text-xl):where(:not(#puck-preview *)){font-size:20px}.cf-admin-content :where(.text-2xl,.text-3xl):where(:not(#puck-preview *)){font-size:22px}.cf-admin-content :where(.jodit-wysiwyg,[contenteditable=true]):where(:not(#puck-preview *)){letter-spacing:0;font-size:15px}.cf-admin .cf-admin-scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.cf-admin .cf-admin-scrollbar-hidden::-webkit-scrollbar{display:none}.cf-admin-scrollbar-thin{scrollbar-color:#94a3b8b3 transparent;scrollbar-width:thin}.cf-admin-scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.cf-admin-scrollbar-thin::-webkit-scrollbar-track{background:0 0}.cf-admin-scrollbar-thin::-webkit-scrollbar-thumb{background-color:#94a3b8b3;border-radius:999px}.cf-admin-scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#64748bd9}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.cf-logo-link{align-items:center;gap:var(--cf-logo-gap,10px);color:var(--cf-logo-text-color,#111827);pointer-events:auto;text-decoration:none;display:inline-flex}.cf-logo-image,.cf-logo-mark{width:var(--cf-logo-mobile-width,var(--cf-logo-width,120px));-o-object-fit:contain;object-fit:contain;flex-shrink:0;max-width:100%;height:auto}.cf-logo-mark{aspect-ratio:1;color:var(--cf-logo-text-color,#111827)}.cf-logo-copy{flex-direction:column;min-width:0;line-height:1.05;display:inline-flex}.cf-logo-text{color:var(--cf-logo-text-color,#111827);font-size:var(--cf-logo-mobile-font-size,var(--cf-logo-font-size,24px));letter-spacing:0;white-space:nowrap}.cf-logo-tagline{color:var(--cf-logo-tagline-color,#6b7280);letter-spacing:0;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:500}.cf-nav{width:100%;color:var(--cf-nav-color,#374151);font-family:var(--cf-nav-font-family,inherit);line-height:var(--cf-nav-line-height,normal);letter-spacing:var(--cf-nav-letter-spacing,normal);pointer-events:none}.cf-nav-list .cf-nav-item,.cf-nav-list .cf-nav-link,.cf-nav-mobile .cf-nav-mobile-summary,.cf-nav-mobile .cf-nav-mobile-panel,.cf-nav-mobile .cf-nav-mobile-link{pointer-events:auto}.cf-nav-list{align-items:center;gap:var(--cf-nav-gap,32px);width:100%;min-width:0;font-size:var(--cf-nav-font-size,14px);font-weight:var(--cf-nav-font-weight,500);justify-content:var(--cf-nav-justify,center);display:flex}.cf-nav-list-horizontal{flex-flow:wrap}.cf-nav-list-vertical{align-items:var(--cf-nav-align-items,flex-start);flex-direction:column}.cf-nav-item{position:relative}.cf-nav-link{padding:var(--cf-nav-item-padding-y,6px) var(--cf-nav-item-padding-x,8px);color:var(--cf-nav-color,#374151);font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:6px;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.cf-nav-link:hover,.cf-nav-link:focus-visible{color:var(--cf-nav-hover-color,#111827);border-bottom-color:#0000}.cf-nav-link[aria-current=page]{border-bottom-color:currentColor}.cf-nav-list-horizontal>div>.cf-nav-item>.cf-nav-link[aria-current=page]>span:first-child{position:relative}.cf-nav-list-horizontal>div>.cf-nav-item>.cf-nav-link[aria-current=page]>span:first-child:after{content:"";pointer-events:none;background:currentColor;border-radius:999px;height:2px;position:absolute;bottom:-5px;left:0;right:0}.cf-nav-caret{width:12px;height:12px}.cf-nav-dropdown{z-index:50;background:var(--cf-nav-dropdown-bg,#fff);opacity:0;visibility:hidden;border:1px solid #11182714;border-radius:12px;min-width:180px;padding:8px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-4px);box-shadow:0 18px 40px #0f172a24}.cf-fullpage-scroll{overscroll-behavior-y:contain;touch-action:none;scroll-behavior:auto;height:100dvh;overflow:hidden}@media (width>=768px){html:has(.cf-fullpage-scroll),body:has(.cf-fullpage-scroll){overflow:hidden!important}}@media (width<=767px){html:has(.cf-fullpage-scroll-mobile),body:has(.cf-fullpage-scroll-mobile){overflow:hidden!important}}.cf-fullpage-section{isolation:isolate;scroll-snap-align:none;min-height:100dvh;position:relative}.cf-fullpage-section:before{z-index:0;background:var(--cf-fullpage-section-overlay,transparent);content:"";pointer-events:none;position:absolute;inset:0}.cf-fullpage-section>*{z-index:1;position:relative}.cf-fullpage-page .cf-fullpage-section:not(.cf-fullpage-footer){height:100dvh;min-height:100dvh;overflow:hidden}.cf-fullpage-page .cf-fullpage-section:not(.cf-fullpage-footer) [data-cf-cms-slider],.cf-fullpage-page .cf-fullpage-section:not(.cf-fullpage-footer) [data-cf-cms-slider] .cf-slider-hero-height{height:100dvh;max-height:100dvh}.cf-fullpage-page .cf-fullpage-footer{height:auto;min-height:0;overflow:visible}.cf-fullpage-footer{min-height:0}.cf-fullpage-section-editor{min-height:min(640px,78dvh)}.cf-fullpage-navigation{z-index:45;background:0 0;border:0;padding:0;transition:opacity .3s ease-in;display:block;position:fixed;top:50%;right:17px;transform:translateY(-50%)}.cf-fullpage-navigation-left{left:18px;right:auto}.cf-fullpage-navigation-right{right:17px}.cf-fullpage-navigation-button{box-sizing:border-box;color:#0000;background:0 0;border:1px solid #aaa;border-radius:999px;width:10px;height:10px;margin:30px 10px;padding:0;transition:background-color .16s,border-color .16s;display:block}.cf-fullpage-navigation-button:hover,.cf-fullpage-navigation-button[aria-current=true]{background:#adc80b;border-color:#adc80b;transform:none}@media (width<=767px){.cf-fullpage-scroll:not(.cf-fullpage-scroll-mobile){overscroll-behavior-y:auto;scroll-snap-type:none;height:auto;overflow-y:visible}.cf-fullpage-page:not(.cf-fullpage-mobile) .cf-fullpage-section{scroll-snap-align:none;scroll-snap-stop:normal;min-height:auto}.cf-fullpage-navigation-desktop{display:none}.cf-fullpage-navigation-left{left:10px}.cf-fullpage-navigation-right{right:10px}}@media (prefers-reduced-motion:reduce){.cf-fullpage-scroll{scroll-behavior:auto}.cf-fullpage-navigation-button{transition:none}}.cf-nav-dropdown:before{content:"";height:12px;position:absolute;bottom:100%;left:0;right:0}.cf-nav-item:hover .cf-nav-dropdown,.cf-nav-item:focus-within .cf-nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%)}.cf-nav-item:hover .cf-nav-dropdown-mega,.cf-nav-item:focus-within .cf-nav-dropdown-mega{transform:translate(-50%)}.cf-nav-dropdown-link{width:100%;color:var(--cf-nav-dropdown-color,#374151);letter-spacing:0;white-space:nowrap;text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none;display:block}.cf-nav-dropdown-link:hover{color:var(--cf-nav-hover-color,#111827);background:#1118270f}.cf-nav-dropdown-mega{width:min(960px,100vw - 32px);min-width:min(640px,100vw - 32px);padding:20px;left:50%;right:auto;transform:translate(-50%,-4px)}.cf-nav-mega-grid{grid-template-columns:repeat(var(--cf-nav-mega-columns,4), minmax(0, 1fr));gap:8px 24px;display:grid}.cf-nav-mega-column{min-width:0}.cf-nav-mega-heading{font-weight:700}.cf-nav-mega-children{gap:2px;margin-top:2px;display:grid}@media (width<=767px){.cf-nav-dropdown-mega{width:calc(100vw - 32px);min-width:0;transform:translate(-50%,-4px)}.cf-nav-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.cf-nav-item:hover .cf-nav-dropdown-mega,.cf-nav-item:focus-within .cf-nav-dropdown-mega{transform:translate(-50%)}}.cf-nav-mobile{width:100%;font-size:var(--cf-nav-font-size,14px);font-weight:var(--cf-nav-font-weight,500);display:none}@media (width<=767px){.cf-nav-responsive .cf-nav-list{display:none}.cf-nav-responsive .cf-nav-mobile{display:block}}.cf-nav-mobile-summary{width:100%;color:var(--cf-nav-color,#374151);font:inherit;cursor:pointer;border:1px solid #1118271a;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;list-style:none;transition:border-color .15s,background-color .15s,color .15s;display:flex}.cf-nav-mobile-summary:hover,.cf-nav-mobile-summary:focus-visible{border-color:var(--cf-nav-hover-color,#111827);background:var(--cf-nav-color,#374151)}@supports (color:color-mix(in lab, red, red)){.cf-nav-mobile-summary:hover,.cf-nav-mobile-summary:focus-visible{background:color-mix(in srgb, var(--cf-nav-color,#374151) 5%, transparent)}}.cf-nav-mobile-summary:hover,.cf-nav-mobile-summary:focus-visible{color:var(--cf-nav-hover-color,#111827)}.cf-nav-mobile-summary::-webkit-details-marker{display:none}.cf-nav-mobile-link::-webkit-details-marker{display:none}.cf-nav-mobile-panel{background:var(--cf-nav-dropdown-bg,#fff);border:1px solid #11182714;border-radius:12px;flex-direction:column;gap:4px;margin-top:10px;padding:8px;display:flex}.cf-nav-mobile-overlay{z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#0f172a75;justify-content:flex-end;transition:opacity .22s,visibility .22s linear;display:flex;position:fixed;inset:0}.cf-nav-mobile-overlay[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.cf-nav-mobile-backdrop{cursor:default;background:0 0;border:0;width:100%;position:absolute;inset:0}.cf-nav-mobile-drawer{z-index:1;overscroll-behavior:contain;background:var(--cf-nav-dropdown-bg,#fff);width:min(88vw,420px);min-height:100dvh;color:var(--cf-nav-color,#374151);padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));will-change:transform;flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow-y:auto;transform:translate(100%);box-shadow:-18px 0 48px #0f172a2e}.cf-nav-mobile-overlay[data-open=true] .cf-nav-mobile-drawer{transform:translate(0)}.cf-nav-mobile-drawer-header{border-bottom:1px solid #0f172a1a;justify-content:space-between;align-items:center;min-height:48px;display:flex}.cf-nav-mobile-drawer-title{font-size:1rem;font-weight:700}.cf-nav-mobile-close{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0f172a1f;border-radius:10px;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:inline-flex}.cf-nav-mobile-close:hover,.cf-nav-mobile-close:focus-visible{border-color:var(--cf-nav-hover-color,#111827);background:#0f172a0d}.cf-nav-mobile-drawer-nav{flex-direction:column;flex:1;gap:2px;padding-top:1rem;display:flex}.cf-nav-mobile-link,.cf-nav-mobile-child-link{width:100%;color:var(--cf-nav-color,#374151);font:inherit;letter-spacing:0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;padding:10px;text-decoration:none;display:flex}.cf-nav-mobile-link:hover,.cf-nav-mobile-child-link:hover{color:var(--cf-nav-hover-color,#111827);background:#1118270f}.cf-nav-mobile-children{flex-direction:column;padding-left:12px;display:flex}.cf-nav-mobile-child-link{color:var(--cf-nav-dropdown-color,#374151);font-size:var(--cf-nav-mobile-child-font-size,13px)}@media (prefers-reduced-motion:reduce){.cf-nav-mobile-overlay,.cf-nav-mobile-drawer{transition:none}}.cf-board-infinite-scroll-status{color:#6b7280;justify-content:center;align-items:center;min-height:48px;font-size:13px;display:flex}.cf-board-infinite-scroll-status button{color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}@media (width>=768px){.cf-logo-image,.cf-logo-mark{width:var(--cf-logo-width,120px)}.cf-logo-text{font-size:var(--cf-logo-font-size,24px)}}.cf-slider-hero-height{height:var(--cf-slider-mobile-height,440px)}.cf-slider-card-media{height:var(--cf-slider-card-mobile-height,auto)}.cf-rich-text,.cf-rich-text-editor .jodit-wysiwyg{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;overflow-x:auto}.cf-product-rich-text,.cf-product-rich-text-editor .jodit-wysiwyg{color:#1f2937;font-size:15px;line-height:1.7}.cf-rich-text :where(table),.cf-rich-text-editor .jodit-wysiwyg :where(table){table-layout:auto;border-collapse:collapse!important;max-width:100%!important}.cf-rich-text :where(table:not([width]):not([style*=width])),.cf-rich-text-editor .jodit-wysiwyg :where(table:not([width]):not([style*=width])){width:100%}.cf-rich-text :where(th,td),.cf-rich-text-editor .jodit-wysiwyg :where(th,td){vertical-align:top;overflow-wrap:anywhere;word-break:normal;border:1px solid #d1d5db;min-width:0;padding:10px 12px}.cf-rich-text :where(th),.cf-rich-text-editor .jodit-wysiwyg :where(th){background:#f9fafb;font-weight:600}.cf-rich-text :where(caption),.cf-rich-text-editor .jodit-wysiwyg :where(caption){color:#4b5563;text-align:left;padding-bottom:8px;font-size:.875em}.cf-rich-text :where(img,video),.cf-rich-text-editor .jodit-wysiwyg :where(img,video){max-width:100%;height:auto}.cf-rich-text :where(iframe),.cf-rich-text-editor .jodit-wysiwyg :where(iframe){border:0;max-width:100%}.cf-product-description :where(img){border-radius:.5rem;margin-inline:auto;display:block;max-width:min(100%, var(--cf-product-description-image-max-width,1200px))!important;height:auto!important}.cf-product-description :where(img[width="100%"],img[style*="width: 100%"],img[style*="width:100%"]){width:auto!important}.cf-rich-text :where(ul),.cf-rich-text-editor .jodit-wysiwyg :where(ul){margin-block:.75em;padding-inline-start:1.5em;list-style-type:disc;list-style-position:outside}.cf-rich-text :where(ol),.cf-rich-text-editor .jodit-wysiwyg :where(ol){margin-block:.75em;padding-inline-start:1.5em;list-style-type:decimal;list-style-position:outside}.cf-rich-text :where(ul>li),.cf-rich-text-editor .jodit-wysiwyg :where(ul>li),.cf-rich-text :where(ol>li),.cf-rich-text-editor .jodit-wysiwyg :where(ol>li){list-style-type:inherit;list-style-position:inherit;display:list-item}.cf-rich-text :where(li)::marker{color:currentColor}.cf-rich-text-editor .jodit-wysiwyg :where(li)::marker{color:currentColor}.cf-rich-text :where(ul ul),.cf-rich-text-editor .jodit-wysiwyg :where(ul ul){list-style-type:circle}.cf-rich-text :where(ul ul ul),.cf-rich-text-editor .jodit-wysiwyg :where(ul ul ul){list-style-type:square}.cf-rich-text :where(ol ol),.cf-rich-text-editor .jodit-wysiwyg :where(ol ol){list-style-type:lower-alpha}.cf-rich-text :where(ol ol ol),.cf-rich-text-editor .jodit-wysiwyg :where(ol ol ol){list-style-type:lower-roman}.cf-rich-text :where(li+li),.cf-rich-text-editor .jodit-wysiwyg :where(li+li){margin-top:.25em}.cf-rich-text :where(li>ul,li>ol),.cf-rich-text-editor .jodit-wysiwyg :where(li>ul,li>ol){margin-block:.25em}.cf-rich-text :where(p,blockquote,pre),.cf-rich-text-editor .jodit-wysiwyg :where(p,blockquote,pre){margin-block:.75em}.cf-rich-text :where(h1,h2,h3,h4,h5,h6),.cf-rich-text-editor .jodit-wysiwyg :where(h1,h2,h3,h4,h5,h6){margin-block:1em .5em;font-weight:700;line-height:1.3}.cf-rich-text :where(h1),.cf-rich-text-editor .jodit-wysiwyg :where(h1){font-size:2em}.cf-rich-text :where(h2),.cf-rich-text-editor .jodit-wysiwyg :where(h2){font-size:1.5em}.cf-rich-text :where(h3),.cf-rich-text-editor .jodit-wysiwyg :where(h3){font-size:1.25em}.cf-rich-text :where(h4),.cf-rich-text-editor .jodit-wysiwyg :where(h4){font-size:1.125em}.cf-rich-text :where(h5),.cf-rich-text-editor .jodit-wysiwyg :where(h5){font-size:1em}.cf-rich-text :where(h6),.cf-rich-text-editor .jodit-wysiwyg :where(h6){font-size:.875em}.cf-rich-text :where(blockquote),.cf-rich-text-editor .jodit-wysiwyg :where(blockquote){color:#4b5563;border-inline-start:3px solid #d1d5db;padding-inline-start:1em}.cf-rich-text :where(a),.cf-rich-text-editor .jodit-wysiwyg :where(a){color:#2563eb;text-underline-offset:2px;text-decoration:underline}.cf-rich-text :where(pre),.cf-rich-text-editor .jodit-wysiwyg :where(pre){white-space:pre-wrap;background:#f3f4f6;border-radius:.5rem;padding:.875em 1em;overflow-x:auto}.cf-rich-text :where(code),.cf-rich-text-editor .jodit-wysiwyg :where(code){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.cf-rich-text :where(hr),.cf-rich-text-editor .jodit-wysiwyg :where(hr){border:0;border-top:1px solid #d1d5db;margin-block:1.25em}.cf-rich-text>:where(:first-child),.cf-rich-text-editor .jodit-wysiwyg>:where(:first-child){margin-top:0}.cf-rich-text>:where(:last-child),.cf-rich-text-editor .jodit-wysiwyg>:where(:last-child){margin-bottom:0}@media (width>=768px){.cf-slider-hero-height{height:var(--cf-slider-desktop-height,600px)}.cf-slider-card-media{height:var(--cf-slider-card-desktop-height,var(--cf-slider-card-mobile-height,auto))}}@keyframes cf-navigation-progress{0%{transform:translate(-110%)}55%{transform:translate(115%)}to{transform:translate(280%)}}.cf-navigation-input-blocker{z-index:10040;cursor:progress;background:0 0;position:fixed;inset:0}.cf-navigation-progress{z-index:10050;pointer-events:none;background:#dbeafeb8;height:3px;position:fixed;inset:0 0 auto;overflow:hidden}.cf-navigation-progress>span{background:#2563eb;border-radius:999px;width:38%;height:100%;animation:1.15s ease-in-out infinite cf-navigation-progress;display:block;box-shadow:0 0 8px #2563eb73}[data-submit-pending=true] button[type=submit],[data-submit-pending=true] input[type=submit],[data-submit-pending=true] input[type=image],[data-action-pending=true]{cursor:wait!important;pointer-events:none!important}@media (prefers-reduced-motion:reduce){.cf-navigation-progress>span{width:100%;animation:none}}.shop-template-heading-color-controlled :where(h1,h2,h3,h4,h5,h6){color:var(--shop-template-heading-color)!important}.shop-template-heading-font-family-controlled :where(h1,h2,h3,h4,h5,h6){font-family:var(--shop-template-heading-font-family)!important}.shop-template-heading-font-size-controlled :where(h1,h2,h3,h4,h5,h6){font-size:var(--shop-template-heading-font-size-mobile)!important}.shop-template-body-color-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){color:var(--shop-template-body-color)!important}.shop-template-body-font-family-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){font-family:var(--shop-template-body-font-family)!important}.shop-template-body-font-size-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){font-size:var(--shop-template-body-font-size-mobile)!important}.shop-template-action-color-controlled :where(button,button *,a,a *){color:var(--shop-template-action-color)!important}.shop-template-action-font-family-controlled :where(button,button *,a,a *){font-family:var(--shop-template-action-font-family)!important}.shop-template-action-font-size-controlled :where(button,button *,a,a *){font-size:var(--shop-template-action-font-size-mobile)!important}@media (width>=768px){.shop-template-heading-font-size-controlled :where(h1,h2,h3,h4,h5,h6){font-size:var(--shop-template-heading-font-size-desktop)!important}.shop-template-body-font-size-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){font-size:var(--shop-template-body-font-size-desktop)!important}.shop-template-action-font-size-controlled :where(button,button *,a,a *){font-size:var(--shop-template-action-font-size-desktop)!important}}@keyframes cf-shop-skeleton-shimmer{to{transform:translate(100%)}}.cf-shop-skeleton{--shop-skeleton-density-scale:1;margin:var(--shop-skeleton-margin-desktop);padding:var(--shop-skeleton-padding-desktop);border:1px solid var(--shop-skeleton-border);border-radius:var(--shop-skeleton-radius);background:var(--shop-skeleton-background);overflow:hidden}.cf-shop-skeleton>[aria-hidden=true],.cf-shop-skeleton-lines,.cf-shop-skeleton-product-info,.cf-shop-skeleton-rows,.cf-shop-skeleton-form{gap:var(--shop-skeleton-gap);display:grid}.cf-shop-skeleton-block{border-radius:var(--shop-skeleton-radius);background:var(--shop-skeleton-block);position:relative;overflow:hidden}.cf-shop-skeleton--pulse .cf-shop-skeleton-block{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cf-shop-skeleton--shimmer .cf-shop-skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#ffffff7a,#0000);animation:1.5s ease-in-out infinite cf-shop-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.cf-shop-skeleton-heading{width:min(40%,240px);height:28px}.cf-shop-skeleton-toolbar{justify-content:space-between;gap:var(--shop-skeleton-gap);border-block:1px solid var(--shop-skeleton-border);padding-block:12px;display:flex}.cf-shop-skeleton-toolbar>*{width:25%;height:36px}.cf-shop-skeleton-card{border:1px solid var(--shop-skeleton-border);border-radius:var(--shop-skeleton-radius);background:var(--shop-skeleton-background);overflow:hidden}.cf-shop-skeleton-card-body{padding:calc(var(--shop-skeleton-gap) * var(--shop-skeleton-density-scale))}.cf-shop-skeleton-line{height:14px}.cf-shop-skeleton-line--short{width:58%}.cf-shop-skeleton-detail,.cf-shop-skeleton-split{gap:var(--shop-skeleton-gap);grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);display:grid}.cf-shop-skeleton-product-image{aspect-ratio:1}.cf-shop-skeleton-action{height:48px}.cf-shop-skeleton-tabs{gap:var(--shop-skeleton-gap);border-bottom:1px solid var(--shop-skeleton-border);padding-bottom:12px;display:flex}.cf-shop-skeleton-tabs>*{width:96px;height:18px}.cf-shop-skeleton-row{border:1px solid var(--shop-skeleton-border);height:96px}.cf-shop-skeleton-summary{border:1px solid var(--shop-skeleton-border);min-height:220px}.cf-shop-skeleton-field{border:1px solid var(--shop-skeleton-border);height:52px}.cf-shop-skeleton--compact{--shop-skeleton-density-scale:.8}.cf-shop-skeleton--spacious{--shop-skeleton-density-scale:1.2}.cf-shop-skeleton--compact .cf-shop-skeleton-row{height:76px}.cf-shop-skeleton--spacious .cf-shop-skeleton-row{height:116px}.cf-shop-skeleton--compact .cf-shop-skeleton-line{height:11px}.cf-shop-skeleton--spacious .cf-shop-skeleton-line{height:17px}.cf-shop-skeleton--mobile{margin:var(--shop-skeleton-margin-mobile);padding:var(--shop-skeleton-padding-mobile)}.cf-shop-skeleton--mobile .cf-shop-skeleton-detail,.cf-shop-skeleton--mobile .cf-shop-skeleton-split{grid-template-columns:1fr}.cf-shop-product-rail{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;min-width:0;display:flex;overflow-x:auto}.cf-shop-product-rail::-webkit-scrollbar{display:none}.cf-shop-product-rail__item{flex:0 0 calc((100% - (var(--cf-shop-product-mobile-columns,1) - 1) * var(--cf-shop-product-gap,0px)) / var(--cf-shop-product-mobile-columns,1));scroll-snap-align:start;min-width:0}.cms-product-list-heading{margin-bottom:1.5rem}.cms-product-list-heading h2{color:#111827;letter-spacing:-.025em;margin:0;line-height:1.25}.cms-shop-card-copy.cms-product-list-card-copy{padding:var(--cf-shop-card-padding-top-desktop,16px) var(--cf-shop-card-padding-right-desktop,16px) var(--cf-shop-card-padding-bottom-desktop,16px) var(--cf-shop-card-padding-left-desktop,16px);display:block}@media (width<=767px){.cms-shop-card-copy.cms-product-list-card-copy{padding:var(--cf-shop-card-padding-top-mobile,var(--cf-shop-card-padding-top-desktop,16px)) var(--cf-shop-card-padding-right-mobile,var(--cf-shop-card-padding-right-desktop,16px)) var(--cf-shop-card-padding-bottom-mobile,var(--cf-shop-card-padding-bottom-desktop,16px)) var(--cf-shop-card-padding-left-mobile,var(--cf-shop-card-padding-left-desktop,16px))}}@media (width<=639px){.cms-shop-product-pagination__label,.cms-shop-product-pagination__ellipsis,.cms-shop-product-pagination__page.is-compact-hidden{display:none}}.cms-shop-product-pagination__control:focus-visible,.cms-shop-product-pagination__page:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.cms-shop-production{--cf-shop-production-control-radius:.5rem;--cf-shop-production-field-gap:.5rem;--cf-shop-production-design-choice-columns:1;gap:var(--cf-shop-production-field-gap,.85rem);background:#f8fbff;border:1px solid #dbe4f0;border-radius:.75rem;min-inline-size:0;margin:1.25rem 0 0;padding:1rem;display:grid}.cms-shop-production legend{padding:0 .45rem;font-weight:800}.cms-shop-production-help{color:#526173;margin:-.25rem 0 .1rem;font-size:.9rem;line-height:1.5}.cms-shop-production-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cms-shop-production-steps li{background:#fff;border:1px solid #dbe4f0;border-radius:.5rem;gap:.15rem;padding:.65rem .7rem;display:grid}.cms-shop-production-steps strong{color:#173b67;font-size:.82rem}.cms-shop-production-steps span,.cms-shop-production-field-help,.cms-shop-production-file-help{color:#526173;font-size:.8rem;line-height:1.5}.cms-shop-production-field-help{margin:-.25rem 0 0}.cms-shop-production-dimensions,.cms-shop-production-delivery{gap:var(--cf-shop-production-field-gap,.7rem);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cms-shop-production-delivery-memo{grid-column:1/-1}.cms-shop-production .cms-shop-field{gap:var(--cf-shop-production-field-gap,.35rem);min-width:0;display:grid}.cms-shop-production .cms-shop-field>span{font-weight:700}.cms-shop-production .cms-shop-field input,.cms-shop-production .cms-shop-field select,.cms-shop-production .cms-shop-field textarea{box-sizing:border-box;border-radius:var(--cf-shop-production-control-radius,.35rem);width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d1d5db;padding:.7rem}.cms-shop-production .cms-shop-field-checkbox{grid-template-columns:1.1rem minmax(0,1fr);align-items:center;gap:.25rem .55rem;display:grid}.cms-shop-production .cms-shop-field-checkbox>input[type=checkbox]{box-sizing:border-box;accent-color:#111827;grid-area:1/1;width:1.1rem;height:1.1rem;min-height:1.1rem;margin:0;padding:0}.cms-shop-production .cms-shop-field-checkbox>span{grid-area:1/2}.cms-shop-production .cms-shop-field-checkbox>small{grid-column:2}.cms-shop-production .cms-shop-field-multi-select{min-width:0}.cms-shop-production-choice-list{gap:.5rem;display:grid}.cms-shop-production-choice-list>label{cursor:pointer;align-items:center;gap:.55rem;min-height:1.75rem;font-weight:400;display:flex}.cms-shop-production-choice-list>label>input[type=checkbox]{box-sizing:border-box;accent-color:#111827;flex:0 0 1rem;width:1rem;height:1rem;min-height:1rem;margin:0;padding:0}.cms-shop-production-size-help{color:#315b88;background:#eef6ff;border-radius:.5rem;margin:0;padding:.65rem .8rem;font-size:.82rem;line-height:1.55}.cms-shop-production-option-group{gap:var(--cf-shop-production-field-gap,.65rem);border:0;margin:0;padding:0;display:grid}.cms-shop-production-choice-group{gap:var(--cf-shop-production-field-gap,.55rem) var(--cf-shop-production-field-gap,.9rem);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.cms-shop-production-choice-group legend{margin-bottom:.35rem;padding:0;font-weight:700}.cms-shop-production-choice-group label{border-radius:var(--cf-shop-production-control-radius,.45rem);background:#fff;border:1px solid #dbe4f0;align-items:center;gap:.35rem;padding:.5rem .65rem;display:inline-flex}.cms-shop-production-design-field,.cms-shop-production-design-level{gap:var(--cf-shop-production-field-gap,.5rem);min-inline-size:0;border:0;grid-template-columns:minmax(7rem,8rem) minmax(0,1fr);align-items:center;min-width:0;margin:0;padding:0;display:grid}.cms-shop-production-design-field>legend,.cms-shop-production-design-level>span{grid-area:1/1;align-self:stretch;align-items:center;margin:0;padding:0;font-weight:700;display:flex}.cms-shop-production-design-options{grid-template-columns:repeat(var(--cf-shop-production-design-choice-columns,1), minmax(0, 1fr));gap:var(--cf-shop-production-field-gap,.5rem);grid-area:1/2;min-width:0;display:grid}.cms-shop-production-design-choice{align-items:start;gap:var(--cf-shop-production-field-gap,.5rem);border-radius:var(--cf-shop-production-control-radius,.45rem);background:#fff;border:1px solid #dbe4f0;grid-template-columns:.9rem minmax(0,1fr);min-width:0;min-height:0;padding:.5rem .6rem;display:grid}.cms-shop-production-design-choice:has(input:checked){background:#eff6ff;border-color:#2563eb}.cms-shop-production-design-choice:has(input:focus-visible){outline-offset:1px;outline:2px solid #93c5fd}.cms-shop-production-design-choice input{appearance:none;box-sizing:border-box;accent-color:#2563eb;background:#fff;border:1px solid #94a3b8;border-radius:50%;width:.9rem;height:.9rem;margin:.15rem 0 0}.cms-shop-production-design-choice input:checked{border:.25rem solid #2563eb}.cms-shop-production-design-choice input:focus-visible{outline-offset:1px;outline:2px solid #93c5fd}.cms-shop-production-design-choice>span{gap:.2rem;min-width:0;display:grid}.cms-shop-production-design-choice small,.cms-shop-production small{color:#64748b;font-size:.78rem;line-height:1.4}.cms-shop-production input[type=file]{background:#fff;padding:.55rem}.cms-shop-production-upload-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cms-shop-production-file-help{margin:0;display:block}.cms-shop-production-quote{color:#0d4da1;background:#e8f1ff;border:1px solid #dbe4f0;border-radius:.5rem;gap:.3rem;margin:0;padding:.85rem;line-height:1.55;display:grid}.cms-shop-production-quote-message{color:#526173;margin:0;font-size:.86rem;font-weight:500}.cms-shop-production-breakdown{border-bottom:1px solid #dbe8f8;gap:.4rem;padding-bottom:.7rem;display:grid}.cms-shop-production-totals{gap:.45rem;margin:0;display:grid}.cms-shop-production-totals>div,.cms-shop-production-breakdown>div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cms-shop-production-totals dd,.cms-shop-production-breakdown dd{font-variant-numeric:tabular-nums;margin:0}.cms-shop-production-total{border-top:1px solid #cbdcf5;padding-top:.65rem;font-weight:800}.cms-shop-production-unavailable{color:#7c4a03;background:#fffaf0;border-color:#f1d39a}.cms-shop-production-unavailable h2,.cms-shop-production-unavailable p{margin:0}.cms-shop-production-unavailable p{color:#8a5a12;line-height:1.6}.cms-shop-template-cart,.cms-shop-template-checkout,.cms-shop-template-order-received{gap:1.25rem;width:100%;max-width:none;margin:0 auto;padding:.75rem 10px 4rem;display:grid}.cms-shop-template-cart>.cms-block,.cms-shop-template-checkout>.cms-block,.cms-shop-template-order-received>.cms-block{width:100%;min-width:0;max-width:1260px;margin:0 auto}.cms-shop-template-cart .cms-runtime-grid-column,.cms-shop-template-checkout .cms-runtime-grid-column,.cms-shop-template-order-received .cms-runtime-grid-column{align-content:start;gap:1.25rem;display:grid}.cms-shop-template-cart-empty,.cms-shop-template-checkout-state{text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:.75rem;justify-items:center;gap:.75rem;min-width:0;padding:4rem 1rem;display:grid}.cms-shop-template-cart-empty h1,.cms-shop-template-cart-empty p,.cms-shop-template-checkout-state h1,.cms-shop-template-checkout-state p{margin:0}.cms-shop-template-cart-empty p,.cms-shop-template-checkout-state p{color:#6b7280;line-height:1.6}.cms-shop-template-cart-items{gap:.75rem;min-width:0;display:grid}.cms-shop-template-cart-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cms-shop-template-cart-heading h1,.cms-shop-template-cart-heading p{margin:0}.cms-shop-template-cart-heading p{color:#6b7280;margin-top:.35rem}.cms-shop-template-cart-list{gap:.75rem;min-width:0;display:grid}.cms-shop-template-cart-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;grid-template-columns:1.25rem 104px minmax(0,1fr);gap:.75rem;min-width:0;padding:1rem;display:grid}.cms-shop-template-cart-item>a,.cms-shop-template-cart-item>div{min-width:0}.cms-shop-template-cart-item img{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:104px;height:104px;display:block}.cms-shop-template-cart-item>.cms-shop-card-placeholder{border-radius:.5rem;width:104px;height:104px;min-height:0}.cms-shop-template-cart-copy{gap:.6rem;min-width:0;display:grid}.cms-shop-template-cart-top{justify-content:space-between;gap:1rem;min-width:0;display:flex}.cms-shop-template-cart-top h2{overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.35}.cms-shop-template-cart-top h2 a{color:inherit;text-decoration:none}.cms-shop-template-cart-top p,.cms-shop-template-cart-top small{color:#6b7280;overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.85rem;display:block}.cms-shop-template-cart-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cms-shop-template-cart-actions form{align-items:center;gap:.5rem;display:flex}.cms-shop-template-cart-actions input{box-sizing:border-box;width:76px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:.35rem;padding:.6rem}.cms-shop-template-cart-summary,.cms-shop-template-checkout-summary,.cms-shop-template-checkout-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;gap:1rem;min-width:0;padding:1.25rem;display:grid}.cms-shop-template-cart-summary h2,.cms-shop-template-checkout-summary h2,.cms-shop-template-checkout-panel h2{margin:0;font-size:1.1rem}.cms-shop-template-cart-summary dl,.cms-shop-template-checkout-summary dl{gap:.75rem;margin:0;display:grid}.cms-shop-template-cart-summary dl>div,.cms-shop-template-checkout-summary dl>div{justify-content:space-between;gap:1rem;display:flex}.cms-shop-template-cart-summary dt,.cms-shop-template-checkout-summary dt{color:#6b7280}.cms-shop-template-cart-summary dd,.cms-shop-template-checkout-summary dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.cms-shop-template-checkout>form{width:100%;max-width:1260px;margin:0 auto}.cms-shop-template-checkout-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.cms-shop-template-checkout-field{gap:.35rem;min-width:0;display:grid}.cms-shop-template-checkout-field-full{grid-column:1/-1}.cms-shop-template-checkout-field input,.cms-shop-template-checkout-field select,.cms-shop-template-checkout-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:3rem;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:0 .75rem}.cms-shop-template-checkout-field textarea{resize:vertical;min-height:7.5rem;padding:.75rem}.cms-shop-template-checkout-field>span,.cms-shop-template-checkout-field>legend{color:#374151;font-size:.9rem;font-weight:700}.cms-shop-template-checkout-field input:focus-visible,.cms-shop-template-checkout-field select:focus-visible,.cms-shop-template-checkout-field textarea:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #dbeafe}.cms-shop-template-checkout .cms-shop-checkout-field{gap:.35rem;min-width:0;display:grid}.cms-shop-template-checkout .cms-shop-checkout-field>span,.cms-shop-template-checkout .cms-shop-checkout-field>legend{color:#374151;font-size:.9rem;font-weight:700}.cms-shop-template-checkout .cms-shop-checkout-field input,.cms-shop-template-checkout .cms-shop-checkout-field select,.cms-shop-template-checkout .cms-shop-checkout-field textarea{box-sizing:border-box;color:#111827;width:100%;min-width:0;min-height:3rem;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:0 .75rem;transition:border-color .15s,box-shadow .15s}.cms-shop-template-checkout .cms-shop-checkout-field textarea{resize:vertical;min-height:7.5rem;padding:.75rem}.cms-shop-template-checkout .cms-shop-checkout-field input:focus-visible,.cms-shop-template-checkout .cms-shop-checkout-field select:focus-visible,.cms-shop-template-checkout .cms-shop-checkout-field textarea:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #dbeafe}.cms-shop-template-checkout .cms-shop-checkout-field>small,.cms-shop-template-checkout .cms-shop-checkout-checkbox small{color:#64748b;font-size:.8rem;line-height:1.5}.cms-shop-template-checkout .cms-shop-checkout-checkbox{color:#374151;align-items:flex-start;gap:.75rem;min-width:0;line-height:1.5;display:flex}.cms-shop-template-checkout .cms-shop-checkout-checkbox>input{accent-color:#2563eb;width:1rem;min-width:1rem;height:1rem;margin:.2rem 0 0}.cms-shop-template-checkout .cms-shop-payment-methods{gap:.6rem;display:grid}.cms-shop-template-checkout .cms-shop-payment-method{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.6rem;align-items:flex-start;gap:.75rem;padding:.85rem;transition:border-color .15s,background .15s;display:flex}.cms-shop-template-checkout .cms-shop-payment-method:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.cms-shop-template-checkout .cms-shop-payment-method span{gap:.25rem;min-width:0;display:grid}.cms-shop-template-checkout .cms-shop-order-lines{gap:.75rem;display:grid}.cms-shop-template-checkout .cms-shop-order-lines>div{border-bottom:1px solid #f3f4f6;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;padding-bottom:.75rem;display:grid}.cms-shop-template-checkout .cms-shop-order-lines>div:last-child{border-bottom:0;padding-bottom:0}.cms-shop-template-checkout .cms-shop-order-line-quantity{color:#6b7280;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.25rem;font-size:.85rem;display:flex}.cms-shop-template-checkout .cms-shop-order-line-stepper{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;display:inline-flex;overflow:hidden}.cms-shop-template-checkout .cms-shop-order-line-stepper button{color:#374151;width:2rem;height:2rem;font:inherit;cursor:pointer;background:#fff;border:0;place-items:center;display:grid}.cms-shop-template-checkout .cms-shop-order-line-stepper button:hover{background:#f8fafc}.cms-shop-template-checkout .cms-shop-order-line-stepper button:disabled{cursor:not-allowed;opacity:.4}.cms-shop-template-checkout .cms-shop-order-line-stepper input{box-sizing:border-box;text-align:center;width:3.5rem;height:2rem;font:inherit;border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;font-size:.85rem;font-weight:700}.cms-shop-template-benefit{background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;gap:.75rem;min-width:0;padding:1rem 1.25rem;display:grid}.cms-shop-template-benefit h2{color:#111827;margin:0;font-size:1rem}.cms-shop-template-benefit form,.cms-shop-template-benefit-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.cms-shop-template-benefit input{box-sizing:border-box;color:#111827;min-width:0;height:2.75rem;font:inherit;background:#fff;border:1px solid #94a3b8;border-radius:.5rem;flex:12rem;padding:0 .75rem;transition:border-color .15s,box-shadow .15s}.cms-shop-template-benefit input::placeholder{color:#64748b}.cms-shop-template-benefit input:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #dbeafe}.cms-shop-template-benefit form .cms-button,.cms-shop-template-benefit-row .cms-button{flex:none;justify-content:center;align-items:center;min-width:4.5rem;min-height:2.75rem}.cms-shop-template-benefit>p{color:#1e40af;overflow-wrap:anywhere;background:#eff6ff;border-radius:.5rem;margin:0;padding:.65rem .75rem;font-size:.85rem;line-height:1.5}.cms-shop-template-terms{color:#374151;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;align-items:flex-start;gap:.75rem;width:100%;min-width:0;margin:0;padding:.9rem 1rem;font-size:.9rem;font-weight:700;line-height:1.5;display:flex}.cms-shop-template-terms input{accent-color:#2563eb;width:1rem;min-width:1rem;height:1rem;margin:.2rem 0 0}.cms-shop-template-cart .cms-button,.cms-shop-template-checkout .cms-button,.cms-shop-template-order-received .cms-button{border-radius:.5rem}.cms-shop-template-cart .cms-shop-wide-button,.cms-shop-template-checkout .cms-shop-wide-button,.cms-shop-template-order-received .cms-shop-wide-button{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:3rem;display:flex}.cms-shop-template-order-result{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-items:center;gap:1.25rem;min-width:0;padding:2.5rem 2rem;display:grid}.cms-shop-template-order-result h1{margin:0;line-height:1.3}.cms-shop-template-order-result .cms-shop-order-check{color:#059669;background:#ecfdf5;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;margin:0;font-size:2rem;font-weight:800;display:grid}.cms-shop-template-order-result dl{text-align:left;background:#f8fafc;border-radius:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(100%,32rem);margin:0;padding:1rem;display:grid}.cms-shop-template-order-result dt,.cms-shop-template-order-panel dt{color:#64748b;font-size:.85rem;font-weight:700}.cms-shop-template-order-result dd,.cms-shop-template-order-panel dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-weight:800}.cms-shop-template-order-result .cms-button{width:min(100%,28rem)}.cms-shop-template-order-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;gap:1rem;min-width:0;padding:1.25rem;display:grid}.cms-shop-template-order-panel h2{margin:0;font-size:1.1rem}.cms-shop-template-order-panel dl{gap:.75rem;margin:0;display:grid}.cms-shop-template-order-panel dl>div{justify-content:space-between;gap:1rem;min-width:0;display:flex}.cms-shop-template-order-panel .cms-shop-order-line{border-bottom:1px solid #f3f4f6;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;padding-bottom:.75rem;display:grid}.cms-shop-template-order-panel .cms-shop-order-line:last-child{border-bottom:0;padding-bottom:0}.cms-shop-template-order-panel .cms-shop-order-line small{color:#64748b;grid-column:1/-1}@media (width<=700px){.cms-shop-template-cart,.cms-shop-template-checkout,.cms-shop-template-order-received{padding:1.5rem 0 3rem}.cms-shop-template-cart .cms-runtime-grid,.cms-shop-template-checkout .cms-runtime-grid{grid-template-columns:minmax(0,1fr)!important}.cms-shop-template-cart .cms-runtime-grid-column,.cms-shop-template-checkout .cms-runtime-grid-column,.cms-shop-template-order-received .cms-runtime-grid-column{gap:1rem}.cms-shop-template-cart-heading{display:grid}.cms-shop-template-cart-item{grid-template-columns:1.25rem 72px minmax(0,1fr);gap:.75rem}.cms-shop-template-cart-item img,.cms-shop-template-cart-item>.cms-shop-card-placeholder{width:72px;height:72px}.cms-shop-template-cart-top{gap:.5rem;display:grid}.cms-shop-template-checkout-fields{grid-template-columns:1fr}.cms-shop-template-checkout-field-full{grid-column:auto}.cms-shop-template-benefit form,.cms-shop-template-benefit-row{grid-template-columns:minmax(0,1fr);display:grid}.cms-shop-template-benefit input,.cms-shop-template-benefit form .cms-button,.cms-shop-template-benefit-row .cms-button{flex-basis:auto;width:100%}.cms-shop-template-order-result{padding:2rem 1rem}.cms-shop-template-order-result dl{grid-template-columns:1fr}}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-field,.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-level{grid-template-columns:minmax(7rem,8rem) minmax(0,1fr)!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-field>legend,.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-level>span{grid-area:1/1!important;align-self:stretch!important;align-items:center!important;display:flex!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-options{grid-template-columns:repeat(var(--cf-shop-production-design-choice-columns,1), minmax(0, 1fr))!important;gap:var(--cf-shop-production-field-gap,.5rem)!important;grid-area:1/2!important;min-width:0!important;display:grid!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-choice{border-radius:var(--cf-shop-production-control-radius,.45rem)!important;grid-template-columns:.9rem minmax(0,1fr)!important;align-items:start!important;min-height:0!important;padding:.5rem .6rem!important;display:grid!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-choice input{appearance:none!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #94a3b8!important;border-radius:50%!important;width:.9rem!important;height:.9rem!important;margin:.15rem 0 0!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-choice input:checked{border:.25rem solid #2563eb!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-delivery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-delivery-memo{grid-column:1/-1!important}@media (width<=900px){.cms-shop-production-dimensions,.cms-shop-production-delivery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.cms-shop-production-dimensions,.cms-shop-production-delivery{grid-template-columns:1fr}.cms-shop-production-delivery-memo{grid-column:auto}.cms-shop-production-design-field,.cms-shop-production-design-level{grid-template-columns:1fr}.cms-shop-production-design-field>legend,.cms-shop-production-design-level>span{grid-area:auto/1;align-self:start;display:block}.cms-shop-production-design-options{grid-area:auto/1}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-field,.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-level{grid-template-columns:1fr!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-field>legend,.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-level>span{grid-area:auto/1!important;align-self:start!important;display:block!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-options{grid-area:auto/1!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-delivery{grid-template-columns:1fr!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-delivery-memo{grid-column:auto!important}.cms-shop-production-design-options{grid-template-columns:1fr!important}.cms-shop-production-choice-group{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width>=768px){.cf-shop-product-rail__item{flex-basis:calc((100% - (var(--cf-shop-product-columns,4) - 1) * var(--cf-shop-product-gap,0px)) / var(--cf-shop-product-columns,4))}}@media (width<=639px){.cf-shop-skeleton--responsive{margin:var(--shop-skeleton-margin-mobile);padding:var(--shop-skeleton-padding-mobile)}.cf-shop-skeleton--responsive .cf-shop-skeleton-detail,.cf-shop-skeleton--responsive .cf-shop-skeleton-split{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cf-shop-skeleton .cf-shop-skeleton-block,.cf-shop-skeleton .cf-shop-skeleton-block:after{animation:none!important}}.image-overlay-card{min-height:var(--image-overlay-height-desktop,360px)}.reusable-card-grid-image{height:var(--card-image-height-desktop,220px)}.responsive-map-frame{height:var(--map-height-desktop,420px)}@media (width<=767px){.image-overlay-card{min-height:var(--image-overlay-height-mobile,var(--image-overlay-height-desktop,360px))}.reusable-card-grid-image{height:var(--card-image-height-mobile,var(--card-image-height-desktop,220px))}.responsive-map-frame{height:var(--map-height-mobile,var(--map-height-desktop,420px))}}.cf-member-account-menu{color:#0f172a;max-width:100%;font-size:.75rem;line-height:1.4;display:inline-block;position:relative}.cf-member-account-menu>summary{list-style:none}.cf-member-account-menu>summary::-webkit-details-marker{display:none}.cf-member-account-menu-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;align-items:center;gap:.35rem;min-height:2rem;padding:.25rem .35rem;display:inline-flex}.cf-member-account-menu-trigger:hover,.cf-member-account-menu-trigger:focus-visible{background:#f8fafc;outline:none}.cf-member-account-menu-trigger-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-weight:500;overflow:hidden}.cf-member-account-menu-avatar,.cf-member-account-menu-profile-avatar{color:#334155;background:#e2e8f0;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.cf-member-account-menu-avatar img,.cf-member-account-menu-profile-avatar img{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cf-member-account-menu-avatar{width:1.5rem;height:1.5rem;font-size:.65rem}.cf-member-account-menu-trigger-icon{color:#475569;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.cf-member-account-menu-trigger-icon svg,.cf-member-account-menu-chevron svg{width:.9rem;height:.9rem}.cf-member-account-menu-chevron{transition:transform .18s;display:inline-flex}.cf-member-account-menu[open] .cf-member-account-menu-chevron{transform:rotate(180deg)}.cf-member-account-menu-panel{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;gap:0;width:min(21.5rem,100vw - 2rem);font-size:.875rem;line-height:1.5;display:grid;position:absolute;top:100%;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.cf-member-account-menu[data-open-mode=hover-focus]:not([open]):hover>.cf-member-account-menu-panel,.cf-member-account-menu[data-open-mode=hover-focus]:not([open]):focus-within>.cf-member-account-menu-panel{display:grid}.cf-member-account-menu[data-panel-align=left] .cf-member-account-menu-panel{left:0}.cf-member-account-menu[data-panel-align=center] .cf-member-account-menu-panel{left:50%;transform:translate(-50%)}.cf-member-account-menu[data-panel-align=right] .cf-member-account-menu-panel{right:0}.cf-member-account-menu[data-panel-width=compact] .cf-member-account-menu-panel{width:min(18rem,100vw - 2rem)}.cf-member-account-menu[data-panel-width=wide] .cf-member-account-menu-panel{width:min(28rem,100vw - 2rem)}.cf-member-account-menu-profile{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}.cf-member-account-menu-profile-avatar{color:#475569;background:#f1f5f9;width:2.9rem;height:2.9rem;font-size:1rem}.cf-member-account-menu-profile-copy{gap:.15rem;min-width:0;display:grid}.cf-member-account-menu-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.cf-member-account-menu-profile-copy small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-member-account-menu-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.85rem;display:grid}.cf-member-account-menu[data-action-layout=list] .cf-member-account-menu-actions{grid-template-columns:1fr}.cf-member-account-menu-action{min-width:0;color:inherit;border-radius:.6rem;align-items:center;gap:.55rem;padding:.65rem .55rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.cf-member-account-menu[data-action-layout=grid] .cf-member-account-menu-action{text-align:center;justify-items:center;gap:.35rem;display:grid}.cf-member-account-menu-action:hover,.cf-member-account-menu-action:focus-visible,.cf-member-account-menu-action-preview{color:#0f172a;background:#f8fafc;outline:none}.cf-member-account-menu-action-icon{color:#334155;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;display:inline-flex}.cf-member-account-menu-action-icon svg{width:1.25rem;height:1.25rem}.cf-member-account-menu-action-copy{gap:.1rem;min-width:0;display:grid}.cf-member-account-menu-action-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-member-account-menu-action-copy strong{color:#0f172a;font-variant-numeric:tabular-nums;font-size:.8rem}.cf-member-account-menu-action-copy strong.is-danger{color:#dc2626}.cf-member-account-menu-footer{color:#475569;border-top:1px solid #e2e8f0;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.cf-member-account-menu-footer a,.cf-member-account-menu-footer button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.cf-member-account-menu-footer a:hover,.cf-member-account-menu-footer a:focus-visible,.cf-member-account-menu-footer button:hover,.cf-member-account-menu-footer button:focus-visible{color:#0f172a;text-underline-offset:.2rem;outline:none;text-decoration:underline}.cf-member-account-menu-login{min-height:2.5rem;color:inherit;border-radius:.5rem;align-items:center;padding:0 .85rem;font-weight:700;text-decoration:none;display:inline-flex}.cf-member-account-menu-login:hover,.cf-member-account-menu-login:focus-visible{background:#f8fafc;outline:none}@media (width<=700px){.cf-member-account-menu-panel,.cf-member-account-menu[data-panel-width=compact] .cf-member-account-menu-panel,.cf-member-account-menu[data-panel-width=wide] .cf-member-account-menu-panel{width:min(20rem,100vw - 1rem)}.cf-member-account-menu[data-panel-align=right] .cf-member-account-menu-panel{right:-.5rem}.cf-member-account-menu[data-panel-align=left] .cf-member-account-menu-panel{left:-.5rem}.cf-member-account-menu-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cf-member-account-menu-chevron,.cf-member-account-menu-action{transition:none}}body[data-admin-save-pending=true] button .animate-spin{display:none}.admin-structured-editor-section{background:0 0;border-top:1px solid #f0f1f3;margin-top:20px;padding:20px 0 0}.admin-structured-editor-heading,.admin-structured-row-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-structured-editor-heading h2,.admin-structured-editor-heading h3{margin:0;font-size:16px}.admin-structured-editor-heading p{margin:6px 0 0}.admin-structured-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.admin-structured-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:12px;display:grid}.admin-structured-input{width:100%;min-width:0}.admin-structured-actions,.admin-structured-checks{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-structured-row.dragging{opacity:.55}.admin-structured-drag-handle{color:#9ca3af;cursor:grab;background:#fff;border:1px dashed #d1d5db;border-radius:6px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.admin-structured-drag-handle:hover{color:#2563eb;border-color:#93c5fd}.admin-structured-drag-handle:active{cursor:grabbing}.admin-structured-drag-handle:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.admin-structured-drag-handle svg{width:16px;height:16px}.admin-structured-check{align-items:center;gap:6px;min-height:36px;display:inline-flex}.admin-structured-summary{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}@media (width<=640px){.admin-structured-editor-heading,.admin-structured-row-heading,.admin-structured-summary{flex-direction:column;align-items:stretch}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}