/* ==========================================================
   ATLAS LOCAL — FULL-COLOR BOARDWALK SYSTEM
   Source of truth for public, auth, commerce, reporting, admin.
   No inline styles. No white-base SaaS foundation.
   ========================================================== */

:root {
  --atlas-ink: #14212b;
  --atlas-ink-soft: #2a3f4d;
  --atlas-blue-deep: #123047;
  --atlas-blue-dark: #08233f;
  --atlas-blue: #0a3a67;
  --atlas-ocean: #33a9dc;
  --atlas-teal: #20b8a6;
  --atlas-teal-dark: #0f766e;
  --atlas-orange: #f97316;
  --atlas-orange-dark: #c2410c;
  --atlas-coral: #ff6f61;
  --atlas-lemon: #ffd84d;
  --atlas-sand: #f7dfa6;
  --atlas-sand-light: #fff3d6;
  --atlas-cream: #fff7ed;
  --atlas-paper: #ffffff;
  --atlas-muted: #5d7180;
  --atlas-line: rgba(20, 33, 43, 0.16);
  --atlas-line-strong: rgba(20, 33, 43, 0.28);
  --atlas-shadow: 0 18px 44px rgba(8, 35, 63, 0.22);
  --atlas-soft-shadow: 0 10px 26px rgba(8, 35, 63, 0.14);
  --atlas-radius-xl: 30px;
  --atlas-radius-lg: 22px;
  --atlas-radius-md: 16px;
  --atlas-radius-sm: 10px;
}

* {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(
      circle at 12% 8%,
      rgba(255, 216, 77, 0.42),
      transparent 18rem
    ),
    radial-gradient(
      circle at 88% 12%,
      rgba(32, 184, 166, 0.34),
      transparent 20rem
    ),
    linear-gradient(
      135deg,
      var(--atlas-blue-deep) 0%,
      #164864 44%,
      #0b5d69 100%
    );
  color: var(--atlas-ink);
  font-family:
    "Nunito Sans",
    "Hanken Grotesk",
    "Lato",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  text-align: center;
}

main {
  flex: 1 0 auto;
}

img,
svg,
canvas,
iframe,
video {
  max-width: 100%;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

ul,
ol {
  text-align: left;
}

.atlas-page {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 2rem 1.25rem 4rem;
}

.is-hidden {
  display: none !important;
}

/* ==========================================================
   FLASH + NOTICES
   ========================================================== */

.flash-messages {
  width: min(100% - 2rem, 1180px);
  list-style: none;
  padding: 0;
  margin: 1rem auto 0;
}

.flash {
  padding: 0.85rem 1rem;
  margin: 0.35rem auto;
  border-radius: var(--atlas-radius-md);
  font-size: 0.95rem;
  font-weight: 900;
  color: #ffffff;
  background: var(--atlas-orange, #ff7a1a);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: var(--atlas-soft-shadow);
  text-align: center;
}

.flash.warning,
.flash.info {
  background: var(--atlas-orange, #ff7a1a);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.24);
}

.flash.error,
.flash.danger {
  background: #ffe4e6;
  color: #7f1d1d;
  border-color: rgba(220, 38, 38, 0.28);
}

.flash.success {
  background: #dcfce7;
  color: #064e3b;
  border-color: rgba(15, 118, 110, 0.28);
}

.notice-banner {
  width: min(100% - 2rem, 1180px);
  margin: 1rem auto 0;
  padding: 0.95rem 1rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(
      135deg,
      rgba(255, 216, 77, 0.96),
      rgba(255, 179, 71, 0.96)
    );
  color: var(--atlas-ink);
  border: 2px solid rgba(20, 33, 43, 0.18);
  box-shadow: var(--atlas-soft-shadow);
}

.notice-banner a {
  color: var(--atlas-blue-dark);
  font-weight: 1000;
  text-decoration: underline;
  text-underline-offset: 0.18rem;
}

/* ==========================================================
   HEADER / LOGO / MOBILE DRAWER
   ========================================================== */

.atlas-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  overflow: visible;
  background:
    linear-gradient(
      135deg,
      var(--atlas-sand-light) 0%,
      #ffedd5 54%,
      var(--atlas-sand) 100%
    );
  border-bottom: 5px solid var(--atlas-orange);
  box-shadow: 0 12px 30px rgba(124, 45, 18, 0.18);
}

.atlas-header-bar,
.atlas-header-bar--minimal {
  display: grid;
  grid-template-columns: minmax(190px, 310px) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0.7rem 1rem;
}

.atlas-header-brand-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}

.atlas-logo-link,
.atlas-logo-lockup {
  display: block;
  min-width: 0;
  text-decoration: none;
}

.atlas-logo {
  display: block;
  width: clamp(205px, 22vw, 310px);
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.atlas-header-nav-wrap {
  display: grid;
  gap: 0.45rem;
  justify-items: end;
  min-width: 0;
}

.atlas-user-strip {
  width: fit-content;
  max-width: 100%;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  text-align: right;
  color: var(--atlas-blue-dark);
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(249, 115, 22, 0.22);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.atlas-header-nav,
.atlas-admin-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  width: 100%;
  max-width: 100%;
}

.atlas-header-nav a,
.atlas-header-nav button,
.atlas-admin-nav a,
.atlas-nav-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0.55rem 0.72rem;
  border-radius: 999px;
  color: var(--atlas-blue-dark);
  font: inherit;
  font-size: 0.84rem;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(249, 115, 22, 0.24);
  cursor: pointer;
}

.atlas-header-nav a:hover,
.atlas-header-nav button:hover,
.atlas-admin-nav a:hover,
.atlas-nav-btn:hover {
  color: #ffffff;
  background: var(--atlas-orange);
  border-color: var(--atlas-orange);
  text-decoration: none;
}

.atlas-nav-form {
  display: inline-flex;
  margin: 0;
  padding: 0;
}

.atlas-nav-link {
  background: none;
  border: 0;
  color: inherit;
}

.atlas-nav-alert {
  background: var(--atlas-coral) !important;
  color: #ffffff !important;
}

.atlas-nav-alert::before {
  content: "";
}

.atlas-mobile-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(194, 65, 12, 0.35);
  border-radius: 999px;
  background:
    linear-gradient(
      135deg,
      var(--atlas-orange),
      var(--atlas-orange-dark)
    );
  box-shadow: 0 10px 24px rgba(124, 45, 18, 0.22);
}

.atlas-mobile-menu-toggle span:not(.atlas-menu-ticket-text) {
  display: none;
}

.atlas-mobile-menu-toggle .atlas-menu-ticket-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0;
  background: transparent;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 1000;
  letter-spacing: 0.11em;
  line-height: 1;
  text-transform: uppercase;
  transform: none;
  opacity: 1;
}

.atlas-mobile-menu-toggle-open {
  background:
    linear-gradient(
      135deg,
      var(--atlas-coral),
      var(--atlas-orange)
    );
  border-color: var(--atlas-orange-dark);
}

.atlas-mobile-menu-toggle-open .atlas-menu-ticket-text {
  transform: none;
  opacity: 1;
}

/* ==========================================================
   FOOTER
   ========================================================== */

.atlas-footer {
  flex-shrink: 0;
  padding: 1.1rem 1rem;
  background:
    linear-gradient(
      135deg,
      #07111f,
      var(--atlas-blue-dark)
    );
  color: #ffffff;
  text-align: center;
  border-top: 5px solid var(--atlas-orange);
}

.atlas-footer-inner {
  width: min(100%, 1180px);
  margin: 0 auto;
}

.atlas-footer p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.02em;
}

.atlas-footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
  margin-top: 0.45rem;
  font-size: 0.78rem;
}

.atlas-footer-nav a {
  color: var(--atlas-sand-light);
  text-decoration: none;
  opacity: 0.88;
}

.atlas-footer-nav a:hover,
.atlas-footer-nav a:focus {
  opacity: 1;
  text-decoration: underline;
}

/* ==========================================================
   SHARED PUBLIC / MARKETING LAYOUT
   ========================================================== */

.atlas-home-shell,
.public-marketing-shell,
.auth-marketing-shell,
.commerce-marketing-shell,
.customer-read-shell {
  display: grid;
  gap: 1.25rem;
  width: 100%;
}

.home-hero,
.portal-hero,
.public-marketing-hero,
.customer-read-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 1.25rem;
  align-items: stretch;
  padding: 1.4rem;
  border-radius: var(--atlas-radius-xl);
  background:
    radial-gradient(
      circle at 88% 16%,
      rgba(255, 216, 77, 0.28),
      transparent 16rem
    ),
    linear-gradient(
      135deg,
      var(--atlas-blue-dark),
      var(--atlas-blue-deep) 58%,
      #0b5d69
    );
  box-shadow: var(--atlas-shadow);
  text-align: left;
}

.home-hero-signed-in {
  background:
    radial-gradient(
      circle at 88% 16%,
      rgba(255, 216, 77, 0.28),
      transparent 16rem
    ),
    linear-gradient(
      135deg,
      var(--atlas-blue-dark),
      #12324f 54%,
      var(--atlas-teal-dark)
    );
}

.home-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 0.6rem;
}

.home-kicker,
.portal-kicker,
.public-section-label {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 0.85rem;
  padding: 0.36rem 0.7rem;
  border-radius: 999px;
  background: rgba(255, 247, 237, 0.94);
  color: var(--atlas-blue);
  border: 1px solid rgba(249, 115, 22, 0.28);
  font-size: 0.76rem;
  font-weight: 1000;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  line-height: 1.15;
}

.home-hero h1,
.portal-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.25rem, 5vw, 4.9rem);
  line-height: 0.94;
  letter-spacing: -0.06em;
  font-weight: 1000;
}

.home-hero p,
.portal-subtitle {
  max-width: 720px;
  margin: 1rem 0 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 1.08rem;
  line-height: 1.58;
}

.home-actions,
.portal-actions,
.commerce-actions,
.customer-read-actions,
.public-final-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  gap: 0.75rem;
  width: 100%;
  max-width: 100%;
  margin-top: 1.35rem;
}

.home-btn,
.portal-btn-primary,
.portal-btn-secondary,
.portal-btn-ghost,
.atlas-btn,
.portal-btn-danger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  padding: 0.82rem 1rem;
  border-radius: var(--atlas-radius-md);
  font-weight: 1000;
  line-height: 1.12;
  text-decoration: none;
  border: 1px solid transparent;
  overflow-wrap: anywhere;
  text-align: center;
}

.home-btn-primary,
.portal-btn-primary,
.atlas-btn {
  background: var(--atlas-orange);
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(249, 115, 22, 0.24);
}

.home-btn-primary:hover,
.portal-btn-primary:hover,
.atlas-btn:hover {
  background: var(--atlas-orange-dark);
  color: #ffffff !important;
  text-decoration: none;
}

.home-btn-secondary,
.portal-btn-secondary,
.portal-btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.28);
}

.home-btn-secondary:hover,
.portal-btn-secondary:hover,
.portal-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff !important;
  text-decoration: none;
}

.portal-btn-danger {
  background: #991b1b;
  color: #ffffff !important;
}

.portal-btn-danger:hover {
  background: #7f1d1d;
  text-decoration: none;
}

.home-image-card,
.customer-read-hero-panel {
  min-width: 0;
  padding: 0.75rem;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.home-image-placeholder {
  display: grid;
  gap: 0.85rem;
  align-content: start;
  justify-items: start;
  min-height: 280px;
  border-radius: 20px;
  padding: 1.25rem;
  color: var(--atlas-ink);
  font-weight: 900;
  text-align: left;
  background:
    radial-gradient(
      circle at top right,
      rgba(255, 216, 77, 0.58),
      transparent 9rem
    ),
    linear-gradient(
      135deg,
      var(--atlas-sand-light),
      #ccfbf1 64%,
      #e0f2fe
    );
  border: 2px solid rgba(20, 33, 43, 0.12);
}

.home-image-placeholder::before {
  content: "Custom Local Solutions";
  display: inline-flex;
  width: fit-content;
  padding: 0.38rem 0.7rem;
  border-radius: 999px;
  background: var(--atlas-blue);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.home-image-placeholder span {
  display: block;
  max-width: 20rem;
  color: var(--atlas-blue-dark);
  font-size: clamp(1.55rem, 4vw, 2.45rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.home-card-grid,
.public-product-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.home-feature-card,
.portal-card,
.public-product-card,
.public-methodology-card,
.public-product-detail-card,
.commerce-stat-card,
.commerce-list-item,
.customer-read-product-card,
.customer-read-verbatim,
.customer-read-score-row,
.public-mini-card,
.admin-mini-block,
.admin-entitlement-card,
.support-message-card {
  min-width: 0;
  padding: 1.2rem;
  border-radius: var(--atlas-radius-lg);
  background:
    linear-gradient(
      135deg,
      var(--atlas-sand-light) 0%,
      #ffffff 52%,
      #ecfeff 100%
    );
  border: 1px solid rgba(20, 33, 43, 0.14);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

.home-feature-card:nth-child(3n + 2),
.public-mini-card:nth-child(3n + 2),
.customer-read-product-card:nth-child(3n + 2) {
  background:
    linear-gradient(
      135deg,
      #ecfeff 0%,
      #ffffff 54%,
      #fff7ed 100%
    );
}

.home-feature-card:nth-child(3n),
.public-mini-card:nth-child(3n),
.customer-read-product-card:nth-child(3n) {
  background:
    linear-gradient(
      135deg,
      #fff7ed 0%,
      #ffffff 54%,
      #eef2ff 100%
    );
}

.home-feature-card:hover,
.commerce-list-item:hover,
.home-product-list a:hover {
  transform: translateY(-2px);
  text-decoration: none;
  border-color: rgba(249, 115, 22, 0.36);
}

.home-feature-card span,
.customer-read-badge,
.customer-read-product-copy > span {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.65rem;
  padding: 0.3rem 0.62rem;
  border-radius: 999px;
  background: rgba(32, 184, 166, 0.14);
  color: var(--atlas-teal-dark);
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.home-feature-card-orange span,
.customer-read-demo-card .customer-read-product-copy > span {
  background: rgba(249, 115, 22, 0.14);
  color: var(--atlas-orange-dark);
}

.home-feature-card h2,
.portal-card h2,
.portal-card h3,
.home-split-copy h2,
.public-accent-copy h2,
.customer-read-section-heading h2,
.customer-read-product-copy h3 {
  margin: 0;
  color: var(--atlas-ink);
  letter-spacing: -0.04em;
  line-height: 1.02;
}

.home-feature-card h2 {
  font-size: 1.36rem;
}

.home-feature-card p,
.portal-card p,
.home-split-copy p,
.public-accent-copy p,
.commerce-list-item p,
.customer-read-product-copy p {
  margin: 0.75rem 0 0;
  color: var(--atlas-muted);
  line-height: 1.55;
}

.home-split-section,
.auth-split-section,
.commerce-split-section,
.public-product-intro,
.public-methodology-intro,
.public-next-step {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
  gap: 1rem;
  align-items: stretch;
  padding: 1.25rem;
  border-radius: var(--atlas-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 216, 77, 0.96),
      rgba(255, 179, 71, 0.94)
    );
  border: 2px solid rgba(20, 33, 43, 0.16);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.home-split-copy h2,
.public-accent-copy h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
}

.home-product-list,
.public-card-stack,
.commerce-list,
.customer-read-product-list,
.customer-read-score-list,
.customer-read-plain-steps,
.nps-breakdown-list {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.home-product-list a,
.home-product-list div {
  display: grid;
  gap: 0.24rem;
  padding: 0.9rem;
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(20, 33, 43, 0.12);
  color: inherit;
  text-decoration: none;
}

.home-product-list strong,
.commerce-list-item strong,
.public-mini-card strong,
.customer-read-score-row strong {
  color: var(--atlas-ink);
}

.home-product-list span,
.commerce-list-item span,
.public-mini-card span,
.customer-read-score-row span {
  color: var(--atlas-muted);
  line-height: 1.42;
}

/* ==========================================================
   PUBLIC PRODUCT PAGES
   ========================================================== */

.public-product-grid,
.public-methodology-grid,
.public-two-column,
.customer-read-report-grid,
.customer-read-verbatim-grid,
.product-insight-grid {
  display: grid;
  gap: 1rem;
}

.public-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-methodology-grid,
.public-two-column,
.customer-read-verbatim-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-card-title-link,
.portal-card-title-link,
.portal-inline-link,
.current-signal-report-link {
  color: inherit;
  text-decoration: none;
}

.public-card-title-link:hover,
.portal-card-title-link:hover,
.portal-inline-link:hover,
.current-signal-report-link:hover {
  color: var(--atlas-orange-dark);
  text-decoration: underline;
  text-underline-offset: 0.18rem;
}

.public-product-meta {
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--atlas-line);
}

.public-product-meta strong {
  display: block;
  color: var(--atlas-teal-dark);
  font-size: 0.76rem;
  font-weight: 1000;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.public-price-block {
  margin-top: 1rem;
  padding: 0.95rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(
      135deg,
      var(--atlas-cream),
      #ecfeff
    );
  border: 1px solid rgba(249, 115, 22, 0.24);
}

.public-price-block strong {
  display: block;
  color: var(--atlas-blue-dark);
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.055em;
}

.public-price-block span {
  display: block;
  margin-top: 0.35rem;
  color: var(--atlas-orange-dark);
  font-size: 0.75rem;
  font-weight: 1000;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.public-price-block p {
  margin: 0.65rem 0 0;
  color: var(--atlas-muted);
}

.public-accent-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: 1rem;
  align-items: start;
  padding: 1.25rem;
  border-radius: var(--atlas-radius-xl);
  background:
    radial-gradient(
      circle at 90% 8%,
      rgba(255, 216, 77, 0.3),
      transparent 16rem
    ),
    linear-gradient(
      135deg,
      var(--atlas-blue-dark),
      var(--atlas-blue-deep) 60%,
      var(--atlas-teal-dark)
    );
  box-shadow: var(--atlas-shadow);
  text-align: left;
}

.public-accent-copy h2 {
  color: #ffffff;
}

.public-accent-copy p {
  color: rgba(255, 255, 255, 0.8);
}

.public-accent-panel .public-price-block {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}

.public-accent-panel .public-price-block strong {
  color: #ffffff;
}

.public-accent-panel .public-price-block span {
  color: var(--atlas-sand-light);
}

.public-accent-panel .public-price-block p {
  color: rgba(255, 255, 255, 0.8);
}

.public-mini-card-accent {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(255, 255, 255, 0.22);
}

.public-numbered-card {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
}

.public-numbered-card strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  min-height: 2rem;
  border-radius: 8px;
  background: rgba(249, 115, 22, 0.14);
  color: var(--atlas-orange-dark);
  font-size: 0.78rem;
  font-weight: 1000;
}

.public-numbered-card span {
  margin-top: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;
}

/* ==========================================================
   FORMS / AUTH / COMMERCE
   ========================================================== */

.content-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem 1.5rem 3rem;
}

.atlas-form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 1.25rem;
  background: rgba(255, 247, 237, 0.9);
  border: 1px solid rgba(20, 33, 43, 0.12);
  border-radius: var(--atlas-radius-lg);
  box-shadow: var(--atlas-soft-shadow);
}

.auth-form-card .atlas-form,
.commerce-form-card .atlas-form,
.customer-read-product-settings-tile .atlas-form {
  max-width: none;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.atlas-fieldset {
  width: 100%;
  padding: 1.25rem;
  margin: 0 0 1.25rem;
  border: 1px solid rgba(20, 33, 43, 0.14);
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.7);
  text-align: left;
}

.atlas-fieldset-login {
  background:
    linear-gradient(
      135deg,
      rgba(224, 242, 254, 0.78),
      rgba(255, 255, 255, 0.82)
    );
  border-color: rgba(7, 89, 133, 0.28);
  box-shadow: inset 0 5px 0 rgba(7, 89, 133, 0.16);
}

.atlas-fieldset legend {
  padding: 0 0.35rem;
  color: var(--atlas-blue-dark);
  font-size: 1.05rem;
  font-weight: 1000;
}

.form-row,
.portal-form {
  display: grid;
  gap: 0.45rem;
  margin-bottom: 1rem;
  text-align: left;
}

.form-row label,
.portal-form label,
.admin-inline-form label,
.admin-compact-form label,
.admin-stacked-form label {
  color: var(--atlas-ink);
  font-size: 0.94rem;
  font-weight: 900;
}

.form-row input,
.form-row select,
.form-row textarea,
.portal-form input,
.portal-form select,
.portal-form textarea,
.product-tier-select,
.product-interval-select,
.admin-inline-form input,
.admin-compact-form input,
.admin-stacked-form input,
.admin-stacked-form select {
  width: 100%;
  min-height: 44px;
  padding: 0.68rem 0.82rem;
  border: 1px solid rgba(20, 33, 43, 0.18);
  border-radius: 14px;
  background: #ffffff;
  color: var(--atlas-ink);
  box-sizing: border-box;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus,
.portal-form input:focus,
.portal-form select:focus,
.portal-form textarea:focus,
.product-tier-select:focus,
.product-interval-select:focus {
  outline: 3px solid rgba(249, 115, 22, 0.22);
  border-color: var(--atlas-orange);
}

.portal-form textarea,
.form-row textarea {
  min-height: 9rem;
  resize: vertical;
}

.checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.checkbox-row input[type="checkbox"],
.invitation-toggle-row input {
  flex: 0 0 auto;
  width: auto;
  margin-top: 0;
}

.error {
  margin-top: 0.25rem;
  color: #b91c1c;
  font-size: 0.84rem;
  font-weight: 800;
}

.password-field {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

.password-field .password-input {
  flex: 1;
  min-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.password-toggle {
  min-width: 72px;
  padding: 0 0.8rem;
  border: 1px solid rgba(20, 33, 43, 0.18);
  border-left: 0;
  border-radius: 0 14px 14px 0;
  background: var(--atlas-blue);
  color: #ffffff;
  font-weight: 900;
}

.password-toggle:hover {
  background: var(--atlas-orange);
}

.portal-login-links {
  display: grid;
  gap: 0.45rem;
  margin-top: 1rem;
  text-align: center;
}

.portal-login-links a {
  color: var(--atlas-blue);
  font-weight: 1000;
  text-decoration: none;
}

.portal-login-links a:hover {
  text-decoration: underline;
}

/* ==========================================================
   TABLES / CART / PAYMENT
   ========================================================== */

.portal-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.atlas-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 0.95rem;
  background: #ffffff;
  border-radius: var(--atlas-radius-md);
  overflow: hidden;
}

.atlas-table th {
  padding: 0.75rem;
  text-align: left;
  background: var(--atlas-cream);
  color: var(--atlas-blue-dark);
  border-bottom: 1px solid rgba(249, 115, 22, 0.2);
  font-weight: 1000;
}

.atlas-table td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid rgba(20, 33, 43, 0.1);
  color: var(--atlas-ink);
}

.atlas-table a {
  color: var(--atlas-orange-dark);
  font-weight: 900;
  text-decoration: none;
}

.atlas-table a:hover {
  text-decoration: underline;
}

.atlas-cart-summary,
.atlas-cart-actions,
.payment-actions,
.product-price-display {
  margin-top: 1.25rem;
}

.atlas-cart-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.payment-container {
  max-width: 460px;
  margin: 0 auto;
}

.payment-error {
  margin-top: 0.75rem;
  color: #b91c1c;
  font-weight: 800;
}

.product-pricing-form {
  display: grid;
  gap: 0.75rem;
  width: 100%;
  margin-top: 1rem;
}

.product-selector-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.product-selector-field {
  display: grid;
  gap: 0.25rem;
}

.product-submit-button {
  width: 100%;
  min-height: 42px;
  white-space: normal;
}

/* ==========================================================
   CUSTOMER READ / RESULTS / REPORTING
   ========================================================== */

.customer-read-stat {
  padding: 1rem;
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.customer-read-stat strong {
  display: block;
  color: #ffffff;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1;
  letter-spacing: -0.055em;
}

.customer-read-stat span {
  display: block;
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.78rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.customer-read-product-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: 1rem;
  align-items: start;
}

.customer-read-demo-card {
  border-color: rgba(249, 115, 22, 0.3);
}

.customer-read-actions {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  margin-top: 1rem;
}

.customer-read-qr-panel,
.customer-read-empty-panel {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.9rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(
      135deg,
      var(--atlas-cream),
      #ccfbf1
    );
  border: 1px solid rgba(249, 115, 22, 0.2);
  text-align: left;
}

.customer-read-qr-image {
  display: block;
  width: 170px;
  max-width: 100%;
  height: auto;
  justify-self: center;
  border-radius: 12px;
  background: #ffffff;
}

.customer-read-qr-panel code,
.customer-read-empty-panel code,
.portal-card code {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.45rem 0.55rem;
  border-radius: var(--atlas-radius-sm);
  background: #ffffff;
  color: var(--atlas-blue);
  font-size: 0.74rem;
  overflow-wrap: anywhere;
  white-space: normal;
}

.customer-read-qr-actions {
  display: grid;
  gap: 0.55rem;
  width: 100%;
  margin-top: 0.75rem;
}

.customer-read-qr-actions .home-btn,
.customer-read-qr-actions .home-btn:visited {
  color: var(--atlas-blue-dark) !important;
  background: #ffffff;
  border-color: var(--atlas-line);
}

.customer-read-qr-actions .home-btn:hover,
.customer-read-qr-actions .home-btn:focus {
  background: var(--atlas-cream);
  color: var(--atlas-blue-dark) !important;
  border-color: rgba(10, 37, 64, 0.24);
}

.customer-read-copy-btn {
  font-family: inherit;
}

.customer-read-verbatim {
  border-left: 6px solid var(--atlas-orange);
}

.customer-read-verbatim span {
  display: block;
  margin: 0 0 0.55rem;
  color: var(--atlas-orange-dark);
  font-size: 0.75rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-read-verbatim p {
  margin: 0;
  color: var(--atlas-ink);
}

.customer-read-response-context {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.75rem;
}

.customer-read-response-context small {
  display: inline-flex;
  padding: 0.25rem 0.45rem;
  border-radius: 999px;
  background: rgba(32, 184, 166, 0.14);
  color: var(--atlas-teal-dark);
  font-weight: 1000;
}

.customer-read-score-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
}

.customer-read-plain-steps {
  padding: 0.9rem;
  border: 1px solid var(--atlas-line);
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.72);
}

.customer-read-plain-steps ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1.15rem;
}

.customer-read-plain-steps li {
  color: var(--atlas-muted);
  line-height: 1.42;
  font-size: 0.92rem;
}

.customer-read-plain-steps li strong {
  color: var(--atlas-ink);
}

/* NPS / report pieces */

.nps-centerpiece-card {
  display: grid;
  align-items: center;
  gap: 1.25rem;
}

.nps-donut-wrap {
  position: relative;
  width: min(240px, 70vw);
  aspect-ratio: 1;
  margin: 0 auto;
}

.nps-donut {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.nps-donut-bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.72);
  stroke-width: 5;
}

.nps-donut-segment {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
}

.nps-donut-promoters {
  stroke: var(--atlas-teal-dark);
}

.nps-donut-passives {
  stroke: #f59e0b;
}

.nps-donut-detractors {
  stroke: #dc2626;
}

.nps-donut-center {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  pointer-events: none;
}

.nps-donut-center strong {
  color: var(--atlas-ink);
  font-size: clamp(2.4rem, 12vw, 4.6rem);
  line-height: 0.9;
  letter-spacing: -0.08em;
}

.nps-donut-center span {
  color: var(--atlas-muted);
  font-size: 0.7rem;
  font-weight: 1000;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.nps-breakdown-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--atlas-line);
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.72);
  text-align: left;
}

.nps-breakdown-promoters {
  border-left: 8px solid var(--atlas-teal-dark);
}

.nps-breakdown-passives {
  border-left: 8px solid #f59e0b;
}

.nps-breakdown-detractors {
  border-left: 8px solid #dc2626;
}

.satisfaction-progress {
  width: 100%;
  height: 12px;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.1);
}

.satisfaction-progress::-webkit-progress-bar {
  background: rgba(15, 23, 42, 0.1);
}

.satisfaction-progress::-webkit-progress-value {
  background:
    linear-gradient(
      90deg,
      var(--atlas-orange),
      var(--atlas-teal-dark)
    );
}

.satisfaction-progress::-moz-progress-bar {
  background:
    linear-gradient(
      90deg,
      var(--atlas-orange),
      var(--atlas-teal-dark)
    );
}

/* ==========================================================
   SUPPORT / ADMIN
   ========================================================== */

.support-message-card {
  border-left: 6px solid var(--atlas-blue);
}

.support-message-admin {
  background:
    linear-gradient(
      135deg,
      var(--atlas-green),
      var(--atlas-teal-dark)
    ) !important;
  color: #ffffff !important;
  border-left-color: var(--atlas-orange);
  border-color: rgba(255, 255, 255, 0.24);
}

.support-message-customer {
  border-left-color: var(--atlas-teal-dark);
}

.support-message-meta {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  margin-bottom: 0.4rem;
}

.support-message-meta strong {
  color: var(--atlas-ink);
}

.support-message-admin .support-message-meta strong,
.support-message-admin .support-message-meta span,
.support-message-admin h3,
.support-message-admin p {
  color: #ffffff !important;
}

.support-message-meta span {
  color: var(--atlas-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.admin-control-panel {
  text-align: left;
}

.admin-inline-form,
.admin-compact-form,
.admin-stacked-form,
.admin-action-row,
.admin-action-stack {
  display: flex;
  gap: 0.65rem;
}

.admin-inline-form {
  align-items: flex-end;
  flex-wrap: wrap;
}

.admin-compact-form {
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

.admin-stacked-form {
  flex-direction: column;
  margin-top: 0.75rem;
}

.admin-action-row {
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.admin-action-stack {
  flex-direction: column;
  align-items: stretch;
}

.admin-message-card {
  padding: 0;
}

.admin-message-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  list-style: none;
}

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

.admin-message-body {
  border-top: 1px solid var(--atlas-line);
  padding: 1rem;
}

.admin-message-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.admin-message-form {
  display: grid;
  gap: 0.55rem;
  padding: 0.85rem;
  border-radius: var(--atlas-radius-md);
  border: 1px solid var(--atlas-line);
  background: rgba(255, 255, 255, 0.72);
}

.admin-message-form textarea {
  min-height: 7rem;
}

.admin-house-special-form textarea {
  min-height: 5.5rem;
}

/* ==========================================================
   INVITATION / BUSINESS CLAIM
   ========================================================== */

.invitation-toggle-row {
  align-items: flex-start;
}

.invitation-only,
.manual-business-fields {
  min-width: 0;
}

.business-invitation-preview {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--atlas-line);
  border-radius: var(--atlas-radius-lg);
  background:
    linear-gradient(
      135deg,
      var(--atlas-cream),
      #ffffff
    );
  box-shadow: var(--atlas-soft-shadow);
}

.business-invitation-preview strong {
  display: block;
  color: var(--atlas-ink);
  font-size: 1.1rem;
  line-height: 1.25;
}

.business-invitation-preview dl {
  display: grid;
  gap: 0.45rem;
  margin: 0;
}

.business-invitation-preview dl div {
  display: grid;
  grid-template-columns: 5.25rem minmax(0, 1fr);
  gap: 0.65rem;
}

.business-invitation-preview dt {
  color: var(--atlas-muted);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.business-invitation-preview dd {
  margin: 0;
  color: var(--atlas-ink);
  overflow-wrap: anywhere;
}

/* ==========================================================
   MISC EXISTING CLASSES
   ========================================================== */

.primary-block,
.portal-empty-state,
.full-report-link-block,
.commerce-itemization-card,
.nps-explainer {
  padding: 1rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(
      135deg,
      var(--atlas-cream),
      #ffffff
    );
  border: 1px solid var(--atlas-line);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.portal-muted,
.field-hint,
.fieldset-note,
.public-page-note {
  color: var(--atlas-muted);
}

.portal-badge,
.portal-badge-active,
.portal-badge-quiet {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: rgba(32, 184, 166, 0.14);
  color: var(--atlas-teal-dark);
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.portal-badge-quiet {
  background: rgba(249, 115, 22, 0.14);
  color: var(--atlas-orange-dark);
}

.portal-badge-active {
  background: rgba(15, 118, 110, 0.14);
  color: var(--atlas-teal-dark);
}

.portal-metric {
  margin: 0.75rem 0 0.25rem;
  color: var(--atlas-ink);
  font-size: 2.6rem;
  font-weight: 1000;
  letter-spacing: -0.06em;
  line-height: 1;
}

.full-report-btn {
  font-weight: 1000;
  letter-spacing: 0.04em;
  text-transform: capitalize;
  border: 2px solid var(--atlas-orange);
}

.full-report-link {
  color: var(--atlas-blue);
  font-weight: 900;
  text-decoration: underline;
}

.commerce-highlight-text {
  color: var(--atlas-orange-dark) !important;
  font-weight: 1000;
}

.text-wrapper h1,
.clean-title {
  color: var(--atlas-ink);
  font-size: 1.8rem;
  letter-spacing: -0.03em;
}

.text-wrapper p,
.clean-text {
  color: var(--atlas-ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (min-width: 820px) {
  .nps-centerpiece-card {
    grid-template-columns: minmax(180px, 260px) 1fr;
  }
}

@media (min-width: 901px) {
  .customer-read-paid-products-section .customer-read-product-card {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.95fr);
  }

  .customer-read-paid-products-section .customer-read-product-settings-tile {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1000px) {
  .public-product-grid,
  .public-methodology-grid,
  .public-two-column,
  .public-accent-panel,
  .customer-read-report-grid,
  .customer-read-product-card,
  .customer-read-verbatim-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .atlas-header-bar,
  .atlas-header-bar--minimal {
    position: relative;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0.65rem 0.85rem;
  }

  .atlas-header-brand-row {
    justify-content: space-between;
    width: 100%;
  }

  .atlas-logo {
    width: clamp(175px, 56vw, 260px);
  }

  .atlas-mobile-menu-toggle {
    display: inline-grid;
    grid-template-rows: repeat(3, auto);
  }

  .atlas-header-nav-wrap {
    display: none;
    justify-items: stretch;
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.9rem;
    border: 1px solid rgba(249, 115, 22, 0.24);
    border-radius: var(--atlas-radius-lg);
    background:
      linear-gradient(
        135deg,
        var(--atlas-sand-light),
        #ffedd5 54%,
        var(--atlas-sand)
      );
    box-shadow: 0 18px 42px rgba(124, 45, 18, 0.22);
  }

  .atlas-header-nav-wrap.atlas-mobile-menu-open {
    display: grid;
  }

  .atlas-user-strip {
    width: auto;
    margin-bottom: 0.45rem;
    text-align: left;
    font-size: 0.72rem;
  }

  .atlas-header-nav,
  .atlas-admin-nav {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
    align-items: stretch;
    gap: 0.35rem;
    padding: 0;
  }

  .atlas-admin-nav {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(124, 45, 18, 0.14);
  }

  .atlas-header-nav a,
  .atlas-header-nav button,
  .atlas-admin-nav a {
    display: block;
    width: 100%;
    padding: 0.78rem 0.85rem;
    border-radius: var(--atlas-radius-md);
    text-align: left;
    white-space: normal;
  }

  .atlas-nav-form {
    display: block;
    width: 100%;
  }

  .home-hero,
  .portal-hero,
  .public-marketing-hero,
  .customer-read-hero,
  .home-split-section,
  .auth-split-section,
  .commerce-split-section,
  .public-product-intro,
  .public-methodology-intro,
  .public-next-step {
    grid-template-columns: 1fr;
  }

  .home-card-grid,
  .public-product-overview {
    grid-template-columns: 1fr;
  }

  .home-image-placeholder {
    min-height: 210px;
  }

  .admin-message-summary,
  .admin-message-actions {
    grid-template-columns: 1fr;
  }

  .admin-message-main strong,
  .admin-message-main small {
    white-space: normal;
  }
}

@media (max-width: 760px) {
  .admin-inline-form,
  .admin-compact-form,
  .admin-action-row,
  .admin-action-stack,
  .support-message-meta {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-inline-form input,
  .admin-compact-form input,
  .admin-stacked-form input,
  .admin-stacked-form select {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .atlas-page {
    padding: 1rem 0.85rem 3rem;
  }

  .home-hero,
  .public-accent-panel,
  .home-split-section,
  .auth-split-section,
  .commerce-split-section,
  .public-product-intro,
  .public-methodology-intro,
  .public-next-step {
    padding: 1rem;
    border-radius: 22px;
  }

  .home-hero h1,
  .portal-title {
    font-size: clamp(2.1rem, 12vw, 3.55rem);
  }

  .home-hero p,
  .portal-subtitle {
    font-size: 0.98rem;
  }

  .home-actions,
  .portal-actions,
  .commerce-actions,
  .customer-read-actions {
    grid-template-columns: 1fr;
  }

  .home-feature-card,
  .portal-card,
  .public-product-card,
  .public-methodology-card,
  .public-product-detail-card,
  .public-mini-card,
  .customer-read-product-card {
    padding: 1rem;
    border-radius: 20px;
  }

  .home-image-placeholder {
    min-height: 185px;
  }

  .product-selector-row,
  .customer-read-score-row,
  .nps-breakdown-row {
    grid-template-columns: 1fr;
  }

  .public-numbered-card {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.6rem;
  }

  .public-numbered-card strong {
    width: 2rem;
    min-height: 1.85rem;
    font-size: 0.74rem;
  }

  .atlas-form {
    padding: 0;
    border: 0;
  }

  .atlas-fieldset {
    padding: 1rem;
  }

  .atlas-fieldset legend {
    max-width: calc(100vw - 4rem);
    white-space: normal;
  }

  .password-toggle {
    min-width: 58px;
    padding: 0 0.55rem;
    font-size: 0.78rem;
  }

  .portal-table-wrap {
    overflow-x: visible;
  }

  .portal-responsive-table {
    min-width: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.85rem;
  }

  .portal-responsive-table thead {
    display: none;
  }

  .portal-responsive-table,
  .portal-responsive-table tbody,
  .portal-responsive-table tr,
  .portal-responsive-table td {
    display: block;
    width: 100%;
  }

  .portal-responsive-table tr {
    padding: 0.85rem;
    border: 1px solid var(--atlas-line);
    border-radius: var(--atlas-radius-md);
    background: #ffffff;
    box-shadow: var(--atlas-soft-shadow);
  }

  .portal-responsive-table td {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.45rem 0;
    border: 0;
  }

  .portal-responsive-table td::before {
    content: attr(data-label);
    color: var(--atlas-muted);
    font-size: 0.72rem;
    font-weight: 1000;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .business-invitation-preview dl div {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
}

@media (max-width: 520px) {
  .atlas-logo {
    width: clamp(165px, 66vw, 235px);
  }

  .atlas-mobile-menu-toggle {
    width: 44px;
    height: 40px;
  }

  .portal-responsive-table td {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }
}

/* ==========================================================
   FINAL CUSTOMER-PAGE COSMETIC PATCH
   Button contrast, report headings, and customer card polish.
   ========================================================== */

.home-feature-card .home-btn-secondary,
.public-product-card .home-btn-secondary,
.public-mini-card .home-btn-secondary,
.commerce-list-item .home-btn-secondary,
.customer-read-product-card .home-btn-secondary,
.customer-read-qr-panel .home-btn-secondary,
.customer-read-product-settings-tile .home-btn-secondary,
.product-detail-shell .home-btn-secondary,
.account-product-catalog .home-btn-secondary {
  background: #ffffff;
  color: var(--atlas-blue-dark) !important;
  border: 1px solid rgba(10, 58, 103, 0.24);
  box-shadow: 0 8px 18px rgba(8, 35, 63, 0.08);
}

.home-feature-card .home-btn-secondary:hover,
.public-product-card .home-btn-secondary:hover,
.public-mini-card .home-btn-secondary:hover,
.commerce-list-item .home-btn-secondary:hover,
.customer-read-product-card .home-btn-secondary:hover,
.customer-read-qr-panel .home-btn-secondary:hover,
.customer-read-product-settings-tile .home-btn-secondary:hover,
.product-detail-shell .home-btn-secondary:hover,
.account-product-catalog .home-btn-secondary:hover {
  background: var(--atlas-cream);
  color: var(--atlas-orange-dark) !important;
  border-color: rgba(249, 115, 22, 0.38);
  text-decoration: none;
}

.full-report-btn,
.home-feature-card .full-report-btn,
.public-product-card .full-report-btn,
.customer-read-product-card .full-report-btn {
  background: #ffffff;
  color: var(--atlas-blue-dark) !important;
  border: 2px solid var(--atlas-orange);
  box-shadow: 0 8px 18px rgba(249, 115, 22, 0.12);
}

.full-report-btn:hover,
.home-feature-card .full-report-btn:hover,
.public-product-card .full-report-btn:hover,
.customer-read-product-card .full-report-btn:hover {
  background: var(--atlas-orange);
  color: #ffffff !important;
  border-color: var(--atlas-orange);
}

.public-mini-card form,
.commerce-list-item form {
  margin-top: 0.75rem;
}

.public-mini-card .home-btn,
.commerce-list-item .home-btn,
.public-product-card .home-btn,
.customer-read-product-card .home-btn {
  min-height: 42px;
}

.customer-read-section-heading {
  text-align: center;
  padding: 0.25rem 0 0;
}

.customer-read-section-heading .home-kicker {
  margin-left: auto;
  margin-right: auto;
}

.customer-read-section-heading h2 {
  margin: 0.35rem auto 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
  text-shadow: 0 3px 16px rgba(8, 35, 63, 0.38);
}

.customer-read-product-list {
  margin-top: 0.25rem;
}

.customer-read-product-card {
  background:
    linear-gradient(
      135deg,
      var(--atlas-sand-light) 0%,
      #ffffff 52%,
      #ecfeff 100%
    );
}

.customer-read-plain-steps {
  background: rgba(255, 255, 255, 0.9);
}

.customer-read-plain-steps strong {
  color: var(--atlas-blue-dark);
}

.customer-read-plain-steps li {
  color: var(--atlas-ink-soft);
}

.customer-read-qr-panel code {
  font-size: 0.78rem;
  color: var(--atlas-blue-dark);
}

.public-accent-panel .home-btn-secondary {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.28);
}

.public-accent-panel .home-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.24);
  color: #ffffff !important;
}

@media (max-width: 700px) {
  .customer-read-section-heading h2 {
    font-size: clamp(1.75rem, 10vw, 2.6rem);
  }
}

/* ==========================================================
   BOARDWALK POP PALETTE + SPOTLIGHT CARD SYSTEM
   Launch corrective pass.
   ========================================================== */

:root {
  --atlas-ink: #111827;
  --atlas-ink-soft: #26384d;

  --atlas-blue-deep: #071b33;
  --atlas-blue-dark: #06223f;
  --atlas-blue: #075985;
  --atlas-ocean: #00a6d6;
  --atlas-teal: #00b8a9;
  --atlas-teal-dark: #00796f;

  --atlas-yellow: #ffd447;
  --atlas-orange: #ff7a1a;
  --atlas-orange-dark: #c64a00;
  --atlas-green: #25A032;
  --atlas-coral: #ff4f64;
  --atlas-purple: #6d5df6;

  --atlas-mint: #bdf7e8;
  --atlas-sand: #f7dfa6;
  --atlas-sand-light: #fff4d6;
  --atlas-cream: #fff7ed;
  --atlas-paper: #ffffff;

  --atlas-muted: #4f6575;
  --atlas-line: rgba(17, 24, 39, 0.16);
  --atlas-line-strong: rgba(17, 24, 39, 0.3);

  --atlas-shadow: 0 20px 48px rgba(7, 27, 51, 0.28);
  --atlas-soft-shadow: 0 12px 28px rgba(7, 27, 51, 0.16);
}

body {
  background:
    radial-gradient(circle at 9% 6%, rgba(255, 212, 71, 0.44), transparent 18rem),
    radial-gradient(circle at 88% 9%, rgba(0, 184, 169, 0.32), transparent 20rem),
    radial-gradient(circle at 80% 92%, rgba(255, 79, 100, 0.18), transparent 24rem),
    linear-gradient(135deg, var(--atlas-blue-deep) 0%, #063b5c 48%, #054f5f 100%);
}

.atlas-header {
  background:
    linear-gradient(
      135deg,
      var(--atlas-yellow) 0%,
      #ffc247 48%,
      var(--atlas-sand) 100%
    );
  border-bottom: 5px solid var(--atlas-orange);
}

.atlas-header-nav a,
.atlas-header-nav button,
.atlas-admin-nav a,
.atlas-nav-btn {
  background: rgba(255, 255, 255, 0.62);
  color: var(--atlas-blue-deep);
  border-color: rgba(7, 27, 51, 0.18);
}

.atlas-header-nav a:hover,
.atlas-header-nav button:hover,
.atlas-admin-nav a:hover,
.atlas-nav-btn:hover {
  background: var(--atlas-blue-deep);
  color: #ffffff;
  border-color: var(--atlas-blue-deep);
}

.atlas-user-strip {
  background: rgba(255, 255, 255, 0.68);
  color: var(--atlas-blue-deep);
  border-color: rgba(7, 27, 51, 0.16);
}

.atlas-mobile-menu-toggle {
  display: none;
  min-width: 74px;
  width: auto;
  height: 42px;
  padding: 0 0.95rem;
  border: 2px solid var(--atlas-blue-deep);
  border-radius: 10px;
  background:
    linear-gradient(
      135deg,
      var(--atlas-blue-deep),
      var(--atlas-blue)
    );
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(7, 27, 51, 0.24);
}

.atlas-mobile-menu-toggle span:not(.atlas-menu-ticket-text) {
  display: none;
}

.atlas-menu-ticket-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0;
  background: transparent;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 1000;
  letter-spacing: 0.11em;
  line-height: 1;
  text-transform: uppercase;
  transform: none;
  opacity: 1;
}

.atlas-mobile-menu-toggle-open {
  background:
    linear-gradient(
      135deg,
      var(--atlas-coral),
      var(--atlas-orange)
    );
  border-color: var(--atlas-orange-dark);
  border-radius: 10px;
}

.atlas-mobile-menu-toggle-open .atlas-menu-ticket-text {
  transform: none;
  opacity: 1;
}

.home-hero,
.portal-hero,
.public-marketing-hero,
.customer-read-hero {
  background:
    radial-gradient(circle at 90% 14%, rgba(255, 212, 71, 0.34), transparent 17rem),
    linear-gradient(135deg, var(--atlas-blue-deep), #073455 54%, var(--atlas-teal-dark));
}

.home-split-section,
.auth-split-section,
.commerce-split-section,
.public-product-intro,
.public-methodology-intro,
.public-next-step {
  background:
    linear-gradient(
      135deg,
      var(--atlas-yellow),
      #ffbd3f 52%,
      var(--atlas-orange)
    );
}

.home-btn-primary,
.portal-btn-primary,
.atlas-btn {
  background: var(--atlas-orange);
  color: #ffffff !important;
  border-color: var(--atlas-orange);
}

.home-btn-primary:hover,
.portal-btn-primary:hover,
.atlas-btn:hover {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
}

.home-feature-card,
.portal-card,
.public-product-card,
.public-methodology-card,
.public-product-detail-card,
.commerce-stat-card,
.commerce-list-item,
.customer-read-product-card,
.customer-read-verbatim,
.customer-read-score-row,
.public-mini-card,
.admin-mini-block,
.admin-entitlement-card,
.support-message-card {
  background:
    linear-gradient(
      135deg,
      var(--atlas-sand-light) 0%,
      #ffffff 48%,
      var(--atlas-mint) 100%
    );
}

.home-feature-card:nth-child(3n + 2),
.public-mini-card:nth-child(3n + 2),
.customer-read-product-card:nth-child(3n + 2) {
  background:
    linear-gradient(
      135deg,
      #e0f2fe 0%,
      #ffffff 48%,
      var(--atlas-sand-light) 100%
    );
}

.home-feature-card:nth-child(3n),
.public-mini-card:nth-child(3n),
.customer-read-product-card:nth-child(3n) {
  background:
    linear-gradient(
      135deg,
      #fff1f2 0%,
      #ffffff 48%,
      #eef2ff 100%
    );
}

.atlas-spotlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.05rem;
}

.atlas-spotlight-card {
  min-width: 0;
  overflow: hidden;
  border: 2px solid rgba(7, 27, 51, 0.16);
  border-radius: 26px;
  background:
    linear-gradient(
      135deg,
      var(--atlas-sand-light) 0%,
      #ffffff 45%,
      var(--atlas-mint) 100%
    );
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.atlas-spotlight-card:nth-child(4n + 2) {
  background:
    linear-gradient(
      135deg,
      #e0f2fe 0%,
      #ffffff 48%,
      #fff4d6 100%
    );
}

.atlas-spotlight-card:nth-child(4n + 3) {
  background:
    linear-gradient(
      135deg,
      #fff1f2 0%,
      #ffffff 48%,
      #eef2ff 100%
    );
}

.atlas-spotlight-card:nth-child(4n) {
  background:
    linear-gradient(
      135deg,
      #ecfeff 0%,
      #ffffff 48%,
      #fef3c7 100%
    );
}

.atlas-spotlight-card[open] {
  border-color: var(--atlas-orange);
  box-shadow: 0 20px 46px rgba(255, 122, 26, 0.22);
}

.atlas-spotlight-summary {
  display: grid;
  gap: 0.8rem;
  padding: 1.1rem;
  cursor: pointer;
  list-style: none;
}

.atlas-spotlight-summary::-webkit-details-marker {
  display: none;
}

.atlas-spotlight-kicker {
  display: inline-flex;
  width: fit-content;
  padding: 0.32rem 0.68rem;
  border-radius: 999px;
  background: rgba(255, 122, 26, 0.15);
  color: var(--atlas-orange-dark);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.atlas-spotlight-card:nth-child(4n + 2) .atlas-spotlight-kicker {
  background: rgba(0, 166, 214, 0.14);
  color: var(--atlas-blue);
}

.atlas-spotlight-card:nth-child(4n + 3) .atlas-spotlight-kicker {
  background: rgba(255, 79, 100, 0.14);
  color: #be123c;
}

.atlas-spotlight-title {
  margin: 0;
  color: var(--atlas-ink);
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.atlas-spotlight-promise {
  margin: 0;
  color: var(--atlas-ink-soft);
  font-size: 1rem;
  line-height: 1.45;
}

.atlas-spotlight-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.atlas-spotlight-facts span {
  display: inline-flex;
  padding: 0.34rem 0.58rem;
  border-radius: 999px;
  background: rgba(7, 27, 51, 0.08);
  color: var(--atlas-blue-deep);
  font-size: 0.76rem;
  font-weight: 900;
}

.atlas-spotlight-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 38px;
  padding: 0.62rem 0.85rem;
  border-radius: 999px;
  background: var(--atlas-blue-deep);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 1000;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.atlas-spotlight-card[open] .atlas-spotlight-toggle {
  background: var(--atlas-orange);
}

.atlas-spotlight-card[open] .atlas-spotlight-toggle {
  gap: 0.25rem;
}

.atlas-spotlight-card[open] .atlas-spotlight-toggle {
  font-size: 0;
}

.atlas-spotlight-card[open] .atlas-spotlight-toggle::after {
  content: "Show Less";
  font-size: 0.82rem;
}

.atlas-spotlight-panel {
  display: grid;
  gap: 1rem;
  padding: 0 1.1rem 1.1rem;
}

.atlas-spotlight-benefits {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.atlas-spotlight-benefits li {
  display: grid;
  grid-template-columns: 1.7rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
  color: var(--atlas-ink-soft);
  line-height: 1.4;
}

.atlas-spotlight-benefits li::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  background: var(--atlas-teal);
  color: #ffffff;
  font-weight: 1000;
}

.atlas-spotlight-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.65rem;
}

.atlas-spotlight-note {
  margin: 0;
  padding: 0.8rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(7, 27, 51, 0.12);
  color: var(--atlas-ink-soft);
  line-height: 1.45;
}

@media (max-width: 1000px) {
  .atlas-spotlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .atlas-mobile-menu-toggle {
    display: inline-flex;
  }

  .atlas-spotlight-grid {
    grid-template-columns: 1fr;
  }

  .atlas-spotlight-summary,
  .atlas-spotlight-panel {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* ==========================================================
   SPOTLIGHT PRODUCT POSTER REFINEMENT
   Public /products prototype.
   ========================================================== */

.product-showcase-shell {
  gap: 1.35rem;
}

.product-showcase-hero .home-hero-copy h1 {
  max-width: 780px;
}

.product-showcase-sign .home-image-placeholder {
  min-height: 250px;
}

.product-proof-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.product-proof-card {
  padding: 1.15rem;
  border-radius: 24px;
  border: 2px solid rgba(7, 27, 51, 0.13);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.product-proof-card span {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.65rem;
  padding: 0.32rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.product-proof-card h2 {
  margin: 0;
  color: var(--atlas-ink);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.product-proof-card p {
  margin: 0.7rem 0 0;
  color: var(--atlas-ink-soft);
  line-height: 1.5;
}

.product-proof-fast {
  background: linear-gradient(135deg, var(--atlas-yellow), var(--atlas-sand-light));
}

.product-proof-fast span {
  background: rgba(7, 27, 51, 0.12);
  color: var(--atlas-blue-deep);
}

.product-proof-useful {
  background: linear-gradient(135deg, var(--atlas-mint), #ffffff);
}

.product-proof-useful span {
  background: rgba(0, 184, 169, 0.18);
  color: var(--atlas-teal-dark);
}

.product-proof-supported {
  background: linear-gradient(135deg, #fff1f2, #eef2ff);
}

.product-proof-supported span {
  background: rgba(255, 79, 100, 0.16);
  color: #be123c;
}

.product-spotlight-grid {
  align-items: start;
}

.atlas-spotlight-card {
  position: relative;
}

.atlas-spotlight-card::before {
  content: "";
  display: block;
  height: 12px;
  background: var(--atlas-orange);
}

.atlas-spotlight-card.spotlight-checkout::before {
  background: linear-gradient(90deg, var(--atlas-orange), var(--atlas-yellow));
}

.atlas-spotlight-card.spotlight-crowd::before {
  background: linear-gradient(90deg, var(--atlas-coral), var(--atlas-purple));
}

.atlas-spotlight-card.spotlight-time::before {
  background: linear-gradient(90deg, var(--atlas-ocean), var(--atlas-teal));
}

.atlas-spotlight-card.spotlight-allin::before {
  background: linear-gradient(90deg, var(--atlas-blue-deep), var(--atlas-yellow));
}

.atlas-spotlight-card.spotlight-offmenu::before {
  background: linear-gradient(90deg, var(--atlas-teal), var(--atlas-coral));
}

.atlas-spotlight-card.spotlight-checkout {
  background:
    linear-gradient(135deg, #fff7ed 0%, #ffffff 44%, #fef3c7 100%);
}

.atlas-spotlight-card.spotlight-crowd {
  background:
    linear-gradient(135deg, #fff1f2 0%, #ffffff 44%, #eef2ff 100%);
}

.atlas-spotlight-card.spotlight-time {
  background:
    linear-gradient(135deg, #e0f2fe 0%, #ffffff 44%, #ccfbf1 100%);
}

.atlas-spotlight-card.spotlight-allin {
  background:
    linear-gradient(135deg, #fef3c7 0%, #ffffff 44%, #dbeafe 100%);
}

.atlas-spotlight-card.spotlight-offmenu {
  background:
    linear-gradient(135deg, #ecfeff 0%, #ffffff 44%, #ffe4e6 100%);
}

.atlas-spotlight-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.7fr);
  gap: 1rem;
  align-items: start;
}

.atlas-spotlight-split h3 {
  margin: 0 0 0.65rem;
  color: var(--atlas-blue-deep);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

.atlas-spotlight-note {
  display: grid;
  gap: 0.45rem;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.8),
      rgba(255, 244, 214, 0.9)
    );
}

.atlas-spotlight-note strong {
  color: var(--atlas-blue-deep);
  font-size: 1.05rem;
  line-height: 1.2;
}

.atlas-spotlight-note span {
  color: var(--atlas-ink-soft);
  line-height: 1.45;
}

.product-report-preview {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
  gap: 1rem;
  align-items: stretch;
  padding: 1.25rem;
  border-radius: var(--atlas-radius-xl);
  background:
    radial-gradient(circle at 85% 18%, rgba(255, 212, 71, 0.34), transparent 14rem),
    linear-gradient(135deg, var(--atlas-blue-deep), #073455 58%, var(--atlas-purple));
  box-shadow: var(--atlas-shadow);
  text-align: left;
}

.product-report-preview-copy h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.product-report-preview-copy p {
  max-width: 640px;
  margin: 0.85rem 0 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.product-report-preview-list {
  display: grid;
  gap: 0.75rem;
}

.product-report-preview-list div {
  display: grid;
  gap: 0.2rem;
  padding: 0.95rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.product-report-preview-list strong {
  color: var(--atlas-blue-deep);
}

.product-report-preview-list span {
  color: var(--atlas-ink-soft);
}

.product-support-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem 1rem;
  align-items: center;
  padding: 1.1rem;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--atlas-yellow), var(--atlas-orange));
  border: 2px solid rgba(7, 27, 51, 0.18);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.product-support-strip strong {
  color: var(--atlas-blue-deep);
  font-size: clamp(1.25rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

.product-support-strip span {
  color: var(--atlas-ink);
  line-height: 1.45;
}

.product-support-strip .home-btn {
  width: auto;
  min-width: 190px;
}

@media (max-width: 1000px) {
  .product-proof-strip,
  .product-report-preview,
  .atlas-spotlight-split,
  .product-support-strip {
    grid-template-columns: 1fr;
  }

  .product-support-strip .home-btn {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .product-proof-strip {
    gap: 0.8rem;
  }

  .product-report-preview,
  .product-support-strip {
    padding: 1rem;
    border-radius: 22px;
  }
}

/* ==========================================================
   PRODUCT SPOTLIGHT CORRECTION PASS
   Yellow signboard hero, mobile card flow, and light-card CTA contrast.
   ========================================================== */

.product-showcase-hero {
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 255, 255, 0.4), transparent 15rem),
    linear-gradient(135deg, var(--atlas-yellow) 0%, #ffc247 52%, var(--atlas-sand) 100%);
  color: var(--atlas-blue-deep);
  border: 2px solid rgba(7, 27, 51, 0.16);
  box-shadow: 0 18px 42px rgba(7, 27, 51, 0.2);
}

.product-showcase-hero .home-kicker {
  background: rgba(7, 27, 51, 0.1);
  color: var(--atlas-blue-deep);
  border-color: rgba(7, 27, 51, 0.18);
}

.product-showcase-hero .home-hero-copy h1,
.product-showcase-hero .home-hero-copy p {
  color: var(--atlas-blue-deep);
}

.product-showcase-hero .home-btn-secondary {
  background: rgba(255, 255, 255, 0.72);
  color: var(--atlas-blue-deep) !important;
  border-color: rgba(7, 27, 51, 0.22);
}

.product-showcase-hero .home-btn-secondary:hover {
  background: var(--atlas-blue-deep);
  color: #ffffff !important;
  border-color: var(--atlas-blue-deep);
}

.product-showcase-sign {
  background: rgba(7, 27, 51, 0.1);
  border-color: rgba(7, 27, 51, 0.15);
}

.product-showcase-sign .home-image-placeholder {
  background:
    radial-gradient(circle at top right, rgba(255, 122, 26, 0.28), transparent 9rem),
    linear-gradient(135deg, #fff7ed, #ffffff 52%, var(--atlas-mint));
}

.atlas-spotlight-split {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "offer"
    "benefits";
}

.atlas-spotlight-note {
  grid-area: offer;
  align-self: start;
  margin-bottom: 0.1rem;
  background:
    linear-gradient(
      135deg,
      rgba(255, 212, 71, 0.45),
      rgba(255, 255, 255, 0.88)
    );
  border: 1px solid rgba(7, 27, 51, 0.16);
}

.atlas-spotlight-benefit-column {
  grid-area: benefits;
  min-width: 0;
}

.atlas-spotlight-card .home-btn-secondary {
  background: var(--atlas-blue-deep);
  color: #ffffff !important;
  border-color: var(--atlas-blue-deep);
  box-shadow: 0 8px 18px rgba(7, 27, 51, 0.14);
}

.atlas-spotlight-card .home-btn-secondary:hover {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
}

.atlas-spotlight-actions {
  margin-top: 0.15rem;
}

.atlas-spotlight-actions .home-btn {
  min-height: 44px;
}

@media (min-width: 1100px) {
  .atlas-spotlight-split {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 0.72fr);
    grid-template-areas: "benefits offer";
  }

  .atlas-spotlight-note {
    margin-bottom: 0;
  }
}

@media (max-width: 700px) {
  .product-showcase-hero {
    border-radius: 22px;
  }

  .product-showcase-hero .home-hero-copy h1 {
    font-size: clamp(2.05rem, 11vw, 3.15rem);
  }

  .atlas-spotlight-note {
    padding: 0.95rem;
  }

  .atlas-spotlight-actions {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
   PRODUCTS PROTOTYPE FINAL OVERRIDES
   Restore dark hero, keep yellow as accent, fix spotlight mobile flow.
   ========================================================== */

.product-showcase-hero {
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 212, 71, 0.28), transparent 15rem),
    linear-gradient(135deg, var(--atlas-blue-deep) 0%, #073455 55%, var(--atlas-teal-dark) 100%);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.14);
  box-shadow: var(--atlas-shadow);
}

.product-showcase-hero .home-kicker {
  background: rgba(255, 244, 214, 0.94);
  color: var(--atlas-blue-deep);
  border-color: rgba(255, 212, 71, 0.35);
}

.product-showcase-hero .home-hero-copy h1,
.product-showcase-hero .home-hero-copy p {
  color: #ffffff;
}

.product-showcase-hero .home-btn-secondary {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3);
}

.product-showcase-hero .home-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.24);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.44);
}

.product-showcase-sign {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
}

.product-showcase-sign .home-image-placeholder {
  background:
    radial-gradient(circle at top right, rgba(255, 212, 71, 0.42), transparent 9rem),
    linear-gradient(135deg, var(--atlas-sand-light), #ffffff 52%, var(--atlas-mint));
}

.atlas-spotlight-split {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "offer"
    "benefits";
}

.atlas-spotlight-note {
  grid-area: offer;
  align-self: start;
  margin-bottom: 0.1rem;
}

.atlas-spotlight-benefit-column {
  grid-area: benefits;
  min-width: 0;
}

.atlas-spotlight-card .home-btn-secondary,
.atlas-spotlight-card .home-btn-secondary:visited {
  background: var(--atlas-blue-deep);
  color: #ffffff !important;
  border-color: var(--atlas-blue-deep);
  box-shadow: 0 8px 18px rgba(7, 27, 51, 0.14);
}

.atlas-spotlight-card .home-btn-secondary:hover,
.atlas-spotlight-card .home-btn-secondary:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
}

@media (min-width: 1100px) {
  .atlas-spotlight-split {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 0.72fr);
    grid-template-areas: "benefits offer";
  }

  .atlas-spotlight-note {
    margin-bottom: 0;
  }
}

@media (max-width: 700px) {
  .atlas-spotlight-note {
    padding: 0.95rem;
  }

  .atlas-spotlight-actions {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
   PRODUCTS LOCKED POLISH + BILLING PRODUCT SPOTLIGHT PORT
   ========================================================== */

.product-support-strip {
  grid-template-columns: 1fr;
}

.product-support-strip strong,
.product-support-strip span {
  display: block;
}

.product-support-strip .home-btn {
  width: 100%;
  min-width: 0;
}

@media (min-width: 900px) {
  .product-support-strip {
    grid-template-columns: minmax(0, 1fr) 220px;
  }

  .product-support-strip .home-btn {
    width: 100%;
  }
}

.account-product-catalog .atlas-spotlight-card .home-btn-secondary,
.account-product-catalog .atlas-spotlight-card .home-btn-secondary:visited {
  background: var(--atlas-blue-deep);
  color: #ffffff !important;
  border-color: var(--atlas-blue-deep);
}

.account-product-catalog .atlas-spotlight-card .home-btn-secondary:hover,
.account-product-catalog .atlas-spotlight-card .home-btn-secondary:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
}

.account-product-catalog .atlas-spotlight-card .product-pricing-form {
  margin-top: 0;
}

.account-product-catalog .atlas-spotlight-panel {
  gap: 0.9rem;
}

.account-product-catalog .atlas-spotlight-note {
  background:
    linear-gradient(
      135deg,
      rgba(255, 212, 71, 0.42),
      rgba(255, 255, 255, 0.9)
    );
}

.account-product-catalog .product-selector-row {
  grid-template-columns: 1fr;
}

@media (min-width: 900px) {
  .account-product-catalog .product-selector-row {
    grid-template-columns: 1fr 1fr;
  }
}

.account-product-catalog .product-submit-button {
  background: var(--atlas-orange);
  color: #ffffff !important;
  border-color: var(--atlas-orange);
}

.account-product-catalog .product-submit-button:hover {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
}

.account-product-catalog .full-report-btn {
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border: 2px solid var(--atlas-orange);
}

.account-product-catalog .full-report-btn:hover {
  background: var(--atlas-orange);
  color: #ffffff !important;
}

/* ==========================================================
   SPOTLIGHT GRID LAYOUT FIX
   Prevent offer tile and benefit column from competing in grid cards.
   ========================================================== */

.account-product-catalog .atlas-spotlight-split,
.product-spotlight-grid .atlas-spotlight-split {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "offer"
    "benefits";
}

.account-product-catalog .atlas-spotlight-note,
.product-spotlight-grid .atlas-spotlight-note {
  grid-area: offer;
  width: 100%;
  max-width: none;
  margin-bottom: 0.15rem;
}

.account-product-catalog .atlas-spotlight-benefit-column,
.product-spotlight-grid .atlas-spotlight-benefit-column {
  grid-area: benefits;
  min-width: 0;
}

.account-product-catalog .atlas-spotlight-benefits li,
.product-spotlight-grid .atlas-spotlight-benefits li {
  grid-template-columns: 1.7rem minmax(0, 1fr);
}

/* Keep the yellow support strip clean instead of splitting awkwardly. */
.product-support-strip {
  grid-template-columns: 1fr;
}

.product-support-strip .home-btn {
  width: 100%;
  min-width: 0;
}

/* Dedicated detail pages may opt into side-by-side later with a separate class.
   Catalog/grid cards should remain stacked for readability. */
@media (min-width: 1100px) {
  .account-product-catalog .atlas-spotlight-split,
  .product-spotlight-grid .atlas-spotlight-split {
    grid-template-columns: 1fr;
    grid-template-areas:
      "offer"
      "benefits";
  }
}

.home-hero-list {
  margin: 1.25rem 0 0;
  padding-left: 1.35rem;
  list-style: disc;
  color: var(--atlas-cream, #fff3d6);
  font-size: 1rem;
  line-height: 1.65;
  text-align: left;
}

.home-hero-list li {
  margin: 0 0 0.35rem;
  padding-left: 0.15rem;
}

.home-comic-section {
  margin: 2rem 0;
}

.home-comic-copy {
  max-width: 820px;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.home-comic-copy h2 {
  margin: 0.35rem 0 0.65rem;
  color: var(--atlas-cream, #fff3d6);
  font-size: clamp(1.65rem, 4vw, 3rem);
  line-height: 1.02;
}

.home-comic-copy p {
  margin: 0;
  color: var(--atlas-muted-light, #ddeaf0);
  font-size: 1rem;
  line-height: 1.6;
}

.home-comic-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.home-comic-panel {
  margin: 0;
}

.home-comic-panel img {
  display: block;
  width: 100%;
  height: auto;
  border: 3px solid rgba(255, 243, 214, 0.45);
  border-radius: 1.25rem;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

.home-comic-panel figcaption {
  margin-top: 0.55rem;
  color: var(--atlas-cream, #fff3d6);
  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .home-comic-strip {
    grid-template-columns: 1fr;
  }
}

.home-placeholder-list {
  margin: 0.85rem 0 0;
  padding-left: 1.2rem;
  color: var(--atlas-dark, #14212b);
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.45;
  text-align: left;
}

.home-placeholder-list li {
  margin: 0 0 0.35rem;
}

/* ==========================================================
   PRODUCT TILE COLOR REMODEL
   Public Atlas Solutions cards.
   ========================================================== */

.product-spotlight-grid .spotlight-checkout,
.product-spotlight-grid .spotlight-crowd,
.product-spotlight-grid .spotlight-time {
  background: #008ECC !important;
  color: #000000;
}

.product-spotlight-grid .spotlight-allin {
  background: var(--atlas-yellow, #ffd447) !important;
  color: #000000;
}

.product-spotlight-grid .spotlight-offmenu {
  background: #C0C0C0 !important;
  color: #000000;
}

.product-spotlight-grid .spotlight-marketing {
  background: #C0C0C0 !important;
  color: #000000;
}

.product-spotlight-grid .spotlight-checkout::before,
.product-spotlight-grid .spotlight-crowd::before,
.product-spotlight-grid .spotlight-time::before {
  background: #006B99 !important;
}

.product-spotlight-grid .spotlight-allin::before {
  background: var(--atlas-orange, #ff7a1a) !important;
}

.product-spotlight-grid .spotlight-offmenu::before {
  background: #7A7A7A !important;
}

.product-spotlight-grid .spotlight-marketing::before {
  background: #7A7A7A !important;
}

.product-spotlight-grid .spotlight-checkout .atlas-spotlight-title,
.product-spotlight-grid .spotlight-checkout .atlas-spotlight-promise,
.product-spotlight-grid .spotlight-checkout .atlas-spotlight-benefit-column h3,
.product-spotlight-grid .spotlight-checkout .atlas-spotlight-benefits li,
.product-spotlight-grid .spotlight-crowd .atlas-spotlight-title,
.product-spotlight-grid .spotlight-crowd .atlas-spotlight-promise,
.product-spotlight-grid .spotlight-crowd .atlas-spotlight-benefit-column h3,
.product-spotlight-grid .spotlight-crowd .atlas-spotlight-benefits li,
.product-spotlight-grid .spotlight-time .atlas-spotlight-title,
.product-spotlight-grid .spotlight-time .atlas-spotlight-promise,
.product-spotlight-grid .spotlight-time .atlas-spotlight-benefit-column h3,
.product-spotlight-grid .spotlight-time .atlas-spotlight-benefits li {
  color: #ffffff;
}

.product-spotlight-grid .spotlight-allin .atlas-spotlight-title,
.product-spotlight-grid .spotlight-allin .atlas-spotlight-promise,
.product-spotlight-grid .spotlight-allin .atlas-spotlight-benefit-column h3,
.product-spotlight-grid .spotlight-allin .atlas-spotlight-benefits li,
.product-spotlight-grid .spotlight-marketing .atlas-spotlight-title,
.product-spotlight-grid .spotlight-marketing .atlas-spotlight-promise,
.product-spotlight-grid .spotlight-marketing .atlas-spotlight-benefit-column h3,
.product-spotlight-grid .spotlight-marketing .atlas-spotlight-benefits li {
  color: #000000;
}

.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-title,
.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-promise,
.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-benefit-column h3,
.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-benefits li {
  color: #000000;
}

.product-spotlight-grid .spotlight-checkout .atlas-spotlight-kicker,
.product-spotlight-grid .spotlight-crowd .atlas-spotlight-kicker,
.product-spotlight-grid .spotlight-time .atlas-spotlight-kicker,
.product-spotlight-grid .spotlight-allin .atlas-spotlight-kicker,
.product-spotlight-grid .spotlight-marketing .atlas-spotlight-kicker {
  background: rgba(255, 255, 255, 0.72);
  color: #000000;
}

.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-kicker {
  background: rgba(255, 255, 255, 0.72);
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.product-spotlight-grid .spotlight-checkout .atlas-spotlight-facts span,
.product-spotlight-grid .spotlight-crowd .atlas-spotlight-facts span,
.product-spotlight-grid .spotlight-time .atlas-spotlight-facts span,
.product-spotlight-grid .spotlight-allin .atlas-spotlight-facts span,
.product-spotlight-grid .spotlight-marketing .atlas-spotlight-facts span {
  background: rgba(255, 255, 255, 0.62);
  color: #000000;
}

.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-facts span {
  background: rgba(255, 255, 255, 0.62);
  color: #000000;
}

.product-spotlight-grid .spotlight-checkout .atlas-spotlight-note,
.product-spotlight-grid .spotlight-crowd .atlas-spotlight-note,
.product-spotlight-grid .spotlight-time .atlas-spotlight-note,
.product-spotlight-grid .spotlight-allin .atlas-spotlight-note,
.product-spotlight-grid .spotlight-marketing .atlas-spotlight-note {
  background: rgba(255, 255, 255, 0.72);
  color: #000000;
}

.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-note {
  background: rgba(255, 255, 255, 0.72);
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-note strong,
.product-spotlight-grid .spotlight-offmenu .atlas-spotlight-note span {
  color: #000000;
}

.atlas-analytics-consent {
  position: fixed;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  z-index: 1200;
  display: grid;
  gap: 0.85rem;
  width: min(28rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
  padding: 1rem;
  overflow-y: auto;
  transform: translate(-50%, -50%);
  border: 2px solid var(--atlas-ink, #111111);
  border-radius: 1rem;
  background: var(--atlas-cream, #fff4d6);
  box-shadow: 0 1rem 2.25rem rgba(0, 0, 0, 0.26);
  text-align: left;
}

.atlas-analytics-consent[hidden] {
  display: none;
}

.atlas-analytics-consent-copy {
  display: grid;
  gap: 0.3rem;
}

.atlas-analytics-consent-copy strong {
  color: var(--atlas-blue-deep, #071b33);
  font-size: 1rem;
  line-height: 1.15;
}

.atlas-analytics-consent-copy span {
  color: var(--atlas-ink-soft, #26384d);
  font-size: 0.9rem;
  line-height: 1.35;
}

.atlas-analytics-consent-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}

.atlas-analytics-consent-actions .home-btn {
  width: 100%;
  min-width: 0;
  padding: 0.72rem 1rem;
}

.atlas-analytics-consent-actions .home-btn-secondary,
.atlas-analytics-consent-actions .home-btn-secondary:visited {
  background: #ffffff;
  color: var(--atlas-blue-deep, #071b33) !important;
  border-color: rgba(7, 27, 51, 0.24);
}

.atlas-analytics-consent-actions .home-btn-secondary:hover,
.atlas-analytics-consent-actions .home-btn-secondary:focus {
  background: var(--atlas-blue-deep, #071b33);
  color: #ffffff !important;
  border-color: var(--atlas-blue-deep, #071b33);
}

@media (max-width: 640px) {
  .atlas-analytics-consent {
    width: min(22rem, calc(100vw - 2rem));
    gap: 0.65rem;
    padding: 0.85rem;
    border-radius: 0.9rem;
  }

  .atlas-analytics-consent-copy strong {
    font-size: 0.95rem;
  }

  .atlas-analytics-consent-copy span {
    font-size: 0.84rem;
    line-height: 1.3;
  }

  .atlas-analytics-consent-actions {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .atlas-analytics-consent-actions .home-btn {
    padding-top: 0.64rem;
    padding-bottom: 0.64rem;
    font-size: 0.84rem;
  }
}

/* ==========================================================
   CUSTOMER RESULTS COLLAPSED TOOL CARDS
   ========================================================== */

.customer-read-overview {
  order: 0;
}

.customer-read-overview .home-feature-card {
  background: var(--atlas-yellow) !important;
  border: 2px solid var(--atlas-orange);
  color: var(--atlas-blue-deep);
}

.customer-read-overview .home-feature-card span {
  background: rgba(255, 255, 255, 0.78);
  color: var(--atlas-blue-deep);
}

.customer-read-overview .home-feature-card h2,
.customer-read-overview .home-feature-card p {
  color: var(--atlas-blue-deep);
}

.home-feature-card.customer-read-tips-card {
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 18%, rgba(255, 212, 71, 0.28), transparent 14rem),
    linear-gradient(135deg, var(--atlas-blue-deep), #073455 56%, var(--atlas-teal-dark)) !important;
  border: 2px solid rgba(255, 212, 71, 0.28);
  color: #ffffff;
}

.home-feature-card.customer-read-tips-card summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 1.05rem 1.15rem;
  cursor: pointer;
  list-style: none;
  text-align: left;
}

.home-feature-card.customer-read-tips-card summary::-webkit-details-marker {
  display: none;
}

.home-feature-card.customer-read-tips-card summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--atlas-orange);
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 1000;
  line-height: 1;
}

.home-feature-card.customer-read-tips-card[open] summary::after {
  content: "-";
}

.home-feature-card.customer-read-tips-card summary span {
  display: inline-flex;
  width: fit-content;
  max-width: none;
  margin: 0;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.92);
  color: var(--atlas-blue-deep);
}

.home-feature-card.customer-read-tips-card summary strong {
  display: block;
  min-width: 0;
  color: #ffffff;
  font-size: clamp(1.35rem, 3vw, 2.05rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.customer-read-tips-body {
  padding: 0 1.15rem 1.15rem;
}

.customer-read-tips-body ul {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.customer-read-tips-body li {
  display: grid;
  gap: 0.15rem;
  padding: 0.75rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.86);
  line-height: 1.45;
}

.customer-read-tips-body li strong {
  color: #ffffff;
}

.customer-read-management-tile {
  background:
    radial-gradient(circle at 90% 8%, rgba(255, 216, 77, 0.3), transparent 16rem),
    linear-gradient(135deg, var(--atlas-blue-dark), var(--atlas-blue-deep) 60%, var(--atlas-teal-dark)) !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  box-shadow: var(--atlas-shadow);
}

.customer-read-management-tile h2 {
  color: #ffffff;
}

.customer-read-management-tile p {
  color: rgba(255, 255, 255, 0.84);
}

.customer-read-management-tile .home-kicker,
.customer-read-management-tile > span {
  background: rgba(255, 247, 237, 0.94);
  color: var(--atlas-blue);
}

.customer-read-management-tile .home-btn:hover,
.customer-read-management-tile .home-btn:focus {
  background: var(--atlas-green, #4CBB17);
  color: #ffffff !important;
  border-color: var(--atlas-green, #4CBB17);
}

.customer-read-paid-products-section .customer-read-product-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  gap: 1.15rem;
  align-items: start;
}

.customer-read-paid-products-section .customer-read-product-card,
.customer-read-tool-card {
  display: grid;
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 1rem;
  min-height: 100%;
  background: var(--atlas-yellow) !important;
  border: 2px solid var(--atlas-orange);
  color: var(--atlas-blue-deep);
}

.customer-read-tool-card .customer-read-product-copy > span {
  background: rgba(255, 255, 255, 0.78);
  color: var(--atlas-blue-deep);
}

.customer-read-tool-card .customer-read-product-copy h3 {
  color: var(--atlas-blue-deep);
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.customer-read-tool-card .customer-read-product-copy p {
  color: var(--atlas-blue-deep);
  font-size: 1.02rem;
}

.customer-read-tool-card .customer-read-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.customer-read-tool-card .home-btn,
.customer-read-tool-card .home-btn:visited {
  min-height: 48px;
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border: 2px solid rgba(7, 27, 51, 0.18);
  box-shadow: 0 10px 20px rgba(7, 27, 51, 0.14);
}

.customer-read-tool-card .home-btn:hover,
.customer-read-tool-card .home-btn:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
  text-decoration: none;
}

.customer-read-tool-card .full-report-btn,
.customer-read-tool-card .full-report-btn:visited {
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border-color: var(--atlas-orange);
}

.customer-read-tool-details {
  display: grid;
  align-content: start;
  gap: 0.65rem;
  min-width: 0;
}

.customer-read-tool-detail {
  overflow: hidden;
  border: 2px solid rgba(7, 27, 51, 0.2);
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(
      135deg,
      rgba(0, 142, 204, 0.96),
      rgba(0, 121, 111, 0.92)
    );
  color: #ffffff;
}

.customer-read-tool-detail[open] {
  border-color: var(--atlas-orange);
  background:
    linear-gradient(
      135deg,
      rgba(0, 142, 204, 1),
      rgba(0, 121, 111, 0.96)
    );
}

.customer-read-tool-detail summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: center;
  padding: 0.82rem 0.9rem;
  cursor: pointer;
  list-style: none;
  text-align: left;
}

.customer-read-tool-detail summary::-webkit-details-marker {
  display: none;
}

.customer-read-tool-detail summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 999px;
  background: var(--atlas-orange);
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 1000;
  line-height: 1;
}

.customer-read-tool-detail[open] summary::after {
  content: "-";
  background: var(--atlas-green);
}

.customer-read-tool-detail summary span {
  display: inline-flex;
  width: fit-content;
  margin: 0;
  padding: 0.24rem 0.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--atlas-blue-deep);
  font-size: 0.66rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-read-tool-detail summary strong {
  grid-column: 1;
  min-width: 0;
  color: #ffffff;
  font-size: 0.98rem;
  line-height: 1.2;
}

.customer-read-detail-body {
  display: grid;
  gap: 0.65rem;
  padding: 0 0.9rem 0.9rem;
  text-align: left;
}

.customer-read-deliverables-grid {
  grid-template-columns: 1fr;
}

.customer-read-qr-panel-compact,
.customer-read-tool-settings-detail .atlas-fieldset {
  padding: 0.9rem;
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(7, 27, 51, 0.14);
  color: var(--atlas-blue-deep);
}

.customer-read-qr-panel-compact strong,
.customer-read-qr-panel-compact span,
.customer-read-tool-settings-detail label,
.customer-read-tool-settings-detail .field-hint {
  color: var(--atlas-blue-deep);
}

.customer-read-qr-panel-compact code {
  background: rgba(255, 255, 255, 0.94);
  color: var(--atlas-blue-deep);
}

.customer-read-tool-settings-detail .atlas-form {
  max-width: none;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.customer-read-tool-settings-detail .atlas-fieldset {
  margin-bottom: 0;
}

.customer-read-tool-settings-detail .home-btn-primary {
  background: var(--atlas-orange);
  color: #ffffff !important;
  border-color: var(--atlas-orange);
}

.customer-read-tool-settings-detail .home-btn-primary:hover,
.customer-read-tool-settings-detail .home-btn-primary:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
}

@media (max-width: 900px) {
  .customer-read-paid-products-section .customer-read-product-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .customer-read-tool-card .customer-read-actions {
    grid-template-columns: 1fr;
  }

  .home-feature-card.customer-read-tips-card summary {
    grid-template-columns: 1fr auto;
  }

  .home-feature-card.customer-read-tips-card summary span {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
  }

  .home-feature-card.customer-read-tips-card summary strong {
    grid-column: 1;
    grid-row: 2;
  }

  .home-feature-card.customer-read-tips-card summary::after {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
  }

  .customer-read-tool-detail summary {
    grid-template-columns: 1fr auto;
  }

  .customer-read-tool-detail summary span,
  .customer-read-tool-detail summary strong {
    grid-column: 1;
  }

  .customer-read-tool-detail summary::after {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }
}


/* ==========================================================
   BUSINESS CENTER CONTROL HUB
   ========================================================== */

.business-center-page .home-btn:hover,
.business-center-page .home-btn:focus {
  background: var(--atlas-green, #4CBB17);
  color: #ffffff !important;
  border-color: var(--atlas-green, #4CBB17);
  text-decoration: none;
}

.business-center-hero .home-btn-secondary,
.business-center-hero .home-btn-secondary:visited {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3);
}

.business-center-overview .home-feature-card {
  background: #008ECC !important;
  border: 2px solid var(--atlas-orange);
  color: #ffffff;
}

.business-center-overview .home-feature-card span {
  background: rgba(255, 255, 255, 0.88);
  color: var(--atlas-blue-deep);
}

.business-center-overview .home-feature-card h2,
.business-center-overview .home-feature-card p {
  color: #ffffff;
}

.business-center-tools-panel {
  grid-template-columns: minmax(0, 0.72fr) minmax(320px, 1.28fr);
  background:
    radial-gradient(circle at 90% 12%, rgba(255, 255, 255, 0.22), transparent 15rem),
    linear-gradient(135deg, var(--atlas-yellow, #ffd447), #ffbd3f 54%, var(--atlas-orange));
}

.business-center-tools-panel .home-split-copy h2,
.business-center-tools-panel .home-split-copy p {
  color: var(--atlas-blue-deep);
}

.business-center-tool-list {
  align-content: start;
}

.business-center-tool-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.95rem;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(255, 247, 237, 0.88)
    );
  border: 2px solid rgba(7, 27, 51, 0.16);
}

.business-center-tool-copy {
  display: grid;
  gap: 0.35rem;
}

.business-center-tool-copy strong {
  color: var(--atlas-blue-deep);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.business-center-tool-actions {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  margin-top: 0;
}

.business-center-tool-actions .home-btn,
.business-center-tool-actions .home-btn:visited {
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border: 2px solid rgba(7, 27, 51, 0.16);
}

.business-center-tool-actions .home-btn-primary,
.business-center-tool-actions .home-btn-primary:visited {
  background: var(--atlas-orange);
  color: #ffffff !important;
  border-color: var(--atlas-orange);
}

.business-center-billing-panel {
  align-items: stretch;
}

.business-center-billing-panel .home-actions {
  max-width: 260px;
}

.business-center-subscription-card {
  display: grid;
  gap: 0.45rem;
}

.business-center-danger-note {
  padding: 0.65rem 0.75rem;
  border-radius: var(--atlas-radius-sm);
  background: rgba(249, 115, 22, 0.12);
  color: var(--atlas-orange-dark);
  font-size: 0.84rem;
  font-weight: 900;
  line-height: 1.35;
}

.business-center-lower-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.business-center-lower-grid .home-feature-card {
  display: grid;
  align-content: start;
  min-height: 320px;
  padding: 1.35rem;
  background: #c0c0c0 !important;
  border: 2px solid rgba(7, 27, 51, 0.18);
  color: #000000;
}

.business-center-lower-grid .home-feature-card span {
  background: rgba(255, 255, 255, 0.9);
  color: #000000;
}

.business-center-lower-grid .home-feature-card h2 {
  color: #000000;
  font-size: clamp(1.9rem, 3vw, 2.65rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.business-center-lower-grid .home-feature-card p {
  color: #000000;
}

.business-center-lower-grid .commerce-list-item {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(7, 27, 51, 0.18);
  box-shadow: none;
}

.business-center-lower-grid .commerce-list-item strong,
.business-center-lower-grid .commerce-list-item span {
  color: #000000;
}

.business-center-lower-grid .commerce-highlight-text,
.business-center-lower-grid .commerce-list-item span {
  width: fit-content;
  max-width: 100%;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  color: #000000 !important;
  font-size: 0.78rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.business-center-lower-grid .home-btn,
.business-center-lower-grid .home-btn:visited {
  background: var(--atlas-blue-deep);
  color: #ffffff !important;
  border-color: var(--atlas-blue-deep);
}

.business-center-cart-panel {
  background:
    linear-gradient(
      135deg,
      rgba(255, 216, 77, 0.96),
      rgba(255, 179, 71, 0.94)
    );
}

@media (max-width: 1000px) {
  .business-center-tools-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .business-center-hero-actions,
  .business-center-tool-actions,
  .business-center-billing-panel .home-actions {
    grid-template-columns: 1fr;
    max-width: none;
  }

  .business-center-tool-copy strong {
    font-size: clamp(1.45rem, 9vw, 2.15rem);
  }
}

/* ==========================================================
   BUSINESS CENTER FOLLOW-UP PATCH
   ========================================================== */

.business-center-help-card {
  display: grid;
  align-content: center;
  gap: 0.85rem;
  min-height: 100%;
  padding: 1.2rem;
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 8%, rgba(255, 216, 77, 0.3), transparent 16rem),
    linear-gradient(135deg, var(--atlas-blue-dark), var(--atlas-blue-deep) 60%, var(--atlas-teal-dark));
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  box-shadow: var(--atlas-shadow);
  text-align: left;
}

.business-center-help-card h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.85rem, 4vw, 3rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.business-center-help-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.5;
}

.business-center-help-card .home-kicker {
  background: rgba(255, 247, 237, 0.94);
  color: var(--atlas-blue);
}

.business-center-help-card .home-actions {
  margin-top: 0.3rem;
}

.business-center-tool-action-stack {
  display: grid;
  gap: 0.65rem;
}

.business-center-tool-primary-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0;
}

.business-center-tool-report-actions {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  margin-top: 0;
}

.business-center-tool-report-actions .home-btn,
.business-center-tool-report-actions .home-btn:visited {
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border: 2px solid rgba(7, 27, 51, 0.16);
}

.subscription-cancel-page .home-btn:hover,
.subscription-cancel-page .home-btn:focus,
.business-center-help-card .home-btn:hover,
.business-center-help-card .home-btn:focus,
.business-center-tool-action-stack .home-btn:hover,
.business-center-tool-action-stack .home-btn:focus {
  background: var(--atlas-green, #4CBB17);
  color: #ffffff !important;
  border-color: var(--atlas-green, #4CBB17);
  text-decoration: none;
}

.subscription-cancel-panel {
  background:
    radial-gradient(circle at 90% 12%, rgba(255, 255, 255, 0.22), transparent 15rem),
    linear-gradient(135deg, var(--atlas-yellow, #ffd447), #ffbd3f 54%, var(--atlas-orange));
}

.subscription-cancel-panel .home-split-copy h2,
.subscription-cancel-panel .home-split-copy p {
  color: var(--atlas-blue-deep);
}

.subscription-cancel-summary .home-image-placeholder::before {
  content: "Before You Cancel";
}

.subscription-cancel-card {
  border: 2px solid rgba(7, 27, 51, 0.16);
}

.subscription-cancel-actions {
  grid-template-columns: 1fr;
}

.subscription-cancel-actions form {
  margin: 0;
}

.subscription-cancel-confirm-button,
.subscription-cancel-confirm-button:visited {
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border: 2px solid rgba(7, 27, 51, 0.2);
}

@media (max-width: 700px) {
  .business-center-lower-grid,
  .business-center-tool-primary-actions,
  .business-center-tool-report-actions {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
   HERO PLACEHOLDER ALIGNMENT PATCH
   Keeps the Custom Local Solutions pill aligned to the top.
   ========================================================== */

.home-image-placeholder,
.product-showcase-sign .home-image-placeholder {
  align-content: start;
}

.home-image-placeholder::before {
  margin-top: 0;
}

/* ==========================================================
   PUBLIC PRODUCT DETAIL MIDDLE PANELS + FINAL CTA
   Single scoped source for tier, method, report, and next-step cards.
   ========================================================== */

.product-detail-shell .public-tier-card-stack {
  align-content: start;
}

.product-detail-shell .public-product-tier-card {
  display: grid;
  gap: 0.35rem;
  padding: 1rem;
  background: var(--atlas-yellow, #ffd447) !important;
  border: 2px solid rgba(7, 27, 51, 0.18);
  color: var(--atlas-blue-deep, #071b33);
  box-shadow: none;
}

.product-detail-shell .public-product-tier-card strong {
  color: var(--atlas-blue-deep, #071b33);
  font-size: 1rem;
  line-height: 1.1;
}

.product-detail-shell .public-product-tier-card span {
  color: var(--atlas-blue-deep, #071b33);
  line-height: 1.35;
}

.product-detail-shell .public-tier-response-count {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--atlas-blue-deep, #071b33) !important;
  font-size: 1.28rem;
  font-weight: 1000;
  letter-spacing: -0.035em;
  line-height: 1;
  text-transform: none;
}

.product-detail-shell .public-product-why-card,
.product-detail-shell .public-product-report-card {
  display: grid;
  align-content: start;
  gap: 0.9rem;
  border: 2px solid rgba(7, 27, 51, 0.2);
  box-shadow: none;
}

.product-detail-shell .public-product-why-card {
  background: #c0c0c0 !important;
  color: #000000;
}

.product-detail-shell .public-product-report-card {
  background: #008ECC !important;
  color: #ffffff;
}

.product-detail-shell .public-product-why-card > span,
.product-detail-shell .public-product-report-card > span {
  background: rgba(255, 255, 255, 0.86);
  color: var(--atlas-blue-deep, #071b33);
}

.product-detail-shell .public-product-why-card h2,
.product-detail-shell .public-product-why-card p {
  color: #000000;
}

.product-detail-shell .public-product-report-card h2,
.product-detail-shell .public-product-report-card p {
  color: #ffffff;
}

.product-detail-shell .public-product-why-card .public-card-stack,
.product-detail-shell .public-product-report-card .public-card-stack {
  gap: 0.65rem;
}

.product-detail-shell .public-product-why-card .public-numbered-card,
.product-detail-shell .public-product-report-card .public-numbered-card {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(7, 27, 51, 0.12);
  border-radius: 16px;
  box-shadow: none;
}

.product-detail-shell .public-product-why-card .public-numbered-card strong,
.product-detail-shell .public-product-report-card .public-numbered-card strong {
  display: grid;
  place-items: center;
  width: 2rem;
  min-height: 2rem;
  margin: 0;
  border-radius: 10px;
  background: rgba(249, 115, 22, 0.16);
  color: var(--atlas-orange-dark, #c64a00);
  font-size: 0.8rem;
  font-weight: 1000;
}

.product-detail-shell .public-product-why-card .public-numbered-card span,
.product-detail-shell .public-product-report-card .public-numbered-card span {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: var(--atlas-blue-deep, #071b33);
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}

.product-detail-shell .public-next-step {
  align-items: center;
}

.product-detail-shell .public-next-step .home-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: center;
  align-items: center;
  margin-top: 0;
}

.product-detail-shell .public-next-step .home-btn {
  min-height: 46px;
  height: auto;
  padding: 0.82rem 1rem;
  border-radius: var(--atlas-radius-md);
}

@media (max-width: 700px) {
  .product-detail-shell .public-next-step .home-actions {
    grid-template-columns: 1fr;
    margin-top: 1rem;
  }
}

/* ==========================================================
   ADMIN COMMAND CENTER
   Reusable admin cards, ledgers, filters, pagination, and actions.
   ========================================================== */

.admin-command-center {
  display: grid;
  gap: 1.25rem;
}

.admin-command-hero .home-image-placeholder::before {
  content: "Admin Command Center";
}

.admin-command-dashboard {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.85rem;
}

.admin-command-metric,
.admin-control-panel {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
  background: #ffffff;
  border: 1px solid rgba(7, 27, 51, 0.14);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.admin-command-metric span {
  width: fit-content;
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  background: rgba(32, 184, 166, 0.14);
  color: var(--atlas-teal-dark);
  font-size: 0.7rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.admin-command-metric strong {
  color: var(--atlas-blue-deep);
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 0.9;
  letter-spacing: -0.07em;
}

.admin-command-metric small,
.admin-control-panel .portal-meta {
  color: var(--atlas-ink-soft);
  font-weight: 800;
  line-height: 1.35;
}

.admin-command-metric-warning {
  background: #fff7ed;
  border-color: rgba(249, 115, 22, 0.38);
}

.admin-command-metric-warning span {
  background: rgba(249, 115, 22, 0.14);
  color: var(--atlas-orange-dark);
}

.admin-user-result-status {
  margin: 0.75rem 0 0;
  color: var(--atlas-muted);
  font-weight: 900;
}

.admin-account-list,
.admin-command-list,
.admin-command-stack,
.admin-card-stack {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.admin-account-card,
.admin-command-record {
  display: block;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--atlas-radius-xl);
  background: #ffffff;
  border: 1px solid rgba(7, 27, 51, 0.14);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.admin-command-hidden,
.admin-account-card.admin-command-hidden,
.admin-account-card.is-admin-user-hidden {
  display: none !important;
}

.admin-account-summary,
.admin-command-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, auto) auto;
  gap: 0.85rem;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  list-style: none;
  background:
    linear-gradient(
      135deg,
      rgba(7, 27, 51, 0.95),
      rgba(7, 52, 85, 0.95)
    );
}

.admin-account-summary::-webkit-details-marker,
.admin-command-summary::-webkit-details-marker {
  display: none;
}

.admin-account-summary::after,
.admin-command-summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--atlas-orange);
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 1000;
  line-height: 1;
}

.admin-account-details[open] .admin-account-summary::after,
.admin-command-record[open] .admin-command-summary::after {
  content: "-";
  background: var(--atlas-green);
}

.admin-account-summary-main,
.admin-command-summary-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
  min-width: 0;
}

.admin-account-summary-main h2,
.admin-command-summary-main h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.2rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.045em;
  overflow-wrap: anywhere;
}

.admin-account-summary-main p,
.admin-command-summary-main p {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.6rem;
  margin: 0.3rem 0 0;
  color: rgba(255, 255, 255, 0.84);
}

.admin-account-summary-main p strong,
.admin-account-summary-main p span,
.admin-command-summary-main p strong,
.admin-command-summary-main p span {
  overflow-wrap: anywhere;
}

.admin-account-summary-status,
.admin-command-summary-status {
  display: grid;
  gap: 0.35rem;
  justify-items: end;
  color: rgba(255, 255, 255, 0.78);
  text-align: right;
}

.admin-command-summary-status strong {
  color: #ffffff;
  font-size: clamp(1.25rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.055em;
}

.admin-account-body,
.admin-command-body {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  background: #ffffff;
}

.admin-warning-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  min-width: 0;
}

.admin-account-grid,
.admin-command-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.admin-command-grid .admin-command-kv:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.admin-account-panel,
.admin-command-panel,
.admin-entitlement-card,
.admin-mini-block,
.admin-command-kv {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.95rem;
  border-radius: var(--atlas-radius-lg);
  background: var(--atlas-sand-light);
  border: 1px solid rgba(7, 27, 51, 0.12);
}

.admin-account-panel-wide {
  grid-column: 1 / -1;
}

.admin-field-list,
.admin-entitlement-grid {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
}

.admin-field-list > div,
.admin-entitlement-grid > div {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.admin-field-list strong,
.admin-entitlement-grid strong,
.admin-command-kv strong {
  color: var(--atlas-blue-deep);
  font-size: 0.76rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-field-list span,
.admin-entitlement-grid span,
.admin-command-kv span,
.admin-command-kv small {
  color: var(--atlas-ink-soft);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.admin-entitlement-card {
  background: #ffffff;
  border: 1px solid rgba(7, 27, 51, 0.14);
}

.admin-entitlement-card-warning {
  background: #fff7ed;
  border-color: rgba(249, 115, 22, 0.42);
}

.admin-entitlement-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: start;
}

.admin-entitlement-header strong {
  display: block;
  color: var(--atlas-blue-deep);
  font-size: 1.08rem;
  line-height: 1.1;
}

.admin-entitlement-header span:not(.portal-badge) {
  display: block;
  margin-top: 0.18rem;
  color: var(--atlas-muted);
  font-weight: 800;
  overflow-wrap: anywhere;
}

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

.admin-command-thread-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
}

.admin-command-thread-header h3 {
  margin: 0;
  color: var(--atlas-blue-deep);
  font-size: 1.05rem;
  line-height: 1.15;
}

.admin-command-thread-header p,
.admin-command-message-body p {
  margin: 0;
  color: var(--atlas-ink-soft);
  line-height: 1.45;
}

.admin-command-message-body {
  padding: 0.85rem;
  border-radius: var(--atlas-radius-md);
  background: #ffffff;
  border: 1px solid rgba(7, 27, 51, 0.1);
}

.admin-command-actions,
.admin-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  align-items: start;
}

.admin-action-stack {
  display: grid;
  gap: 0.65rem;
}

.admin-compact-form,
.admin-stacked-form,
.admin-message-form {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
}

.admin-compact-form {
  grid-template-columns: minmax(90px, auto) minmax(80px, 110px) auto;
  align-items: end;
}

.admin-compact-form label,
.admin-stacked-form label,
.admin-message-form label {
  color: var(--atlas-blue-deep);
  font-size: 0.75rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-trial-details {
  margin-top: 0.85rem;
  padding: 0.85rem;
  border-radius: var(--atlas-radius-md);
  background: #ffffff;
  border: 1px solid var(--atlas-line);
}

.admin-trial-details summary {
  cursor: pointer;
  color: var(--atlas-blue-deep);
  font-weight: 1000;
}

.admin-user-pagination,
.admin-command-pagination {
  display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(0, auto) minmax(120px, 180px);
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
  background:
    linear-gradient(
      135deg,
      rgba(7, 27, 51, 0.9),
      rgba(7, 52, 85, 0.9)
    );
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: var(--atlas-soft-shadow);
  color: #ffffff;
  text-align: center;
}

.admin-user-pagination.is-admin-pagination-hidden,
.admin-user-pagination.admin-command-hidden,
.admin-command-pagination.admin-command-hidden {
  display: none !important;
}

.admin-user-pagination span,
.admin-command-pagination span {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 1000;
}

.admin-user-pagination button:disabled,
.admin-command-pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.admin-account-card .portal-empty-state,
.admin-command-record .portal-empty-state {
  box-shadow: none;
}

.admin-account-card .portal-btn-secondary,
.admin-account-card .portal-btn-secondary:visited,
.admin-command-record .portal-btn-secondary,
.admin-command-record .portal-btn-secondary:visited,
.admin-user-pagination .portal-btn-secondary,
.admin-user-pagination .portal-btn-secondary:visited,
.admin-command-pagination .portal-btn-secondary,
.admin-command-pagination .portal-btn-secondary:visited {
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border: 2px solid rgba(7, 27, 51, 0.16);
}

.admin-account-card .portal-btn-secondary:hover,
.admin-account-card .portal-btn-secondary:focus,
.admin-command-record .portal-btn-secondary:hover,
.admin-command-record .portal-btn-secondary:focus,
.admin-user-pagination .portal-btn-secondary:hover,
.admin-user-pagination .portal-btn-secondary:focus,
.admin-command-pagination .portal-btn-secondary:hover,
.admin-command-pagination .portal-btn-secondary:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
  text-decoration: none;
}

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

  .admin-account-grid,
  .admin-command-grid,
  .admin-command-actions,
  .admin-action-row {
    grid-template-columns: 1fr;
  }

  .admin-account-panel-wide {
    grid-column: auto;
  }
}

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

  .admin-account-summary,
  .admin-command-summary,
  .admin-entitlement-header,
  .admin-entitlement-grid,
  .admin-command-thread-header {
    grid-template-columns: 1fr;
  }

  .admin-account-summary-main,
  .admin-command-summary-main {
    grid-template-columns: 1fr;
  }

  .admin-account-summary-status,
  .admin-command-summary-status {
    justify-items: start;
    text-align: left;
  }

  .admin-account-summary,
  .admin-command-summary {
    position: relative;
    padding-right: 3.7rem;
  }

  .admin-account-summary::after,
  .admin-command-summary::after {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }

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

  .admin-user-pagination,
  .admin-command-pagination {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .admin-command-dashboard {
    grid-template-columns: 1fr;
  }

  .admin-account-summary,
  .admin-account-body,
  .admin-command-summary,
  .admin-command-body {
    padding: 0.85rem;
  }

  .admin-account-card,
  .admin-command-record,
  .admin-account-panel,
  .admin-command-panel {
    border-radius: 20px;
  }
}

/* ==========================================================
   PRODUCT CANON / PLAN-CARD CONVERSION PATCH
   Canon tier bullets, methodology color, and product detail plan polish.
   ========================================================== */

.product-tier-copy-card {
  display: grid;
  gap: 0.55rem;
  margin: 0.85rem 0 0;
  padding: 0.85rem;
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 27, 51, 0.14);
  box-shadow: 0 8px 18px rgba(7, 27, 51, 0.08);
}

.product-tier-copy-card strong {
  color: var(--atlas-blue-deep);
  font-size: 0.95rem;
  line-height: 1.2;
}

.product-tier-copy-card ul,
.product-plan-feature-list {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-tier-copy-card li,
.product-plan-feature-list li {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  gap: 0.5rem;
  align-items: start;
  color: var(--atlas-ink-soft);
  line-height: 1.38;
}

.product-tier-copy-card li::before,
.product-plan-feature-list li::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 1.18rem;
  height: 1.18rem;
  border-radius: 999px;
  background: var(--atlas-teal);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 1000;
}

.product-plan-panel {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: var(--atlas-radius-xl);
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 212, 71, 0.28), transparent 15rem),
    linear-gradient(135deg, var(--atlas-blue-deep), #073455 56%, var(--atlas-teal-dark));
  box-shadow: var(--atlas-shadow);
  text-align: left;
}

.product-plan-intro {
  max-width: 820px;
}

.product-plan-intro h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.product-plan-intro p {
  margin: 0.85rem 0 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.product-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.product-plan-card {
  display: grid;
  gap: 0.95rem;
  align-content: start;
  min-width: 0;
  padding: 1.1rem;
  border-radius: 24px;
  border: 2px solid rgba(7, 27, 51, 0.16);
  background: #c0c0c0;
  color: #000000;
  box-shadow: var(--atlas-soft-shadow);
}

.product-plan-card-starter {
  background: var(--atlas-yellow);
}

.product-plan-card-busy {
  background: #c0c0c0;
}

.product-plan-card-established {
  background: #008ECC;
  color: #ffffff;
}

.product-plan-card-current {
  border-color: var(--atlas-orange);
  box-shadow: 0 20px 46px rgba(255, 122, 26, 0.24);
}

.product-plan-card-head {
  display: grid;
  gap: 0.55rem;
}

.product-plan-kicker {
  display: inline-flex;
  width: fit-content;
  padding: 0.32rem 0.68rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--atlas-blue-deep);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.product-plan-card h3 {
  margin: 0;
  color: inherit;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.product-plan-price {
  display: grid;
  gap: 0.2rem;
  margin: 0;
}

.product-plan-price strong {
  color: inherit;
  font-size: clamp(2rem, 5vw, 3.3rem);
  line-height: 0.9;
  letter-spacing: -0.07em;
}

.product-plan-price span {
  color: inherit;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-plan-allowance {
  padding: 0.75rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(7, 27, 51, 0.12);
}

.product-plan-allowance strong {
  color: var(--atlas-blue-deep);
  line-height: 1.3;
}

.product-plan-card-established .product-plan-feature-list li {
  color: rgba(255, 255, 255, 0.95);
}

.product-plan-card-established .product-plan-feature-list li::before {
  background: var(--atlas-yellow);
  color: var(--atlas-blue-deep);
}

.product-plan-action {
  display: grid;
  gap: 0.65rem;
  margin-top: auto;
}

.product-plan-action form {
  margin: 0;
}

.public-methodology-shell .public-methodology-grid .public-methodology-card:nth-child(3n + 1),
.public-methodology-shell .home-card-grid .home-feature-card:nth-child(3n + 1) {
  background: var(--atlas-yellow) !important;
  color: var(--atlas-blue-deep);
}

.public-methodology-shell .public-methodology-grid .public-methodology-card:nth-child(3n + 2),
.public-methodology-shell .home-card-grid .home-feature-card:nth-child(3n + 2) {
  background: #c0c0c0 !important;
  color: #000000;
}

.public-methodology-shell .public-methodology-grid .public-methodology-card:nth-child(3n),
.public-methodology-shell .home-card-grid .home-feature-card:nth-child(3n) {
  background: #008ECC !important;
  color: #ffffff;
}

.public-methodology-shell .public-methodology-card h2,
.public-methodology-shell .public-methodology-card p,
.public-methodology-shell .home-card-grid .home-feature-card h2,
.public-methodology-shell .home-card-grid .home-feature-card p {
  color: inherit;
}

.public-methodology-shell .public-methodology-card > span,
.public-methodology-shell .home-card-grid .home-feature-card > span {
  background: rgba(255, 255, 255, 0.86);
  color: var(--atlas-blue-deep);
}

.public-methodology-shell .public-methodology-card .public-mini-card {
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--atlas-ink);
  box-shadow: none;
}

@media (max-width: 1000px) {
  .product-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .product-plan-panel {
    padding: 1rem;
    border-radius: 22px;
  }

  .product-plan-card {
    padding: 1rem;
    border-radius: 20px;
  }
}

/* ==========================================================
   PRODUCT RESULTS REPORT POLISH
   Sales-grade report layout, Service Recovery cards, and safer metrics.
   ========================================================== */

.product-report-hero .product-report-title {
  word-spacing: 0.08em;
  letter-spacing: -0.045em;
}

.product-report-sample-note {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0.75rem 0 0;
  padding: 0.55rem 0.75rem;
  border-radius: 999px;
  background: rgba(255, 212, 71, 0.9);
  color: var(--atlas-blue-deep);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.25;
}

.product-report-priority-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: 1rem;
  align-items: stretch;
  padding: 1.15rem;
  border-radius: var(--atlas-radius-xl);
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 212, 71, 0.35), transparent 15rem),
    linear-gradient(135deg, var(--atlas-blue-deep), #073455 58%, var(--atlas-teal-dark));
  box-shadow: var(--atlas-shadow);
  color: #ffffff;
}

.product-report-priority-copy {
  display: grid;
  gap: 0.75rem;
  align-content: center;
}

.product-report-priority-copy h2,
.product-report-priority-copy p {
  margin: 0;
  color: inherit;
}

.product-report-priority-copy h2 {
  font-size: clamp(2rem, 4vw, 3.15rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.product-report-priority-copy .nps-explainer {
  color: rgba(255, 255, 255, 0.78);
}

.product-report-metric-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.product-report-score-card,
.product-report-breakdown {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
  padding: 0.85rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--atlas-blue-deep);
  box-shadow: 0 10px 24px rgba(7, 27, 51, 0.18);
}

.product-report-score-card-main {
  grid-row: span 2;
  align-content: center;
  background: var(--atlas-yellow);
}

.product-report-score-card span {
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-report-score-card strong {
  color: inherit;
  font-size: clamp(2.25rem, 6vw, 4.4rem);
  line-height: 0.88;
  letter-spacing: -0.08em;
}

.product-report-breakdown {
  grid-column: 1 / -1;
}

.product-report-ops-grid .home-feature-card {
  min-height: 100%;
}

.service-recovery-section {
  background:
    radial-gradient(circle at top right, rgba(255, 212, 71, 0.28), transparent 14rem),
    #ffffff;
}

.service-recovery-case-grid {
  grid-template-columns: 1fr;
}

.service-recovery-case-card {
  display: grid;
  gap: 1rem;
  border: 2px solid rgba(7, 27, 51, 0.12);
  background: #ffffff;
}

.service-recovery-case-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.service-recovery-case-head h3 {
  margin: 0.25rem 0 0;
  color: var(--atlas-blue-deep);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.service-recovery-status-badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.42rem 0.68rem;
  border-radius: 999px;
  background: var(--atlas-yellow);
  color: var(--atlas-blue-deep);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.service-recovery-status-resolved {
  background: var(--atlas-teal);
  color: #ffffff;
}

.service-recovery-status-closed,
.service-recovery-status-no_response {
  background: #c0c0c0;
  color: #000000;
}

.service-recovery-case-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.service-recovery-case-summary div {
  display: grid;
  gap: 0.2rem;
  padding: 0.75rem;
  border-radius: 16px;
  background: rgba(7, 27, 51, 0.05);
}

.service-recovery-case-summary strong {
  color: var(--atlas-blue-deep);
  font-size: 0.78rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.service-recovery-case-summary span {
  color: var(--atlas-ink-soft);
  overflow-wrap: anywhere;
}

.service-recovery-case-card blockquote {
  margin: 0;
  padding: 0.85rem 1rem;
  border-left: 5px solid var(--atlas-orange);
  border-radius: 16px;
  background: rgba(255, 122, 26, 0.09);
  color: var(--atlas-ink);
  font-weight: 800;
}

.service-recovery-case-form {
  display: grid;
  gap: 0.9rem;
}

.service-recovery-form-grid {
  display: grid;
  grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.3fr);
  gap: 0.85rem;
}

.service-recovery-form-grid > div {
  display: grid;
  gap: 0.45rem;
}

.service-recovery-redemption-panel {
  padding: 0.85rem;
  border-radius: 18px;
  border: 1px solid rgba(7, 27, 51, 0.12);
  background: rgba(0, 142, 204, 0.08);
}

.service-recovery-redemption-panel summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  color: var(--atlas-blue-deep);
  font-weight: 1000;
}

.service-recovery-redemption-panel summary span {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.service-recovery-redemption-panel .service-recovery-form-grid {
  margin-top: 0.85rem;
}

@media (max-width: 900px) {
  .product-report-priority-panel,
  .service-recovery-form-grid,
  .service-recovery-case-summary {
    grid-template-columns: 1fr;
  }

  .product-report-metric-board {
    grid-template-columns: 1fr;
  }

  .product-report-score-card-main {
    grid-row: auto;
  }

  .service-recovery-case-head {
    display: grid;
  }
}

/* ==========================================================
   PRODUCT RESULTS REPORT ORDER / STATE CORRECTIONS
   ========================================================== */

.product-report-sample-note {
  background: #b42318 !important;
  color: #ffffff !important;
}

.product-report-priority-copy {
  align-content: start;
}

.product-report-priority-copy .home-kicker {
  align-self: start;
  width: fit-content;
  margin: 0;
  color: var(--atlas-blue-deep) !important;
  background: rgba(255, 255, 255, 0.92);
}

.product-report-priority-copy h2,
.product-report-priority-copy p,
.product-report-priority-copy .nps-explainer {
  color: #ffffff !important;
}

.product-report-score-card-risk {
  background: #b42318 !important;
  color: #ffffff !important;
}

.product-report-score-card-neutral {
  background: var(--atlas-yellow) !important;
  color: #000000 !important;
}

.product-report-score-card-positive {
  background: #117a37 !important;
  color: #ffffff !important;
}

.product-report-score-card-risk span,
.product-report-score-card-risk strong,
.product-report-score-card-neutral span,
.product-report-score-card-neutral strong,
.product-report-score-card-positive span,
.product-report-score-card-positive strong {
  color: inherit !important;
}

.service-recovery-section,
.customer-language-section,
.survey-settings-details {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(7, 27, 51, 0.14);
  box-shadow: var(--atlas-soft-shadow);
}

.service-recovery-section summary,
.customer-language-section summary,
.survey-settings-details summary {
  align-items: center;
}

.service-recovery-section .customer-read-detail-body,
.customer-language-section .customer-read-detail-body,
.survey-settings-details .customer-read-detail-body {
  padding-top: 1rem;
}

.service-recovery-case-card {
  box-shadow: none;
}

.service-recovery-redemption-panel {
  background: rgba(7, 27, 51, 0.04);
}

.product-report-ops-grid-bottom {
  margin-top: 0;
}

@media (max-width: 700px) {
  .product-report-sample-note {
    border-radius: 16px;
  }
}

/* ==========================================================
   PRODUCT RESULTS COLLAPSED SECTIONS + SATISFACTION STATES
   ========================================================== */

.service-recovery-section summary,
.customer-language-section summary,
.survey-settings-details summary {
  color: var(--atlas-blue-deep) !important;
}

.service-recovery-section summary strong,
.customer-language-section summary strong,
.survey-settings-details summary strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--atlas-ink) !important;
  opacity: 1 !important;
  font-size: 0.98rem;
  font-weight: 900;
  line-height: 1.25;
}

.service-recovery-section summary span,
.customer-language-section summary span,
.survey-settings-details summary span {
  color: var(--atlas-blue-deep) !important;
}

.service-recovery-section summary::marker,
.customer-language-section summary::marker,
.survey-settings-details summary::marker {
  color: var(--atlas-orange);
}

.service-recovery-section[open] summary,
.customer-language-section[open] summary,
.survey-settings-details[open] summary {
  border-bottom: 1px solid rgba(7, 27, 51, 0.12);
  padding-bottom: 0.85rem;
}

/* Service Recovery form polish */

.service-recovery-case-form {
  padding: 0.9rem;
  border-radius: 18px;
  background: rgba(7, 27, 51, 0.035);
  border: 1px solid rgba(7, 27, 51, 0.1);
}

.service-recovery-case-form label {
  color: var(--atlas-blue-deep);
  font-size: 0.82rem;
  font-weight: 1000;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.service-recovery-case-form select,
.service-recovery-case-form input,
.service-recovery-case-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(7, 27, 51, 0.18);
  border-radius: 16px;
  background: #ffffff;
  color: var(--atlas-ink);
  font: inherit;
  font-weight: 700;
}

.service-recovery-case-form select,
.service-recovery-case-form input {
  min-height: 48px;
  padding: 0.75rem 0.85rem;
}

.service-recovery-case-form textarea {
  min-height: 96px;
  padding: 0.8rem 0.85rem;
  resize: vertical;
}

.service-recovery-case-form .home-btn {
  width: 100%;
  justify-content: center;
}

.service-recovery-redemption-panel {
  display: grid;
  gap: 0.75rem;
}

.service-recovery-redemption-panel summary {
  padding: 0;
  border: 0;
}

.service-recovery-redemption-panel summary strong {
  margin: 0;
  color: var(--atlas-ink) !important;
}

/* Satisfaction sentiment colors */

.satisfaction-row {
  padding: 0.75rem;
  border-radius: 16px;
  border: 1px solid rgba(7, 27, 51, 0.1);
}

.satisfaction-row strong,
.satisfaction-row span {
  color: inherit !important;
}

.satisfaction-row-very-satisfied {
  background: #117a37 !important;
  color: #ffffff !important;
}

.satisfaction-row-satisfied {
  background: #b7efc5 !important;
  color: #000000 !important;
}

.satisfaction-row-neutral {
  background: var(--atlas-yellow) !important;
  color: #000000 !important;
}

.satisfaction-row-dissatisfied {
  background: #ffd6dc !important;
  color: #000000 !important;
}

.satisfaction-row-very-dissatisfied {
  background: #b42318 !important;
  color: #ffffff !important;
}

@media (max-width: 700px) {
  .service-recovery-case-form {
    padding: 0.75rem;
  }
}

/* ==========================================================
   PRODUCT RESULTS SATISFACTION SCORE SENTIMENT STATES
   Driven by routes.py score order: 5, 4, 3, 2, 1.
   ========================================================== */

.satisfaction-score-row.satisfaction-row {
  padding: 0.75rem;
  border-radius: 16px;
  border: 1px solid rgba(7, 27, 51, 0.1);
}

.satisfaction-score-row.satisfaction-row strong,
.satisfaction-score-row.satisfaction-row span {
  color: inherit !important;
}

.satisfaction-row-very-satisfied {
  background: #117a37 !important;
  color: #ffffff !important;
}

.satisfaction-row-satisfied {
  background: #b7efc5 !important;
  color: #000000 !important;
}

.satisfaction-row-neutral {
  background: var(--atlas-yellow) !important;
  color: #000000 !important;
}

.satisfaction-row-dissatisfied {
  background: #ffd6dc !important;
  color: #000000 !important;
}

.satisfaction-row-very-dissatisfied {
  background: #b42318 !important;
  color: #ffffff !important;
}

.satisfaction-score-row.satisfaction-row progress {
  width: 100%;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
}

.satisfaction-score-row.satisfaction-row progress::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.5);
}

.satisfaction-score-row.satisfaction-row progress::-webkit-progress-value {
  background: currentColor;
  opacity: 0.9;
}

.satisfaction-score-row.satisfaction-row progress::-moz-progress-bar {
  background: currentColor;
  opacity: 0.9;
}

/* ==========================================================
   PRODUCT REPORT UX REDESIGN
   Decision-first dashboards, sample-aware states, visual reporting.
   ========================================================== */

.report-command-center,
.report-signal-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.85fr);
  gap: 1rem;
  align-items: stretch;
  padding: 1.25rem;
  border-radius: var(--atlas-radius-xl);
  text-align: left;
  box-shadow: var(--atlas-shadow);
  border: 1px solid rgba(255, 255, 255, 0.22);
  overflow: hidden;
}

.report-command-center {
  background:
    radial-gradient(circle at 85% 0%, rgba(255, 216, 77, 0.34), transparent 17rem),
    linear-gradient(135deg, #07111f 0%, var(--atlas-blue-dark) 48%, #0f766e 100%);
  color: #ffffff;
}

.report-confidence-empty,
.report-confidence-early {
  background:
    radial-gradient(circle at 85% 0%, rgba(255, 216, 77, 0.34), transparent 17rem),
    linear-gradient(135deg, #431407 0%, #7c2d12 42%, var(--atlas-orange-dark) 100%);
}

.report-confidence-directional {
  background:
    radial-gradient(circle at 85% 0%, rgba(255, 216, 77, 0.34), transparent 17rem),
    linear-gradient(135deg, #082f49 0%, var(--atlas-blue) 48%, var(--atlas-teal-dark) 100%);
}

.report-command-copy,
.report-signal-main {
  display: grid;
  align-content: center;
  gap: 0.85rem;
  min-width: 0;
}

.report-status-pill {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 0.38rem 0.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--atlas-blue-dark);
  font-size: 0.78rem;
  font-weight: 1000;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.report-command-copy h2,
.report-signal-main h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.9rem, 4vw, 3.3rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.report-command-copy p,
.report-signal-main p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 1.02rem;
  line-height: 1.55;
}

.report-command-metrics,
.report-signal-cards {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.report-command-card,
.report-pop-card {
  display: grid;
  gap: 0.3rem;
  align-content: center;
  min-width: 0;
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
  background: rgba(255, 255, 255, 0.94);
  color: var(--atlas-ink);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 12px 28px rgba(8, 35, 63, 0.16);
}

.report-command-card span,
.report-pop-card span {
  color: var(--atlas-muted);
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.report-command-card strong,
.report-pop-card strong {
  color: var(--atlas-ink);
  font-size: clamp(1.55rem, 4vw, 2.35rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  overflow-wrap: anywhere;
}

.report-command-card small,
.report-pop-card small {
  color: var(--atlas-muted);
  font-weight: 800;
  line-height: 1.35;
}

.report-command-card-primary,
.report-pop-good {
  background:
    linear-gradient(135deg, #dcfce7 0%, #ffffff 58%, #ccfbf1 100%);
  border-color: rgba(15, 118, 110, 0.28);
}

.report-pop-watch {
  background:
    linear-gradient(135deg, #ffedd5 0%, #ffffff 58%, #fee2e2 100%);
  border-color: rgba(249, 115, 22, 0.32);
}

.report-pop-neutral {
  background:
    linear-gradient(135deg, #e0f2fe 0%, #ffffff 58%, #eef2ff 100%);
  border-color: rgba(14, 116, 144, 0.24);
}

.report-pop-time {
  background:
    linear-gradient(135deg, #fef9c3 0%, #ffffff 58%, #ccfbf1 100%);
  border-color: rgba(202, 138, 4, 0.26);
}

.report-signal-crowd {
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 216, 77, 0.32), transparent 16rem),
    linear-gradient(135deg, #08233f 0%, #0a3a67 48%, #008ecc 100%);
}

.report-signal-time {
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 216, 77, 0.38), transparent 16rem),
    linear-gradient(135deg, #123047 0%, #0f766e 52%, #f97316 130%);
}

.report-meter {
  display: grid;
  gap: 0.45rem;
  max-width: 620px;
  padding: 0.9rem;
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.report-meter-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  color: #ffffff;
  font-weight: 1000;
}

.report-meter small {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
}

.report-meter-progress,
.report-mini-progress {
  width: 100%;
  overflow: hidden;
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
}

.report-meter-progress {
  height: 0.85rem;
}

.report-mini-progress {
  height: 0.65rem;
  background: rgba(20, 33, 43, 0.12);
}

.report-meter-progress::-webkit-progress-bar,
.report-mini-progress::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.24);
  border-radius: 999px;
}

.report-mini-progress::-webkit-progress-bar {
  background: rgba(20, 33, 43, 0.12);
}

.report-meter-progress-good::-webkit-progress-value {
  background: linear-gradient(90deg, #fb923c, #facc15, #22c55e);
  border-radius: 999px;
}

.report-meter-progress-time::-webkit-progress-value {
  background: linear-gradient(90deg, #38bdf8, #2dd4bf, #facc15);
  border-radius: 999px;
}

.report-mini-progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--atlas-orange), var(--atlas-teal));
  border-radius: 999px;
}

.report-meter-progress::-moz-progress-bar,
.report-mini-progress::-moz-progress-bar {
  background: linear-gradient(90deg, var(--atlas-orange), var(--atlas-teal));
  border-radius: 999px;
}

.report-ranked-panel {
  background:
    linear-gradient(135deg, rgba(255, 216, 77, 0.98), rgba(255, 247, 237, 0.95));
}

.report-ranked-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(90px, 160px) auto;
  gap: 0.75rem;
  align-items: center;
}

.report-ranked-row-count,
.report-ranked-row-risk {
  grid-template-columns: minmax(0, 1fr) auto;
}

.report-ranked-row-copy {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.report-ranked-row-copy strong {
  overflow-wrap: anywhere;
}

.report-ranked-row b {
  color: var(--atlas-blue-dark);
  font-size: 1.05rem;
  font-weight: 1000;
}

.report-ranked-row-risk {
  border-color: rgba(249, 115, 22, 0.28);
  background:
    linear-gradient(135deg, #fff7ed 0%, #ffffff 60%, #ffedd5 100%);
}

.service-recovery-case-form,
.survey-settings-details .portal-form,
.customer-read-inline-settings {
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
  background:
    linear-gradient(135deg, #fff7ed 0%, #ffffff 58%, #ecfeff 100%);
  border: 1px solid rgba(20, 33, 43, 0.12);
  box-shadow: inset 0 4px 0 rgba(249, 115, 22, 0.16);
}

.service-recovery-case-form select,
.service-recovery-case-form textarea,
.survey-settings-details input,
.survey-settings-details select,
.survey-settings-details textarea {
  border: 2px solid rgba(20, 33, 43, 0.13);
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(8, 35, 63, 0.08);
}

.service-recovery-redemption-panel {
  padding: 0.8rem;
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 216, 77, 0.12);
  border: 1px solid rgba(249, 115, 22, 0.16);
}

@media (max-width: 820px) {
  .report-command-center,
  .report-signal-stage {
    grid-template-columns: 1fr;
  }

  .report-ranked-row {
    grid-template-columns: 1fr;
  }

  .report-ranked-row b {
    justify-self: start;
  }
}

@media print {
  body {
    background: #ffffff !important;
    color: #111827 !important;
  }

  .atlas-header,
  .atlas-footer,
  .home-actions,
  .portal-actions,
  .commerce-actions,
  .customer-read-actions,
  .public-final-actions,
  .survey-settings-details,
  .service-recovery-case-form,
  .product-report-ops-grid-bottom,
  .report-observation-detail,
  button,
  form,
  input,
  select,
  textarea {
    display: none !important;
  }

  .atlas-page {
    max-width: none;
    padding: 0.25in !important;
  }

  .atlas-home-shell,
  .customer-read-shell,
  .product-report-shell-v2 {
    gap: 0.35in !important;
  }

  .home-hero,
  .customer-read-hero,
  .report-command-center,
  .report-signal-stage,
  .home-split-section,
  .public-accent-panel,
  .home-card-grid {
    break-inside: avoid;
    box-shadow: none !important;
  }

  .home-hero,
  .customer-read-hero {
    background: #123047 !important;
    color: #ffffff !important;
  }

  .report-command-center,
  .report-signal-stage {
    background: #0a3a67 !important;
    color: #ffffff !important;
  }

  .home-feature-card,
  .public-mini-card,
  .customer-read-score-row,
  .customer-read-verbatim,
  .report-command-card,
  .report-pop-card {
    box-shadow: none !important;
    border: 1px solid #cbd5e1 !important;
  }

  .customer-read-tool-detail,
  .customer-read-tool-settings-detail {
    break-inside: avoid;
  }

  .customer-read-tool-detail summary,
  .customer-read-tool-settings-detail summary {
    list-style: none;
  }

  .customer-read-tool-detail summary::-webkit-details-marker,
  .customer-read-tool-settings-detail summary::-webkit-details-marker {
    display: none;
  }

  .customer-read-tool-detail:not(.customer-language-section):not(.service-recovery-section) {
    display: none !important;
  }

  .service-recovery-case-card {
    break-inside: avoid;
  }

  a {
    text-decoration: none !important;
  }
}

/* ==========================================================
   PRODUCT REPORT DATE RANGE CONTROLS
   ========================================================== */

.report-range-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(300px, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border-radius: var(--atlas-radius-xl);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 216, 77, 0.32), transparent 16rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 254, 255, 0.92));
  border: 1px solid rgba(20, 33, 43, 0.14);
  box-shadow: var(--atlas-shadow);
}

.report-range-copy {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.report-range-copy h2 {
  margin: 0;
  color: var(--atlas-blue-dark);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

.report-range-copy p {
  margin: 0;
  color: var(--atlas-muted);
  font-weight: 800;
}

.report-range-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.report-range-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.3rem;
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  background: #ffffff;
  color: var(--atlas-blue-dark);
  border: 1px solid rgba(20, 33, 43, 0.16);
  box-shadow: 0 8px 18px rgba(8, 35, 63, 0.08);
  font-size: 0.84rem;
  font-weight: 1000;
  text-decoration: none;
}

.report-range-pill:hover,
.report-range-pill:focus {
  background: var(--atlas-sand-light);
  color: var(--atlas-blue-dark);
}

.report-range-pill-active {
  background: var(--atlas-orange);
  color: #ffffff;
  border-color: rgba(194, 65, 12, 0.32);
}

.report-range-pill-active:hover,
.report-range-pill-active:focus {
  background: var(--atlas-orange-dark);
  color: #ffffff;
}

@media (max-width: 820px) {
  .report-range-panel {
    grid-template-columns: 1fr;
  }

  .report-range-actions {
    justify-content: flex-start;
  }
}

@media print {
  .report-range-actions {
    display: none !important;
  }

  .report-range-panel {
    box-shadow: none !important;
    border: 1px solid #cbd5e1 !important;
  }
}

/* ==========================================================
   PRODUCT REPORT QA CLEANUP
   Safer measured-language presentation and readable explainer.
   ========================================================== */

.nps-explainer {
  margin-top: 0.9rem;
  padding: 0.8rem 0.9rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(
      135deg,
      rgba(255, 247, 237, 0.98),
      rgba(236, 254, 255, 0.96)
    );
  color: var(--atlas-blue-dark) !important;
  border: 1px solid rgba(20, 33, 43, 0.14);
  box-shadow: 0 8px 18px rgba(8, 35, 63, 0.1);
  font-weight: 900;
  line-height: 1.45;
}

.product-report-priority-copy .nps-explainer {
  color: var(--atlas-blue-dark) !important;
}

.report-command-copy h2,
.report-signal-main h2,
.product-report-priority-copy h2 {
  text-wrap: balance;
}

/* ==========================================================
   PRODUCT REPORT TREND COMPARISON
   Measured prior-period deltas only; no predictive language.
   ========================================================== */

.report-trend-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(320px, 1fr);
  gap: 1rem;
  align-items: stretch;
  padding: 1rem;
  border-radius: var(--atlas-radius-xl);
  background:
    radial-gradient(circle at 100% 0%, rgba(32, 184, 166, 0.22), transparent 16rem),
    linear-gradient(135deg, rgba(8, 35, 63, 0.96), rgba(10, 58, 103, 0.94));
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: var(--atlas-shadow);
  color: #ffffff;
  text-align: left;
}

.report-trend-copy {
  display: grid;
  align-content: center;
  gap: 0.4rem;
  min-width: 0;
}

.report-trend-copy h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.report-trend-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 850;
  line-height: 1.45;
}

.report-trend-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 0.65rem;
  align-content: stretch;
}

.report-trend-card {
  display: grid;
  gap: 0.28rem;
  align-content: center;
  min-width: 0;
  padding: 0.9rem;
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 255, 255, 0.94);
  color: var(--atlas-ink);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 10px 24px rgba(8, 35, 63, 0.16);
}

.report-trend-card span {
  color: var(--atlas-muted);
  font-size: 0.7rem;
  font-weight: 1000;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.report-trend-card strong {
  color: var(--atlas-blue-dark);
  font-size: clamp(1.45rem, 3vw, 2.2rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.report-trend-card small {
  color: var(--atlas-muted);
  font-weight: 900;
  line-height: 1.3;
}

.report-trend-up {
  background:
    linear-gradient(135deg, #dcfce7 0%, #ffffff 62%, #ccfbf1 100%);
  border-color: rgba(22, 163, 74, 0.28);
}

.report-trend-down {
  background:
    linear-gradient(135deg, #fee2e2 0%, #ffffff 62%, #ffedd5 100%);
  border-color: rgba(220, 38, 38, 0.26);
}

.report-trend-flat {
  background:
    linear-gradient(135deg, #e0f2fe 0%, #ffffff 62%, #eef2ff 100%);
  border-color: rgba(14, 116, 144, 0.22);
}

.report-trend-none {
  background:
    linear-gradient(135deg, #f8fafc 0%, #ffffff 62%, #ecfeff 100%);
}

@media (max-width: 820px) {
  .report-trend-panel {
    grid-template-columns: 1fr;
  }
}

@media print {
  .report-trend-panel {
    background: #0a3a67 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    break-inside: avoid;
  }

  .report-trend-card {
    box-shadow: none !important;
    border: 1px solid #cbd5e1 !important;
  }
}

/* ==========================================================
   CUSTOMER LANGUAGE REPORT POLISH
   Factual verbatim display for product reports.
   ========================================================== */

.customer-language-body {
  display: grid;
  gap: 1rem;
}

.customer-language-report-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
  gap: 1rem;
  align-items: stretch;
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 216, 77, 0.24), transparent 14rem),
    linear-gradient(135deg, rgba(255, 247, 237, 0.98), rgba(236, 254, 255, 0.94));
  border: 1px solid rgba(20, 33, 43, 0.14);
}

.customer-language-report-head h2 {
  margin: 0;
  color: var(--atlas-blue-dark);
  font-size: clamp(1.45rem, 3vw, 2.2rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.customer-language-report-head p {
  max-width: 740px;
  margin: 0.45rem 0 0;
  color: var(--atlas-muted);
  font-weight: 850;
  line-height: 1.45;
}

.customer-language-count-card {
  display: grid;
  gap: 0.25rem;
  align-content: center;
  padding: 0.9rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(135deg, #ffffff 0%, #ecfeff 100%);
  border: 1px solid rgba(20, 33, 43, 0.12);
  box-shadow: 0 10px 22px rgba(8, 35, 63, 0.1);
}

.customer-language-count-card span {
  color: var(--atlas-muted);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.customer-language-count-card strong {
  color: var(--atlas-blue-dark);
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1;
  letter-spacing: -0.055em;
}

.customer-language-count-card small {
  color: var(--atlas-muted);
  font-weight: 900;
}

.customer-language-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0.85rem;
}

.customer-language-card {
  display: grid;
  gap: 0.75rem;
  align-content: start;
  min-width: 0;
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
  background:
    linear-gradient(135deg, #ffffff 0%, #ecfeff 88%);
  border: 1px solid rgba(20, 33, 43, 0.14);
  box-shadow: 0 12px 28px rgba(8, 35, 63, 0.12);
  text-align: left;
}

.customer-language-card-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
  color: var(--atlas-muted);
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.customer-language-card-head strong {
  color: var(--atlas-orange-dark);
  text-align: right;
}

.customer-language-card blockquote {
  margin: 0;
  padding: 0.85rem 0.9rem;
  border-left: 5px solid var(--atlas-orange);
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 247, 237, 0.92);
  color: var(--atlas-ink);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.45;
}

.customer-language-context {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.customer-language-context small {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 0.28rem 0.5rem;
  border-radius: 999px;
  background: rgba(32, 184, 166, 0.14);
  color: var(--atlas-blue-dark);
  font-size: 0.72rem;
  font-weight: 950;
}

.customer-language-limit-note {
  margin: 0;
  padding: 0.85rem 1rem;
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 216, 77, 0.14);
  color: var(--atlas-blue-dark);
  border: 1px solid rgba(249, 115, 22, 0.18);
  font-weight: 900;
  text-align: left;
}

.customer-language-empty {
  text-align: left;
}

@media (max-width: 820px) {
  .customer-language-report-head {
    grid-template-columns: 1fr;
  }

  .customer-language-card-head {
    display: grid;
  }

  .customer-language-card-head strong {
    text-align: left;
  }
}

@media print {
  .customer-language-report-head,
  .customer-language-card,
  .customer-language-count-card {
    box-shadow: none !important;
    break-inside: avoid;
  }

  .customer-language-card {
    border: 1px solid #cbd5e1 !important;
  }

  .customer-language-limit-note {
    display: none !important;
  }
}

/* ==========================================================
   SERVICE RECOVERY COMPACT WORKFLOW
   Keeps follow-up useful without turning reports into giant forms.
   ========================================================== */

.service-recovery-section .customer-read-detail-body {
  display: grid;
  gap: 0.9rem;
}

.service-recovery-case-grid {
  gap: 0.9rem;
}

.service-recovery-case-card {
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
}

.service-recovery-case-head {
  gap: 0.75rem;
  align-items: flex-start;
}

.service-recovery-case-head h3 {
  margin: 0.2rem 0 0;
  font-size: clamp(1.35rem, 3vw, 2rem);
  letter-spacing: -0.045em;
  line-height: 1;
}

.service-recovery-case-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.service-recovery-case-summary > div {
  padding: 0.72rem 0.8rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid rgba(20, 33, 43, 0.08);
}

.service-recovery-case-summary strong {
  display: block;
  margin-bottom: 0.18rem;
  color: var(--atlas-blue-dark);
  font-size: 0.68rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.service-recovery-case-summary span {
  color: var(--atlas-ink);
  font-size: 0.95rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.service-recovery-case-card blockquote {
  margin: 0.8rem 0 0;
  padding: 0.75rem 0.9rem;
  border-left: 5px solid var(--atlas-orange);
  border-radius: var(--atlas-radius-md);
  background: rgba(255, 247, 237, 0.88);
  color: var(--atlas-ink);
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.35;
}

.service-recovery-compact-editor {
  margin-top: 0.85rem;
  border-radius: var(--atlas-radius-md);
  background:
    linear-gradient(135deg, rgba(236, 254, 255, 0.92), rgba(255, 247, 237, 0.92));
  border: 1px solid rgba(20, 33, 43, 0.14);
  overflow: hidden;
}

.service-recovery-compact-editor summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 0.9rem;
  list-style: none;
  cursor: pointer;
}

.service-recovery-compact-editor summary::-webkit-details-marker {
  display: none;
}

.service-recovery-compact-editor summary span {
  color: var(--atlas-blue-dark);
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.service-recovery-compact-editor summary strong {
  display: inline-flex;
  justify-self: end;
  padding: 0.32rem 0.6rem;
  border-radius: 999px;
  background: rgba(255, 216, 77, 0.42);
  color: var(--atlas-blue-dark);
  font-size: 0.78rem;
  font-weight: 1000;
}

.service-recovery-case-form-compact {
  margin: 0;
  padding: 0.85rem;
  border-width: 1px 0 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none;
}

.service-recovery-compact-grid {
  display: grid;
  grid-template-columns: minmax(150px, 0.7fr) minmax(220px, 1fr);
  gap: 0.7rem;
  align-items: end;
}

.service-recovery-compact-grid label {
  margin-bottom: 0.25rem;
  color: var(--atlas-blue-dark);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.service-recovery-compact-grid input,
.service-recovery-compact-grid select,
.service-recovery-compact-grid textarea {
  min-height: 42px;
  padding: 0.65rem 0.75rem;
  border-radius: var(--atlas-radius-sm);
  font-size: 0.95rem;
}

.service-recovery-compact-grid textarea {
  resize: vertical;
}

.service-recovery-note-field {
  grid-column: span 1;
}

.service-recovery-save-btn {
  min-height: 42px;
  margin-top: 0.75rem;
  padding: 0.7rem 1rem;
}

@media (max-width: 820px) {
  .service-recovery-case-summary,
  .service-recovery-compact-grid {
    grid-template-columns: 1fr;
  }

  .service-recovery-compact-editor summary {
    grid-template-columns: 1fr;
  }

  .service-recovery-compact-editor summary strong {
    justify-self: start;
  }
}

@media print {
  .service-recovery-compact-editor {
    display: none !important;
  }

  .service-recovery-case-summary > div,
  .service-recovery-case-card blockquote {
    box-shadow: none !important;
  }
}

/* ==========================================================
   SERVICE RECOVERY COMPACT ALIGNMENT FIX
   Tightens the follow-up editor after compact workflow refactor.
   ========================================================== */

.service-recovery-compact-editor {
  margin-top: 0.75rem;
}

.service-recovery-compact-editor summary {
  min-height: 0 !important;
  padding: 0.55rem 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem;
}

.service-recovery-compact-editor summary::after {
  display: none !important;
}

.service-recovery-compact-editor summary span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
}

.service-recovery-compact-editor summary strong {
  margin-left: auto;
  justify-self: auto;
  white-space: nowrap;
}

.service-recovery-case-form-compact {
  padding: 0.85rem !important;
}

.service-recovery-compact-grid {
  grid-template-columns: minmax(190px, 0.7fr) minmax(280px, 1fr);
  gap: 0.65rem 0.85rem;
  align-items: start;
}

.service-recovery-compact-grid > div {
  min-width: 0;
}

.service-recovery-compact-grid input,
.service-recovery-compact-grid select,
.service-recovery-compact-grid textarea {
  width: 100%;
}

.service-recovery-compact-grid textarea {
  min-height: 54px;
}

.service-recovery-note-field:last-child {
  grid-column: 1 / -1;
}

.service-recovery-note-field:last-child textarea {
  min-height: 64px;
}

.service-recovery-save-btn {
  width: 100%;
  margin-top: 0.8rem;
}

@media (max-width: 820px) {
  .service-recovery-compact-editor summary {
    align-items: flex-start !important;
    flex-direction: column;
  }

  .service-recovery-compact-editor summary strong {
    margin-left: 0;
  }

  .service-recovery-note-field:last-child {
    grid-column: auto;
  }
}

/* ==========================================================
   STEP 8B PRODUCT PLAN / SERVICE RECOVERY CLEANUP
   ========================================================== */

.service-recovery-status-readonly {
  background: rgba(236, 254, 255, 0.92) !important;
  color: var(--atlas-blue-dark) !important;
  border: 1px solid rgba(20, 184, 166, 0.28);
}

.product-current-plan-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border-radius: var(--atlas-radius-lg);
  background:
    radial-gradient(circle at 100% 0%, rgba(32, 184, 166, 0.22), transparent 12rem),
    linear-gradient(135deg, #ffffff 0%, #ecfeff 100%);
  color: var(--atlas-ink);
  border: 2px solid rgba(255, 122, 26, 0.5);
  box-shadow: 0 16px 34px rgba(8, 35, 63, 0.18);
}

.product-current-plan-panel h3 {
  margin: 0.25rem 0 0;
  color: var(--atlas-blue-dark);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

.product-current-plan-panel p {
  margin: 0.45rem 0 0;
  color: var(--atlas-muted);
  font-weight: 850;
  line-height: 1.4;
}

.product-current-plan-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

@media (max-width: 820px) {
  .product-current-plan-panel {
    grid-template-columns: 1fr;
  }

  .product-current-plan-actions {
    justify-content: stretch;
  }

  .product-current-plan-actions .home-btn {
    width: 100%;
  }
}

@media print {
  .product-current-plan-panel {
    box-shadow: none !important;
    break-inside: avoid;
  }
}

/* ==========================================================
   LAUNCH POLISH — REPORT DRAWERS + BILLING HYBRID
   Atlas-owned customer report/account surfaces only.
   This block replaces the prior launch-polish block.
   ========================================================== */

.product-report-shell-v2 {
  --report-drawer-bg: #ffffff;
  --report-drawer-ink: var(--atlas-blue-deep);
  --report-drawer-muted: var(--atlas-ink-soft);
  --report-drawer-border: rgba(7, 27, 51, 0.14);
  gap: 1rem;
}

.product-report-shell-v2 .report-range-panel,
.product-report-shell-v2 .report-trend-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(320px, 1.12fr);
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border-radius: 26px;
  background:
    linear-gradient(
      135deg,
      var(--atlas-sand-light) 0%,
      #ffffff 48%,
      var(--atlas-mint) 100%
    );
  border: 2px solid rgba(7, 27, 51, 0.14);
  box-shadow: var(--atlas-soft-shadow);
  text-align: left;
}

.product-report-shell-v2 .report-range-copy h2,
.product-report-shell-v2 .report-trend-copy h2 {
  color: var(--atlas-blue-deep);
  text-shadow: none;
}

.product-report-shell-v2 .report-range-copy p,
.product-report-shell-v2 .report-trend-copy p {
  color: var(--atlas-blue-deep);
  font-weight: 900;
}

.product-report-shell-v2 .report-range-actions {
  justify-content: end;
}

.product-report-shell-v2 .report-trend-card {
  background: rgba(255, 255, 255, 0.92);
  color: var(--atlas-blue-deep);
  border: 1px solid rgba(7, 27, 51, 0.12);
  box-shadow: none;
}

.product-report-shell-v2 .report-trend-card span,
.product-report-shell-v2 .report-trend-card strong,
.product-report-shell-v2 .report-trend-card small {
  color: var(--atlas-blue-deep);
}

.atlas-report-drawer {
  overflow: hidden;
  border: 2px solid var(--report-drawer-border);
  border-radius: 24px;
  background: var(--report-drawer-bg) !important;
  color: var(--report-drawer-ink);
  box-shadow: var(--atlas-soft-shadow);
}

.atlas-report-drawer[open] {
  border-color: rgba(249, 115, 22, 0.42);
  box-shadow: 0 18px 42px rgba(7, 27, 51, 0.18);
}

.atlas-report-drawer > summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  min-height: 68px;
  padding: 1rem 1.1rem;
  cursor: pointer;
  list-style: none;
  text-align: left;
  background:
    radial-gradient(
      circle at 94% 12%,
      rgba(255, 212, 71, 0.28),
      transparent 12rem
    ),
    linear-gradient(
      135deg,
      var(--atlas-blue-deep),
      #073455 58%,
      var(--atlas-teal-dark)
    );
}

.atlas-report-drawer > summary::-webkit-details-marker {
  display: none;
}

.atlas-report-drawer > summary span {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--atlas-blue-deep) !important;
  font-size: 0.7rem;
  font-weight: 1000;
  letter-spacing: 0.1em;
  line-height: 1.1;
  text-transform: uppercase;
}

.atlas-report-drawer > summary strong {
  grid-column: 1;
  display: block;
  margin-top: 0.42rem;
  color: #ffffff !important;
  font-size: clamp(1.05rem, 2.3vw, 1.45rem);
  font-weight: 1000;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.atlas-report-drawer > summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  background: var(--atlas-orange);
  color: #ffffff;
  font-size: 1.35rem;
  font-weight: 1000;
  line-height: 1;
}

.atlas-report-drawer[open] > summary::after {
  content: "-";
  background: var(--atlas-green);
}

.atlas-report-drawer > .customer-read-detail-body {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  background: var(--atlas-cream);
  text-align: left;
}

.atlas-report-drawer-attention {
  border-color: var(--atlas-orange);
  box-shadow: 0 0 0 4px rgba(255, 122, 26, 0.14), var(--atlas-soft-shadow);
}

.atlas-report-drawer-attention > summary {
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(255, 212, 71, 0.38),
      transparent 13rem
    ),
    linear-gradient(
      135deg,
      #7c2d12,
      var(--atlas-orange-dark) 50%,
      var(--atlas-blue-deep)
    );
}

.atlas-report-drawer-attention > summary::before {
  content: "Needs review";
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  justify-self: end;
  display: inline-flex;
  width: fit-content;
  padding: 0.3rem 0.58rem;
  border-radius: 999px;
  background: var(--atlas-yellow);
  color: var(--atlas-blue-deep);
  font-size: 0.68rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.atlas-report-drawer-attention > summary::after {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
}

.report-ranked-panel {
  display: block;
  padding: 0;
}

.report-ranked-panel .home-split-copy {
  padding: 0;
}

.report-ranked-panel .home-split-copy .home-kicker {
  display: none;
}

.report-ranked-panel .home-split-copy h2 {
  margin: 0;
  color: var(--atlas-blue-deep);
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.report-ranked-panel .home-split-copy p {
  margin-top: 0.55rem;
  color: var(--atlas-ink-soft);
  font-weight: 800;
}

.report-ranked-panel .customer-read-score-list {
  display: grid;
  gap: 0.7rem;
}

.report-ranked-row {
  grid-template-columns: minmax(0, 1fr) minmax(120px, 220px) auto;
  background: #ffffff;
  border: 1px solid rgba(7, 27, 51, 0.12);
  box-shadow: none;
}

.report-ranked-row strong {
  font-size: 1.02rem;
  line-height: 1.2;
}

.report-ranked-row span {
  font-weight: 850;
}

.report-ranked-row b {
  display: grid;
  place-items: center;
  min-width: 3rem;
  min-height: 2.25rem;
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  background: var(--atlas-yellow);
  color: var(--atlas-blue-deep);
  font-size: 0.95rem;
  font-weight: 1000;
}

.report-ranked-row-risk {
  border-left: 8px solid var(--atlas-orange);
}

.report-ranked-row-count {
  border-left: 8px solid var(--atlas-teal);
}

.product-report-account-drawer .product-report-ops-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-report-account-drawer .home-feature-card {
  min-height: 100%;
  box-shadow: none;
}

.product-report-account-drawer .home-btn {
  margin-top: 0.85rem;
}

.customer-language-card,
.service-recovery-case-card,
.customer-read-verbatim.service-recovery-case-card {
  background: var(--atlas-yellow) !important;
  color: #000000 !important;
  border: 2px solid rgba(7, 27, 51, 0.18);
  box-shadow: 0 12px 26px rgba(7, 27, 51, 0.14);
}

.customer-language-card *,
.service-recovery-case-card *,
.customer-read-verbatim.service-recovery-case-card * {
  color: #000000 !important;
}

.customer-language-card blockquote,
.service-recovery-case-card blockquote,
.customer-read-verbatim.service-recovery-case-card blockquote {
  margin: 0.75rem 0 0;
  padding: 0.9rem;
  border-left: 5px solid var(--atlas-orange);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  color: #000000 !important;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.45;
}

.customer-language-count-card,
.service-recovery-case-summary div,
.survey-settings-details .commerce-form-card {
  border: 1px solid rgba(7, 27, 51, 0.12);
  box-shadow: 0 10px 24px rgba(7, 27, 51, 0.1);
}

.service-recovery-case-summary div,
.service-recovery-compact-editor {
  background: rgba(255, 255, 255, 0.72) !important;
}

.service-recovery-compact-editor summary {
  background: rgba(255, 255, 255, 0.72) !important;
  color: #000000 !important;
}

.service-recovery-compact-editor summary::after {
  background: var(--atlas-orange);
}

.survey-settings-details .public-accent-copy,
.survey-settings-details .commerce-form-card {
  background: #ffffff !important;
  color: var(--atlas-blue-deep);
  border-radius: 20px;
}

.survey-settings-details .public-accent-copy p,
.survey-settings-details .commerce-form-card h2,
.survey-settings-details .commerce-form-card span {
  color: var(--atlas-blue-deep) !important;
}

.business-center-tool-drawer {
  padding: 0;
  overflow: hidden;
  background: var(--atlas-cream) !important;
  border: 2px solid rgba(7, 27, 51, 0.18);
}

.business-center-tool-summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 0.75rem;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  list-style: none;
}

.business-center-tool-summary::-webkit-details-marker {
  display: none;
}

.business-center-tool-summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--atlas-orange);
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 1000;
}

.business-center-tool-drawer[open] .business-center-tool-summary::after {
  content: "-";
  background: var(--atlas-green);
}

.business-center-tool-status {
  display: inline-flex;
  width: fit-content;
  padding: 0.32rem 0.65rem;
  border-radius: 999px;
  background: rgba(37, 160, 50, 0.14);
  color: var(--atlas-teal-dark) !important;
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.business-center-tool-drawer-body {
  display: grid;
  gap: 0.8rem;
  padding: 0 1rem 1rem;
}

.business-center-tool-drawer-body p {
  margin: 0;
  padding: 0.8rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.8);
  color: var(--atlas-blue-deep);
  font-weight: 900;
  line-height: 1.4;
}

.business-center-tool-drawer .business-center-tool-action-stack {
  padding-top: 0.2rem;
}

.business-center-tool-report-actions .home-btn {
  order: 10;
}

.business-center-tool-report-actions .home-btn[href*="rolling_qr_nps"] {
  order: 1;
}

.business-center-tool-report-actions .home-btn[href*="gamified"] {
  order: 2;
}

.business-center-tool-report-actions .home-btn[href*="time_chaser"] {
  order: 3;
}

.business-center-billing-panel {
  align-items: stretch;
  border-radius: 28px;
  background:
    linear-gradient(
      135deg,
      var(--atlas-blue-deep),
      #073455 56%,
      var(--atlas-teal-dark)
    );
}

.business-center-billing-panel .public-card-stack {
  align-content: start;
}

.business-center-subscription-card,
.business-center-billing-panel .public-mini-card-accent {
  display: grid;
  gap: 0.75rem;
  padding: 1.1rem;
  border-radius: 24px;
  background: var(--atlas-cream) !important;
  border: 2px solid rgba(255, 212, 71, 0.42);
  box-shadow: none;
}

.business-center-subscription-card strong,
.business-center-billing-panel .public-mini-card-accent strong {
  color: var(--atlas-blue-deep);
  font-size: clamp(1.25rem, 2.6vw, 1.8rem);
  line-height: 1;
  letter-spacing: -0.035em;
}

.business-center-subscription-card span,
.business-center-billing-panel .public-mini-card-accent span {
  color: var(--atlas-ink-soft);
  font-weight: 850;
  line-height: 1.4;
}

.business-center-lower-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.business-center-lower-grid .home-feature-card {
  min-height: 0;
  padding: 1.2rem;
  border-radius: 26px;
  background: var(--atlas-cream) !important;
  border: 2px solid rgba(7, 27, 51, 0.16);
  box-shadow: var(--atlas-soft-shadow);
  color: var(--atlas-blue-deep);
}

.business-center-lower-grid .home-feature-card > span {
  background: rgba(255, 212, 71, 0.72);
  color: var(--atlas-blue-deep);
}

.business-center-lower-grid .home-feature-card h2 {
  color: var(--atlas-blue-deep);
  font-size: clamp(1.65rem, 3vw, 2.3rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.business-center-lower-grid .home-feature-card p {
  color: var(--atlas-ink-soft);
  font-weight: 850;
}

.business-center-lower-grid .commerce-list-item {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
  padding: 0.8rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(7, 27, 51, 0.12);
  box-shadow: none;
}

.business-center-lower-grid .commerce-list-item strong {
  color: var(--atlas-blue-deep);
  font-size: 1rem;
  line-height: 1.15;
}

.business-center-lower-grid .commerce-list-item span {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  font-size: 0.76rem;
  font-weight: 1000;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.business-center-lower-grid .home-actions {
  margin-top: 1rem;
}

.business-center-lower-grid .home-btn,
.business-center-lower-grid .home-btn:visited {
  background: var(--atlas-blue-deep);
  color: #ffffff !important;
  border-color: var(--atlas-blue-deep);
}

.business-center-lower-grid .home-btn:hover,
.business-center-lower-grid .home-btn:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
}

.business-center-overview .home-feature-card,
.business-center-tools-panel,
.business-center-billing-panel,
.business-center-lower-grid .home-feature-card {
  border-radius: 26px;
}

@media (max-width: 1000px) {
  .product-report-shell-v2 .report-range-panel,
  .product-report-shell-v2 .report-trend-panel,
  .product-report-account-drawer .product-report-ops-grid,
  .business-center-tool-summary,
  .business-center-lower-grid {
    grid-template-columns: 1fr;
  }

  .business-center-tool-status {
    justify-self: start;
  }

  .business-center-tool-summary::after {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }

  .business-center-tool-summary {
    padding-right: 3.7rem;
  }
}

@media (max-width: 700px) {
  .atlas-report-drawer > summary {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 64px;
    padding: 0.9rem;
  }

  .atlas-report-drawer > summary span {
    max-width: calc(100vw - 7rem);
    font-size: 0.64rem;
  }

  .atlas-report-drawer > summary strong {
    font-size: 1rem;
  }

  .atlas-report-drawer > .customer-read-detail-body {
    padding: 0.85rem;
  }

  .atlas-report-drawer-attention > summary::before {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
  }

  .atlas-report-drawer-attention > summary::after {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .report-ranked-row {
    grid-template-columns: 1fr;
  }

  .report-ranked-row b {
    justify-self: start;
  }

  .service-recovery-case-summary {
    grid-template-columns: 1fr;
  }

  .business-center-lower-grid .commerce-list-item {
    display: grid;
  }
}

/* ==========================================================
   CUSTOMER RESULTS QR + OPTIONS FINAL PATCH
   Product Report/help are orange -> green. QR utility buttons
   are white -> green. Survey-setting selects are green.
   ========================================================== */

.customer-read-tool-card .customer-read-actions {
  grid-template-columns: 1fr;
  justify-items: stretch;
}

.customer-read-tool-card .customer-read-actions .full-report-btn,
.customer-read-tool-card .customer-read-actions .full-report-btn:visited {
  width: 100%;
  background: var(--atlas-orange);
  color: #ffffff !important;
  border-color: var(--atlas-orange);
  box-shadow: 0 12px 26px rgba(255, 122, 26, 0.24);
}

.customer-read-tool-card .customer-read-actions .full-report-btn:hover,
.customer-read-tool-card .customer-read-actions .full-report-btn:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
  text-decoration: none;
}

.customer-read-qr-actions .home-btn,
.customer-read-qr-actions .home-btn:visited {
  background: #ffffff;
  color: var(--atlas-blue-deep) !important;
  border: 2px solid rgba(7, 27, 51, 0.18);
  box-shadow: 0 10px 20px rgba(7, 27, 51, 0.12);
}

.customer-read-qr-actions .home-btn:hover,
.customer-read-qr-actions .home-btn:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
  text-decoration: none;
}

.customer-read-qr-actions .customer-read-qr-help-btn,
.customer-read-qr-actions .customer-read-qr-help-btn:visited {
  background: var(--atlas-orange);
  color: #ffffff !important;
  border-color: var(--atlas-orange);
  box-shadow: 0 12px 26px rgba(255, 122, 26, 0.24);
}

.customer-read-qr-actions .customer-read-qr-help-btn:hover,
.customer-read-qr-actions .customer-read-qr-help-btn:focus {
  background: var(--atlas-green);
  color: #ffffff !important;
  border-color: var(--atlas-green);
  text-decoration: none;
}

.customer-read-tool-settings-detail .customer-read-inline-settings select {
  appearance: none;
  -webkit-appearance: none;
  min-height: 48px;
  padding: 0.72rem 2.75rem 0.72rem 0.9rem;
  border: 2px solid rgba(7, 27, 51, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(45deg, transparent 50%, #ffffff 50%) right 1.1rem center / 0.48rem 0.48rem no-repeat,
    linear-gradient(135deg, var(--atlas-green), var(--atlas-teal-dark));
  color: #ffffff;
  font-weight: 1000;
  box-shadow: 0 10px 20px rgba(7, 27, 51, 0.12);
}

.customer-read-tool-settings-detail .customer-read-inline-settings select:hover {
  border-color: rgba(255, 122, 26, 0.6);
  background:
    linear-gradient(45deg, transparent 50%, #ffffff 50%) right 1.1rem center / 0.48rem 0.48rem no-repeat,
    linear-gradient(135deg, var(--atlas-teal-dark), var(--atlas-green));
}

.customer-read-tool-settings-detail .customer-read-inline-settings select:focus {
  outline: 3px solid rgba(37, 160, 50, 0.28);
  border-color: var(--atlas-green);
}

.customer-read-tool-settings-detail .customer-read-inline-settings select option {
  background: var(--atlas-green);
  color: #ffffff;
  font-weight: 900;
}

.customer-read-tool-settings-detail .customer-read-inline-settings input[type="url"],
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="text"],
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="number"],
.customer-read-tool-settings-detail .customer-read-inline-settings textarea {
  min-height: 48px;
  padding: 0.72rem 0.9rem;
  border: 2px solid rgba(7, 27, 51, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(135deg, var(--atlas-green), var(--atlas-teal-dark));
  color: #ffffff;
  font-weight: 1000;
  box-shadow: 0 10px 20px rgba(7, 27, 51, 0.12);
}

.customer-read-tool-settings-detail .customer-read-inline-settings textarea {
  min-height: 8rem;
}

.customer-read-tool-settings-detail .customer-read-inline-settings input[type="url"]::placeholder,
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="text"]::placeholder,
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="number"]::placeholder,
.customer-read-tool-settings-detail .customer-read-inline-settings textarea::placeholder {
  color: rgba(255, 255, 255, 0.78);
}

.customer-read-tool-settings-detail .customer-read-inline-settings input[type="url"]:hover,
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="text"]:hover,
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="number"]:hover,
.customer-read-tool-settings-detail .customer-read-inline-settings textarea:hover {
  border-color: rgba(255, 122, 26, 0.6);
  background:
    linear-gradient(135deg, var(--atlas-teal-dark), var(--atlas-green));
}

.customer-read-tool-settings-detail .customer-read-inline-settings input[type="url"]:focus,
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="text"]:focus,
.customer-read-tool-settings-detail .customer-read-inline-settings input[type="number"]:focus,
.customer-read-tool-settings-detail .customer-read-inline-settings textarea:focus {
  outline: 3px solid rgba(37, 160, 50, 0.28);
  border-color: var(--atlas-green);
}