/* Light palette when the OS prefers light. Dark defaults live in styles.css. */
@media (prefers-color-scheme: light) {

  .app-root {
    color-scheme: light !important;
    --app-bg: #f8fafc;
    /* matches page chrome so focus rings don’t use dark offsets from dark-mode utilities */
    --focus-ring-offset: #f8fafc;
    --brand-soft: rgb(224 104 48 / 0.08);
    --brand-border: rgb(224 104 48 / 0.2);
    --brand-text: #883e1a;
    --brand-text-strong: #6e3316;
    --brand-ink: #6e3316;
    --brand-ink-muted: #883e1a;
    --brand-glow: rgb(224 104 48 / 0.22);
    --brand-glow-soft: rgb(224 104 48 / 0.1);
    --surface-elevated: 0 10px 28px -14px rgb(15 23 42 / 0.12);
    --surface-ring: rgb(148 163 184 / 0.18);
  }
  .app-root *:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 104 48 / var(--tw-ring-opacity));
    --tw-ring-offset-color: var(--focus-ring-offset) !important;
  }
.app-root .input-field {
    background-color: rgba(183, 197, 218, 0.76);
    color: #0f172a;
    border-color: #cbd5e1;
  }
.app-root .bg-brand-500.input-field, .app-root .bg-brand-600.input-field, .app-root .bg-orange-500.input-field, .app-root .bg-orange-600.input-field, .app-root .bg-orange-700.input-field, .app-root .bg-green-600.input-field, .app-root .bg-green-700.input-field, .app-root .bg-red-700.input-field, .app-root .bg-red-800.input-field {
    color: #fff;
  }
.app-root .btn-primary {
    color: #0f172a;
  }
.app-root .btn-primary.text-white {
    color: #fff;
  }
.app-root .bg-brand-500.btn-primary, .app-root .bg-brand-600.btn-primary, .app-root .bg-orange-500.btn-primary, .app-root .bg-orange-600.btn-primary, .app-root .bg-orange-700.btn-primary, .app-root .bg-green-600.btn-primary, .app-root .bg-green-700.btn-primary, .app-root .bg-red-700.btn-primary, .app-root .bg-red-800.btn-primary {
    color: #fff;
  }
.app-root .btn-primary:hover.text-white {
    color: #fff;
  }
.app-root .btn-primary:focus {
    --tw-ring-offset-color: #f8fafc;
  }
.app-root .btn-secondary {
    background-color: rgba(183, 197, 218, 0.76);
    color: #334155;
    border-color: #cbd5e1;
  }
.app-root .btn-secondary:hover {
    background-color: #94a3b8;
    color: #0f172a;
  }
.app-root .bg-brand-500.btn-secondary:hover {
    color: #fff;
  }
.app-root .btn-secondary:focus {
    --tw-ring-offset-color: #f8fafc;
  }
.app-root .page-title {
    color: #0f172a;
  }
.app-root .bg-brand-500.page-title, .app-root .bg-brand-600.page-title, .app-root .bg-orange-500.page-title, .app-root .bg-orange-600.page-title, .app-root .bg-orange-700.page-title, .app-root .bg-green-600.page-title, .app-root .bg-green-700.page-title, .app-root .bg-red-700.page-title, .app-root .bg-red-800.page-title {
    color: #fff;
  }
.app-root .section-title {
    color: #0f172a;
  }
.app-root .bg-brand-500.section-title, .app-root .bg-brand-600.section-title, .app-root .bg-orange-500.section-title, .app-root .bg-orange-600.section-title, .app-root .bg-orange-700.section-title, .app-root .bg-green-600.section-title, .app-root .bg-green-700.section-title, .app-root .bg-red-700.section-title, .app-root .bg-red-800.section-title {
    color: #fff;
  }
.app-root .metric-number {
    color: #0f172a;
  }
.app-root .bg-brand-500.metric-number, .app-root .bg-brand-600.metric-number, .app-root .bg-orange-500.metric-number, .app-root .bg-orange-600.metric-number, .app-root .bg-orange-700.metric-number, .app-root .bg-green-600.metric-number, .app-root .bg-green-700.metric-number, .app-root .bg-red-700.metric-number, .app-root .bg-red-800.metric-number {
    color: #fff;
  }
.app-root .card {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .legal-page-card.prose-invert {
    --tw-prose-body: #334155;
    --tw-prose-headings: #0f172a;
    --tw-prose-lead: #475569;
    --tw-prose-links: #883e1a;
    --tw-prose-bold: #0f172a;
    --tw-prose-counters: #64748b;
    --tw-prose-bullets: #94a3b8;
    --tw-prose-hr: #cbd5e1;
    --tw-prose-quotes: #334155;
    --tw-prose-quote-borders: #cbd5e1;
    --tw-prose-captions: #64748b;
    --tw-prose-code: #0f172a;
    --tw-prose-pre-code: #e2e8f0;
    --tw-prose-pre-bg: #1e293b;
    --tw-prose-th-borders: #cbd5e1;
    --tw-prose-td-borders: #e2e8f0;
    color: #334155;
  }
.app-root .auth-flash-error {
    background-color: #fef2f2;
    color: #b91c1c;
  }
.app-root .auth-flash-success {
    background-color: #f0fdf4;
    color: #15803d;
  }
.app-root .auth-form-foot {
    color: #64748b;
  }
.app-root .auth-modal-backdrop {
    background-color: rgba(51, 65, 85, 0.4) !important;
  }
.app-root .auth-modal-card {
    border-color: #cbd5e1 !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.12),
      0 0 0 1px rgba(148, 163, 184, 0.35) !important;
  }
.app-root .auth-modal-close {
    color: #64748b !important;
  }
.app-root .auth-modal-close:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
  }
.app-root .auth-modal-card *:focus-visible {
  --tw-ring-offset-color: #fff;
}
.app-root .flash-success {
    background-color: #f0fdf4;
    color: #15803d;
  }
.app-root .flash-error {
    background-color: #fef2f2;
    color: #b91c1c;
  }
.app-root .field-error-message {
    color: #b91c1c;
  }
.app-root .surface-panel {
    background-color: rgba(203, 215, 233, 0.72);
    border-color: #cbd5e1;
  }
.app-root .demo-card {
    background-color: rgba(203, 215, 233, 0.72);
    border-color: #cbd5e1;
  }
.app-root .listing-browse-row:hover {
    background-color: rgb(255 237 210 / 0.55);
  }
.app-root .listing-browse-row {
    border-color: #cbd5e1;
  }
.app-root .app-header {
    border-color: #cbd5e1;
  }
.app-root .gun-shows-ribbon-item {
    color: #64748b;
  }
.app-root .gun-shows-ribbon-item--today {
    color: #c2410c;
  }
.app-root .gun-shows-ribbon-link:hover .gun-shows-ribbon-item--today {
    color: #9a3412;
  }
.app-root .listing-quality-guide .gun-shows-ribbon-link:hover .gun-shows-ribbon-item {
    color: #aa4c22;
  }
.app-root .gun-shows-ribbon-link:hover .gun-shows-ribbon-item {
    color: #aa4c22;
  }
.app-root .gun-shows-ribbon-item::after {
    color: #64748b;
  }
.app-root .gun-shows-ribbon-caption {
    color: #64748b;
  }
.app-root .gun-shows-ribbon-link:hover .gun-shows-ribbon-caption {
    color: #64748b;
  }
.app-root .site-footer {
    color: #334155;
  }
.app-root .transfer-resources-section.site-footer {
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.app-root .nav-count-pill {
    background-color: rgba(203, 215, 233, 0.72);
    color: #334155;
    border-color: #cbd5e1;
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .no-image-placeholder {
    background-color: rgba(183, 197, 218, 0.76);
    color: #334155;
    border-color: #cbd5e1;
  }
.app-root .badge-category {
    background-color: rgba(203, 215, 233, 0.72);
    color: #334155;
    border-color: #cbd5e1;
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .badge-category-action {
    background-color: rgba(203, 215, 233, 0.72);
    color: #334155;
    border-color: #cbd5e1;
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .badge-category-action {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-color: rgb(226 232 240 / 0.9);
}
.app-root .badge-chip-shell {
    background-color: rgba(203, 215, 233, 0.72);
    border-color: #cbd5e1;
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .badge-moderation--approved {
    color: #15803d;
  }
.app-root .badge-moderation--pending {
    color: #92400e;
    background-color: rgba(245, 158, 11, 0.14);
  }
.app-root .badge-moderation--rejected {
    border-color: #fca5a5;
    color: #b91c1c;
  }
.app-root .badge-trust-moderator, .app-root .badge-trust--moderator {
    color: #0e7490;
  }
.app-root .seller-trust-score--high {
    color: #15803d;
  }
.app-root .seller-trust-score--muted {
    color: #334155;
  }
.app-root .sidebar-toolbar-btn {
    color: #334155;
  }
.app-root .sidebar-toolbar-btn:hover\/50 {
    background-color: rgba(183, 197, 218, 0.76);
  }
.app-root .sidebar-toolbar-btn:hover {
    color: #0f172a;
  }
.app-root .bg-brand-500.sidebar-toolbar-btn:hover {
    color: #fff;
  }
.app-root .sidebar-toolbar-btn:focus-visible {
    --tw-ring-offset-color: #f8fafc;
  }
.app-root .sidebar-toolbar-btn__badge.text-white {
    color: #fff;
  }
.app-root .sidebar-toolbar-btn--active\/50, .app-root .sidebar-toolbar-btn--active\/70, .app-root .sidebar-toolbar-btn--active\/40, .app-root .sidebar-toolbar-btn--active\/30, .app-root .sidebar-toolbar-btn--active {
    background-color: rgba(183, 197, 218, 0.76);
  }
.app-root .sidebar-toolbar-btn--active {
    color: #0f172a;
  }
.app-root .bg-brand-500.sidebar-toolbar-btn--active, .app-root .bg-brand-600.sidebar-toolbar-btn--active, .app-root .bg-orange-500.sidebar-toolbar-btn--active, .app-root .bg-orange-600.sidebar-toolbar-btn--active, .app-root .bg-orange-700.sidebar-toolbar-btn--active, .app-root .bg-green-600.sidebar-toolbar-btn--active, .app-root .bg-green-700.sidebar-toolbar-btn--active, .app-root .bg-red-700.sidebar-toolbar-btn--active, .app-root .bg-red-800.sidebar-toolbar-btn--active {
    color: #fff;
  }
.app-root .sidebar-tray-flyout {
    background-color: #dde6f2;
    color: #334155;
    border-color: #cbd5e1;
  }
.app-root .badge-mod-event--approve {
    color: #15803d;
  }
.app-root .badge-mod-event--reject {
    color: #92400e;
    background-color: rgba(245, 158, 11, 0.14);
    --tw-ring-color: rgb(217 119 6 / 0.35);
  }
.app-root .badge-mod-event--dismiss {
    color: #334155;
  }
.app-root .badge-mod-event--seller {
    color: #0e7490;
  }
.app-root .badge-mod-event--remove {
    color: #b91c1c;
  }
.app-root .badge-mod-event--neutral {
    color: #334155;
  }
.app-root .badge-mod-open-report {
    color: #92400e;
    background-color: rgba(245, 158, 11, 0.14);
    --tw-ring-color: rgb(217 119 6 / 0.35);
  }
.app-root .badge-external-listing {
    background-color: rgba(203, 215, 233, 0.72);
    color: #334155;
  }
.app-root .badge-external-source {
    color: #0e7490;
  }
.app-root .external-listing-thumb {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .listing-lifecycle-form {
    background-color: rgba(210, 221, 237, 0.55);
    border-color: #cbd5e1;
  }
.app-root .listing-lifecycle-finalize-panel {
    border-color: #cbd5e1;
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .listing-lifecycle-finalize-panel-copy, .app-root .listing-lifecycle-finalize-panel-note, .app-root .listing-lifecycle-finalize-panel-label {
    color: #64748b;
  }
.app-root .listing-lifecycle-finalize-panel-flash--success {
    color: #15803d;
  }
.app-root .listing-lifecycle-finalize-panel-flash--error {
    color: #b91c1c;
  }
.app-root .owner-stat-card {
    background-color: rgba(203, 215, 233, 0.72);
    border-color: #cbd5e1;
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .moderation-summary-nav-btn:focus {
    --tw-ring-offset-color: #f8fafc;
  }
.app-root .moderation-summary-nav-btn--primary {
    color: #0f172a;
  }
.app-root .moderation-summary-nav-btn--primary.text-white {
    color: #fff;
  }
.app-root .bg-brand-500.moderation-summary-nav-btn--primary, .app-root .bg-brand-600.moderation-summary-nav-btn--primary, .app-root .bg-orange-500.moderation-summary-nav-btn--primary, .app-root .bg-orange-600.moderation-summary-nav-btn--primary, .app-root .bg-orange-700.moderation-summary-nav-btn--primary, .app-root .bg-green-600.moderation-summary-nav-btn--primary, .app-root .bg-green-700.moderation-summary-nav-btn--primary, .app-root .bg-red-700.moderation-summary-nav-btn--primary, .app-root .bg-red-800.moderation-summary-nav-btn--primary {
    color: #fff;
  }
.app-root .moderation-summary-nav-btn--primary:hover.text-white {
    color: #fff;
  }
.app-root .moderation-summary-nav-btn--secondary {
    background-color: rgba(183, 197, 218, 0.76);
    color: #334155;
    border-color: #cbd5e1;
  }
.app-root .moderation-summary-nav-btn--secondary:hover {
    background-color: #94a3b8;
  }
.app-root .owner-subpanel {
    background-color: rgba(203, 215, 233, 0.72);
    color: #334155;
    border-color: #cbd5e1;
  }
.app-root .owner-subpanel-entry {
    background-color: rgba(210, 221, 237, 0.55);
    border-color: #cbd5e1;
  }
.app-root .trust-callout-panel-card {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .status-message--error {
    color: #b91c1c;
  }
.app-root .status-message--success {
    color: #15803d;
  }
.app-root .transfer-resources-section-copy, .app-root .transfer-resources-section-list {
    color: #334155;
  }
.app-root .transfer-resources-section .transfer-resource-link {
    background-color: rgba(203, 215, 233, 0.72);
    border-color: #cbd5e1;
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .transfer-resources-section .transfer-resource-link:hover {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .transfer-resources-section .transfer-resource-link-title {
    color: #334155;
  }
.app-root .transfer-resources-section .transfer-resource-link-summary {
    color: #64748b;
  }
.app-root .group:hover .transfer-resources-section .transfer-resource-link-summary {
    color: #334155;
  }
.app-root .transfer-resources-section .transfer-resource-link-badge {
    background-color: rgba(210, 221, 237, 0.55);
    color: #334155;
    border-color: #cbd5e1;
  }
.app-root .listing-quality-guide:not(.listing-quality-guide--plain):not(.listing-quality-guide--flush) {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .transfer-resources-section.listing-quality-guide-divider {
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.app-root .listing-quality-guide-card {
    background-color: rgba(210, 221, 237, 0.55);
  }
.app-root .at-a-glance-core {
    border-color: #ffd4a8;
  }
.app-root .at-a-glance-core-badge {
    color: #883e1a;
  }
.app-root .at-a-glance-grid {
    border-color: #cbd5e1;
  }
.app-root .transfer-resources-section.at-a-glance-grid > li + li {
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.app-root .at-a-glance-grid > li + li {
    border-color: #cbd5e1;
  }
  .app-root .transfer-resources-section.at-a-glance-grid > li:nth-child(n + 3) {
    --tw-border-opacity: 1;
    border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
  }
  .app-root .at-a-glance-grid > li:nth-child(n + 3) {
    border-color: #cbd5e1;
  }
  .app-root .at-a-glance-grid > li:nth-child(even) {
    border-color: #cbd5e1;
  }
.app-root .listing-compliance-attestation {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .listing-compliance-attestation-checkbox:focus {
    --tw-ring-offset-color: #f8fafc;
  }
.app-root .brand-checkbox {
    background-color: #eaf0f7;
  }
.app-root .brand-checkbox, .app-root .brand-checkbox\/80, .app-root .brand-checkbox\/70, .app-root .brand-checkbox\/60 {
    border-color: #cbd5e1;
  }
.app-root .brand-checkbox:focus {
    --tw-ring-offset-color: #f8fafc;
  }
.app-root .trust-callout-panel {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .token-ledger-panel {
    background-color: rgba(203, 215, 233, 0.72);
  }
.app-root .token-ledger-entry {
    background-color: rgba(210, 221, 237, 0.55);
    --tw-ring-color: rgb(148 163 184 / 0.2);
  }
.app-root .token-ledger-delta--debit {
    color: #b91c1c;
  }
.app-root .theme-logo-dark {
    display: none !important;
  }
.app-root .theme-logo-light {
    display: block !important;
  }
.app-root .sidebar-nav-item--active {
    background-color: rgb(224 104 48 / 0.1) !important;
    color: #883e1a !important;
    border-left-color: var(--brand);
    border-radius: 0;
    box-shadow: none;
  }
.app-root .sidebar-nav-item--active:hover {
    background-color: rgb(224 104 48 / 0.14) !important;
    color: #6e3316 !important;
  }
.app-root .app-header {
    border-color: #e2e8f0 !important;
    background-color: rgb(255 255 255 / 0.92) !important;
    box-shadow: inset 0 -1px 0 rgb(224 104 48 / 0.22),
      0 8px 24px -18px rgb(15 23 42 / 0.12) !important;
  }
.app-root .gun-shows-ribbon-item {
    color: #64748b !important;
  }
.app-root .gun-shows-ribbon-item--today {
    color: #c2410c !important;
  }
.app-root .gun-shows-ribbon-link:hover .gun-shows-ribbon-item--today {
    color: #9a3412 !important;
  }
.app-root .gun-shows-ribbon-link:hover .gun-shows-ribbon-item {
    color: #9a3412 !important;
  }
.app-root .gun-shows-ribbon-item::after {
    color: #cbd5e1 !important;
  }
.app-root .gun-shows-ribbon-caption {
    color: #94a3b8 !important;
  }
.app-root .gun-shows-ribbon-link:hover .gun-shows-ribbon-caption {
    color: #64748b !important;
  }
.app-root .site-footer {
    border-color: #e2e8f0 !important;
    background-color: rgb(255 255 255 / 0.92) !important;
    color: #64748b !important;
  }
.app-root .text-link-accent {
    color: #aa4c22 !important;
  }
.app-root .text-link-accent:hover {
    color: #6e3316 !important;
  }
.app-root .list-row-hover:hover {
    background-color: rgb(255 237 210 / 0.55) !important;
  }
.app-root .bg-slate-900 {
    background-color: #eaf0f7 !important;
  }
.app-root .bg-slate-900\/50,
  .app-root .bg-slate-900\/40,
  .app-root .bg-slate-900\/30,
  .app-root .bg-slate-900\/20 {
    background-color: rgba(210, 221, 237, 0.55) !important;
  }
.app-root .bg-slate-800 {
    background-color: #dde6f2 !important;
  }
.app-root .bg-slate-800\/60,
  .app-root .bg-slate-800\/50,
  .app-root .bg-slate-800\/45,
  .app-root .bg-slate-800\/40,
  .app-root .bg-slate-800\/30,
  .app-root .bg-slate-800\/80,
  .app-root .bg-slate-800\/90 {
    background-color: rgba(203, 215, 233, 0.72) !important;
  }
.app-root .bg-slate-700\/50,
  .app-root .bg-slate-700\/70,
  .app-root .bg-slate-700\/40,
  .app-root .bg-slate-700\/30,
  .app-root .bg-slate-700 {
    background-color: rgba(183, 197, 218, 0.76) !important;
  }
.app-root .bg-slate-600 {
    background-color: #94a3b8 !important;
  }
.app-root .bg-slate-950\/35 {
    background-color: rgba(198, 211, 230, 0.64) !important;
  }
.app-root .bg-slate-950\/30,
  .app-root .bg-slate-950\/40 {
    background-color: rgba(198, 211, 230, 0.58) !important;
  }
.app-root .bg-slate-950\/50,
  .app-root .bg-slate-950\/60 {
    background-color: rgba(226, 232, 240, 0.92) !important;
  }
.app-root .bg-white,
  .app-root .bg-white\/90,
  .app-root .bg-white\/95 {
    background-color: #edf3fb !important;
  }
.app-root .qr-code-surface,
  .qr-code-surface {
    background-color: #ffffff !important;
  }
.app-root .text-white {
    color: #0f172a !important;
  }
.app-root .text-gray-100,
  .app-root .text-gray-200,
  .app-root .text-gray-300,
  .app-root .text-slate-100,
  .app-root .text-slate-200,
  .app-root .text-slate-300 {
    color: #334155 !important;
  }
.app-root .text-amber-100,
  .app-root .text-amber-200 {
    color: #92400e !important;
  }
.app-root .bg-amber-900\/35,
  .app-root .bg-amber-900\/40 {
    background-color: rgba(245, 158, 11, 0.14) !important;
  }
.app-root .ring-amber-500\/35,
  .app-root .ring-amber-500\/40 {
    --tw-ring-color: rgb(217 119 6 / 0.35) !important;
  }
.app-root .text-emerald-100,
  .app-root .text-emerald-200 {
    color: #047857 !important;
  }
.app-root .hover\:text-emerald-100:hover {
    color: #065f46 !important;
  }
.app-root .bg-emerald-900\/30 {
    background-color: rgba(16, 185, 129, 0.14) !important;
  }
.app-root .border-emerald-500\/40 {
    border-color: rgb(16 185 129 / 0.45) !important;
  }
.app-root .hover\:border-emerald-400\/60:hover {
    border-color: rgb(52 211 153 / 0.65) !important;
  }
.app-root .text-slate-400,
  .app-root .text-slate-500,
  .app-root .text-slate-600,
  .app-root .text-gray-400,
  .app-root .text-gray-500 {
    color: #64748b !important;
  }
.app-root .text-orange-100,
  .app-root .text-orange-200 {
    color: #883e1a !important;
  }
.app-root .text-orange-300 {
    color: #aa4c22 !important;
  }
.app-root .hover\:text-orange-100:hover,
  .app-root .hover\:text-orange-200:hover {
    color: #6e3316 !important;
  }
.app-root .group:hover .group-hover\:text-orange-100 {
    color: #883e1a !important;
  }
.app-root .badge-category {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-color: rgb(226 232 240 / 0.9);
}
.app-root .badge-category-action:hover {
    border-color: rgb(249 115 22 / 0.7) !important;
    background-color: rgba(224, 104, 48, 0.14) !important;
    color: var(--brand-ink) !important;
  }
.app-root .badge-category-action--active,
  .app-root .badge-category-action--active:hover {
    border-color: rgb(249 115 22 / 0.7) !important;
    background-color: rgba(224, 104, 48, 0.2) !important;
    color: var(--brand-ink) !important;
    --tw-ring-color: rgb(249 115 22 / 0.28);
  }
.app-root .badge-featured {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 217 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root a.badge-featured:hover {
  border-color: rgb(224 104 48 / 0.55);
  background-color: rgb(255 237 217 / 1);
  color: rgb(110 51 22 / 1);
}
.app-root .badge-new {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}
.app-root .badge-filter-chip--shop {
  --tw-border-opacity: 1;
  border-color: rgb(103 232 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity));
}
.app-root .badge-filter-chip--shop:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}
.app-root .badge-filter-chip--seller {
    border-color: rgb(224 104 48 / 0.45) !important;
    background-color: rgb(224 104 48 / 0.12) !important;
    color: var(--brand-ink) !important;
  }
.app-root .badge-filter-chip--seller:hover {
    border-color: rgb(224 104 48 / 0.6) !important;
    background-color: rgb(224 104 48 / 0.18) !important;
  }
.app-root .badge-filter-chip--featured {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 217 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .badge-filter-chip--featured:hover {
  border-color: rgb(224 104 48 / 0.55);
  background-color: rgb(255 247 237 / 1);
  color: rgb(110 51 22 / 1);
}
.app-root .badge-filter-chip--external {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.app-root .badge-filter-chip--external:hover {
  border-color: rgb(148 163 184 / 1);
  background-color: rgb(226 232 240 / 1);
  color: rgb(30 41 59 / 1);
}
.app-root .badge-chip-shell {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-color: rgb(226 232 240 / 0.9);
}
.app-root .badge-external-listing {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.app-root a.badge-external-listing:hover {
  border-color: rgb(148 163 184 / 1);
  background-color: rgb(226 232 240 / 1);
  color: rgb(30 41 59 / 1);
}
.app-root .badge-external-source {
  --tw-border-opacity: 1;
  border-color: rgb(103 232 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity));
}
.app-root a.badge-external-source:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity));
}
.app-root .external-listing-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-ring-color: rgb(103 232 249 / 0.6);
}
.app-root .external-listing-thumb-label {
    color: #155e75 !important;
  }
.app-root .external-listing-thumb-flyer {
    opacity: 0.38;
  }
.app-root .external-listing-thumb-loader {
    filter: none;
  }
.app-root .external-listing-thumb-trail {
    background: repeating-linear-gradient(
      90deg,
      transparent 0 1.5px,
      rgba(14, 116, 144, 0.45) 1.5px 2.5px
    );
  }
.app-root .text-cyan-100,
  .app-root .text-cyan-200 {
    color: #0e7490 !important;
  }
.app-root .hover\:text-cyan-100:hover,
  .app-root .group:hover .group-hover\:text-cyan-100 {
    color: #155e75 !important;
  }
.app-root .badge-moderation--approved {
    border-color: #bbf7d0 !important;
    background-color: #dcfce7 !important;
    color: #14532d !important;
  }
.app-root .badge-moderation--pending {
    border-color: #fde68a !important;
    background-color: #fef3c7 !important;
    color: #78350f !important;
  }
.app-root .badge-moderation--rejected {
    border-color: #fecaca !important;
    background-color: #fee2e2 !important;
    color: #7f1d1d !important;
  }
.app-root .badge-trust-moderator,
  .app-root .badge-trust--moderator {
    border-color: #a5f3fc !important;
    background-color: #cffafe !important;
    color: #164e63 !important;
  }
.app-root .seller-trust-score--high {
    border-color: #bbf7d0 !important;
    background-color: #dcfce7 !important;
    color: #14532d !important;
  }
.app-root .seller-trust-score--mid {
    border-color: #fed7aa !important;
    background-color: #ffedd5 !important;
    color: #7c2d12 !important;
  }
.app-root .seller-trust-score--low {
    border-color: #fde68a !important;
    background-color: #fef3c7 !important;
    color: #78350f !important;
  }
.app-root .seller-trust-score--muted {
    border-color: #cbd5e1 !important;
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
  }
.app-root .badge-mod-event--approve {
    background-color: #dcfce7 !important;
    color: #14532d !important;
    --tw-ring-color: #bbf7d0 !important;
  }
.app-root .badge-mod-event--reject {
    background-color: #fef3c7 !important;
    color: #78350f !important;
    --tw-ring-color: #fde68a !important;
  }
.app-root .badge-mod-event--dismiss,
  .app-root .badge-mod-event--neutral {
    background-color: #e2e8f0 !important;
    color: #1e293b !important;
    --tw-ring-color: #cbd5e1 !important;
  }
.app-root .badge-mod-event--seller {
    background-color: #cffafe !important;
    color: #164e63 !important;
    --tw-ring-color: #a5f3fc !important;
  }
.app-root .badge-mod-event--remove {
    background-color: #fee2e2 !important;
    color: #7f1d1d !important;
    --tw-ring-color: #fecaca !important;
  }
.app-root .badge-mod-open-report {
    background-color: #fef3c7 !important;
    color: #78350f !important;
    --tw-ring-color: #fde68a !important;
  }
.app-root .listing-lifecycle-form {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(241 245 249 / 0.9);
}
.app-root .listing-lifecycle-finalize-panel {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-ring-color: rgb(226 232 240 / 0.8);
    background-color: #ffffff !important;
    box-shadow: 0 8px 22px -16px rgb(15 23 42 / 0.08);
}
.app-root .listing-lifecycle-finalize-panel-title {
    color: var(--brand-ink-muted) !important;
  }
.app-root .listing-lifecycle-finalize-panel-copy,
  .app-root .listing-lifecycle-finalize-panel-note,
  .app-root .listing-lifecycle-finalize-panel-label {
    color: #64748b !important;
  }
.app-root .listing-lifecycle-finalize-panel-flash--success {
    color: #15803d !important;
  }
.app-root .listing-lifecycle-finalize-panel-flash--error {
    color: #b91c1c !important;
  }
.app-root .owner-stat-card {
    border-color: #e2e8f0 !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05),
      0 10px 24px -16px rgb(224 104 48 / 0.12);
  }
.app-root .moderation-summary-nav-btn:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 104 48 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #f1f5f9;
}
.app-root .moderation-summary-nav-btn--secondary {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.app-root .moderation-summary-nav-btn--secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.app-root .owner-stat-card--interactive:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
    box-shadow: 0 2px 4px rgb(15 23 42 / 0.06),
      0 14px 28px -14px rgb(224 104 48 / 0.2);
}
.app-root .owner-subpanel {
    border-color: #e2e8f0 !important;
    background-color: #ffffff !important;
    color: #1e293b !important;
  }
.app-root .owner-subpanel-entry {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.app-root .trust-callout-panel-card {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  background-color: rgb(255 237 217 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .trust-callout-panel-card .trust-callout-panel-copy {
    color: #6e3316 !important;
  }
.app-root .status-message--error {
    color: #b91c1c !important;
  }
.app-root .status-message--success {
    color: #15803d !important;
  }
.app-root .flash-success,
  .app-root .auth-flash-success {
    border-color: #bbf7d0 !important;
    background-color: #f0fdf4 !important;
    color: #14532d !important;
  }
.app-root .flash-error,
  .app-root .auth-flash-error {
    border-color: #fecaca !important;
    background-color: #fef2f2 !important;
    color: #7f1d1d !important;
  }
.app-root .field-error-message {
    color: #b91c1c !important;
  }
.app-root .transfer-resource-link {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
}
.app-root .transfer-resource-link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 217 / var(--tw-bg-opacity));
}
.app-root .transfer-resource-link-title,
  .app-root .transfer-resource-link-summary {
    color: #6e3316 !important;
  }
.app-root .transfer-resource-link-badge {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 217 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .transfer-resource-link.group:hover .group-hover\:text-white {
    color: #6e3316 !important;
  }
.app-root .listing-quality-guide:not(.listing-quality-guide--plain):not(.listing-quality-guide--flush),
  .app-root .listing-compliance-attestation,
  .app-root .trust-callout-panel,
  .app-root .token-ledger-panel {
    box-shadow: 0 10px 24px -16px rgb(224 104 48 / 0.12) !important;
  }
.app-root .listing-quality-guide:not(.listing-quality-guide--plain):not(.listing-quality-guide--flush) {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
  --tw-ring-color: rgb(255 212 168 / 0.8);
}
.app-root .listing-quality-guide--plain {
  border-width: 0px;
  border-left-width: 0px;
  background-color: transparent;
  color: inherit;
    box-shadow: none !important;
}
.app-root .transfer-resources-section.border-t {
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.app-root .transfer-resources-section-title,
  .app-root .transfer-resources-section-copy,
  .app-root .transfer-resources-section-list {
    color: #6e3316 !important;
  }
.app-root .transfer-resources-section .transfer-resource-link {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-ring-color: rgb(226 232 240 / 0.8);
}
.app-root .transfer-resources-section .transfer-resource-link:hover {
  border-color: rgb(255 184 112 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.app-root .transfer-resources-section .transfer-resource-link {
    background-color: #ffffff;
  }
.app-root .transfer-resources-section .transfer-resource-link-title {
    color: #334155 !important;
  }
.app-root .transfer-resources-section .transfer-resource-link:hover .transfer-resource-link-title {
    color: #883e1a !important;
  }
.app-root .transfer-resources-section .transfer-resource-link-summary {
    color: #64748b !important;
  }
.app-root .transfer-resources-section .transfer-resource-link:hover .transfer-resource-link-summary {
    color: #475569 !important;
  }
.app-root .transfer-resources-section .transfer-resource-link-badge {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.app-root .listing-quality-guide-title,
  .app-root .listing-quality-guide-copy,
  .app-root .listing-quality-guide-list {
    color: #6e3316 !important;
  }
.app-root .listing-quality-guide-badge {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 217 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .listing-quality-guide .transfer-resource-link {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  background-color: rgb(255 237 217 / 0.7);
}
.app-root .listing-quality-guide .transfer-resource-link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 217 / var(--tw-bg-opacity));
}
.app-root .listing-quality-guide .transfer-resource-link-title,
  .app-root .listing-quality-guide .transfer-resource-link-summary {
    color: #6e3316 !important;
  }
.app-root .listing-quality-guide .transfer-resource-link-badge {
  --tw-border-opacity: 1;
  border-color: rgb(255 184 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .listing-quality-guide .text-orange-100\/75,
  .app-root .listing-quality-guide .text-orange-100\/90,
  .app-root .listing-quality-guide .text-orange-200\/70,
  .app-root .listing-quality-guide .text-orange-100\/70 {
    color: #aa4c22 !important;
  }
.app-root .listing-quality-guide .text-orange-100 {
    color: #883e1a !important;
  }
.app-root .listing-quality-guide .bg-brand-900\/20, .app-root .listing-quality-guide .bg-brand-900\/25 {
  background-color: rgb(255 237 217 / 0.8);
}
.app-root .listing-quality-guide .border-orange-400\/25 {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
}
.app-root .listing-quality-guide-card {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  background-color: rgb(255 237 217 / 0.8);
}
.app-root .at-a-glance-core {
    border-color: rgb(224 104 48 / 0.32);
    background-color: #fff8f0;
    background-image: linear-gradient(
      90deg,
      rgb(255 237 217 / 0.98) 0%,
      rgb(255 248 240 / 0.92) 45%,
      rgb(255 255 255 / 0.98) 100%
    ) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.85),
      0 1px 2px rgb(15 23 42 / 0.05),
      0 8px 20px -12px rgb(224 104 48 / 0.14);
  }
.app-root .at-a-glance-core-badge {
    border-color: rgb(224 104 48 / 0.35);
    background-color: rgb(224 104 48 / 0.1);
    color: #6e3316;
  }
.app-root .at-a-glance-grid {
    border-color: #e2e8f0;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
  }
.app-root .at-a-glance-grid > li + li, .app-root .at-a-glance-grid > li:nth-child(n + 3) {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.app-root .at-a-glance-grid > li:nth-child(even) {
  --tw-border-opacity: 1;
  border-left-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.app-root .listing-compliance-attestation {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
  --tw-ring-color: rgb(255 212 168 / 0.8);
}
.app-root .listing-compliance-attestation-title,
  .app-root .listing-compliance-attestation-copy {
    color: #6e3316 !important;
  }
.app-root .listing-compliance-attestation-checkbox,
  .app-root .brand-checkbox {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border-style: solid;
    border-width: 1px;
    border-color: #cbd5e1 !important;
    background-color: #ffffff !important;
    background-image: none;
    accent-color: rgb(224 104 48) !important;
  }
.app-root .listing-compliance-attestation-checkbox:checked,
  .app-root .brand-checkbox:checked {
    border-color: rgb(136 62 26) !important;
    background-color: rgb(224 104 48) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.6 6.2l2.55 3.1L10 2.95'/%3E%3C/svg%3E");
    background-size: 0.7rem 0.7rem;
    background-position: center;
    background-repeat: no-repeat;
  }
.app-root .listing-compliance-attestation-checkbox:focus-visible,
  .app-root .brand-checkbox:focus-visible {
    --tw-ring-offset-color: #fff8f0 !important;
  }
.app-root .listing-compliance-pill {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 217 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .draft-preview-kicker {
    color: #883e1a !important;
  }
.app-root .draft-preview-review-notice {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .trust-callout-panel {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
  --tw-ring-color: rgb(255 212 168 / 0.8);
}
.app-root .trust-callout-panel .trust-callout-panel-title {
    color: #aa4c22 !important;
  }
.app-root .trust-callout-panel .trust-callout-panel-copy {
    color: #6e3316 !important;
  }
.app-root .trust-callout-panel .bg-brand-900\/30 {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  background-color: rgb(255 237 217 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
}
.app-root .token-ledger-panel {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(110 51 22 / var(--tw-text-opacity));
  --tw-ring-color: rgb(255 212 168 / 0.8);
}
.app-root .token-ledger-panel-title {
    color: #883e1a !important;
  }
.app-root .token-ledger-panel-copy {
    color: #aa4c22 !important;
  }
.app-root .token-ledger-entry {
  --tw-border-opacity: 1;
  border-color: rgb(255 212 168 / var(--tw-border-opacity));
  background-color: rgb(255 237 217 / 0.8);
}
.app-root .token-ledger-entry-title {
    color: #6e3316 !important;
  }
.app-root .token-ledger-entry-meta,
  .app-root .token-ledger-entry-time {
    color: #aa4c22 !important;
  }
.app-root .token-ledger-delta--credit {
    color: #883e1a !important;
  }
.app-root .token-ledger-delta--debit {
    color: #b91c1c !important;
  }
.app-root .brand-accent-bar,
  .app-root .listing-quality-guide:not(.listing-quality-guide--plain):not(.listing-quality-guide--flush),
  .app-root .listing-compliance-attestation,
  .app-root .trust-callout-panel,
  .app-root .token-ledger-panel,
  .app-root .listing-lifecycle-finalize-panel,
  .app-root .transfer-resources-section {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: var(--brand);
    border-radius: 0;
  }
.app-root .text-orange-50 {
    color: #6e3316 !important;
  }
.app-root .text-orange-50\/85 {
    color: #aa4c22 !important;
  }
.app-root .bg-orange-950\/20,
  .app-root .bg-orange-950\/30,
  .app-root .bg-orange-950\/40 {
    background-color: rgba(255, 237, 210, 0.92) !important;
  }
.app-root .border-orange-500\/30,
  .app-root .border-orange-500\/35 {
    border-color: #ffd4a8 !important;
  }
.app-root .text-orange-100\/85,
  .app-root .text-orange-100\/75,
  .app-root .text-orange-100\/70,
  .app-root .text-orange-100\/90 {
    color: #aa4c22 !important;
  }
.app-root .text-orange-200\/70,
  .app-root .text-orange-200\/80,
  .app-root .text-orange-200\/85 {
    color: #883e1a !important;
  }
.app-root .fill-slate-500 {
    fill: #64748b !important;
  }
.app-root .fill-orange-400 {
    fill: #c2410c !important;
  }
.app-root .bg-orange-400 {
    background-color: #c2410c !important;
  }
.app-root .text-red-300,
  .app-root .text-red-400,
  .app-root .text-red-400\/90 {
    color: #b91c1c !important;
  }
.app-root .hover\:text-red-300:hover {
    color: #991b1b !important;
  }
.app-root .text-green-200 {
    color: #15803d !important;
  }
.app-root .text-green-100\/90 {
    color: #166534 !important;
  }
.app-root .bg-brand-900\/20,
  .app-root .bg-brand-900\/25,
  .app-root .bg-brand-900\/30,
  .app-root .bg-brand-900\/40 {
    background-color: rgba(255, 248, 240, 0.92) !important;
  }
.app-root .hover\:bg-brand-900\/20:hover {
    background-color: rgba(255, 237, 210, 0.9) !important;
  }
.app-root .bg-brand-900\/15 {
    background-color: rgba(255, 248, 240, 0.85) !important;
  }
.app-root .border-orange-500\/25,
  .app-root .border-orange-500\/40 {
    border-color: #ffd4a8 !important;
  }
.app-root .bg-slate-800\/35,
  .app-root .bg-slate-900\/35 {
    background-color: rgba(203, 215, 233, 0.72) !important;
  }
.app-root .hover\:bg-orange-950\/20:hover {
    background-color: rgba(255, 237, 210, 0.9) !important;
  }
.app-root .text-orange-300\/90,
  .app-root .text-orange-400\/90,
  .app-root .text-orange-400\/95 {
    color: #883e1a !important;
  }
.app-root .text-yellow-100\/90,
  .app-root .text-yellow-100\/80 {
    color: #78350f !important;
  }
.app-root .text-amber-200\/90 {
    color: #92400e !important;
  }
.app-root .text-orange-200\/90 {
    color: #883e1a !important;
  }
.app-root .bg-orange-900\/30 {
    background-color: rgba(224, 104, 48, 0.14) !important;
  }
.app-root .hover\:bg-orange-900\/50:hover {
    background-color: rgba(224, 104, 48, 0.2) !important;
  }
.app-root .border-gray-700,
  .app-root .border-gray-600,
  .app-root .border-gray-500,
  .app-root .border-slate-500\/60,
  .app-root .border-slate-600,
  .app-root .border-slate-600\/80,
  .app-root .border-slate-600\/70,
  .app-root .border-slate-600\/60,
  .app-root .border-slate-700,
  .app-root .border-slate-700\/80,
  .app-root .border-slate-700\/70,
  .app-root .border-slate-700\/60,
  .app-root .border-slate-700\/50,
  .app-root .border-slate-700\/40 {
    border-color: #cbd5e1 !important;
  }
.app-root .ring-offset-slate-950,
  .app-root .ring-offset-slate-900,
  .app-root .ring-offset-slate-800 {
    --tw-ring-offset-color: #f8fafc !important;
  }
.app-root .hover\:bg-slate-700:hover {
    background-color: #dbeafe !important;
  }
.app-root .hover\:bg-red-950\/40:hover {
    background-color: rgba(239, 68, 68, 0.14) !important;
  }
.app-root .hover\:bg-slate-600:hover {
    background-color: #cbd5e1 !important;
  }
.app-root .hover\:bg-red-700:hover {
    background-color: #b91c1c !important;
  }
.app-root .bg-red-800 {
    background-color: #b91c1c !important;
  }
.app-root .bg-red-700 {
    background-color: #dc2626 !important;
  }
.app-root .text-red-200 {
    color: #b91c1c !important;
  }
.app-root .border-red-500\/40,
  .app-root .border-red-500\/50 {
    border-color: #fca5a5 !important;
  }
.app-root .decoration-red-500\/40 {
    -webkit-text-decoration-color: rgba(185, 28, 28, 0.45) !important;
            text-decoration-color: rgba(185, 28, 28, 0.45) !important;
  }
.app-root .ring-white\/5 {
    --tw-ring-color: rgb(148 163 184 / 0.2) !important;
  }
.app-root .hover\:text-white:hover {
    color: #0f172a !important;
  }
.app-root .input-field {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.app-root .input-field::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}
.app-root .input-field::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}
.app-root .input-field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity));
}
.app-root .input-field {
    background-color: #ffffff !important;
  }
.app-root .card {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05),
      0 12px 28px -16px rgb(224 104 48 / 0.1);
}
.app-root .surface-panel {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05),
      0 16px 32px -18px rgb(15 23 42 / 0.1);
}
.app-root .demo-card {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    --tw-ring-color: rgb(224 104 48 / 0.08) !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05),
      0 10px 24px -14px rgb(224 104 48 / 0.12) !important;
  }
.app-root .btn-primary {
    color: #fff !important;
  }
.app-root .btn-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 104 48 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #f1f5f9;
}
.app-root .btn-primary {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22),
      0 2px 4px rgb(15 23 42 / 0.08), 0 10px 24px -10px var(--brand-glow) !important;
  }
.app-root .sidebar-toolbar-btn {
    color: #475569 !important;
  }
.app-root .sidebar-toolbar-btn:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
  }
.app-root .sidebar-toolbar-btn:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 104 48 / var(--tw-ring-opacity));
    --tw-ring-offset-color: #f8fafc !important;
}
.app-root .sidebar-toolbar-btn__badge {
    --tw-ring-color: #f8fafc;
  }
.app-root .sidebar-toolbar-btn--active {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
  }
.app-root .sidebar-tray-flyout {
    border-color: #cbd5e1 !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    box-shadow: 0 10px 25px -5px rgb(15 23 42 / 0.12) !important;
  }
.app-root .bg-brand-500.text-white,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .btn-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.app-root .btn-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.app-root .btn-secondary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 104 48 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #f1f5f9;
}
.app-root .no-image-placeholder {
    background-color: #dbe7f6 !important;
    border-color: #b7c5d8 !important;
    color: #475569 !important;
    --tw-ring-color: rgb(148 163 184 / 0.25) !important;
  }
.app-root .bg-red-900 {
    background-color: #fef2f2 !important;
  }
.app-root .bg-green-900 {
    background-color: #f0fdf4 !important;
  }
.app-root .bg-green-950\/30 {
    background-color: rgba(220, 252, 231, 0.85) !important;
  }
.app-root .border-green-500\/30 {
    border-color: #bbf7d0 !important;
  }
.app-root .text-red-100,
  .app-root .hover\:text-red-100:hover {
    color: #b91c1c !important;
  }
.app-root .text-green-100 {
    color: #15803d !important;
  }
.app-root .shadow-black\/20,
  .app-root .shadow-black\/30 {
    --tw-shadow-color: rgb(148 163 184 / 0.35) !important;
  }
.app-root .bg-gray-800 {
    background-color: #e8edf7 !important;
  }
.app-root .hover\:bg-gray-700:hover {
    background-color: #e2e8f0 !important;
  }
.app-root .border-gray-600 {
    border-color: #cbd5e1 !important;
  }
.app-root .text-gray-400 {
    color: #64748b !important;
  }
.app-root .text-slate-50 {
    color: #0f172a !important;
  }
.app-root .file\:bg-slate-600::file-selector-button {
    background-color: #94a3b8 !important;
  }
.app-root .file\:text-white::file-selector-button {
    color: #0f172a !important;
  }
.app-root .bg-brand-500.file\:text-white::file-selector-button,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .hover\:bg-slate-900:hover {
    background-color: #eaf0f7 !important;
  }
.app-root .bg-slate-800\/60,
  .app-root .hover\:bg-slate-800\/50:hover,
  .app-root .bg-slate-800\/45,
  .app-root .bg-slate-800\/40,
  .app-root .bg-slate-800\/30,
  .app-root .bg-slate-800\/80,
  .app-root .bg-slate-800\/90 {
    background-color: rgba(203, 215, 233, 0.72) !important;
  }
.app-root .hover\:bg-slate-700\/50:hover,
  .app-root .bg-slate-700\/70,
  .app-root .bg-slate-700\/40,
  .app-root .bg-slate-700\/30,
  .app-root .bg-slate-700 {
    background-color: rgba(183, 197, 218, 0.76) !important;
  }
.app-root .bg-slate-700\/50,
  .app-root .bg-slate-700\/70,
  .app-root .hover\:bg-slate-700\/40:hover,
  .app-root .bg-slate-700\/30,
  .app-root .bg-slate-700 {
    background-color: rgba(183, 197, 218, 0.76) !important;
  }
.app-root .hover\:bg-slate-700:hover\/50,
  .app-root .bg-slate-700\/70,
  .app-root .bg-slate-700\/40,
  .app-root .bg-slate-700\/30,
  .app-root .bg-slate-700 {
    background-color: rgba(183, 197, 218, 0.76) !important;
  }
.app-root .hover\:text-white:hover {
    color: #0f172a !important;
  }
.app-root .text-gray-100,
  .app-root .hover\:text-gray-200:hover,
  .app-root .text-gray-300,
  .app-root .text-slate-100,
  .app-root .text-slate-200,
  .app-root .text-slate-300 {
    color: #334155 !important;
  }
.app-root .text-gray-100,
  .app-root .text-gray-200,
  .app-root .text-gray-300,
  .app-root .hover\:text-slate-100:hover,
  .app-root .text-slate-200,
  .app-root .text-slate-300 {
    color: #334155 !important;
  }
.app-root .text-gray-100,
  .app-root .text-gray-200,
  .app-root .text-gray-300,
  .app-root .text-slate-100,
  .app-root .hover\:text-slate-200:hover,
  .app-root .text-slate-300 {
    color: #334155 !important;
  }
.app-root .text-gray-100,
  .app-root .text-gray-200,
  .app-root .text-gray-300,
  .app-root .text-slate-100,
  .app-root .text-slate-200,
  .app-root .hover\:text-slate-300:hover {
    color: #334155 !important;
  }
.app-root .text-amber-100,
  .app-root .hover\:text-amber-200:hover {
    color: #92400e !important;
  }
.app-root .hover\:text-emerald-100:hover,
  .app-root .text-emerald-200 {
    color: #047857 !important;
  }
.app-root .hover\:text-orange-100:hover,
  .app-root .text-orange-200 {
    color: #883e1a !important;
  }
.app-root .text-orange-100,
  .app-root .hover\:text-orange-200:hover {
    color: #883e1a !important;
  }
.app-root .hover\:text-cyan-100:hover,
  .app-root .text-cyan-200 {
    color: #0e7490 !important;
  }
.app-root .listing-quality-guide .hover\:text-orange-100:hover {
    color: #883e1a !important;
  }
.app-root .listing-quality-guide .hover\:bg-brand-900\/20:hover, .app-root .listing-quality-guide .bg-brand-900\/25 {
  background-color: rgb(255 237 217 / 0.8);
}
.app-root .hover\:text-red-300:hover,
  .app-root .text-red-400,
  .app-root .text-red-400\/90 {
    color: #b91c1c !important;
  }
.app-root .hover\:bg-brand-900\/20:hover,
  .app-root .bg-brand-900\/25,
  .app-root .bg-brand-900\/30,
  .app-root .bg-brand-900\/40 {
    background-color: rgba(255, 248, 240, 0.92) !important;
  }
.app-root .bg-brand-900\/20,
  .app-root .bg-brand-900\/25,
  .app-root .bg-brand-900\/30,
  .app-root .hover\:bg-brand-900\/40:hover {
    background-color: rgba(255, 248, 240, 0.92) !important;
  }
.app-root .hover\:text-orange-200\/90:hover {
    color: #883e1a !important;
  }
.app-root .hover\:bg-orange-900\/30:hover {
    background-color: rgba(224, 104, 48, 0.14) !important;
  }
.app-root .border-gray-700,
  .app-root .border-gray-600,
  .app-root .border-gray-500,
  .app-root .border-slate-500\/60,
  .app-root .hover\:border-slate-600:hover,
  .app-root .border-slate-600\/80,
  .app-root .border-slate-600\/70,
  .app-root .border-slate-600\/60,
  .app-root .border-slate-700,
  .app-root .border-slate-700\/80,
  .app-root .border-slate-700\/70,
  .app-root .border-slate-700\/60,
  .app-root .border-slate-700\/50,
  .app-root .border-slate-700\/40 {
    border-color: #cbd5e1 !important;
  }
.app-root .hover\:bg-red-800:hover {
    background-color: #b91c1c !important;
  }
.app-root .hover\:bg-red-700:hover {
    background-color: #dc2626 !important;
  }
.app-root .hover\:text-red-200:hover {
    color: #b91c1c !important;
  }
.app-root .bg-brand-500.hover\:text-white:hover,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .bg-brand-500.text-white,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .hover\:bg-green-700:hover.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .bg-brand-500.hover\:text-white:hover,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .bg-brand-500.text-white,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .hover\:bg-red-700:hover.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .bg-brand-500.hover\:text-white:hover,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .bg-brand-500.text-white,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .hover\:bg-red-800:hover.text-white {
    color: #fff !important;
  }
.app-root .bg-brand-500.hover\:text-white:hover,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
.app-root .hover\:text-red-100:hover,
  .app-root .hover\:text-red-100:hover {
    color: #b91c1c !important;
  }
.app-root .ring-offset-slate-950,
  .app-root .focus\:ring-offset-slate-900:focus,
  .app-root .ring-offset-slate-800 {
    --tw-ring-offset-color: #f8fafc !important;
  }
.app-root .group:hover .group-hover\:text-white {
    color: #0f172a !important;
  }
.app-root .group:hover .group-hover\:text-orange-100,
  .app-root .text-orange-200 {
    color: #883e1a !important;
  }
.app-root .group:hover .group-hover\:text-cyan-100,
  .app-root .text-cyan-200 {
    color: #0e7490 !important;
  }
.app-root .listing-quality-guide .group:hover .group-hover\:text-orange-100 {
    color: #883e1a !important;
  }
.app-root .bg-brand-500.group:hover .group-hover\:text-white,
  .app-root .bg-brand-600.text-white,
  .app-root .bg-orange-500.text-white,
  .app-root .bg-orange-600.text-white,
  .app-root .bg-orange-700.text-white,
  .app-root .bg-green-600.text-white,
  .app-root .bg-green-700.text-white,
  .app-root .bg-red-700.text-white,
  .app-root .bg-red-800.text-white {
    color: #fff !important;
  }
  .app-root .print\:bg-white,
  .app-root .bg-white\/90,
  .app-root .bg-white\/95 {
    background-color: #edf3fb !important;
  }
  .app-root .border-gray-700,
  .app-root .print\:border-gray-600,
  .app-root .border-gray-500,
  .app-root .border-slate-500\/60,
  .app-root .border-slate-600,
  .app-root .border-slate-600\/80,
  .app-root .border-slate-600\/70,
  .app-root .border-slate-600\/60,
  .app-root .border-slate-700,
  .app-root .border-slate-700\/80,
  .app-root .border-slate-700\/70,
  .app-root .border-slate-700\/60,
  .app-root .border-slate-700\/50,
  .app-root .border-slate-700\/40 {
    border-color: #cbd5e1 !important;
  }
  .app-root .print\:border-gray-600 {
    border-color: #cbd5e1 !important;
  }
}