/*
 * Glossroom module redesign
 * Loaded after module-local style blocks to provide one visual system without
 * changing business logic or JavaScript selectors.
 */

.tina-redesign .page-stage {
  --module-surface: rgba(22, 17, 19, 0.94);
  --module-surface-strong: #1b1517;
  --module-surface-soft: rgba(255, 255, 255, 0.025);
  --module-border: rgba(255, 255, 255, 0.1);
  --module-border-strong: rgba(210, 135, 147, 0.35);
  --module-text: #f4efeb;
  --module-muted: #a89e9b;
  --module-faint: #756c6a;
  --module-accent: #b53149;
  --module-accent-soft: #d28793;
  --module-positive: #68b391;
  --module-warning: #d0a760;
  --module-danger: #d96476;
  color: var(--module-text);
}

/* Canonical reference components added by assets/module-redesign.js */
.tina-redesign .page-stage .tina-module-intro {
  position: relative;
  margin: 18px 0 38px !important;
  padding: 30px clamp(20px, 3vw, 42px) !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 2px !important;
  background:
    radial-gradient(circle at 85% 20%, rgba(143, 31, 50, 0.22), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)) !important;
}

.tina-redesign .page-stage .tina-module-intro::before {
  content: "GLOSSROOM WORKSPACE";
  display: block;
  margin-bottom: 10px;
  color: var(--module-accent-soft);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.2em;
}

.tina-redesign .page-stage .tina-module-title {
  margin: 0 !important;
  color: var(--module-text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.3rem, 5vw, 4.7rem) !important;
  font-weight: 400 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
}

.tina-redesign .page-stage .tina-module-intro > :is(p, small, .text-muted):last-child {
  max-width: 760px;
  margin: 16px 0 0 !important;
  color: var(--module-muted) !important;
  line-height: 1.7;
}

.tina-redesign .page-stage .tina-table-scroll {
  width: 100%;
  margin-block: 14px 26px;
  overflow-x: auto;
  border: 1px solid var(--module-border);
  border-radius: 2px;
  background: rgba(8, 6, 7, 0.24);
}

.tina-redesign .page-stage .tina-table-scroll > table {
  margin: 0 !important;
  border: 0 !important;
}

.tina-redesign .page-stage .tina-module-form {
  accent-color: var(--module-accent);
}

.tina-redesign .page-stage .tina-module-card {
  isolation: isolate;
}

.tina-redesign .page-stage .tina-module-modal {
  border-radius: 2px !important;
}

/* Remove Bootstrap/light-theme residue, including common inline declarations. */
.tina-redesign .page-stage :is(
  .bg-white,
  .bg-light,
  .table-light,
  .list-group-item-light,
  .accordion-button,
  .accordion-button:not(.collapsed)
) {
  color: var(--module-text) !important;
  border-color: var(--module-border) !important;
  background: var(--module-surface) !important;
}

.tina-redesign .page-stage :is(.text-dark, .text-black, .link-dark) {
  color: var(--module-text) !important;
}

.tina-redesign .page-stage :is(.text-primary, .link-primary) {
  color: var(--module-accent-soft) !important;
}

.tina-redesign .page-stage :is(.border, .border-top, .border-end, .border-bottom, .border-start) {
  border-color: var(--module-border) !important;
}

.tina-redesign .page-stage [style*="background:#fff"],
.tina-redesign .page-stage [style*="background: #fff"],
.tina-redesign .page-stage [style*="background:white"],
.tina-redesign .page-stage [style*="background: white"],
.tina-redesign .page-stage [style*="background-color:#fff"],
.tina-redesign .page-stage [style*="background-color: #fff"],
.tina-redesign .page-stage [style*="background-color:white"],
.tina-redesign .page-stage [style*="background-color: white"],
.tina-redesign .page-stage [style*="background-color:#f8f9fa"],
.tina-redesign .page-stage [style*="background-color: #f8f9fa"],
.tina-redesign .page-stage [style*="background:#f8f9fa"],
.tina-redesign .page-stage [style*="background: #f8f9fa"],
.tina-redesign .page-stage [style*="background:#fafafa"],
.tina-redesign .page-stage [style*="background: #fafafa"],
.tina-redesign .page-stage [style*="background:#f7f7f7"],
.tina-redesign .page-stage [style*="background: #f7f7f7"] {
  background: var(--module-surface) !important;
}

.tina-redesign .page-stage [style*="color:#111"],
.tina-redesign .page-stage [style*="color: #111"],
.tina-redesign .page-stage [style*="color:#212529"],
.tina-redesign .page-stage [style*="color: #212529"],
.tina-redesign .page-stage [style*="color:black"],
.tina-redesign .page-stage [style*="color: black"] {
  color: var(--module-text) !important;
}

.tina-redesign .page-stage [style*="border-color:#ddd"],
.tina-redesign .page-stage [style*="border-color: #ddd"],
.tina-redesign .page-stage [style*="border:1px solid #ddd"],
.tina-redesign .page-stage [style*="border: 1px solid #ddd"],
.tina-redesign .page-stage [style*="border:1px solid #eee"],
.tina-redesign .page-stage [style*="border: 1px solid #eee"] {
  border-color: var(--module-border) !important;
}

.tina-redesign .page-stage > :is(
  .container,
  .container-fluid,
  .wrapper,
  .layout,
  .sheet,
  .bi-shell,
  .ru-shell,
  .psf-wrap,
  .psr-wrap,
  .mv-page-shell,
  .outfit-shell,
  .tagger-shell,
  .dc-shell,
  .label-queue-shell,
  .cleanup-shell,
  .legacy-import-wrapper,
  .minimal-edit-wrap,
  .dp-wrapper
) {
  width: min(1480px, 100%);
  max-width: none !important;
  margin-inline: auto !important;
}

.tina-redesign .page-stage > .container,
.tina-redesign .page-stage > .container-fluid {
  padding-inline: clamp(10px, 2.4vw, 34px);
}

.tina-redesign .page-stage :is(h1, h2, h3, h4, h5, h6) {
  color: var(--module-text);
}

.tina-redesign .page-stage :is(.muted, .bi-muted, .ru-muted, .lr-muted, .text-secondary) {
  color: var(--module-muted) !important;
}

.tina-redesign .page-stage :is(.soft-mono, .mono, .font-monospace, code, pre, .ru-code, .lr-mono) {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
}

.tina-redesign .page-stage :is(code, .ru-code, .lr-mono, .soft-mono) {
  color: #e5c3cc;
}

.tina-redesign .page-stage :is(
  .card,
  .box,
  .panel,
  .meta-card,
  .cleanup-card,
  .access-card,
  .coh-card,
  .lf-card,
  .bi-section,
  .bi-metric,
  .bi-kpi,
  .bi-opportunity-card,
  .ru-card,
  .ru-kpi,
  .lr-card,
  .lr-stat,
  .psf-card,
  .psf-kpi,
  .psr-card,
  .psr-kpi,
  .iab-card,
  .dc-card,
  .wizard-card,
  .queue-card,
  .bulk-card,
  .metadata-health-card,
  .item-modal,
  .tb-filter-section,
  .tb-action-card,
  .tb-vk-panel
) {
  color: var(--module-text) !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--module-surface) !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.22) !important;
}

.tina-redesign .page-stage :is(.card-header, .card-footer, .modal-header, .modal-footer) {
  color: var(--module-text);
  border-color: var(--module-border) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

.tina-redesign .page-stage :is(
  .card,
  .box,
  .panel,
  .meta-card,
  .cleanup-card,
  .access-card,
  .coh-card,
  .lf-card,
  .ru-card,
  .lr-card,
  .psf-card,
  .psr-card,
  .iab-card,
  .dc-card,
  .wizard-card,
  .queue-card,
  .bulk-card
) {
  overflow: clip;
}

.tina-redesign .page-stage :is(.alert, .access-info, .tb-warn, .dc-debug, .bi-note, .metadata-bar) {
  border: 1px solid var(--module-border-strong) !important;
  border-radius: 12px !important;
  color: var(--module-text) !important;
  background: rgba(143, 31, 50, 0.14) !important;
}

.tina-redesign .page-stage .alert-success {
  border-color: rgba(104, 179, 145, 0.4) !important;
  background: rgba(58, 128, 96, 0.18) !important;
}

.tina-redesign .page-stage .alert-warning {
  border-color: rgba(208, 167, 96, 0.4) !important;
  background: rgba(145, 104, 37, 0.17) !important;
}

.tina-redesign .page-stage .alert-danger {
  border-color: rgba(217, 100, 118, 0.45) !important;
  background: rgba(137, 35, 51, 0.22) !important;
}

.tina-redesign .page-stage :is(.badge, .pill, .mini-tag, .source-tag, .label-chip, .wizard-chip, .ru-chip, .tb-pill, .iab-badge, .canon-pill, .access-pill) {
  border: 1px solid var(--module-border) !important;
  border-radius: 999px !important;
  color: var(--module-text) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

.tina-redesign .page-stage :is(.badge.bg-primary, .badge.text-bg-primary, .pill.is-active, .mv-filter-pill.active, .btn-group .btn.active) {
  border-color: var(--module-accent) !important;
  background: var(--module-accent) !important;
}

.tina-redesign .page-stage :is(.btn, button, .canon-btn, .unknown-btn) {
  transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.tina-redesign .page-stage :is(.btn, .canon-btn, .unknown-btn):hover {
  transform: translateY(-1px);
}

.tina-redesign .page-stage :is(.btn-light, .btn-outline-secondary, .btn-secondary, .ghost-button, .outline-button) {
  color: var(--module-text) !important;
  border-color: var(--module-border) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.tina-redesign .page-stage :is(.btn-light, .btn-outline-secondary, .btn-secondary):hover {
  border-color: var(--module-border-strong) !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

.tina-redesign .page-stage :is(.btn-primary, .btn-success, .primary-button) {
  color: #fff !important;
  border-color: var(--module-accent) !important;
  background: var(--module-accent) !important;
}

.tina-redesign .page-stage :is(.btn-primary, .btn-success, .primary-button):hover {
  border-color: #c74259 !important;
  background: #c74259 !important;
}

.tina-redesign .page-stage :is(.btn-danger, .btn-outline-danger) {
  color: #ffdce2 !important;
  border-color: rgba(217, 100, 118, 0.6) !important;
  background: rgba(137, 35, 51, 0.18) !important;
}

.tina-redesign .page-stage :is(input, select, textarea, .form-control, .form-select, .input-group-text) {
  color: var(--module-text) !important;
  border-color: var(--module-border) !important;
  background-color: #171315 !important;
}

.tina-redesign .page-stage :is(input, select, textarea, .form-control, .form-select):focus {
  border-color: var(--module-accent) !important;
  box-shadow: 0 0 0 0.2rem rgba(181, 49, 73, 0.17) !important;
}

.tina-redesign .page-stage :is(input, textarea)::placeholder {
  color: var(--module-faint) !important;
}

.tina-redesign .page-stage option {
  color: var(--module-text);
  background: #171315;
}

.tina-redesign .page-stage .form-check-input {
  border-color: rgba(255, 255, 255, 0.24) !important;
  background-color: #171315 !important;
}

.tina-redesign .page-stage .form-check-input:checked {
  border-color: var(--module-accent) !important;
  background-color: var(--module-accent) !important;
}

.tina-redesign .page-stage :is(.table-responsive, .ru-scroll, .status-list-wrap, .inventory-table) {
  border: 1px solid var(--module-border);
  border-radius: 14px;
  background: rgba(10, 8, 9, 0.22);
}

.tina-redesign .page-stage :is(table, .table, .ru-table, .bi-table, .psf-table, .psr-table, .anomaly-table, .cleanup-table) {
  width: 100%;
  color: var(--module-text) !important;
  border-color: var(--module-border) !important;
  background: transparent !important;
}

.tina-redesign .page-stage :is(table, .table, .ru-table, .bi-table, .psf-table, .psr-table, .anomaly-table, .cleanup-table) th {
  position: relative;
  color: var(--module-accent-soft) !important;
  border-color: var(--module-border) !important;
  background: #181315 !important;
  font-size: 0.71rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tina-redesign .page-stage :is(table, .table, .ru-table, .bi-table, .psf-table, .psr-table, .anomaly-table, .cleanup-table) td {
  color: var(--module-text);
  border-color: var(--module-border) !important;
  background: transparent !important;
}

.tina-redesign .page-stage :is(table, .table) tbody tr {
  transition: background-color 0.16s ease;
}

.tina-redesign .page-stage :is(table, .table) tbody tr:hover > * {
  background: rgba(181, 49, 73, 0.08) !important;
}

.tina-redesign .page-stage :is(.nav-tabs, .ru-tabs, .feature-tabs) {
  gap: 6px;
  border-color: var(--module-border) !important;
}

.tina-redesign .page-stage :is(.nav-tabs .nav-link, .ru-tabs .nav-link, .feature-tabs a) {
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: var(--module-muted) !important;
  background: transparent !important;
}

.tina-redesign .page-stage :is(.nav-tabs .nav-link.active, .ru-tabs .nav-link.active, .feature-tabs a.active) {
  color: var(--module-text) !important;
  border-color: var(--module-border-strong) !important;
  background: rgba(143, 31, 50, 0.2) !important;
}

.tina-redesign .page-stage :is(.modal-content, .tb-modal, .wizard-modal-panel, .psr-lightbox, .item-modal) {
  color: var(--module-text) !important;
  border: 1px solid var(--module-border) !important;
  background: #120f10 !important;
  box-shadow: 0 30px 110px rgba(0, 0, 0, 0.58) !important;
}

.tina-redesign .page-stage :is(.modal-backdrop, .tb-modal-backdrop, .wizard-modal-backdrop, .item-modal-backdrop) {
  background: rgba(0, 0, 0, 0.78) !important;
  backdrop-filter: blur(5px);
}

/* Dashboard, statistics and business intelligence */
.tina-redesign .page-stage :is(.bi-shell, .module-dashboard > .container, .module-statistics > .container, .module-sale_analysis > .container) {
  color: var(--module-text);
}

.tina-redesign .page-stage :is(.bi-kpis, .bi-metric-grid, .metadata-health-grid, .coh-grid, .work-queue-grid) {
  gap: 14px !important;
}

.tina-redesign .page-stage :is(.bi-kpi, .bi-metric, .coh-kpi, .metadata-health-row) {
  padding: 20px !important;
}

.tina-redesign .page-stage :is(.bi-kpi-value, .bi-metric .value, .coh-kpi strong, .lr-stat strong, .psf-kpi .value, .psr-kpi .value) {
  color: var(--module-text) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.tina-redesign .page-stage :is(.bi-kpi-label, .bi-sale-viz-label, .psf-kpi .label, .psr-kpi .label) {
  color: var(--module-muted) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tina-redesign .page-stage .bi-bar {
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07) !important;
}

.tina-redesign .page-stage .bi-bar span {
  border-radius: inherit;
  background: linear-gradient(90deg, #7f1b2d, #cf5267) !important;
}

.tina-redesign .page-stage :is(.chart-wrap, .bi-sale-viz, .signals) {
  border: 1px solid var(--module-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02) !important;
}

.tina-redesign .page-stage :is(.dashboard-filter-panel, .filter-panel details) {
  border: 1px solid var(--module-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

/* Model view, inventory cards and item editing */
.tina-redesign .page-stage :is(.mv-filter-card, .mv-sticky-bar, .sticky-topbar, .sticky-finder-top, .sticky-tagger-top, .sticky-label-top, .lr-sticky, .dc-sticky) {
  border: 1px solid var(--module-border) !important;
  border-radius: 14px !important;
  background: rgba(18, 14, 16, 0.94) !important;
  box-shadow: 0 12px 45px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(15px);
}

.tina-redesign .page-stage :is(.mv-filter-pill, .mv-filter-chip, .mv-active-chip, .mv-tag, .feature-current-pill, .item-current-pill) {
  color: var(--module-muted) !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.tina-redesign .page-stage :is(.mv-filter-pill.is-active, .mv-filter-chip.is-active, .mv-active-chip) {
  color: var(--module-text) !important;
  border-color: var(--module-border-strong) !important;
}

.tina-redesign .module-looks :is(.mv-filter-pill.is-active, .mv-filter-chip.is-active) {
  color: #fff !important;
  border-color: #d28795 !important;
  background: linear-gradient(135deg, #a32642, #75182e) !important;
  box-shadow:
    0 0 0 2px rgba(210, 135, 149, 0.2),
    0 8px 22px rgba(117, 24, 46, 0.28) !important;
  font-weight: 700;
  transform: translateY(-1px);
}

.tina-redesign .module-looks .mv-filter-pill.is-active::before {
  content: "✓";
  margin-right: 0.42rem;
  color: #f8dbe1;
  font-size: 0.82em;
}

.tina-redesign .module-looks .mv-filter-pill:focus-visible {
  outline: 2px solid var(--wine-soft) !important;
  outline-offset: 3px;
}

.tina-redesign .module-looks .mv-modal-thumb.is-active {
  border-color: #d28795 !important;
  box-shadow: 0 0 0 3px rgba(210, 135, 149, 0.24) !important;
}

.tina-redesign .page-stage :is(.mv-image-wrap, .item-stage, .image-stage, .image-box, .popup-image-shell, .bulk-thumb, .item-modal-image) {
  overflow: hidden;
  border: 1px solid var(--module-border) !important;
  border-radius: 14px !important;
  background: #0b090a !important;
}

.tina-redesign .page-stage :is(.mv-image-wrap, .item-stage, .image-stage, .image-box, .popup-image-shell) img {
  transition: transform 0.35s ease, filter 0.35s ease;
}

.tina-redesign .page-stage :is(.mv-image-wrap, .item-stage, .image-stage, .image-box):hover img {
  transform: scale(1.015);
}

.tina-redesign .page-stage :is(.minimal-edit-grid, .source-meta-grid, .item-modal-grid) {
  gap: 14px !important;
}

.tina-redesign .page-stage :is(.source-meta-grid div, .item-modal-row) {
  border-color: var(--module-border) !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.tina-redesign .page-stage :is(.choice-btn, .characteristic-choice-btn, .wizard-option) {
  color: var(--module-text) !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.tina-redesign .page-stage :is(.choice-btn, .characteristic-choice-btn, .wizard-option):hover {
  border-color: var(--module-border-strong) !important;
  background: rgba(143, 31, 50, 0.14) !important;
}

/* Runtime usage and schema diagnostics */
.tina-redesign .page-stage :is(.ru-kpi, .ru-card) {
  padding: 18px !important;
}

.tina-redesign .page-stage :is(.ru-tree, #ru-network) {
  border: 1px solid var(--module-border) !important;
  border-radius: 14px !important;
  background: #100d0e !important;
}

.tina-redesign .page-stage :is(.ru-tree-file-line, .ru-tree-dir-summary) {
  border-color: var(--module-border) !important;
}

.tina-redesign .page-stage :is(.ru-dot, .legend-dot) {
  box-shadow: 0 0 0 4px rgba(181, 49, 73, 0.12);
}

/* Token boards, mappings and drag/drop */
.tina-redesign .page-stage :is(.tb-topbar, .tb-col-header, .iab-topbar, .iab-col-header) {
  color: var(--module-text) !important;
  border-color: var(--module-border) !important;
  background: #181315 !important;
}

.tina-redesign .page-stage :is(.tb-col, .iab-col, .tb-bucket, .tb-mini-bucket) {
  border: 1px solid var(--module-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.018) !important;
}

.tina-redesign .page-stage :is(.tb-item, .token, .token-row, .sugg-row, .iab-mini) {
  color: var(--module-text) !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.tina-redesign .page-stage :is(.tb-item, .token-row, .sugg-row):hover {
  border-color: var(--module-border-strong) !important;
  background: rgba(143, 31, 50, 0.12) !important;
}

.tina-redesign .page-stage :is(.tb-item.selected, .bulk-card.is-selected, .tb-bucket.drag-over) {
  border-color: var(--module-accent) !important;
  box-shadow: 0 0 0 3px rgba(181, 49, 73, 0.15) !important;
}

.tina-redesign .page-stage :is(.tb-buckets, .tb-buckets-strip, .bulk-bar, .queue-bulk-bar) {
  border-color: var(--module-border) !important;
  background: rgba(14, 11, 12, 0.96) !important;
  backdrop-filter: blur(15px);
}

.tina-redesign .page-stage :is(.tb-filter-field, .tb-filter-section) label {
  color: var(--module-muted) !important;
}

.tina-redesign .page-stage :is(.canon-btn, .unknown-btn) {
  color: var(--module-text) !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.tina-redesign .page-stage :is(.canon-btn.active, .canon-btn:hover, .unknown-btn:hover) {
  border-color: var(--module-accent) !important;
  background: rgba(143, 31, 50, 0.22) !important;
}

/* Brand intelligence, readiness and anomaly views */
.tina-redesign .page-stage :is(.lr-hero, .quality-summary) {
  border: 1px solid var(--module-border-strong) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 8% 50%, rgba(143, 31, 50, 0.22), transparent 32%),
    var(--module-surface) !important;
}

.tina-redesign .page-stage :is(.lr-issue, .issue) {
  border-color: var(--module-border) !important;
}

.tina-redesign .page-stage :is(.lr-issue:hover, .issue:hover) {
  background: rgba(181, 49, 73, 0.07) !important;
}

.tina-redesign .page-stage :is(.anomaly-table svg, .bi-logo, .table-img, .lr-thumb, .psr-thumb, .label-thumb) {
  border-radius: 10px;
}

.tina-redesign img[src*="assets/logos/"] {
  background: transparent !important;
  filter: grayscale(1) invert(1) contrast(1.18);
  mix-blend-mode: screen;
}

.tina-redesign .page-stage :is(.danger-zone, .lf-analysis.is-bad) {
  border: 1px solid rgba(217, 100, 118, 0.45) !important;
  border-radius: 14px !important;
  background: rgba(137, 35, 51, 0.15) !important;
}

/* PayPal sales */
.tina-redesign .page-stage :is(.psf-wrap, .psr-wrap) {
  color: var(--module-text);
}

.tina-redesign .page-stage :is(.psf-grid, .psr-grid) {
  gap: 14px !important;
}

.tina-redesign .page-stage :is(.psr-candidate, .psr-candidate-inner) {
  border-color: var(--module-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.tina-redesign .page-stage :is(.psr-score, .tb-score-badge) {
  border-radius: 999px !important;
}

.tina-redesign .page-stage .psr-score-high {
  color: #b7efcf !important;
  background: rgba(58, 128, 96, 0.22) !important;
}

.tina-redesign .page-stage .psr-score-mid {
  color: #f1d39c !important;
  background: rgba(145, 104, 37, 0.2) !important;
}

.tina-redesign .page-stage .psr-score-low {
  color: #f5b3bd !important;
  background: rgba(137, 35, 51, 0.2) !important;
}

/* Outfit finder, tagger and image analysis */
.tina-redesign .page-stage :is(.outfit-grid, .dc-grid, .wizard-result-grid) {
  gap: 16px !important;
}

.tina-redesign .page-stage :is(.outfit-card, .wizard-result-card, .image-match-card, .wizard-launch-card) {
  overflow: hidden;
  color: var(--module-text) !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 16px !important;
  background: var(--module-surface) !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.22) !important;
}

.tina-redesign .page-stage :is(.outfit-img-wrap, .dc-img-wrap, .wizard-result-img-wrap, .image-match-preview, .wizard-card-thumb) {
  overflow: hidden;
  border-color: var(--module-border) !important;
  background: #0b090a !important;
}

.tina-redesign .page-stage :is(.outfit-img-wrap, .dc-img-wrap, .wizard-result-img-wrap, .wizard-card-thumb) img {
  transition: transform 0.35s ease, filter 0.35s ease;
}

.tina-redesign .page-stage :is(.outfit-card, .wizard-result-card, .wizard-card-thumb):hover img {
  transform: scale(1.025);
}

.tina-redesign .page-stage :is(.dc-bar, .metadata-bar, .image-index-progress) {
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07) !important;
}

.tina-redesign .page-stage :is(.dc-bar-fill, .metadata-bar-fill, .image-index-progress-fill) {
  border-radius: inherit;
  background: linear-gradient(90deg, #7f1b2d, #cf5267) !important;
}

.tina-redesign .page-stage :is(.wizard-question, .wizard-results, .wizard-modal-body) {
  color: var(--module-text);
  border-color: var(--module-border) !important;
}

/* Labels and queues */
.tina-redesign .page-stage :is(.queue-list, .iab-list, .token-list, .canon-list) {
  border-color: var(--module-border) !important;
}

.tina-redesign .page-stage :is(.queue-row, .queue-list a) {
  color: var(--module-text) !important;
  border-color: var(--module-border) !important;
  background: transparent !important;
}

.tina-redesign .page-stage :is(.queue-row:hover, .queue-list a:hover, .queue-row.queue-selected) {
  background: rgba(181, 49, 73, 0.09) !important;
}

.tina-redesign .page-stage :is(.label-no-thumb, .psr-thumb-placeholder, .item-no-image, .detail-empty, .mv-empty) {
  color: var(--module-faint) !important;
  border: 1px dashed var(--module-border) !important;
  background: rgba(255, 255, 255, 0.018) !important;
}

/* Mapping, imports and accounting */
.tina-redesign .page-stage :is(.icm-details, .itm-details, .itx-toolbar, .quicklinks, .metadata-health-card) {
  border-color: var(--module-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.tina-redesign .page-stage :is(.icm-details summary, .itm-details summary, details summary) {
  color: var(--module-text);
}

.tina-redesign .page-stage :is(.cat-cyan, .cat-dunkelgrau, .cat-gelb, .cat-grün, .cat-kornblumenblau, .cat-magenta, .cat-rot, .cat-weiß) td {
  color: var(--module-text) !important;
  background: rgba(255, 255, 255, 0.018) !important;
}

.tina-redesign .page-stage :is(.imported, .tier-HIGH-row, .heat-dp-HIGH, .heat-msrp-good) td {
  background: rgba(58, 128, 96, 0.14) !important;
}

.tina-redesign .page-stage :is(.tier-MID-row, .heat-dp-MID, .heat-msrp-mid) td {
  background: rgba(145, 104, 37, 0.14) !important;
}

.tina-redesign .page-stage :is(.heat-dp-LOW, .heat-msrp-weak) td {
  background: rgba(137, 35, 51, 0.13) !important;
}

/* Maps and third-party canvases */
.tina-redesign .page-stage #item-locations-map {
  overflow: hidden;
  border: 1px solid var(--module-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.25);
}

.tina-redesign .page-stage .leaflet-popup-content-wrapper,
.tina-redesign .page-stage .leaflet-popup-tip {
  color: var(--module-text);
  background: #181315;
}

/* Scrollbars */
.tina-redesign .page-stage * {
  scrollbar-color: rgba(181, 49, 73, 0.65) rgba(255, 255, 255, 0.035);
  scrollbar-width: thin;
}

.tina-redesign .page-stage *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.tina-redesign .page-stage *::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.025);
}

.tina-redesign .page-stage *::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(181, 49, 73, 0.62);
  background-clip: padding-box;
}

/* Responsive module layouts */
@media (max-width: 1100px) {
  .tina-redesign .page-stage :is(
    .bi-kpis,
    .bi-metric-grid,
    .metadata-health-grid,
    .coh-grid,
    .work-queue-grid,
    .psf-grid,
    .psr-grid,
    .iab-grid,
    .dc-grid
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tina-redesign .page-stage :is(.tb-grid, .outfit-grid, .wizard-result-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .tina-redesign .page-stage {
    padding-inline: 0;
  }

  .tina-redesign .page-stage > :is(
    .container,
    .container-fluid,
    .wrapper,
    .layout,
    .sheet,
    .bi-shell,
    .ru-shell,
    .psf-wrap,
    .psr-wrap,
    .mv-page-shell,
    .outfit-shell,
    .tagger-shell,
    .dc-shell,
    .label-queue-shell,
    .cleanup-shell,
    .legacy-import-wrapper,
    .minimal-edit-wrap,
    .dp-wrapper
  ) {
    padding-inline: 9px !important;
  }

  .tina-redesign .page-stage :is(
    .bi-kpis,
    .bi-metric-grid,
    .metadata-health-grid,
    .coh-grid,
    .work-queue-grid,
    .psf-grid,
    .psr-grid,
    .iab-grid,
    .dc-grid,
    .tb-grid,
    .outfit-grid,
    .wizard-result-grid,
    .choice-grid,
    .characteristic-choice-grid,
    .minimal-edit-grid,
    .source-meta-grid,
    .item-modal-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  .tina-redesign .page-stage :is(.sticky-topbar, .mv-sticky-bar, .lr-sticky, .dc-sticky, .bulk-bar, .queue-bulk-bar) {
    position: relative !important;
    top: auto !important;
  }

  .tina-redesign .page-stage :is(.table-responsive, .ru-scroll, .inventory-table) {
    border-radius: 10px;
  }

  .tina-redesign .page-stage :is(.modal-dialog, .tb-modal, .wizard-modal-panel, .item-modal) {
    width: calc(100vw - 16px) !important;
    max-width: none !important;
    margin: 8px auto !important;
  }

  .tina-redesign .page-stage :is(.btn, button) {
    min-height: 40px;
  }
}

@media print {
  .tina-redesign .topbar,
  .tina-redesign .menu-dropdown,
  .tina-redesign .no-print,
  .tina-redesign footer {
    display: none !important;
  }

  .tina-redesign,
  .tina-redesign .app-shell,
  .tina-redesign .page-stage {
    color: #111 !important;
    background: #fff !important;
  }

  .tina-redesign .page-stage :is(.card, table, .table) {
    color: #111 !important;
    border-color: #bbb !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}

/* Reference-faithful module composition */
.tina-redesign .page-stage > .workspace,
.tina-redesign .page-stage .workspace {
  width: min(100%, 1600px);
  box-sizing: border-box;
}

.tina-redesign .page-stage .page-intro {
  border-bottom: 1px solid var(--line);
  padding-bottom: 28px;
}

.tina-redesign .page-stage .page-intro h1,
.tina-redesign .page-stage .dashboard-page-intro h1 {
  color: var(--ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(46px, 5vw, 72px) !important;
  font-weight: 400 !important;
  letter-spacing: -.055em;
  line-height: .95;
}

.tina-redesign .page-stage .page-intro p {
  max-width: 720px;
  color: var(--muted) !important;
  line-height: 1.65;
}

.tina-redesign .page-stage .tina-filter-panel {
  padding: 24px !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    var(--surface) !important;
  box-shadow: none !important;
}

.tina-redesign .dashboard-workspace {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tina-redesign .dashboard-page-intro {
  margin-top: 0;
}

.tina-redesign .dashboard-metrics,
.tina-redesign .dashboard-actions,
.tina-redesign .listing-readiness-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tina-redesign .dashboard-metrics > *,
.tina-redesign .dashboard-actions > *,
.tina-redesign .listing-readiness-metrics > * {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.tina-redesign .dashboard-metrics .card,
.tina-redesign .dashboard-actions .card,
.tina-redesign .listing-readiness-metrics .card {
  height: 100%;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
  box-shadow: none !important;
}

.tina-redesign .dashboard-metrics .card-body,
.tina-redesign .dashboard-actions .card-body,
.tina-redesign .listing-readiness-metrics .card-body {
  padding: 20px !important;
}

.tina-redesign .dashboard-metrics :is(.fs-5, .fw-semibold),
.tina-redesign .dashboard-actions :is(.fs-5, .fw-semibold),
.tina-redesign .listing-readiness-metrics .lr-stat {
  color: var(--ink) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px !important;
  font-weight: 400 !important;
}

.tina-redesign .sale-analysis-filter {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tina-redesign .sale-analysis-filter > * {
  flex: 1 1 170px;
  width: auto;
}

.tina-redesign .sale-analysis-filter > .col-12 {
  display: none;
}

.tina-redesign .mv-page-intro {
  align-items: flex-end !important;
}

.tina-redesign .mv-page-intro > div {
  min-width: 0;
}

.tina-redesign .mv-filter-card {
  margin-bottom: 38px !important;
}

.tina-redesign .outfit-reference-header {
  position: relative !important;
  top: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tina-redesign .outfit-reference-header .workspace {
  padding-bottom: 24px;
}

.tina-redesign .outfit-page-intro {
  align-items: flex-end !important;
  margin-bottom: 24px;
}

.tina-redesign .outfit-page-intro > div:last-child {
  justify-content: flex-end;
  max-width: 680px;
}

.tina-redesign .outfit-filter-panel {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.tina-redesign .outfit-content-workspace {
  padding-top: 30px;
}

.tina-redesign .listing-readiness-workspace .lr-hero {
  padding: 0 0 28px !important;
  border-width: 0 0 1px !important;
  background: transparent !important;
}

.tina-redesign .like-burst {
  position: fixed;
  width: 1px;
  height: 1px;
  z-index: 2000;
  overflow: visible;
  pointer-events: none;
}

.tina-redesign .like-burst .fa-heart {
  position: absolute;
  left: 0;
  top: 0;
  color: #ff4d6d;
  font-size: 1.1rem;
  opacity: 0;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .24));
  animation: tinabayLikePop 760ms cubic-bezier(.16, .84, .38, 1) forwards;
}

@keyframes tinabayLikePop {
  0% {
    transform: translate(-50%, -50%) scale(.55) rotate(-8deg);
    opacity: 0;
  }

  18% {
    opacity: 1;
  }

  100% {
    transform:
      translate(
        calc(-50% + var(--dx, 0px)),
        calc(-50% + var(--dy, 0px))
      )
      scale(1.2)
      rotate(var(--rot, 12deg));
    opacity: 0;
  }
}

@media (max-width: 1100px) {
  .tina-redesign .dashboard-metrics,
  .tina-redesign .dashboard-actions,
  .tina-redesign .listing-readiness-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .tina-redesign .page-stage .page-intro {
    align-items: flex-start !important;
    margin-bottom: 32px;
  }

  .tina-redesign .page-stage .page-intro h1,
  .tina-redesign .page-stage .dashboard-page-intro h1 {
    font-size: 44px !important;
  }

  .tina-redesign .dashboard-metrics,
  .tina-redesign .dashboard-actions,
  .tina-redesign .listing-readiness-metrics {
    grid-template-columns: 1fr;
  }

  .tina-redesign .page-stage .tina-filter-panel {
    padding: 16px !important;
  }
}