:root {
  --navy: #0c172c;
  --navy2: #172642;
  --blue: #3158ef;
  --blue2: #2448d2;
  --green: #16a765;
  --ink: #0f172a;
  --muted: #5e6d82;
  --line: #d9e3ee;
  --bg: #eff4f9;
  --card: #fff;
  --shadow: 0 18px 50px rgba(15, 23, 42, 0.1);
  --radius: 22px;
}
* {
  box-sizing: border-box;
}
html {
  min-width: 320px;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  line-height: 1.55;
}
a {
  color: #274fdc;
}
button,
input,
select,
textarea {
  font: inherit;
}
.siteHeader {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: linear-gradient(135deg, #091326, #14233d);
  color: #fff;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.22);
}
.siteHeaderInner {
  width: min(1260px, calc(100% - 32px));
  min-height: 78px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff;
  text-decoration: none;
  min-width: 0;
}
.brandMark {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #fff;
  display: grid;
  place-items: center;
  padding: 5px;
  overflow: hidden;
}
.brandMark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brandText {
  display: flex;
  flex-direction: column;
  line-height: 1.08;
}
.brandText b {
  font-size: 16px;
}
.brandText small {
  margin-top: 5px;
  color: #bdc9db;
  font-size: 12px;
  font-weight: 750;
}
.topNav {
  display: flex;
  align-items: center;
  gap: 3px;
}
.topNav a {
  color: #dce6f4;
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
  padding: 10px 11px;
  border-radius: 10px;
  white-space: nowrap;
}
.topNav a:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.topNav .navButton {
  background: #fff;
  color: var(--navy);
  padding-inline: 16px;
}
.mobileNavButton {
  display: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 10px;
  padding: 9px 12px;
}
.page {
  width: min(1190px, calc(100% - 32px));
  margin: auto;
  padding: 36px 0 64px;
}
.pageHead {
  margin: 0 0 24px;
}
.eyebrow {
  font-size: 11px;
  letter-spacing: 0.15em;
  color: var(--green);
  font-weight: 950;
}
.pageHead h1 {
  margin: 5px 0 0;
  font-size: clamp(29px, 4vw, 39px);
  letter-spacing: -0.04em;
}
.landingPage {
  overflow-x: hidden;
}
.heroLanding {
  padding: clamp(54px, 8vw, 100px) 16px 68px;
  background:
    radial-gradient(circle at 18% 18%, #dfe9ff 0, transparent 38%),
    linear-gradient(180deg, #eff5fb, #eef3f8);
}
.heroInner {
  width: min(1190px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 54px;
  align-items: center;
}
.heroCopy h1 {
  font-size: clamp(45px, 6.4vw, 78px);
  line-height: 0.97;
  letter-spacing: -0.06em;
  margin: 13px 0 22px;
  max-width: 800px;
}
.heroCopy p {
  font-size: clamp(17px, 2vw, 21px);
  color: #475569;
  max-width: 720px;
}
.heroActions,
.actions {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
  align-items: center;
}
.heroActions {
  margin-top: 29px;
}
.productStage {
  background: linear-gradient(145deg, #0d172b, #1c2e50);
  border-radius: 30px;
  padding: 18px;
  box-shadow: 0 34px 90px rgba(15, 23, 42, 0.28);
  min-width: 0;
}
.productStage img {
  width: 100%;
  display: block;
  border-radius: 18px;
  background: #f8fafc;
}
.stageMeta {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 17px 6px 3px;
  color: #dce6f4;
}
.stageMeta b {
  display: block;
}
.stageMeta span {
  font-size: 12px;
  color: #aebbd0;
}
.section {
  padding: 78px 16px;
}
.section.alt {
  background: #fff;
}
.sectionInner {
  width: min(1190px, 100%);
  margin: auto;
}
.sectionTitle {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 36px;
}
.sectionTitle h2 {
  font-size: clamp(32px, 4.6vw, 50px);
  line-height: 1.03;
  letter-spacing: -0.045em;
  margin: 8px 0;
}
.sectionTitle p {
  color: var(--muted);
  font-size: 17px;
}
.featureGrid,
.planGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.featureCard,
.planCard {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 25px;
  box-shadow: var(--shadow);
}
.featureIcon {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: #eef2ff;
  color: var(--blue);
  display: grid;
  place-items: center;
  font-weight: 950;
  margin-bottom: 17px;
}
.featureCard h3,
.planCard h3 {
  margin: 0 0 8px;
}
.featureCard p,
.planCard p {
  color: var(--muted);
  margin: 0;
}
.planCard.featured {
  border: 2px solid var(--blue);
  position: relative;
  transform: translateY(-8px);
}
.planCard.featured:before {
  content: "MOST CAPABLE";
  position: absolute;
  right: 18px;
  top: 16px;
  background: #dcfce7;
  color: #166534;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
}
.price {
  font-size: 38px;
  font-weight: 950;
  margin: 19px 0;
}
.price small {
  font-size: 13px;
  color: var(--muted);
}
.checkList {
  list-style: none;
  padding: 0;
  margin: 18px 0;
  display: grid;
  gap: 10px;
}
.checkList li:before {
  content: "✓";
  color: var(--green);
  font-weight: 950;
  margin-right: 9px;
}
.showcase {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 35px;
  align-items: center;
}
.showcaseMedia {
  background: #0d172b;
  border-radius: 26px;
  padding: 15px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
}
.showcaseMedia img {
  display: block;
  width: 100%;
  border-radius: 15px;
}
.showcaseCopy h2 {
  font-size: clamp(34px, 5vw, 55px);
  line-height: 1.02;
  letter-spacing: -0.05em;
  margin: 8px 0 18px;
}
.showcaseCopy p {
  color: var(--muted);
  font-size: 17px;
}
.authWrap {
  min-height: calc(100vh - 190px);
  display: grid;
  place-items: center;
}
.authShell {
  min-height: calc(100vh - 190px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: 38px;
  align-items: center;
}
.authIntro {
  padding: 30px;
}
.authIntro h2 {
  font-size: clamp(37px, 5vw, 62px);
  line-height: 1.01;
  letter-spacing: -0.055em;
  margin: 8px 0 18px;
}
.authIntro p {
  font-size: 18px;
  color: var(--muted);
  max-width: 640px;
}
.authCard {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 25px;
  padding: 29px;
  box-shadow: var(--shadow);
}
.authCard h2 {
  margin: 0 0 8px;
}
.authCard > p {
  color: var(--muted);
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}
.span3 {
  grid-column: span 3;
}
.span4 {
  grid-column: span 4;
}
.span5 {
  grid-column: span 5;
}
.span6 {
  grid-column: span 6;
}
.span7 {
  grid-column: span 7;
}
.span8 {
  grid-column: span 8;
}
.span9 {
  grid-column: span 9;
}
.span12 {
  grid-column: span 12;
}
.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  min-width: 0;
}
.cardHead {
  padding: 20px 22px 16px;
  border-bottom: 1px solid #e9eff6;
}
.cardHead h2,
.cardHead h3 {
  margin: 0;
}
.cardHead p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.cardBody {
  padding: 22px;
}
.metric {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.metric strong {
  font-size: 31px;
}
.metric small {
  display: block;
  color: var(--muted);
  margin-top: 5px;
}
.iconBox {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #eef2ff;
  color: var(--blue);
  display: grid;
  place-items: center;
  font-weight: 950;
}
.stepper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-bottom: 22px;
}
.step {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px;
}
.step b {
  display: block;
  font-size: 12px;
}
.step span {
  font-size: 11px;
  color: var(--muted);
}
.step.active {
  border-color: #8aa1ff;
  background: #eef2ff;
}
.step.done {
  border-color: #a7e3bf;
  background: #f0fdf4;
}
.formGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.field {
  margin-bottom: 15px;
  min-width: 0;
}
.field label {
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin: 0 0 7px;
}
.field input,
.field select,
.field textarea {
  width: 100%;
  border: 1px solid #cbd7e5;
  border-radius: 12px;
  padding: 12px 13px;
  background: #fff;
  color: var(--ink);
  outline: none;
  min-height: 46px;
}
.field textarea {
  min-height: 135px;
  resize: vertical;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: #6d84ee;
  box-shadow: 0 0 0 4px rgba(49, 85, 231, 0.1);
}
.help {
  font-size: 12px;
  color: var(--muted);
}
.btn {
  appearance: none;
  border: 0;
  border-radius: 11px;
  padding: 12px 16px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  min-height: 44px;
}
.btn.primary {
  background: var(--blue);
  color: #fff;
}
.btn.primary:hover {
  background: var(--blue2);
}
.btn.green {
  background: var(--green);
  color: #fff;
}
.btn.dark {
  background: var(--navy);
  color: #fff;
}
.btn.light {
  background: #f1f5f9;
  color: var(--navy);
  border: 1px solid #d8e1ec;
}
.btn.red {
  background: #fff1f2;
  color: #be123c;
  border: 1px solid #fecdd3;
}
.btn.block {
  width: 100%;
}
.btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.flashStack {
  position: fixed;
  top: 92px;
  right: 18px;
  z-index: 5000;
  width: min(460px, calc(100% - 36px));
  display: grid;
  gap: 10px;
}
.flash {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  font-weight: 800;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.15);
  transition: 0.3s;
}
.flash button {
  border: 0;
  background: transparent;
  font-size: 21px;
  cursor: pointer;
}
.flash.success {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #86efac;
}
.flash.error {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
.flash.info,
.flash.warning {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #93c5fd;
}
.flash.hide {
  opacity: 0;
  transform: translateY(-8px);
}
.badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}
.badge.pro,
.badge.active,
.badge.open,
.badge.success,
.badge.ready {
  background: #dcfce7;
  color: #166534;
}
.badge.lite,
.badge.pending,
.badge.not_connected,
.badge.not_tested {
  background: #e2e8f0;
  color: #334155;
}
.badge.failed,
.badge.revoked,
.badge.suspended,
.badge.connection_error,
.badge.inactive,
.badge.blocked {
  background: #fee2e2;
  color: #991b1b;
}
.tableWrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 14px;
}
.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 680px;
}
.table th {
  background: var(--navy);
  color: #fff;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 13px 14px;
  white-space: nowrap;
}
.table td {
  padding: 14px;
  border-bottom: 1px solid #e8eef5;
  vertical-align: top;
  font-size: 13px;
}
.table tr:hover td {
  background: #fafcff;
}
.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.muted {
  color: var(--muted);
}
.keyBox {
  background: #0f172a;
  color: #dbeafe;
  border-radius: 16px;
  padding: 18px;
  word-break: break-all;
}
.keyBox code {
  display: block;
  margin-top: 9px;
  font-size: 15px;
}
.warningBox,
.infoBox,
.successBox {
  border-radius: 14px;
  padding: 14px;
  line-height: 1.55;
}
.warningBox {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
}
.infoBox {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
}
.successBox {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
}
.infoList {
  display: grid;
}
.infoRow {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 20px;
  padding: 12px 0;
  border-bottom: 1px solid #edf2f7;
}
.infoRow dt {
  font-size: 12px;
  color: var(--muted);
  font-weight: 800;
}
.infoRow dd {
  margin: 0;
  font-weight: 800;
  word-break: break-word;
}
.empty {
  padding: 30px;
  text-align: center;
  color: var(--muted);
  background: #f8fafc;
  border-radius: 15px;
  border: 1px dashed #cbd5e1;
}
.empty h3 {
  color: var(--ink);
  margin: 0 0 7px;
}
.footer {
  width: min(1190px, calc(100% - 32px));
  margin: 0 auto;
  padding: 34px 0 48px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: var(--muted);
  font-size: 12px;
}
.footer div {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}
.footer a {
  text-decoration: none;
}
.divider {
  height: 1px;
  background: #e5edf5;
  margin: 20px 0;
}
.ticketMessage {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 15px;
  margin-bottom: 12px;
  background: #f8fafc;
}
.ticketMessage.support {
  background: #eef2ff;
  border-color: #c7d2fe;
}
.ticketMessage .meta {
  font-size: 11px;
  color: var(--muted);
  font-weight: 800;
}
.tenantCard {
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 17px;
  margin-top: 13px;
  background: #fbfdff;
}
.tenantCard h4 {
  margin: 0 0 7px;
}
.adminQuickGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.adminQuick {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 18px;
  text-decoration: none;
  color: var(--ink);
}
.adminQuick b {
  display: block;
}
.adminQuick span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
dialog {
  width: min(720px, calc(100% - 24px));
  max-height: min(86vh, 850px);
  padding: 0;
  border: 0;
  border-radius: 22px;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
dialog::backdrop {
  background: rgba(7, 15, 29, 0.72);
  backdrop-filter: blur(4px);
}
.dialogHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
}
.dialogBody {
  padding: 20px;
  overflow: auto;
  max-height: calc(86vh - 78px);
}
.dialogClose {
  border: 0;
  background: #eef2f7;
  border-radius: 9px;
  width: 36px;
  height: 36px;
  font-size: 22px;
}
.carousel {
  position: relative;
}
.carouselSlides {
  position: relative;
  min-height: 440px;
}
.carouselSlide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateX(22px);
  pointer-events: none;
  transition: 0.5s ease;
}
.carouselSlide.active {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.carouselDots {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 16px;
}
.carouselDots button {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: #b8c4d4;
  padding: 0;
}
.carouselDots button.active {
  width: 28px;
  background: var(--blue);
}
@media (max-width: 1050px) {
  .topNav {
    position: absolute;
    top: calc(100% + 8px);
    left: 16px;
    right: 16px;
    background: #111d34;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 10px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  }
  .topNav.is-open {
    display: flex;
  }
  .topNav a {
    text-align: center;
  }
  .mobileNavButton {
    display: block;
  }
  .heroInner,
  .authShell,
  .showcase {
    grid-template-columns: 1fr;
  }
  .productStage {
    max-width: 760px;
  }
  .featureGrid,
  .planGrid {
    grid-template-columns: 1fr 1fr;
  }
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8,
  .span9 {
    grid-column: span 12;
  }
  .adminQuickGrid {
    grid-template-columns: 1fr 1fr;
  }
  .planCard.featured {
    transform: none;
  }
  .stepper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .siteHeaderInner {
    width: calc(100% - 20px);
    min-height: 68px;
  }
  .brandMark {
    width: 42px;
    height: 42px;
  }
  .brandText b {
    font-size: 14px;
  }
  .brandText small {
    font-size: 11px;
  }
  .page {
    width: calc(100% - 20px);
    padding: 22px 0 42px;
  }
  .heroLanding {
    padding: 48px 10px 52px;
  }
  .heroCopy h1 {
    font-size: 43px;
  }
  .section {
    padding: 55px 10px;
  }
  .featureGrid,
  .planGrid,
  .formGrid,
  .adminQuickGrid {
    grid-template-columns: 1fr;
  }
  .authShell {
    min-height: auto;
    gap: 18px;
  }
  .authIntro {
    padding: 8px 0;
  }
  .authCard,
  .cardBody {
    padding: 17px;
  }
  .cardHead {
    padding: 17px;
  }
  .actions .btn {
    width: 100%;
  }
  .infoRow {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .flashStack {
    top: 78px;
    right: 10px;
    width: calc(100% - 20px);
  }
  .footer {
    width: calc(100% - 20px);
    flex-direction: column;
  }
  .heroActions .btn {
    width: 100%;
  }
  .stepper {
    grid-template-columns: 1fr;
  }
  .carouselSlides {
    min-height: 520px;
  }
  dialog {
    width: calc(100% - 12px);
    max-height: 94vh;
    border-radius: 17px;
  }
  .dialogBody {
    max-height: calc(94vh - 72px);
    padding: 15px;
  }
}
@media (max-width: 390px) {
  .brandText small {
    display: none;
  }
  .heroCopy h1 {
    font-size: 36px;
  }
  .authCard {
    border-radius: 18px;
    padding: 15px;
  }
  .btn {
    padding-inline: 12px;
  }
  .pageHead h1 {
    font-size: 27px;
  }
  .card {
    border-radius: 17px;
  }
  .cardBody,
  .cardHead {
    padding: 14px;
  }
  .heroLanding {
    padding-top: 38px;
  }
  .productStage {
    padding: 10px;
    border-radius: 20px;
  }
  .table {
    min-width: 620px;
  }
}
/* =========================================================
   RC3 PORTAL PRODUCT, DASHBOARD, TENANT, AND MOBILE LAYER
   ========================================================= */
.welcomePanel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 26px;
  margin-bottom: 18px;
  background: linear-gradient(135deg, #fff, #f7faff);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.07);
}
.welcomePanel h2 {
  margin: 7px 0;
  font-size: clamp(25px, 4vw, 36px);
  letter-spacing: -0.035em;
}
.welcomePanel p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.welcomePanel .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
}
.licenseTiles {
  display: grid;
  gap: 14px;
}
.licenseTile {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfdff);
}
.licenseTileTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.licenseTileTop h3 {
  margin: 5px 0 7px;
  font-size: 18px;
}
.progressSteps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0;
}
.progressSteps span {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dce5ef;
  border-radius: 11px;
  padding: 9px;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}
.progressSteps i {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #e2e8f0;
  font-style: normal;
}
.progressSteps span.done {
  background: #effcf4;
  border-color: #b8e7ca;
  color: #166534;
}
.progressSteps span.done i {
  background: #19a45b;
  color: #fff;
}
.workflowBar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 0 0 20px;
}
.workflowBar > div {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
  padding: 14px;
}
.workflowBar b {
  display: block;
}
.workflowBar span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 4px;
}
.workflowBar .active {
  border-color: #7e95ef;
  background: #f2f5ff;
}
.domainTabs {
  display: flex;
  gap: 8px;
  overflow: auto;
  padding: 3px 1px 12px;
  scrollbar-width: thin;
}
.domainTab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 9px 13px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
  font-weight: 850;
  font-size: 12px;
}
.domainTab.active {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}
.instructionGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.miniInfo {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 15px;
  background: #f8fafc;
}
.miniInfo b {
  display: block;
  margin-bottom: 5px;
}
.miniInfo p,
.miniInfo span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.compactList {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.compactList li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  padding: 9px 0;
  border-bottom: 1px solid #e9eef5;
}
.compactList li:last-child {
  border-bottom: 0;
}
.compactList li:before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 999px;
  background: #dcfce7;
  color: #166534;
  font-size: 11px;
  font-weight: 950;
}
.splitHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.stack {
  display: grid;
  gap: 9px;
}
.topGap {
  margin-top: 16px;
}
.grow {
  flex: 1 1 auto;
}
.noMargin {
  margin: 0;
}
.compareStrip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 15px;
  padding: 14px 16px;
  border: 1px solid #c7d7ff;
  border-radius: 15px;
  background: #eff5ff;
}
.compareStrip b,
.compareStrip span {
  display: block;
}
.compareStrip span {
  font-size: 12px;
  color: #5e6f89;
  margin-top: 3px;
}
.compareStrip a {
  font-weight: 900;
  text-decoration: none;
}
.dangerCard {
  border-color: #fecdd3;
  background: #fffafb;
}
.dangerCard .cardHead {
  border-bottom-color: #fecdd3;
}
.productStage img,
.showcaseMedia img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}
.productStage {
  overflow: hidden;
}
.productStage:has(img) {
  background: #fff;
}
.heroLanding .productStage {
  transform: perspective(1200px) rotateY(-2deg);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18);
}
.stageMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 4px 0;
}
.stageMeta b,
.stageMeta span {
  display: block;
}
.stageMeta span {
  color: var(--muted);
  font-size: 11px;
  margin-top: 2px;
}
.planCard.featured {
  position: relative;
}
.planCard.featured:before {
  content: "BEST VALUE";
  position: absolute;
  top: -12px;
  right: 18px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #20b96b;
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.07em;
}
.productStage {
  border: 1px solid #dce5ef;
  border-radius: 22px;
  background: linear-gradient(145deg, #fff, #edf3fb);
  padding: 12px;
}
.showcaseMedia {
  border: 1px solid #dce5ef;
  border-radius: 22px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.1);
}
/* Mobile forms, tables, dialogs, and content never begin outside the viewport. */
.page,
.sectionInner,
.heroInner,
.siteHeaderInner {
  min-width: 0;
}
.card,
.cardBody,
.cardHead,
.authCard,
.authIntro,
.productStage {
  min-width: 0;
}
.field input,
.field select,
.field textarea,
.formGrid input,
.formGrid select,
.formGrid textarea {
  max-width: 100%;
}
.tableWrap {
  max-width: 100%;
}
@media (max-width: 900px) {
  .welcomePanel,
  .splitHead {
    align-items: flex-start;
    flex-direction: column;
  }
  .welcomePanel .actions {
    width: 100%;
  }
  .workflowBar,
  .progressSteps {
    grid-template-columns: 1fr 1fr;
  }
  .instructionGrid {
    grid-template-columns: 1fr;
  }
  .heroLanding .productStage {
    transform: none;
  }
  .stageMeta {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 680px) {
  .welcomePanel {
    padding: 18px;
    border-radius: 18px;
  }
  .progressSteps,
  .workflowBar {
    grid-template-columns: 1fr;
  }
  .licenseTileTop {
    flex-direction: column;
  }
  .licenseTileTop > .badge {
    align-self: flex-start;
  }
  .domainTabs {
    margin-left: -2px;
    margin-right: -2px;
  }
  .compareStrip,
  .stageMeta {
    align-items: flex-start;
    flex-direction: column;
  }
  .welcomePanel .actions .btn {
    width: 100%;
  }
  .productStage,
  .showcaseMedia {
    padding: 7px;
    border-radius: 17px;
  }
  .heroLanding .productStage {
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.13);
  }
  dialog {
    inset: 6px !important;
    margin: auto !important;
    width: calc(100% - 12px) !important;
    max-width: none !important;
    max-height: calc(100dvh - 12px) !important;
  }
  .dialogBody {
    max-height: calc(100dvh - 82px) !important;
  }
  .tableWrap {
    border: 1px solid var(--line);
    border-radius: 13px;
  }
  .table {
    min-width: 660px;
  }
}
@media (max-width: 390px) {
  .page,
  .sectionInner,
  .heroInner {
    width: calc(100% - 14px);
  }
  .welcomePanel,
  .licenseTile {
    padding: 14px;
  }
  .brandMark {
    width: 40px;
    height: 40px;
  }
  .heroCopy h1 {
    overflow-wrap: anywhere;
  }
  .authCard input,
  .authCard select,
  .authCard textarea {
    font-size: 16px;
  }
  .flashStack {
    width: calc(100% - 12px);
    right: 6px;
  }
  .footer {
    width: calc(100% - 14px);
  }
}
/* =========================================================
   RC3.2 SALES, TOUR, DOMAIN ADMIN, DASHBOARD, AND SMALL-PHONE
   ========================================================= */
.salesHero .heroInner {
  grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
  gap: 42px;
}
.salesHero .heroCopy h1 {
  font-size: clamp(48px, 6.2vw, 82px);
}
.productStageWide {
  width: 100%;
  max-width: 760px;
}
.heroTrustRow {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 18px;
  margin-top: 21px;
  color: #34506f;
  font-size: 12px;
  font-weight: 850;
}
.featureGridSix {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.showcasePremium {
  gap: 48px;
}
.showcasePremium.reverseOnDesktop {
  grid-template-columns: 0.9fr 1.1fr;
}
.productScreenshot img {
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: top center;
  background: #edf2f7;
}
.architectureMini {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 10px;
  align-items: center;
  margin-top: 23px;
}
.architectureMini div {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 14px;
}
.architectureMini b,
.architectureMini span {
  display: block;
}
.architectureMini span {
  font-size: 11px;
  color: var(--muted);
  margin-top: 3px;
}
.architectureMini i {
  font-style: normal;
  color: var(--blue);
  font-size: 20px;
  font-weight: 950;
}
.purchasePathSection {
  background: linear-gradient(145deg, #0b162b, #192b4b);
  color: #fff;
}
.purchasePathSection .sectionTitle p {
  color: #c7d3e5;
}
.purchasePath {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 13px;
}
.purchasePath article {
  position: relative;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 19px;
  padding: 20px;
}
.purchasePath article > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: #2f59ef;
  font-weight: 950;
}
.purchasePath h3 {
  font-size: 16px;
  margin: 15px 0 8px;
}
.purchasePath p {
  color: #c8d4e6;
  font-size: 12px;
  margin: 0;
}
.planLabel {
  font-size: 10px;
  letter-spacing: 0.12em;
  color: var(--green);
  font-weight: 950;
}
.planGridPremium .planCard {
  display: flex;
  flex-direction: column;
}
.planGridPremium .planCard .btn {
  margin-top: auto;
}
.planNudge {
  margin-top: 15px;
  padding: 12px;
  border-radius: 13px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
  font-size: 12px;
}
.finalCta {
  width: min(1190px, calc(100% - 32px));
  margin: 56px auto;
  padding: 34px 38px;
  border-radius: 28px;
  background: linear-gradient(135deg, #0b162b, #1b3156);
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.25);
}
.finalCta h2 {
  margin: 7px 0;
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: -0.04em;
}
.finalCta p {
  color: #c5d2e4;
  margin: 0;
}
.finalCta.compact {
  margin-top: 30px;
}
.tourIntro {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 28px;
  margin-bottom: 20px;
}
.tourIntro h2 {
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  margin: 8px 0;
}
.tourIntro p {
  color: var(--muted);
  max-width: 740px;
}
.tourCard {
  overflow: visible;
}
.productCarousel {
  padding: 8px 55px 16px;
}
.productCarousel .carouselSlides {
  min-height: 570px;
}
.productCarousel .carouselSlide {
  display: flex;
  align-items: center;
}
.carouselArrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 43px;
  height: 43px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font-size: 32px;
  line-height: 1;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.13);
  cursor: pointer;
}
.carouselArrow.prev {
  left: 0;
}
.carouselArrow.next {
  right: 0;
}
.tourCapabilities {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 16px;
  padding-right: 16px;
  background: #fff;
}
.workflowFive,
.progressFive {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.inlineDomainForm {
  display: flex;
  align-items: end;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f8fafc;
}
.inlineDomainForm .field {
  margin: 0;
}
.removeDomainForm {
  margin-top: 10px;
}
.textDanger {
  color: #be123c;
  font-weight: 900;
  cursor: pointer;
}
.statusNote {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.55;
}
.hostHelpGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.numberList {
  counter-reset: tgsteps;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.numberList li {
  counter-increment: tgsteps;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 10px;
  align-items: start;
}
.numberList li:before {
  content: counter(tgsteps);
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #e9efff;
  color: #2349d4;
  font-weight: 950;
}
.finishConnector {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fbfdff;
}
.finishNumber {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 11px;
  background: #3158ef;
  color: #fff;
  font-weight: 950;
}
.metricGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.metricCard {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 19px;
  padding: 19px;
  box-shadow: 0 13px 36px rgba(15, 23, 42, 0.07);
}
.metricCard strong {
  font-size: 30px;
  display: block;
}
.metricCard span {
  font-size: 12px;
  color: var(--muted);
}
.metricIcon {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 14px;
  background: #edf1ff;
  color: #3158ef;
  font-weight: 950;
}
.dashboardGrid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
  gap: 18px;
}
.licenseStatusStack {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.licenseTileFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #e8eef5;
  padding-top: 14px;
  margin-top: 14px;
}
.supportRail {
  display: grid;
  gap: 12px;
}
.supportCount {
  font-size: 42px;
  font-weight: 950;
}
.resourceLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #f8fafc;
  text-decoration: none;
  color: var(--ink);
  font-weight: 850;
}
.planHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
  gap: 38px;
  align-items: center;
  margin-bottom: 26px;
}
.planHeroMedia {
  border: 1px solid var(--line);
  border-radius: 23px;
  padding: 10px;
  background: #fff;
  box-shadow: var(--shadow);
}
.planHeroMedia img,
.planPreview img {
  display: block;
  width: 100%;
  border-radius: 15px;
}
.planPreview {
  margin: 16px 0;
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 8px;
  background: #fff;
}
.premiumEmpty {
  padding: 26px;
  text-align: center;
  border: 1px dashed #b8c7d9;
  border-radius: 17px;
  background: #f8fafc;
}
.emptyIcon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  border-radius: 17px;
  background: #eaf0ff;
  color: #3158ef;
  font-size: 24px;
  font-weight: 950;
}
.formErrorPanel {
  position: sticky;
  top: 92px;
  z-index: 15;
  margin-bottom: 16px;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #991b1b;
  border-radius: 15px;
  padding: 14px 16px;
  box-shadow: 0 14px 36px rgba(153, 27, 27, 0.1);
}
@media (max-width: 1100px) {
  .salesHero .heroInner,
  .planHero {
    grid-template-columns: 1fr;
  }
  .salesHero .productStageWide {
    max-width: none;
  }
  .featureGridSix {
    grid-template-columns: 1fr 1fr;
  }
  .purchasePath {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .metricGrid {
    grid-template-columns: 1fr 1fr;
  }
  .dashboardGrid {
    grid-template-columns: 1fr;
  }
  .productCarousel .carouselSlides {
    min-height: 650px;
  }
}
@media (max-width: 820px) {
  .showcasePremium,
  .showcasePremium.reverseOnDesktop {
    grid-template-columns: 1fr;
  }
  .reverseOnDesktop .showcaseCopy {
    order: 2;
  }
  .architectureMini {
    grid-template-columns: 1fr;
  }
  .architectureMini i {
    transform: rotate(90deg);
    justify-self: center;
  }
  .purchasePath {
    grid-template-columns: 1fr 1fr;
  }
  .finalCta,
  .tourIntro {
    align-items: flex-start;
    flex-direction: column;
  }
  .finalCta .actions {
    width: 100%;
  }
  .hostHelpGrid {
    grid-template-columns: 1fr;
  }
  .workflowFive,
  .progressFive {
    grid-template-columns: 1fr 1fr;
  }
  .productCarousel {
    padding: 8px 45px 15px;
  }
  .productCarousel .carouselSlides {
    min-height: 780px;
  }
}
@media (max-width: 680px) {
  .salesHero .heroCopy h1 {
    font-size: clamp(38px, 12vw, 52px);
  }
  .heroTrustRow {
    display: grid;
    gap: 6px;
  }
  .featureGridSix,
  .purchasePath,
  .metricGrid {
    grid-template-columns: 1fr;
  }
  .finalCta {
    width: calc(100% - 20px);
    margin: 34px auto;
    padding: 24px 19px;
    border-radius: 20px;
  }
  .finalCta .btn {
    width: 100%;
  }
  .inlineDomainForm,
  .licenseTileFooter {
    align-items: stretch;
    flex-direction: column;
  }
  .inlineDomainForm .btn {
    width: 100%;
  }
  .workflowFive,
  .progressFive {
    grid-template-columns: 1fr;
  }
  .productCarousel {
    padding: 4px 0 58px;
  }
  .productCarousel .carouselSlides {
    min-height: 760px;
  }
  .productCarousel .carouselSlide .showcase {
    gap: 18px;
  }
  .carouselArrow {
    top: auto;
    bottom: 3px;
    transform: none;
  }
  .carouselArrow.prev {
    left: calc(50% - 53px);
  }
  .carouselArrow.next {
    right: calc(50% - 53px);
  }
  .tourCard .cardBody {
    padding: 10px;
  }
  .tourIntro {
    margin-bottom: 14px;
  }
  .productScreenshot img {
    aspect-ratio: auto;
    max-height: none;
    object-fit: contain;
  }
  .table td form.actions {
    min-width: 180px;
    display: grid;
  }
  .table td form.actions .btn,
  .table td form.actions select {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .siteHeaderInner {
    width: calc(100% - 14px);
  }
  .page {
    width: calc(100% - 14px);
  }
  .heroLanding {
    padding-left: 7px;
    padding-right: 7px;
  }
  .section {
    padding-left: 7px;
    padding-right: 7px;
  }
  .finalCta {
    width: calc(100% - 14px);
  }
  .brandText b {
    font-size: 13px;
  }
  .mobileNavButton {
    padding: 8px 10px;
  }
  .salesHero .heroCopy h1 {
    font-size: 37px;
  }
  .heroCopy p,
  .showcaseCopy p {
    font-size: 15px;
  }
  .featureCard,
  .planCard {
    padding: 18px;
    border-radius: 18px;
  }
  .productStage,
  .showcaseMedia,
  .planHeroMedia {
    padding: 5px;
  }
  .productCarousel .carouselSlides {
    min-height: 720px;
  }
  .tourIntro h2 {
    font-size: 34px;
  }
  .cardHead,
  .cardBody {
    padding: 14px;
  }
  .metricCard {
    padding: 15px;
  }
  .metricCard strong {
    font-size: 26px;
  }
  .formGrid {
    grid-template-columns: 1fr;
  }
  .field input,
  .field select,
  .field textarea {
    font-size: 16px;
  }
  .authIntro h2 {
    font-size: 36px;
  }
  .pageHead {
    margin-bottom: 16px;
  }
  .pageHead h1 {
    font-size: 29px;
  }
  .dialogHead {
    padding: 14px;
  }
  .dialogBody {
    padding: 13px;
    max-height: calc(100dvh - 70px) !important;
  }
  .flashStack {
    top: 72px;
  }
}
@media (max-width: 360px) {
  .brandText small {
    display: none;
  }
  .brandMark {
    width: 38px;
    height: 38px;
  }
  .salesHero .heroCopy h1 {
    font-size: 34px;
  }
  .heroActions {
    gap: 8px;
  }
  .btn {
    min-height: 43px;
    padding: 10px 12px;
  }
  .productCarousel .carouselSlides {
    min-height: 690px;
  }
  .purchasePath article {
    padding: 16px;
  }
  .finalCta h2 {
    font-size: 29px;
  }
  .table {
    min-width: 610px;
  }
  .domainTab {
    padding: 8px 10px;
  }
  .authCard {
    padding: 13px;
  }
}
/* TG professional revamp overrides */
.siteLogo img,
.brandMark img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.btn {
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 13px;
  line-height: 1.1;
}
.btn.small {
  min-height: 34px;
  padding: 7px 11px;
}
.dashboardHeroCompact {
  align-items: center;
}
.compactActions {
  gap: 10px;
}
.cleanMetrics .metricCard {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 86px;
}
.cleanMetrics .metricCard strong {
  font-size: 30px;
  line-height: 1;
}
.cleanMetrics .metricCard small {
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
}
.cleanMetrics .metricCard em {
  display: none;
}
.dashboardRevamp .cardBody {
  padding: 20px;
}
.compactLicenseTiles {
  display: grid;
  gap: 16px;
}
.licenseTile {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  padding: 18px;
}
.licenseTileTop {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}
.licenseFactGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 16px 0;
}
.licenseFactGrid div {
  background: #f8fbff;
  border: 1px solid #dfe9f5;
  border-radius: 14px;
  padding: 12px;
}
.licenseFactGrid span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 4px;
}
.licenseFactGrid b {
  font-size: 15px;
}
.licenseTileFooter {
  display: flex;
  justify-content: flex-end;
}
.compactSupport .cardBody {
  padding: 18px;
}
.supportCount.compact {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8fbff;
}
.supportCount.compact strong {
  font-size: 34px;
}
.tightStack {
  gap: 10px;
}
.resourceLink {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px;
  text-decoration: none;
}
.resourceLink b,
.resourceLink span {
  display: block;
}
.narrowCard {
  max-width: 980px;
  margin-inline: auto;
}
.upgradeRow {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
}
.cleanPlans .planCard {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cleanPlans .planCard .btn {
  margin-top: auto;
}
.planTeaser {
  margin-top: 22px;
}
.cleanHero {
  min-height: auto;
  padding-block: 34px;
}
.miniSteps {
  margin: 12px 0 0;
  padding-left: 20px;
  line-height: 1.7;
}
.authShell {
  align-items: start;
}
.authCard {
  margin-top: 0;
}
.formGrid .field input,
.formGrid .field select,
.field input,
.field select,
.field textarea {
  max-width: 100%;
}
.finishConnector {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
}
.finishConnector .actions {
  justify-content: end;
}
.finishConnector .btn {
  white-space: normal;
}
.connectionChecklist,
.checklistRows {
  display: grid;
  gap: 8px;
}
.connectionChecklist span,
.checklistRows span {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8fbff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 700;
}
.longActiveBar,
.licenseProgressBar {
  height: 12px;
  max-width: 220px;
  border-radius: 99px;
}
@media (max-width: 820px) {
  .licenseFactGrid {
    grid-template-columns: 1fr;
  }
  .licenseTileTop,
  .upgradeRow,
  .finishConnector {
    grid-template-columns: 1fr;
    flex-direction: column;
  }
  .finishConnector .actions {
    justify-content: stretch;
  }
  .finishConnector .btn {
    width: 100%;
  }
}
/* =========================================================
   TG5 professional cleanup layer
   ========================================================= */
.page {
  width: min(1160px, calc(100% - 36px));
}
.btn {
  min-width: 0;
  border-radius: 999px;
  padding-inline: 18px;
}
.btn.small {
  min-height: 34px;
  padding: 8px 12px;
  font-size: 12px;
}
.stack {
  display: grid;
  gap: 12px;
}
.splitHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.adminHeroPro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 20px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(135deg, #ffffff, #f7fbff);
  box-shadow: var(--shadow);
}
.adminHeroPro.compact {
  padding: 24px;
}
.adminHeroPro h2 {
  margin: 6px 0 8px;
  font-size: clamp(27px, 4vw, 43px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  max-width: 760px;
}
.adminHeroPro p {
  margin: 0;
  color: var(--muted);
  max-width: 830px;
}
.adminStatGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.adminStatGrid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.adminStatGrid article {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--shadow);
}
.adminStatGrid article span {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: #eef2ff;
  color: var(--blue);
  font-weight: 950;
  flex: 0 0 auto;
}
.adminStatGrid article b {
  font-size: 28px;
  line-height: 1;
}
.adminStatGrid article em {
  font-style: normal;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.adminOpsGrid .card {
  min-height: auto;
}
.adminTable td strong {
  font-weight: 800;
}
.healthTile {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  background: #f8fafc;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.healthTile b {
  font-size: 27px;
}
.healthTile.good {
  background: #f0fdf4;
  border-color: #b7e4c7;
  color: #166534;
}
.healthTile.warn {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}
.healthTile.danger {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.filterBar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 180px auto auto;
  gap: 10px;
  margin-bottom: 16px;
}
.filterBar input,
.filterBar select {
  border: 1px solid #cbd7e5;
  border-radius: 14px;
  min-height: 44px;
  padding: 10px 12px;
}
.compactActions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.smallText {
  font-size: 11px;
  word-break: break-all;
}
.resourceLink {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  text-decoration: none;
  color: var(--ink);
  background: #f8fafc;
}
.resourceLink span {
  color: var(--muted);
  font-size: 12px;
}
.licenseTile .progressBar,
.licenseTile .activeBar,
.licenseTile .statusBar {
  height: 10px !important;
  max-width: 260px;
  border-radius: 999px;
}
.planTeaser,
.cleanHero,
.noRebuild {
  margin-bottom: 18px;
}
@media (max-width: 980px) {
  .adminStatGrid,
  .adminStatGrid.four {
    grid-template-columns: 1fr 1fr;
  }
  .adminHeroPro {
    align-items: flex-start;
    flex-direction: column;
  }
  .filterBar {
    grid-template-columns: 1fr;
  }
  .splitHead {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 620px) {
  .adminStatGrid,
  .adminStatGrid.four {
    grid-template-columns: 1fr;
  }
  .page {
    width: calc(100% - 22px);
  }
}
/* =========================================================
   TG7 PORTAL FULL REVAMP
   Shared customer, sales, and administrator presentation.
   ========================================================= */
:root {
  --navy: #0a1428;
  --navy2: #142441;
  --blue: #3158ef;
  --blue2: #2448d2;
  --green: #17a765;
  --ink: #10182c;
  --muted: #5f6f86;
  --line: #d8e3ef;
  --soft: #f6f9fd;
  --bg: #edf3f9;
  --card: #ffffff;
  --shadow: 0 20px 55px rgba(15, 23, 42, 0.09);
  --shadow-strong: 0 28px 80px rgba(15, 23, 42, 0.16);
}
body {
  background:
    radial-gradient(circle at 12% 8%, rgba(49, 88, 239, 0.06), transparent 26%),
    var(--bg);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: var(--ink);
}
h1,
h2,
h3,
h4,
.brandText b,
.btn,
.topNav a {
  text-wrap: balance;
}
p {
  text-wrap: pretty;
}
.uiIcon {
  width: 22px;
  height: 22px;
  display: block;
}
.btn.xl {
  min-height: 50px;
  padding: 13px 22px;
  font-size: 14px;
}
.page {
  width: min(1220px, calc(100% - 36px));
  padding-top: 34px;
}
.pageHead {
  margin-bottom: 26px;
}
.pageHead h1 {
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.02;
}
.card,
.welcomePanel,
.licensesOverviewHero,
.customerCommandHero,
.supportHero,
.billingHero,
.settingsHero,
.upgradeHero,
.plansHero,
.adminCommandHero {
  box-shadow: var(--shadow);
}
/* Header and footer */
.siteHeaderInner {
  width: min(1280px, calc(100% - 34px));
  min-height: 82px;
}
.brandMark {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  padding: 6px;
}
.brandText b {
  font-size: 17px;
  letter-spacing: -0.02em;
}
.topNav {
  gap: 5px;
}
.topNav a {
  font-size: 13px;
  padding: 10px 12px;
}
.footer {
  padding: 28px 0 38px;
  align-items: center;
  border-top: 1px solid rgba(148, 163, 184, 0.22);
}
.footerBrand b {
  color: #334155;
}
.footerLinks {
  gap: 18px !important;
}
.footerLinks a {
  font-weight: 800;
}
/* Sales homepage */
.premiumHero {
  padding-top: clamp(58px, 7vw, 92px);
  padding-bottom: 78px;
  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(49, 88, 239, 0.12),
      transparent 34%
    ),
    linear-gradient(180deg, #f5f8fc 0%, #edf3f9 100%);
}
.premiumHero .heroInner {
  grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr);
  gap: 58px;
}
.premiumHero .heroCopy h1 {
  max-width: 760px;
  font-size: clamp(52px, 6vw, 82px);
}
.heroProductFrame {
  background: #ffffff;
  border: 1px solid #cfdceb;
  border-radius: 28px;
  padding: 10px;
  box-shadow: var(--shadow-strong);
  overflow: hidden;
}
.heroProductFrame img {
  width: 100%;
  display: block;
  border-radius: 20px;
}
.heroProductCaption {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 13px 8px 4px;
}
.heroProductCaption div {
  min-width: 0;
}
.heroProductCaption b,
.heroProductCaption span {
  display: block;
}
.heroProductCaption b {
  font-size: 13px;
}
.heroProductCaption span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}
.heroProof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.heroProof > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid #d6e1ed;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  color: #334155;
  font-size: 12px;
}
.heroProof .uiIcon {
  width: 17px;
  height: 17px;
  color: var(--blue);
}
.premiumFeatureGrid .featureCard {
  padding: 28px;
}
.featureIcon.realIcon {
  width: 52px;
  height: 52px;
}
.featureIcon.realIcon .uiIcon {
  width: 25px;
  height: 25px;
}
.platformShowcaseSection {
  padding-top: 88px;
  padding-bottom: 88px;
}
.platformShowcase {
  gap: 52px;
}
.finalSalesCard,
.premiumFinalCta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 34px 38px;
  border-radius: 28px;
  background: linear-gradient(135deg, #0b162c, #172b4d);
  color: #ffffff;
  box-shadow: var(--shadow-strong);
}
.finalSalesCard h2,
.premiumFinalCta h2 {
  margin: 7px 0 8px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.03;
}
.finalSalesCard p {
  max-width: 780px;
  margin: 0;
  color: #c7d3e4;
}
.finalSalesCard .btn.light {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}
/* Product tour */
.premiumTourIntro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 30px;
  margin-bottom: 24px;
}
.premiumTourIntro h2 {
  max-width: 900px;
  margin: 7px 0 10px;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1;
  letter-spacing: -0.05em;
}
.premiumTourIntro p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
}
.tourIntroButton {
  margin-bottom: 4px;
  min-width: 150px;
}
.premiumTourCard .cardBody {
  padding: 24px;
}
.premiumTourCard .showcase {
  min-height: 570px;
}
.premiumTourCard .showcaseCopy h2 {
  font-size: clamp(36px, 4.4vw, 58px);
}
.premiumFinalCta {
  width: min(1190px, calc(100% - 36px));
  margin: 54px auto 10px;
}
.premiumFinalCta .actions {
  flex: 0 0 auto;
}
/* Plans */
.plansHero {
  padding: 30px 34px;
  margin-bottom: 22px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: linear-gradient(135deg, #ffffff, #f7faff);
}
.plansHero h2 {
  max-width: 880px;
  margin: 7px 0 10px;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}
.plansHero p {
  max-width: 920px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
}
.plansLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: start;
}
.premiumPlans {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.premiumPlanCard {
  display: flex;
  flex-direction: column;
  gap: 17px;
  min-height: 100%;
  padding: 28px;
  border-radius: 26px;
}
.premiumPlanCard h2 {
  margin: 0;
  font-size: 30px;
  line-height: 1.05;
}
.planTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.planDomainBadge {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-size: 11px;
  font-weight: 900;
}
.planDomainBadge.pro {
  background: #dcfce7;
  color: #166534;
}
.planLead {
  margin: 0;
  min-height: 78px;
  color: var(--muted);
}
.planVisual {
  overflow: hidden;
  border: 1px solid #dbe5f0;
  border-radius: 18px;
  background: #f7faff;
}
.planVisual img {
  display: block;
  width: 100%;
}
.planChecklist {
  flex: 1 1 auto;
  align-content: start;
}
.plansCustomerCard {
  position: sticky;
  top: 108px;
  display: grid;
  gap: 14px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: var(--shadow);
}
.plansCustomerCard h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.08;
}
.plansCustomerCard p {
  margin: 0 0 6px;
  color: var(--muted);
}
/* Authentication */
.premiumAuthShell {
  min-height: calc(100vh - 220px);
  grid-template-columns: minmax(0, 1fr) minmax(390px, 500px);
  gap: 64px;
}
.premiumAuthIntro {
  padding: 18px 20px 18px 6px;
}
.premiumAuthIntro h2 {
  max-width: 700px;
  font-size: clamp(44px, 5.5vw, 70px);
}
.authValueList {
  display: grid;
  gap: 11px;
  max-width: 700px;
  margin: 28px 0 24px;
}
.authValueList > div {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.65);
}
.authValueList .uiIcon {
  width: 24px;
  height: 24px;
  color: var(--blue);
  flex: 0 0 auto;
}
.authValueList span,
.authValueList b,
.authValueList small {
  display: block;
}
.authValueList small {
  margin-top: 3px;
  color: var(--muted);
}
.textLinkArrow {
  font-weight: 900;
  text-decoration: none;
}
.premiumAuthCard {
  align-self: center;
  padding: 34px;
}
.authFooterActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid #e5edf5;
}
.authFooterActions a {
  font-weight: 850;
  text-decoration: none;
}
/* Customer dashboard */
.customerCommandHero,
.adminCommandHero,
.supportHero,
.billingHero,
.settingsHero,
.upgradeHero,
.licensesOverviewHero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 30px 32px;
  margin-bottom: 20px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: linear-gradient(135deg, #ffffff, #f7faff);
}
.customerCommandHero h2,
.adminCommandHero h2,
.supportHero h2,
.billingHero h2,
.settingsHero h2,
.upgradeHero h2,
.licensesOverviewHero h2 {
  max-width: 860px;
  margin: 7px 0 8px;
  font-size: clamp(31px, 4vw, 46px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}
.customerCommandHero p,
.adminCommandHero p,
.supportHero p,
.billingHero p,
.settingsHero p,
.upgradeHero p,
.licensesOverviewHero p {
  max-width: 920px;
  margin: 0;
  color: var(--muted);
}
.premiumMetrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.premiumMetrics .metricCard {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 96px;
  padding: 19px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #ffffff;
  box-shadow: var(--shadow);
}
.metricIcon.svgMetric {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  border-radius: 14px;
  background: #eef2ff;
  color: var(--blue);
}
.metricIcon.svgMetric .uiIcon {
  width: 23px;
  height: 23px;
}
.premiumMetrics strong,
.premiumMetrics small {
  display: block;
}
.premiumMetrics strong {
  font-size: 30px;
  line-height: 1;
}
.premiumMetrics small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.premiumDashboardGrid {
  align-items: start;
}
.dashboardLicenseList {
  display: grid;
  gap: 12px;
}
.dashboardLicenseRow {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(330px, 1.1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fbfdff;
}
.dashboardLicenseIdentity {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboardLicenseIdentity h3 {
  margin: 0 0 4px;
  font-size: 16px;
}
.dashboardLicenseFacts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.dashboardLicenseFacts div {
  padding: 10px 12px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e3ebf4;
}
.dashboardLicenseFacts span,
.dashboardLicenseFacts b {
  display: block;
}
.dashboardLicenseFacts span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.dashboardLicenseFacts b {
  margin-top: 3px;
  font-size: 13px;
}
.statusText.active {
  color: #16804e;
}
.statusText.connection_error {
  color: #b42318;
}
.dashboardSupportCard .cardBody {
  display: grid;
  gap: 11px;
}
.supportTicketSummary {
  display: grid;
  place-items: center;
  padding: 22px 14px;
  border: 1px solid #dce6f1;
  border-radius: 18px;
  background: #f8fbff;
  text-align: center;
}
.supportLargeIcon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  border-radius: 14px;
  background: #eef2ff;
  color: var(--blue);
}
.supportLargeIcon .uiIcon {
  width: 24px;
  height: 24px;
}
.supportTicketSummary strong {
  font-size: 34px;
  line-height: 1;
}
.supportTicketSummary > span:last-child {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}
/* License portfolio */
.licensesOverviewHero > div {
  flex: 1 1 auto;
}
.licensePortfolio {
  display: grid;
  gap: 18px;
}
.licensePortfolioCard {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: var(--shadow);
}
.licensePortfolioHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.licensePortfolioHead h2 {
  margin: 6px 0 5px;
  font-size: 25px;
}
.licenseMetaLine {
  display: flex;
  align-items: center;
  gap: 10px;
}
.licensePortfolioFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}
.licensePortfolioFacts > div {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px;
  border: 1px solid #e1eaf4;
  border-radius: 15px;
  background: #f8fbff;
}
.licensePortfolioFacts > div > span:first-child {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  border-radius: 12px;
  background: #eef2ff;
  color: var(--blue);
}
.licensePortfolioFacts .uiIcon {
  width: 20px;
  height: 20px;
}
.licensePortfolioFacts small,
.licensePortfolioFacts b {
  display: block;
}
.licensePortfolioFacts small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}
.licensePortfolioFacts b {
  margin-top: 2px;
  font-size: 14px;
}
.licenseSetupProgress {
  margin-top: 20px;
}
.licenseProgressTrack {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7edf4;
}
.licenseProgressTrack span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), #5f7aff);
}
.licenseProgressLabels {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 8px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.licenseProgressLabels .done {
  color: #2450df;
}
/* License detail */
.licenseBackRow {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 14px;
}
.inlinePageFlash {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.workflowFive {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.inlineDomainForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  max-width: 880px;
}
.inlineDomainForm .field {
  margin-bottom: 0;
}
.inlineDomainForm .btn {
  min-width: 150px;
}
.finishWordpressCard {
  border: 1px solid #ccd9e8;
  background: linear-gradient(145deg, #ffffff, #f7faff);
}
.premiumFinishConnector {
  grid-template-columns: minmax(0, 1fr) minmax(250px, auto);
  padding: 28px;
}
.finishWordpressCopy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 16px;
  align-items: start;
}
.finishWordpressCopy .finishNumber {
  grid-row: 1 / span 2;
}
.finishWordpressCopy h3 {
  margin: 0 0 8px;
  font-size: 24px;
}
.finishWordpressCopy p {
  margin: 0;
  max-width: 760px;
  color: var(--muted);
}
/* Support and billing */
.supportHeroIcon,
.billingHeroIcon,
.settingsHeroIcon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  flex: 0 0 62px;
  border-radius: 19px;
  background: #eef2ff;
  color: var(--blue);
}
.supportHeroIcon .uiIcon,
.billingHeroIcon .uiIcon,
.settingsHeroIcon .uiIcon {
  width: 30px;
  height: 30px;
}
.supportTicketList {
  display: grid;
  gap: 10px;
}
.supportTicketRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--ink);
  text-decoration: none;
  background: #fbfdff;
  transition: 0.2s ease;
}
.supportTicketRow:hover {
  border-color: #aebff6;
  transform: translateY(-1px);
}
.supportTicketRow h3 {
  margin: 4px 0 3px;
  font-size: 16px;
}
.supportTicketRow small {
  color: var(--muted);
}
.ticketRowMeta {
  display: grid;
  justify-items: end;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
}
.premiumTable th {
  padding-top: 14px;
  padding-bottom: 14px;
}
/* Upgrade / add license */
.upgradeExperience {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
  gap: 20px;
  margin-bottom: 20px;
}
.upgradeShowcase,
.upgradeBenefitsCard {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: var(--shadow);
}
.upgradeShowcase {
  position: relative;
}
.upgradeShowcase img {
  width: 100%;
  display: block;
}
.upgradeShowcaseOverlay {
  padding: 22px 24px 24px;
}
.upgradeShowcaseOverlay h2 {
  margin: 7px 0 0;
  font-size: 29px;
  line-height: 1.05;
}
.upgradeBenefitsCard {
  padding: 26px;
}
.upgradeBenefitsCard h3 {
  margin: 7px 0 15px;
  font-size: 28px;
}
.upgradeLicensePicker {
  margin-bottom: 20px;
}
.upgradeRow.highlighted {
  border-color: #8da3f7;
  box-shadow: 0 0 0 3px rgba(49, 88, 239, 0.08);
}
.currentCapacityCard .capacityContent {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
}
.capacityIcon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 19px;
  background: #eef2ff;
  color: var(--blue);
}
.capacityIcon .uiIcon {
  width: 30px;
  height: 30px;
}
/* Administrator command center */
.adminCommandHero {
  padding: 30px 34px;
}
.premiumAdminStats article {
  min-height: 94px;
}
.premiumAdminStats article > span {
  width: 46px;
  height: 46px;
  border-radius: 14px;
}
.premiumAdminStats article > span .uiIcon {
  width: 22px;
  height: 22px;
}
.premiumAdminStats article > div {
  min-width: 0;
}
.premiumAdminStats article b,
.premiumAdminStats article em {
  display: block;
}
.premiumAdminStats article em {
  margin-top: 5px;
}
.operationsHealthCard .cardBody {
  padding-top: 18px;
}
.premiumCheck {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #f8fbff;
}
.premiumCheck input {
  margin-top: 4px;
}
.premiumCheck span,
.premiumCheck b,
.premiumCheck small {
  display: block;
}
.premiumCheck small {
  margin-top: 3px;
  color: var(--muted);
}
/* Responsive refinements */
@media (max-width: 1120px) {
  .premiumHero .heroInner {
    grid-template-columns: 1fr;
  }
  .heroProductFrame {
    max-width: 900px;
  }
  .plansLayout {
    grid-template-columns: 1fr;
  }
  .plansCustomerCard {
    position: static;
  }
  .dashboardLicenseRow {
    grid-template-columns: 1fr;
  }
  .dashboardLicenseFacts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .premiumDashboardGrid .span9,
  .premiumDashboardGrid .span3 {
    grid-column: span 12;
  }
}
@media (max-width: 900px) {
  .finalSalesCard,
  .premiumFinalCta,
  .customerCommandHero,
  .adminCommandHero,
  .supportHero,
  .billingHero,
  .settingsHero,
  .upgradeHero,
  .licensesOverviewHero,
  .licensePortfolioHead,
  .currentCapacityCard .capacityContent {
    align-items: flex-start;
    flex-direction: column;
  }
  .premiumFinalCta {
    display: flex;
  }
  .premiumTourIntro {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .premiumPlans {
    grid-template-columns: 1fr;
  }
  .premiumMetrics,
  .licensePortfolioFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .premiumAuthShell,
  .upgradeExperience {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .premiumAuthCard {
    width: 100%;
    max-width: 620px;
  }
  .premiumFinishConnector {
    grid-template-columns: 1fr;
  }
  .workflowFive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .page {
    width: calc(100% - 20px);
  }
  .premiumHero {
    padding-left: 10px;
    padding-right: 10px;
  }
  .premiumHero .heroCopy h1 {
    font-size: clamp(40px, 12vw, 56px);
  }
  .heroProductCaption,
  .premiumMetrics,
  .licensePortfolioFacts,
  .dashboardLicenseFacts,
  .licenseProgressLabels,
  .workflowFive {
    grid-template-columns: 1fr;
  }
  .heroProof {
    display: grid;
  }
  .heroProof > span {
    border-radius: 14px;
  }
  .finalSalesCard,
  .premiumFinalCta,
  .customerCommandHero,
  .adminCommandHero,
  .supportHero,
  .billingHero,
  .settingsHero,
  .upgradeHero,
  .licensesOverviewHero,
  .plansHero {
    padding: 22px;
    border-radius: 20px;
  }
  .finalSalesCard .actions,
  .premiumFinalCta .actions,
  .customerHeroActions {
    width: 100%;
  }
  .finalSalesCard .btn,
  .premiumFinalCta .btn,
  .customerHeroActions .btn {
    width: 100%;
  }
  .premiumPlanCard,
  .plansCustomerCard,
  .licensePortfolioCard {
    padding: 20px;
    border-radius: 20px;
  }
  .planLead {
    min-height: auto;
  }
  .authFooterActions {
    align-items: flex-start;
    flex-direction: column;
  }
  .supportTicketRow {
    align-items: flex-start;
    flex-direction: column;
  }
  .ticketRowMeta {
    justify-items: start;
  }
  .inlineDomainForm {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .inlineDomainForm .btn {
    width: 100%;
  }
  .finishWordpressCopy {
    grid-template-columns: 1fr;
  }
  .finishWordpressCopy .finishNumber {
    grid-row: auto;
  }
  .premiumTourCard .showcase {
    min-height: auto;
  }
  .premiumAdminStats {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 430px) {
  .siteHeaderInner {
    width: calc(100% - 16px);
  }
  .brandText small {
    display: none;
  }
  .brandMark {
    width: 42px;
    height: 42px;
  }
  .page {
    width: calc(100% - 14px);
    padding-top: 22px;
  }
  .premiumHero {
    padding-left: 7px;
    padding-right: 7px;
  }
  .heroProductFrame {
    padding: 6px;
    border-radius: 19px;
  }
  .heroProductFrame img {
    border-radius: 14px;
  }
  .premiumAuthCard,
  .premiumPlanCard,
  .plansCustomerCard,
  .licensePortfolioCard {
    padding: 16px;
  }
  .customerCommandHero h2,
  .adminCommandHero h2,
  .supportHero h2,
  .billingHero h2,
  .settingsHero h2,
  .upgradeHero h2,
  .licensesOverviewHero h2,
  .plansHero h2 {
    font-size: 31px;
  }
  .premiumAuthIntro h2 {
    font-size: 38px;
  }
  .licensePortfolioHead,
  .dashboardLicenseIdentity {
    align-items: flex-start;
    flex-direction: column;
  }
  .licensePortfolioHead .btn,
  .dashboardLicenseRow > .btn {
    width: 100%;
  }
}

/* =========================================================
   Portal v8 refinements
   ========================================================= */

/* Product tour spacing */
.premiumTourCard {
  margin-bottom: 0;
}

.tourCapabilities {
  padding: 30px 0 18px;
}

.tourCapabilities .sectionTitle {
  margin-bottom: 30px;
}

/* Pro plan value emphasis */
.plansHeroPremium {
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(49, 88, 239, 0.09),
      transparent 34%
    ),
    linear-gradient(135deg, #ffffff, #f7faff);
}

.proValuePlan {
  border-color: #3158ef;
  box-shadow: 0 24px 70px rgba(49, 88, 239, 0.16);
}

.proValueBanner {
  display: grid;
  gap: 8px;
  padding: 15px 17px;
  border: 1px solid #bfd0ff;
  border-radius: 17px;
  background: linear-gradient(135deg, #edf2ff, #f8faff);
}

.proValueBanner strong {
  font-size: 15px;
  line-height: 1.35;
}

.proValuePill {
  width: max-content;
  padding: 5px 8px;
  border-radius: 999px;
  background: #3158ef;
  color: #ffffff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.1em;
}

.proPlanVisual {
  border-color: #c8d5ff;
  background: linear-gradient(180deg, #f8faff, #edf2ff);
}

.proValueGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.proValueItem {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px;
  border: 1px solid #dce5f4;
  border-radius: 15px;
  background: #fbfdff;
}

.proValueItem > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  border-radius: 11px;
  background: #eef2ff;
  color: #3158ef;
}

.proValueItem .uiIcon {
  width: 18px;
  height: 18px;
}

.proValueItem b,
.proValueItem small {
  display: block;
}

.proValueItem b {
  font-size: 13px;
}

.proValueItem small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.proChecklist {
  margin-bottom: 0;
}

.proDecisionCallout {
  display: grid;
  gap: 4px;
  padding: 15px 17px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0c172c, #172642);
  color: #ffffff;
}

.proDecisionCallout b {
  font-size: 14px;
}

.proDecisionCallout span {
  color: #c8d4e5;
  font-size: 12px;
  line-height: 1.5;
}

/* Customer dashboard support card */
.dashboardSupportHead {
  text-align: center;
}

.dashboardSupportHead p {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.dashboardSupportBody {
  justify-items: center;
}

.compactSupportSummary {
  width: min(100%, 310px);
  padding: 18px 14px;
}

.dashboardSupportActions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex-wrap: wrap;
}

.dashboardSupportActions .btn {
  width: auto;
  min-width: 135px;
  padding: 10px 15px;
}

/* Administrator verification workflow */
.verificationCodeRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.verificationCodeRow .btn {
  white-space: nowrap;
}

.adminStatusForm {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* License setup quick download */
.setupGuideDownload .stepDownloadButton {
  display: inline-flex;
  margin-top: 12px;
  padding: 9px 12px;
  font-size: 12px;
}

/* Refined WordPress completion panel */
.finishWordpressCard {
  overflow: hidden;
  border: 1px solid #cfdbea;
  background: #ffffff;
}

.finishWordpressPanel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 28px;
  align-items: center;
  padding: 28px;
  background:
    radial-gradient(
      circle at 92% 18%,
      rgba(49, 88, 239, 0.08),
      transparent 34%
    ),
    linear-gradient(135deg, #ffffff, #f7faff);
}

.finishWordpressCopy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: flex-start;
}

.finishWordpressCopy .finishNumber {
  grid-row: auto;
}

.finishWordpressCopy h2 {
  margin: 5px 0 8px;
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.finishWordpressCopy p {
  margin: 0;
  max-width: 760px;
  color: var(--muted);
}

.finishWordpressActions {
  display: grid;
  gap: 11px;
  padding: 16px;
  border: 1px solid #dce5f1;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
}

.finishWordpressActions .btn {
  width: 100%;
  text-align: center;
}

.connectorReadyBadge {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  border: 1px solid #b9e8ce;
  border-radius: 14px;
  background: #effcf5;
  color: #11663d;
}

.connectorReadyBadge.pending {
  border-color: #cbd8ff;
  background: #f1f5ff;
  color: #2448d2;
}

.connectorReadyBadge .uiIcon {
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
}

.connectorReadyBadge b,
.connectorReadyBadge small {
  display: block;
}

.connectorReadyBadge small {
  margin-top: 2px;
  color: inherit;
  opacity: 0.78;
  font-size: 11px;
}

@media (max-width: 900px) {
  .proValueGrid,
  .finishWordpressPanel {
    grid-template-columns: 1fr;
  }

  .tourCapabilities {
    padding-top: 24px;
  }
}

@media (max-width: 680px) {
  .dashboardSupportActions {
    width: 100%;
  }

  .dashboardSupportActions .btn {
    flex: 1 1 160px;
  }

  .verificationCodeRow {
    grid-template-columns: 1fr;
  }

  .verificationCodeRow .btn {
    width: 100%;
  }

  .finishWordpressPanel {
    padding: 20px;
  }

  .finishWordpressCopy {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Tactical Guardian Portal v9 — Unified product design system
   ========================================================= */
:root {
  --navy: #071426;
  --navy2: #102341;
  --blue: #3657ff;
  --blue2: #2643d8;
  --violet: #7457f5;
  --cyan: #1cb8d7;
  --green: #168a5b;
  --red: #d73a4a;
  --ink: #0a1326;
  --muted: #5c6b82;
  --line: #d8e1ed;
  --line-strong: #c8d4e3;
  --soft: #f7f9fc;
  --bg: #f1f5fa;
  --card: #ffffff;
  --shadow: 0 18px 48px rgba(7, 20, 38, 0.08);
  --shadow-strong: 0 28px 74px rgba(7, 20, 38, 0.14);
  --radius: 24px;
  --radius-small: 16px;
  --content: 1240px;
}

html {
  background: var(--bg);
}

body {
  min-height: 100vh;
  background:
    radial-gradient(
      circle at 7% 8%,
      rgba(54, 87, 255, 0.08),
      transparent 28rem
    ),
    radial-gradient(
      circle at 94% 22%,
      rgba(28, 184, 215, 0.05),
      transparent 24rem
    ),
    linear-gradient(180deg, #f6f8fc 0, #eef3f9 100%);
  color: var(--ink);
  font-size: 15px;
  line-height: 1.6;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(92, 107, 130, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92, 107, 130, 0.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), transparent 72%);
}

h1,
h2,
h3,
h4,
.brandText b,
.btn,
.topNav a {
  letter-spacing: -0.025em;
}

p {
  color: var(--muted);
}

.eyebrow {
  color: var(--blue);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.19em;
}

/* Header */
.siteHeader {
  background: rgba(7, 20, 38, 0.97);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 34px rgba(7, 20, 38, 0.16);
  backdrop-filter: blur(18px);
}

.siteHeaderInner {
  width: min(var(--content), calc(100% - 36px));
  min-height: 78px;
}

.brandMark {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  padding: 7px;
  background: linear-gradient(145deg, #ffffff, #edf3ff);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
}

.brandText b {
  font-size: 16px;
}

.brandText small {
  color: #aebbd0;
  font-size: 11px;
}

.topNav {
  gap: 4px;
}

.topNav a {
  position: relative;
  color: #cbd6e6;
  padding: 10px 12px;
  border: 1px solid transparent;
  font-size: 12px;
  transition: 0.2s ease;
}

.topNav a:hover,
.topNav a.active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.08);
}

.topNav a.active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--cyan));
}

.topNav .navPlan {
  color: #ffffff;
  background: linear-gradient(135deg, var(--blue), #5573ff);
  border-color: transparent;
  box-shadow: 0 9px 24px rgba(54, 87, 255, 0.3);
}

.topNav .navPlan:hover,
.topNav .navPlan.active {
  background: linear-gradient(135deg, #4967ff, var(--blue2));
}

.topNav .navPlan::after,
.topNav .navButton::after {
  display: none;
}

.topNav .navButton {
  margin-left: 4px;
  background: #ffffff;
  color: var(--navy);
  border-color: #ffffff;
}

.mobileNavButton {
  font-weight: 850;
}

/* Page shell */
.page {
  width: min(var(--content), calc(100% - 36px));
  padding: 34px 0 72px;
}

.pageHead {
  margin-bottom: 26px;
}

.pageHead h1 {
  margin-top: 7px;
  font-size: clamp(32px, 3.8vw, 46px);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.card,
.authCard,
.welcomePanel,
.licensesOverviewHero,
.customerCommandHero,
.supportHero,
.billingHero,
.settingsHero,
.upgradeHero,
.plansHero,
.adminCommandHero,
.ticketHero,
.supportQueueHero {
  border: 1px solid rgba(200, 212, 227, 0.92);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow);
}

.card {
  border-radius: var(--radius);
}

.cardHead {
  padding: 22px 24px 18px;
  border-bottom-color: #e6edf5;
}

.cardBody {
  padding: 24px;
}

.cardHead h2,
.cardHead h3 {
  line-height: 1.12;
}

/* Buttons and forms */
.btn {
  min-height: 44px;
  padding: 11px 17px;
  border-radius: 13px;
  font-size: 12px;
  letter-spacing: -0.012em;
  box-shadow: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn.primary {
  background: linear-gradient(135deg, var(--blue), #5573ff);
  box-shadow: 0 10px 24px rgba(54, 87, 255, 0.2);
}

.btn.primary:hover {
  background: linear-gradient(135deg, #4967ff, var(--blue2));
  box-shadow: 0 13px 28px rgba(54, 87, 255, 0.25);
}

.btn.dark {
  background: linear-gradient(135deg, var(--navy), #14294a);
}

.btn.light {
  background: #f7f9fc;
  border-color: var(--line);
}

.btn.green {
  background: linear-gradient(135deg, #128a59, #22a86f);
}

.btn.dangerOutline {
  color: #b42333;
  background: #fff6f7;
  border: 1px solid #efb8bf;
}

.field label {
  color: #26364f;
  font-size: 11px;
  letter-spacing: 0.015em;
}

.field input,
.field select,
.field textarea {
  border-color: #cbd7e5;
  border-radius: 14px;
  background: #ffffff;
  padding: 12px 14px;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: #6f86ff;
  box-shadow: 0 0 0 4px rgba(54, 87, 255, 0.1);
}

.badge {
  letter-spacing: 0.045em;
}

.badge.pro,
.badge.active,
.badge.success,
.badge.ready,
.badge.open {
  color: #11603e;
  background: #daf8e7;
}

.badge.waiting_on_support,
.badge.waiting_on_customer,
.badge.pending {
  color: #2644ad;
  background: #e8edff;
}

.badge.resolved,
.badge.closed,
.badge.neutral,
.badge.lite,
.badge.not_connected {
  color: #445269;
  background: #e9eef5;
}

/* Landing page */
.heroLanding {
  border-bottom: 1px solid var(--line);
}

.premiumHero {
  min-height: auto;
  padding: clamp(66px, 7vw, 94px) 18px 78px;
  background:
    radial-gradient(
      circle at 18% 16%,
      rgba(54, 87, 255, 0.14),
      transparent 31rem
    ),
    radial-gradient(
      circle at 85% 22%,
      rgba(28, 184, 215, 0.08),
      transparent 26rem
    ),
    linear-gradient(180deg, #f9fbfe 0%, #eef3f9 100%);
}

.premiumHero .heroInner {
  width: min(var(--content), 100%);
  grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr);
  gap: clamp(40px, 5vw, 70px);
}

.premiumHero .heroCopy h1 {
  max-width: 720px;
  margin: 15px 0 22px;
  font-size: clamp(49px, 5.5vw, 76px);
  line-height: 0.99;
  letter-spacing: -0.055em;
}

.premiumHero .heroCopy p {
  max-width: 680px;
  font-size: clamp(16px, 1.55vw, 20px);
  line-height: 1.65;
}

.heroProductFrame {
  border-radius: 26px;
  border-color: #c9d6e6;
  padding: 9px;
  background: linear-gradient(145deg, #ffffff, #f3f7fc);
  box-shadow: var(--shadow-strong);
}

.heroProductFrame::before {
  content: "TACTICAL GUARDIAN PLATFORM";
  display: block;
  padding: 7px 9px 10px;
  color: #52627a;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.heroProductCaption {
  border-top: 1px solid #e1e9f2;
  margin-top: 8px;
  padding-top: 14px;
}

.heroProof > span {
  border-color: #ccd8e6;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 20px rgba(7, 20, 38, 0.04);
}

.section {
  position: relative;
  padding: 84px 18px;
  border-top: 1px solid var(--line);
}

.section.alt {
  background:
    radial-gradient(
      circle at 8% 20%,
      rgba(54, 87, 255, 0.04),
      transparent 24rem
    ),
    #ffffff;
}

.sectionInner {
  width: min(var(--content), 100%);
}

.sectionTitle {
  max-width: 820px;
  margin-bottom: 40px;
}

.sectionTitle h2 {
  font-size: clamp(34px, 4.2vw, 54px);
  letter-spacing: -0.05em;
}

.premiumFeatureGrid .featureCard,
.featureGridSix .featureCard {
  position: relative;
  overflow: hidden;
  border-color: #cfdbe8;
  box-shadow: 0 14px 34px rgba(7, 20, 38, 0.06);
}

.premiumFeatureGrid .featureCard::after,
.featureGridSix .featureCard::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--blue), var(--cyan));
  opacity: 0;
  transition: opacity 0.2s ease;
}

.premiumFeatureGrid .featureCard:hover::after,
.featureGridSix .featureCard:hover::after {
  opacity: 1;
}

.featureIcon.realIcon,
.metricIcon.svgMetric {
  background: linear-gradient(145deg, #edf1ff, #f5f7ff);
  color: var(--blue);
  border: 1px solid #dfe6ff;
}

.platformShowcase {
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid var(--line);
  border-radius: 30px;
  background: linear-gradient(145deg, #ffffff, #f7f9fc);
  box-shadow: var(--shadow);
}

.finalSalesSection {
  background: transparent;
}

.finalSalesCard {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(54, 87, 255, 0.36),
      transparent 23rem
    ),
    linear-gradient(135deg, #071426, #132a4c);
}

/* Product tour */
.premiumTourIntro {
  padding: 26px 30px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95),
    rgba(245, 248, 253, 0.95)
  );
  box-shadow: var(--shadow);
}

.premiumTourCard {
  border-radius: 28px;
  margin-bottom: 28px;
}

.premiumTourCard .cardBody {
  padding: 18px;
}

.productCarousel .carouselSlides {
  min-height: 520px;
}

.premiumTourCard .showcase {
  min-height: 520px;
  gap: clamp(32px, 4.5vw, 64px);
  align-items: center;
  padding: clamp(30px, 4vw, 52px);
  border-radius: 22px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98),
    rgba(247, 250, 254, 0.98)
  );
}

.premiumTourCard .showcaseCopy h2 {
  font-size: clamp(37px, 4.4vw, 58px);
  line-height: 1.01;
  letter-spacing: -0.052em;
}

.productScreenshot {
  border: 1px solid #cad7e6;
  border-radius: 24px;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0 22px 55px rgba(7, 20, 38, 0.12);
}

.carouselArrow {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  padding: 0 0 3px;
  border: 1px solid #cbd8e7;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: var(--navy);
  font-size: 31px;
  line-height: 1;
  box-shadow: 0 12px 28px rgba(7, 20, 38, 0.12);
}

.carouselArrow:hover {
  color: #ffffff;
  background: var(--blue);
  border-color: var(--blue);
}

.carouselArrow.prev {
  left: 14px;
}

.carouselArrow.next {
  right: 14px;
}

.carouselDots {
  position: absolute;
  left: 50%;
  bottom: 16px;
  z-index: 4;
  transform: translateX(-50%);
  margin: 0;
}

.tourCapabilities {
  padding-top: 72px;
  border-top: 1px solid var(--line);
  background: #ffffff;
}

/* Authentication */
.route-login .page {
  padding-top: 26px;
}

.premiumAuthShell {
  min-height: auto;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 490px);
  gap: clamp(34px, 6vw, 82px);
  align-items: start;
}

.premiumAuthIntro {
  padding: 18px 10px 0 0;
}

.premiumAuthIntro h2 {
  max-width: 690px;
  margin: 12px 0 20px;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1.02;
  letter-spacing: -0.052em;
}

.authValueList > div {
  border-color: #d4dfeb;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 9px 24px rgba(7, 20, 38, 0.04);
}

.premiumAuthCard {
  align-self: start;
  margin-top: 0;
  padding: 30px;
  border-radius: 24px;
  box-shadow: var(--shadow-strong);
}

.premiumAuthCard h2 {
  font-size: 28px;
  letter-spacing: -0.04em;
}

/* Customer and admin workspaces */
.customerCommandHero,
.adminCommandHero,
.supportHero,
.billingHero,
.settingsHero,
.upgradeHero,
.licensesOverviewHero,
.supportQueueHero,
.ticketHero {
  padding: 30px 32px;
  border-radius: 26px;
  background:
    radial-gradient(
      circle at 88% 22%,
      rgba(54, 87, 255, 0.08),
      transparent 20rem
    ),
    linear-gradient(135deg, #ffffff, #f7f9fd);
}

.customerCommandHero h2,
.adminCommandHero h2,
.supportHero h2,
.billingHero h2,
.settingsHero h2,
.upgradeHero h2,
.licensesOverviewHero h2,
.supportQueueHero h2,
.ticketHero h2 {
  font-size: clamp(31px, 3.8vw, 46px);
  line-height: 1.02;
}

.premiumMetrics .metricCard {
  border-color: #cfdae7;
  border-radius: 20px;
  background: linear-gradient(145deg, #ffffff, #f9fbfe);
}

.premiumMetrics strong {
  color: var(--navy);
}

.dashboardLicenseRow,
.licensePortfolioCard {
  border-color: #d3deea;
  border-radius: 20px;
  background: linear-gradient(145deg, #ffffff, #fafcff);
}

.dashboardLicenseRow:hover,
.licensePortfolioCard:hover {
  border-color: #aebfff;
  box-shadow: 0 15px 34px rgba(54, 87, 255, 0.08);
}

.dashboardSupportCard {
  align-self: start;
}

.dashboardSupportBody {
  gap: 16px;
}

.compactSupportSummary {
  border-radius: 18px;
  border: 1px solid #dce5ef;
  background: linear-gradient(145deg, #f8faff, #eef3fb);
}

/* License workflow */
.workflowBar > div,
.workflowFive > div {
  border-color: #d3deea;
  background: #ffffff;
}

.workflowBar > div.active,
.workflowFive > div.active {
  border-color: #7188ff;
  background: linear-gradient(145deg, #eef2ff, #f8f9ff);
  box-shadow: 0 9px 24px rgba(54, 87, 255, 0.1);
}

.workflowBar > div.done,
.workflowFive > div.done {
  border-color: #b9d9ca;
  background: #f3fbf7;
}

.setupGuideCard {
  align-self: start;
}

.setupGuideItem {
  position: relative;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 16px;
}

.setupGuideItem.active {
  border-color: #aebeff;
  background: #f1f4ff;
}

.setupGuideItem.done .stepBubble {
  color: #11603e;
  background: #dff8ea;
}

.setupGuideItem.active .stepBubble {
  color: #ffffff;
  background: linear-gradient(135deg, var(--blue), #637cff);
  box-shadow: 0 8px 18px rgba(54, 87, 255, 0.24);
}

.keyBox {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background:
    radial-gradient(
      circle at 90% 15%,
      rgba(54, 87, 255, 0.28),
      transparent 15rem
    ),
    linear-gradient(135deg, #071426, #132847);
}

.inlineDomainForm {
  border-radius: 20px;
  border-color: #d3deea;
  background: #f8faff;
}

.tenantReadyPanel {
  border-color: #cfdbe8 !important;
  background: linear-gradient(145deg, #f9fbfe, #f3f7fb) !important;
}

.finishWordpressCard {
  border-radius: 24px;
}

.finishWordpressPanel {
  background:
    radial-gradient(
      circle at 92% 18%,
      rgba(54, 87, 255, 0.1),
      transparent 23rem
    ),
    linear-gradient(135deg, #ffffff, #f4f7fc);
}

.finishWordpressActions {
  border-color: #cfdbe8;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(7, 20, 38, 0.06);
}

/* Support tickets */
.ticketHero,
.supportQueueHero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}

.ticketHero.urgent,
.supportQueueRow.urgent {
  border-color: #ee9ba5;
  box-shadow: 0 16px 40px rgba(215, 58, 74, 0.1);
}

.ticketHeroBadges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.priorityBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid #d7e0eb;
  border-radius: 999px;
  color: #40506a;
  background: #f5f8fc;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.priorityBadge.priority-high {
  color: #8a4a12;
  border-color: #f1c48f;
  background: #fff7ea;
}

.priorityBadge.priority-urgent {
  color: #a7192b;
  border-color: #ef9eaa;
  background: #fff1f3;
}

.ticketWorkspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
  gap: 20px;
  align-items: start;
}

.ticketConversationCard {
  min-height: 580px;
}

.ticketThread {
  max-height: 650px;
  overflow-y: auto;
  padding: 24px;
  background: linear-gradient(180deg, #f8faff, #f2f6fb);
  scrollbar-width: thin;
  scrollbar-color: #b9c6d7 transparent;
}

.ticketMessage {
  width: min(82%, 760px);
  margin: 0 0 16px;
  padding: 15px 16px;
  border-radius: 20px;
  border: 1px solid #d6e0eb;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(7, 20, 38, 0.045);
}

.ticketMessage.support {
  margin-left: auto;
  color: #ffffff;
  border-color: #2748d9;
  background: linear-gradient(135deg, #2748d9, #4968ff);
}

.ticketMessage.customer {
  margin-right: auto;
}

.ticketMessageHeader {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.ticketAvatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  border-radius: 11px;
  color: var(--blue);
  background: #edf1ff;
  font-size: 9px;
  font-weight: 950;
}

.ticketMessage.support .ticketAvatar {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
}

.ticketMessageHeader strong,
.ticketMessageHeader time {
  display: block;
}

.ticketMessageHeader time {
  color: #75849a;
  font-size: 10px;
}

.ticketMessage.support .ticketMessageHeader time {
  color: rgba(255, 255, 255, 0.74);
}

.ticketMessageBody {
  line-height: 1.65;
  word-break: break-word;
}

.ticketReplyCard {
  position: sticky;
  top: 102px;
}

.liveIndicator {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #42536b;
  font-size: 11px;
  font-weight: 850;
}

.liveIndicator i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #19a567;
  box-shadow: 0 0 0 5px rgba(25, 165, 103, 0.12);
}

.supportQueueStats {
  display: grid;
  grid-template-columns: repeat(2, minmax(92px, 1fr));
  gap: 10px;
}

.supportQueueStats div {
  min-width: 100px;
  padding: 14px;
  border: 1px solid #d6e0eb;
  border-radius: 17px;
  background: #ffffff;
  text-align: center;
}

.supportQueueStats div.urgent {
  border-color: #ee9ba5;
  background: #fff4f5;
}

.supportQueueStats strong,
.supportQueueStats span {
  display: block;
}

.supportQueueStats strong {
  font-size: 25px;
}

.supportQueueStats span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.supportFilters {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
}

.supportFilters label {
  display: grid;
  gap: 5px;
}

.supportFilters label > span {
  color: #53627a;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.supportFilters select {
  min-height: 42px;
  border: 1px solid #cbd7e5;
  border-radius: 12px;
  padding: 8px 34px 8px 11px;
  background: #ffffff;
}

.supportQueueList {
  display: grid;
  gap: 12px;
}

.supportQueueRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 18px;
  padding: 17px;
  border: 1px solid #d6e0eb;
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff, #fafcff);
}

.supportQueueIdentity {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-width: 0;
}

.ticketNumber {
  min-width: 48px;
  padding: 7px 9px;
  border-radius: 11px;
  color: var(--blue);
  background: #edf1ff;
  font-size: 11px;
  font-weight: 950;
  text-align: center;
}

.supportQueueIdentity h3 {
  margin: 0;
  font-size: 17px;
}

.supportQueueIdentity p {
  margin: 4px 0 0;
  font-size: 12px;
}

.supportQueueMeta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.supportQueueMeta time {
  color: var(--muted);
  font-size: 10px;
}

/* Footer */
.footer {
  width: min(var(--content), calc(100% - 36px));
  margin-top: 0;
  padding: 26px 0 34px;
  border-top: 1px solid rgba(200, 212, 227, 0.8);
}

/* Responsive */
@media (max-width: 1120px) {
  .premiumHero .heroInner {
    grid-template-columns: 1fr;
  }

  .premiumHero .heroProductFrame {
    width: min(100%, 850px);
  }

  .ticketWorkspace {
    grid-template-columns: 1fr;
  }

  .ticketReplyCard {
    position: static;
  }

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

  .supportQueueMeta {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .siteHeaderInner {
    min-height: 72px;
  }

  .premiumAuthShell {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .premiumAuthIntro {
    padding-right: 0;
  }

  .premiumAuthCard {
    max-width: 680px;
  }

  .productCarousel .carouselSlides,
  .premiumTourCard .showcase {
    min-height: 670px;
  }

  .premiumTourCard .showcase {
    grid-template-columns: 1fr;
    align-content: center;
  }

  .premiumTourCard .showcaseMedia,
  .premiumTourCard .showcaseCopy {
    width: 100%;
  }

  .ticketHero,
  .supportQueueHero {
    align-items: flex-start;
    flex-direction: column;
  }

  .ticketHeroBadges {
    justify-content: flex-start;
  }

  .supportQueueHead {
    align-items: flex-start;
    flex-direction: column;
  }

  .supportFilters {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .siteHeaderInner {
    width: calc(100% - 22px);
  }

  .mobileNavButton {
    display: inline-flex;
  }

  .topNav {
    position: absolute;
    top: calc(100% + 8px);
    left: 11px;
    right: 11px;
    display: none;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(7, 20, 38, 0.98);
    box-shadow: 0 22px 55px rgba(7, 20, 38, 0.3);
  }

  .topNav.is-open {
    display: grid;
  }

  .topNav a,
  .topNav .navButton,
  .topNav .navPlan {
    width: 100%;
    margin: 0;
    padding: 12px 14px;
    text-align: left;
  }

  .topNav a.active::after {
    left: 14px;
    right: auto;
    width: 24px;
  }

  .page {
    width: calc(100% - 20px);
    padding-top: 24px;
  }

  .pageHead {
    margin-bottom: 19px;
  }

  .premiumHero {
    padding: 52px 10px 58px;
  }

  .premiumHero .heroCopy h1 {
    font-size: clamp(40px, 12.5vw, 58px);
  }

  .heroActions .btn,
  .finalSalesCard .btn,
  .premiumFinalCta .btn {
    width: 100%;
  }

  .section {
    padding: 58px 10px;
  }

  .sectionTitle {
    margin-bottom: 28px;
  }

  .premiumTourIntro {
    padding: 22px;
  }

  .premiumTourCard .cardBody {
    padding: 8px;
  }

  .productCarousel .carouselSlides,
  .premiumTourCard .showcase {
    min-height: 720px;
  }

  .premiumTourCard .showcase {
    padding: 52px 24px 70px;
  }

  .premiumTourCard .showcaseCopy h2 {
    font-size: clamp(32px, 10vw, 45px);
  }

  .carouselArrow {
    width: 43px;
    height: 43px;
    font-size: 27px;
  }

  .carouselArrow.prev {
    left: 8px;
  }

  .carouselArrow.next {
    right: 8px;
  }

  .customerCommandHero,
  .adminCommandHero,
  .supportHero,
  .billingHero,
  .settingsHero,
  .upgradeHero,
  .licensesOverviewHero,
  .supportQueueHero,
  .ticketHero {
    padding: 22px;
    border-radius: 21px;
  }

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

  .premiumMetrics .metricCard {
    min-height: 88px;
    padding: 15px;
  }

  .dashboardLicenseFacts,
  .licensePortfolioFacts {
    grid-template-columns: 1fr;
  }

  .workflowFive {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
  }

  .workflowFive > div {
    min-width: 190px;
    scroll-snap-align: start;
  }

  .ticketMessage {
    width: 94%;
  }

  .supportQueueRow {
    grid-template-columns: 1fr;
  }

  .supportQueueMeta {
    grid-column: auto;
  }

  .supportQueueRow > .btn {
    width: 100%;
  }

  .supportFilters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .supportFilters .btn {
    grid-column: 1 / -1;
    width: 100%;
  }

  .ticketThread {
    max-height: 560px;
    padding: 15px;
  }

  .finishWordpressPanel {
    padding: 20px;
  }
}

@media (max-width: 520px) {
  .brandText b {
    font-size: 14px;
  }

  .brandText small {
    display: none;
  }

  .brandMark {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }

  .page {
    width: calc(100% - 14px);
  }

  .card,
  .authCard,
  .customerCommandHero,
  .adminCommandHero,
  .supportHero,
  .billingHero,
  .settingsHero,
  .upgradeHero,
  .licensesOverviewHero,
  .supportQueueHero,
  .ticketHero {
    border-radius: 18px;
  }

  .cardHead,
  .cardBody {
    padding-left: 17px;
    padding-right: 17px;
  }

  .premiumHero .heroCopy h1 {
    font-size: 41px;
  }

  .heroProductCaption {
    grid-template-columns: 1fr;
  }

  .premiumAuthIntro h2 {
    font-size: 38px;
  }

  .premiumAuthCard {
    padding: 20px;
  }

  .premiumMetrics {
    grid-template-columns: 1fr;
  }

  .premiumMetrics .metricCard {
    min-height: 76px;
  }

  .productCarousel .carouselSlides,
  .premiumTourCard .showcase {
    min-height: 760px;
  }

  .premiumTourCard .showcase {
    padding: 54px 18px 74px;
  }

  .productScreenshot {
    padding: 6px;
    border-radius: 18px;
  }

  .carouselDots {
    bottom: 18px;
  }

  .formGrid,
  .compactFormGrid,
  .supportFilters {
    grid-template-columns: 1fr;
  }

  .supportFilters .btn {
    grid-column: auto;
  }

  .ticketMessage {
    width: 100%;
    border-radius: 17px;
  }

  .ticketHeroBadges,
  .dashboardSupportActions,
  .customerHeroActions {
    width: 100%;
  }

  .ticketHeroBadges > *,
  .dashboardSupportActions .btn,
  .customerHeroActions .btn {
    flex: 1 1 auto;
  }

  dialog {
    width: calc(100% - 12px);
    max-height: calc(100dvh - 12px);
    border-radius: 18px;
  }

  .dialogBody {
    max-height: calc(100dvh - 84px);
    padding: 16px;
  }
}

@media (max-width: 360px) {
  .siteHeaderInner {
    width: calc(100% - 12px);
  }

  .brandMark {
    width: 39px;
    height: 39px;
  }

  .mobileNavButton {
    padding: 8px 10px;
    font-size: 12px;
  }

  .page {
    width: calc(100% - 10px);
  }

  .premiumHero .heroCopy h1,
  .premiumAuthIntro h2 {
    font-size: 36px;
  }

  .cardHead,
  .cardBody,
  .premiumAuthCard,
  .customerCommandHero,
  .adminCommandHero,
  .supportHero,
  .billingHero,
  .settingsHero,
  .upgradeHero,
  .licensesOverviewHero,
  .supportQueueHero,
  .ticketHero {
    padding-left: 14px;
    padding-right: 14px;
  }

  .productCarousel .carouselSlides,
  .premiumTourCard .showcase {
    min-height: 800px;
  }
}

/* License page component foundations moved out of inline markup. */
.setupGuideList {
  display: grid;
  gap: 10px;
}

.setupGuideItem {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: flex-start;
}

.setupGuideItem .stepBubble,
.finishNumber {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: var(--blue);
  background: #eaf0ff;
  font-weight: 950;
}

.setupGuideItem b {
  display: block;
  margin-bottom: 4px;
}

.setupGuideItem p {
  margin: 0;
  line-height: 1.5;
}

.tenantSummaryGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
  margin: 16px 0;
}

.tenantSummaryItem {
  padding: 14px;
  border: 1px solid #d9e3ee;
  border-radius: 16px;
  background: #ffffff;
}

.tenantSummaryItem span,
.tenantSummaryItem b {
  display: block;
}

.tenantSummaryItem span {
  margin-bottom: 5px;
  color: #65748a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

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

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

@supports (padding: max(0px)) {
  .siteHeader {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }

  .footer {
    padding-bottom: max(34px, calc(18px + env(safe-area-inset-bottom)));
  }

  .flashStack {
    right: max(18px, env(safe-area-inset-right));
  }
}

/* ========================================================================== 
   Tactical Guardian Portal v10.1 — role, billing, support, avatar, and mobile
   refinements. These rules intentionally live after the shared v9 foundation.
   ========================================================================== */

/* Brand mark: keep the source artwork optically centered in every header. */
.brandMark {
  display: grid;
  place-items: center;
  overflow: hidden;
}

.brandMark img {
  width: 78%;
  height: 78%;
  display: block;
  object-fit: contain;
  object-position: center;
}

/* Product tour: every slide uses the same stable stage and centered controls. */
.premiumTourCard,
.productCarousel,
.productCarousel .carouselSlides,
.productCarousel .carouselSlide,
.productCarousel .showcase {
  min-width: 0;
}

.productCarousel .carouselSlides {
  min-height: clamp(590px, 61vw, 720px);
}

.productCarousel .carouselSlide {
  inset: 0;
  height: 100%;
}

.productCarousel .showcase {
  width: 100%;
  min-height: clamp(590px, 61vw, 720px);
  padding: clamp(58px, 6vw, 86px) clamp(74px, 8vw, 116px) 86px;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: clamp(38px, 5vw, 76px);
  align-items: center;
}

.productCarousel .showcaseMedia {
  width: 100%;
  min-height: 0;
  max-height: 480px;
  align-self: center;
}

.productCarousel .showcaseMedia img {
  width: 100%;
  height: auto;
  max-height: 450px;
  display: block;
  object-fit: contain;
  object-position: center;
}

.productCarousel .showcaseCopy {
  min-width: 0;
  align-self: center;
}

.carouselArrow {
  top: 50%;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 1;
  transform: translateY(-50%);
}

.carouselArrow.prev {
  left: 18px;
}

.carouselArrow.next {
  right: 18px;
}

.carouselArrow:hover,
.carouselArrow:focus-visible {
  transform: translateY(-50%) scale(1.06);
}

.carouselDots {
  bottom: 28px;
}

.tourCapabilities {
  border-top: 1px solid rgba(197, 212, 230, 0.78);
}

/* Customer dashboard: left-aligned support heading in a centered, compact card. */
.premiumDashboardGrid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.dashboardLicensesCard {
  grid-column: 1 / -1;
}

.dashboardSupportCard {
  grid-column: 1 / -1;
  width: min(760px, 100%);
  justify-self: center;
  overflow: hidden;
}

.dashboardSupportHead {
  align-items: flex-start;
  text-align: left;
}

.dashboardSupportHead .eyebrow,
.dashboardSupportHead h3,
.dashboardSupportHead p {
  width: 100%;
  text-align: left;
}

.dashboardSupportBody {
  display: grid;
  justify-items: center;
  gap: 16px;
  padding-top: 20px;
  padding-bottom: 22px;
}

.compactSupportSummary {
  width: min(230px, 100%);
  min-height: 142px;
  margin: 0 auto;
}

.dashboardSupportActions {
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.dashboardSupportActions .btn {
  min-width: 158px;
}

/* License domain entry: the action aligns with the input, never the helper copy. */
.inlineDomainForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.inlineDomainForm .field {
  min-width: 0;
}

.inlineDomainForm > .btn {
  min-width: 150px;
  margin-bottom: 27px;
}

.stepDownloadButton {
  margin-top: 12px;
}

/* Ticket hero and conversation surfaces. */
.ticketHeroCompact {
  min-height: 0;
  padding: clamp(24px, 3vw, 38px);
  align-items: center;
}

.ticketHeroCompact h2 {
  margin-bottom: 8px;
}

.ticketHeroCompact p {
  margin-bottom: 0;
}

.ticketHeroCompact.priorityHero-high {
  border: 2px solid #f59e0b;
  box-shadow: 0 18px 44px rgba(245, 158, 11, 0.13);
}

.ticketHeroCompact.priorityHero-urgent {
  border: 2px solid #ef4444;
  box-shadow: 0 18px 44px rgba(239, 68, 68, 0.14);
}

.ticketCustomerIdentity,
.collaborationIdentity,
.adminIdentityCell {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.customerProfileLink {
  color: var(--blue);
  font-weight: 900;
  text-decoration: none;
}

.customerProfileLink:hover,
.customerProfileLink:focus-visible {
  text-decoration: underline;
}

.ticketWorkspace,
.adminTicketWorkspace {
  align-items: start;
}

.ticketActionStack {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.ticketThread {
  overscroll-behavior: contain;
}

.ticketEmpty {
  padding: 32px;
  color: var(--muted);
  text-align: center;
}

.messageRole {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.liveIndicator {
  border: 1px solid #d8e1ec;
  background: #f7f9fc;
  box-shadow: none;
}

.liveIndicator i {
  background: #94a3b8;
  box-shadow: none;
}

.liveIndicator.is-active,
.liveIndicator[data-active="1"] {
  color: #087a43;
  border-color: #a7e4c7;
  background: #ecfbf4;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.09);
}

.liveIndicator.is-active i,
.liveIndicator[data-active="1"] i {
  background: #16a36a;
  box-shadow: 0 0 0 4px rgba(22, 163, 106, 0.12);
}

/* Avatar system. */
.profileAvatar {
  --avatar-a: #315cf5;
  --avatar-b: #1738b8;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, var(--avatar-a), var(--avatar-b));
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 15px;
  box-shadow: 0 10px 22px rgba(30, 64, 175, 0.18);
}

.profileAvatar svg {
  width: 24px;
  height: 24px;
}

.ticketAvatarIcon {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  border-radius: 13px;
}

.ticketCustomerAvatar {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
  border-radius: 17px;
}

.avatarTone-indigo {
  --avatar-a: #6366f1;
  --avatar-b: #3730a3;
}
.avatarTone-cyan {
  --avatar-a: #06b6d4;
  --avatar-b: #0e7490;
}
.avatarTone-navy {
  --avatar-a: #1e3a5f;
  --avatar-b: #081426;
}
.avatarTone-violet {
  --avatar-a: #8b5cf6;
  --avatar-b: #5b21b6;
}
.avatarTone-gold {
  --avatar-a: #f59e0b;
  --avatar-b: #b45309;
}
.avatarTone-teal {
  --avatar-a: #14b8a6;
  --avatar-b: #0f766e;
}

.avatarPicker {
  display: grid;
  gap: 14px;
}

.avatarChoices {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.avatarChoice {
  position: relative;
  min-width: 0;
  padding: 14px 10px;
  display: grid;
  justify-items: center;
  gap: 8px;
  border: 1px solid #d9e3ef;
  border-radius: 17px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.avatarChoice:hover {
  transform: translateY(-2px);
  border-color: #aebfff;
  box-shadow: 0 12px 24px rgba(31, 64, 180, 0.1);
}

.avatarChoice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.avatarChoice:has(input:checked) {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(49, 92, 245, 0.12);
}

.avatarChoice span:last-child {
  color: #475569;
  font-size: 11px;
  font-weight: 850;
}

.compactAvatarPicker .avatarChoices {
  grid-template-columns: repeat(4, minmax(70px, 1fr));
}

/* Account and administrator management. */
.accountHero,
.customerAdminHero,
.collaborationHero,
.billingCommandHero,
.testCheckoutHero {
  border: 1px solid rgba(197, 212, 230, 0.9);
  border-radius: 26px;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(71, 111, 255, 0.13),
      transparent 34%
    ),
    #fff;
  box-shadow: var(--shadow-soft);
}

.accountHeroInner,
.customerAdminHeroInner {
  padding: clamp(24px, 3vw, 38px);
  display: flex;
  align-items: center;
  gap: 18px;
}

.accountGrid,
.premiumAdminGrid,
.billingOperationsGrid,
.collaborationGrid,
.settingsControlGrid,
.billingDetailGrid,
.newLicensePlansLayout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.accountGrid > *,
.premiumAdminGrid > *,
.billingOperationsGrid > *,
.collaborationGrid > *,
.settingsControlGrid > *,
.billingDetailGrid > *,
.newLicensePlansLayout > * {
  min-width: 0;
}

.collaborationThreads,
.collaborationMessages,
.billingHistoryGrid {
  display: grid;
  gap: 12px;
}

.collaborationThread,
.collaborationMessage,
.billingHistoryItem,
.billingMiniPanel,
.refundPanel,
.readOnlyNotice,
.dangerBox {
  padding: 16px;
  border: 1px solid #dbe4ef;
  border-radius: 17px;
  background: #f8fbff;
}

.collaborationThread.open {
  border-left: 4px solid var(--blue);
}

.collaborationMessage {
  background: #fff;
}

.collaborationReply {
  margin-top: 12px;
}

.roleStatGrid,
.billingStats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.definitionList {
  display: grid;
  gap: 0;
}

.definitionList > div,
.readOnlyRow {
  padding: 13px 0;
  display: grid;
  grid-template-columns: minmax(130px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  border-bottom: 1px solid #e6edf5;
}

.definitionList dt,
.readOnlyRow span {
  color: #617087;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.definitionList dd {
  margin: 0;
  color: var(--ink);
  font-weight: 800;
}

.check,
.compactCheck {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
}

.dangerBox {
  color: #991b1b;
  border-color: #fecaca;
  background: #fff7f7;
}

.readOnlyNotice {
  color: #24416f;
  border-color: #c9d8f7;
  background: #f0f5ff;
}

/* Priority treatment across queues. */
.ticketQueueRow.priority-high,
.supportTicketRow.priority-high,
tr.priority-high,
.priorityCard-high {
  outline: 2px solid rgba(245, 158, 11, 0.7);
  outline-offset: -2px;
  background: #fffaf0;
}

.ticketQueueRow.priority-urgent,
.supportTicketRow.priority-urgent,
tr.priority-urgent,
.priorityCard-urgent {
  outline: 2px solid rgba(239, 68, 68, 0.78);
  outline-offset: -2px;
  background: #fff5f5;
}

.priorityBadge.priority-high {
  color: #9a5600;
  border-color: #f6bd56;
  background: #fff5d8;
}

.priorityBadge.priority-urgent {
  color: #b42318;
  border-color: #fca5a5;
  background: #fff1f1;
}

/* Billing operations. */
.billingOrderDetail,
.discountManagerCard,
.billingHistoryCard {
  overflow: hidden;
}

.billingActionPanels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.billingActionPanels > * {
  min-width: 0;
}

.refundPanel {
  border-color: #f0d5a3;
  background: #fffbf2;
}

.billingHistoryItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.upgradeList {
  display: grid;
  gap: 10px;
}

.upgradeList li {
  list-style: none;
  position: relative;
  padding-left: 24px;
}

.upgradeList li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #0d9a5e;
  font-weight: 950;
}

/* Responsive: tablet. */
@media (max-width: 980px) {
  .productCarousel .carouselSlides,
  .productCarousel .showcase {
    min-height: 780px;
  }

  .productCarousel .showcase {
    padding: 64px 64px 82px;
    grid-template-columns: 1fr;
    gap: 28px;
    text-align: left;
  }

  .productCarousel .showcaseMedia {
    max-width: 720px;
    max-height: 360px;
    margin: 0 auto;
  }

  .productCarousel .showcaseMedia img {
    max-height: 340px;
  }

  .accountGrid,
  .premiumAdminGrid,
  .billingOperationsGrid,
  .collaborationGrid,
  .settingsControlGrid,
  .billingDetailGrid,
  .newLicensePlansLayout {
    grid-template-columns: 1fr;
  }

  .accountGrid > *,
  .premiumAdminGrid > *,
  .billingOperationsGrid > *,
  .collaborationGrid > *,
  .settingsControlGrid > *,
  .billingDetailGrid > *,
  .newLicensePlansLayout > * {
    grid-column: 1 !important;
  }

  .avatarChoices {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

/* Responsive: phones. */
@media (max-width: 700px) {
  .brandMark img {
    width: 74%;
    height: 74%;
  }

  .premiumTourIntro {
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .productCarousel .carouselSlides,
  .productCarousel .showcase {
    min-height: 0;
  }

  .productCarousel .carouselSlides {
    height: clamp(740px, 200vw, 900px);
  }

  .productCarousel .showcase {
    height: 100%;
    padding: 58px 22px 74px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
  }

  .productCarousel .showcaseCopy,
  .productCarousel .showcaseMedia {
    width: 100%;
    max-width: 100%;
  }

  .productCarousel .showcaseCopy h2 {
    font-size: clamp(31px, 9vw, 44px);
    line-height: 1.02;
  }

  .productCarousel .showcaseCopy p,
  .productCarousel .checkList {
    font-size: 14px;
  }

  .productCarousel .showcaseMedia,
  .productCarousel .showcaseMedia img {
    max-height: 290px;
  }

  .carouselArrow {
    top: auto;
    bottom: 16px;
    width: 42px;
    height: 42px;
    transform: none;
  }

  .carouselArrow:hover,
  .carouselArrow:focus-visible {
    transform: scale(1.05);
  }

  .carouselArrow.prev {
    left: 16px;
  }

  .carouselArrow.next {
    right: 16px;
  }

  .carouselDots {
    bottom: 28px;
  }

  .tourCapabilities {
    padding-top: 58px;
  }

  .inlineDomainForm {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .inlineDomainForm > .btn {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .dashboardSupportCard {
    width: 100%;
  }

  .dashboardSupportActions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  .dashboardSupportActions .btn {
    min-width: 0;
    width: 100%;
  }

  .ticketHeroCompact {
    padding: 20px;
    align-items: flex-start;
  }

  .ticketCustomerIdentity {
    align-items: flex-start;
  }

  .ticketHeroBadges {
    width: 100%;
    justify-content: flex-start;
  }

  .ticketMessage {
    width: 100%;
  }

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

  .roleStatGrid,
  .billingStats,
  .billingActionPanels {
    grid-template-columns: 1fr;
  }

  .definitionList > div,
  .readOnlyRow {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .billingHistoryItem {
    grid-template-columns: 1fr;
  }

  .accountHeroInner,
  .customerAdminHeroInner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 390px) {
  .productCarousel .carouselSlides {
    height: 850px;
  }

  .productCarousel .showcase {
    padding-left: 16px;
    padding-right: 16px;
  }

  .profileAvatar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .ticketCustomerAvatar {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}

.priorityRow-high {
  border-color: #f2b544 !important;
  box-shadow: inset 4px 0 0 #f59e0b;
  background: #fffbf2 !important;
}

.priorityRow-urgent {
  border-color: #ef7171 !important;
  box-shadow: inset 4px 0 0 #ef4444;
  background: #fff5f5 !important;
}

/* ========================================================================== 
   Tactical Guardian Portal v10.2 — final responsive and alignment pass
   ========================================================================== */

/* The SVG artwork has generous internal canvas space. Scale it optically inside
   the white brand tile while keeping the tile itself perfectly centered. */
.brandMark {
  place-items: center !important;
}

.brandMark img {
  width: 88% !important;
  height: 88% !important;
  margin: 0 !important;
  object-position: 50% 50% !important;
  transform: none !important;
}

/* Product tour: a predictable viewport on every desktop slide. */
.premiumTourCard {
  overflow: hidden;
}

.premiumTourCard .cardBody {
  padding: 0 !important;
}

.productCarousel,
.productCarousel .carouselSlides,
.productCarousel .carouselSlide {
  width: 100%;
  min-width: 0;
}

.productCarousel .carouselSlides {
  height: clamp(590px, calc(100svh - 240px), 700px);
  min-height: 590px;
  max-height: 700px;
}

.productCarousel .carouselSlide {
  height: 100%;
  overflow: hidden;
}

.productCarousel .showcase {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: clamp(54px, 5vw, 76px) clamp(70px, 7vw, 104px) 78px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
  align-items: center;
  align-content: center;
  gap: clamp(34px, 4.5vw, 68px);
  overflow: hidden;
}

.productCarousel .showcaseCopy,
.productCarousel .showcaseMedia {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  align-self: center;
}

.productCarousel .showcaseCopy h2 {
  max-width: 12ch;
  margin-bottom: 18px;
  font-size: clamp(38px, 4.25vw, 62px);
  line-height: 0.99;
}

.productCarousel .showcaseCopy p {
  max-width: 58ch;
}

.productCarousel .showcaseMedia {
  height: min(48vh, 430px);
  min-height: 280px;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.productCarousel .showcaseMedia img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.carouselArrow {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

.carouselArrow.prev,
.carouselArrow.next {
  align-items: center !important;
  justify-content: center !important;
}

/* Customer dashboard support card: left-aligned heading, centered operations. */
.dashboardSupportCard {
  width: min(720px, 100%) !important;
  margin-inline: auto !important;
  justify-self: center !important;
}

.dashboardSupportHead,
.dashboardSupportHead .eyebrow,
.dashboardSupportHead h3,
.dashboardSupportHead p {
  text-align: left !important;
}

.dashboardSupportHead {
  width: 100%;
  display: block !important;
}

.dashboardSupportBody {
  width: 100%;
  display: grid !important;
  justify-items: center !important;
  align-content: center;
  text-align: center;
}

.compactSupportSummary,
.dashboardSupportActions {
  margin-inline: auto !important;
}

/* Add-domain action is aligned to the input control, not the help text. */
.inlineDomainForm {
  align-items: start !important;
}

.inlineDomainForm > .btn {
  align-self: start !important;
  margin: 29px 0 0 !important;
}

/* Support conversations use a compact identity banner instead of an oversized
   empty hero region. */
.ticketHeroCompact,
.adminTicketHero.ticketHeroCompact {
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(20px, 2.4vw, 30px) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.ticketHeroCompact h2 {
  margin: 4px 0 7px !important;
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.02;
}

.ticketHeroCompact .ticketCustomerIdentity {
  flex: 1 1 auto;
}

.ticketHeroCompact .ticketHeroBadges {
  flex: 0 0 auto;
}

/* Admin and customer ticket messages have one clear identity treatment. */
.ticketMessageHeader {
  align-items: center;
}

.ticketMessageHeader > div {
  min-width: 0;
}

.ticketMessageHeader strong,
.ticketMessageHeader time,
.ticketMessageHeader .messageRole {
  display: block;
}

/* License setup quick action. */
.setupGuideDownload .stepDownloadButton {
  width: fit-content;
  max-width: 100%;
  justify-content: center;
}

/* Billing and collaboration surfaces remain usable when dense records grow. */
.billingOperationsGrid,
.billingDetailGrid,
.collaborationGrid,
.adminTicketWorkspace {
  min-width: 0;
}

.billingOrderDetail,
.discountManagerCard,
.collaborationThread,
.ticketConversationCard,
.ticketReplyCard {
  min-width: 0;
}

/* Tablet product tour. */
@media (max-width: 1040px) {
  .productCarousel .carouselSlides {
    height: 760px;
    min-height: 760px;
    max-height: 760px;
  }

  .productCarousel .showcase {
    padding: 52px 60px 78px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, auto) minmax(240px, 330px);
    gap: 24px;
    align-content: center;
  }

  .productCarousel .carouselSlide:nth-child(even) .showcaseCopy,
  .productCarousel .showcaseCopy {
    order: 1;
  }

  .productCarousel .carouselSlide:nth-child(even) .showcaseMedia,
  .productCarousel .showcaseMedia {
    order: 2;
  }

  .productCarousel .showcaseCopy h2 {
    max-width: 18ch;
    font-size: clamp(34px, 5vw, 50px);
  }

  .productCarousel .showcaseMedia {
    width: min(700px, 100%);
    height: 310px;
    min-height: 0;
    margin: 0 auto;
  }
}

/* Dedicated phone layouts rather than compressed desktop grids. */
@media (max-width: 700px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .siteHeaderInner,
  .shell,
  .sectionInner,
  .footerInner {
    width: min(100% - 20px, 100%) !important;
    min-width: 0;
  }

  .brandMark img {
    width: 86% !important;
    height: 86% !important;
  }

  .premiumTourIntro {
    padding: 24px 18px !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .premiumTourIntro h2 {
    font-size: clamp(32px, 10vw, 44px);
  }

  .premiumTourIntro .tourIntroButton {
    width: 100%;
    justify-content: center;
  }

  .premiumTourCard {
    border-radius: 20px;
  }

  .productCarousel .carouselSlides {
    height: 760px;
    min-height: 760px;
    max-height: 760px;
  }

  .productCarousel .showcase {
    height: 100%;
    padding: 34px 18px 72px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 18px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
  }

  .productCarousel .showcase::-webkit-scrollbar {
    display: none;
  }

  .productCarousel .showcaseCopy {
    order: 1 !important;
  }

  .productCarousel .showcaseMedia {
    order: 2 !important;
    width: 100%;
    height: 245px;
    min-height: 245px;
    max-height: 245px;
    margin: 0;
  }

  .productCarousel .showcaseCopy h2 {
    max-width: 100%;
    margin-bottom: 12px;
    font-size: clamp(30px, 9vw, 40px);
    line-height: 1.01;
    overflow-wrap: anywhere;
  }

  .productCarousel .showcaseCopy p,
  .productCarousel .checkList {
    font-size: 13px;
    line-height: 1.48;
  }

  .carouselArrow {
    top: auto !important;
    bottom: 14px !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 28px !important;
    transform: none !important;
  }

  .carouselArrow.prev {
    left: 14px !important;
  }

  .carouselArrow.next {
    right: 14px !important;
  }

  .carouselDots {
    bottom: 26px !important;
  }

  .inlineDomainForm {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }

  .inlineDomainForm > .btn {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
  }

  .ticketHeroCompact,
  .adminTicketHero.ticketHeroCompact {
    padding: 18px !important;
    flex-direction: column;
    align-items: flex-start;
  }

  .ticketHeroCompact .ticketHeroBadges {
    width: 100%;
    justify-content: flex-start;
  }

  .dashboardSupportCard {
    width: 100% !important;
  }

  .dashboardSupportActions {
    width: min(330px, 100%) !important;
    grid-template-columns: 1fr !important;
  }

  .dashboardSupportActions .btn {
    width: 100%;
    min-width: 0;
  }

  .setupGuideDownload .stepDownloadButton {
    width: 100%;
  }

  .billingActionPanels,
  .billingStats,
  .roleStatGrid,
  .avatarChoices,
  .compactAvatarPicker .avatarChoices {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ticketWorkspace,
  .adminTicketWorkspace {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ticketReplyCard,
  .ticketActionStack {
    position: static !important;
  }
}

@media (max-width: 390px) {
  .productCarousel .carouselSlides {
    height: 720px;
    min-height: 720px;
    max-height: 720px;
  }

  .productCarousel .showcase {
    padding: 28px 14px 68px;
  }

  .productCarousel .showcaseMedia {
    height: 215px;
    min-height: 215px;
    max-height: 215px;
  }
}

/* ========================================================================== 
   Tactical Guardian Portal v10.3 — operations polish, dialogs, pagination,
   compact administration, and dedicated phone composition
   ========================================================================== */

/* Shared native dialogs --------------------------------------------------- */
.portalDialog {
  width: min(920px, calc(100vw - 32px));
  max-width: 920px;
  max-height: min(88svh, 920px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: transparent;
  color: var(--ink, #0b1730);
  overflow: visible;
}

.portalDialog::backdrop {
  background: rgba(5, 15, 34, 0.68);
  backdrop-filter: blur(8px);
}

.portalDialog[open] {
  animation: tgDialogIn 180ms ease-out both;
}

@keyframes tgDialogIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.dialogPanel {
  width: 100%;
  max-height: min(88svh, 920px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #cad8eb;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 34px 90px rgba(7, 22, 49, 0.28);
}

.wideDialogPanel {
  width: min(1040px, calc(100vw - 32px));
  margin-inline: auto;
}

.dialogHead,
.dialogFooter {
  flex: 0 0 auto;
  padding: 22px 24px;
  background: #ffffff;
}

.dialogHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #dce5f1;
}

.dialogHead h2 {
  margin: 3px 0 5px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
}

.dialogHead p {
  max-width: 68ch;
  margin: 0;
  color: #60708a;
}

.dialogClose {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid #d2ddea;
  border-radius: 14px;
  background: #f4f7fb;
  color: #0b1730;
  font: inherit;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.dialogClose:hover,
.dialogClose:focus-visible {
  border-color: #4264ff;
  background: #edf2ff;
}

.dialogBody {
  min-height: 0;
  padding: 24px;
  overflow: auto;
  overscroll-behavior: contain;
  background: #f7f9fc;
}

.dialogFooter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #dce5f1;
}

.compactDialogPanel {
  max-width: 620px;
  margin-inline: auto;
}

/* Pagination -------------------------------------------------------------- */
.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 18px 18px 4px;
}

.pageButton,
.pageEllipsis {
  min-width: 40px;
  min-height: 40px;
  display: inline-grid;
  place-items: center;
  padding: 8px 13px;
  border: 1px solid #d2deed;
  border-radius: 12px;
  background: #ffffff;
  color: #14213d;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.pageButton:hover,
.pageButton:focus-visible,
.pageButton.active {
  border-color: #4264ff;
  background: #4264ff;
  color: #ffffff;
}

.pageButton.disabled {
  pointer-events: none;
  opacity: 0.42;
}

.pageEllipsis {
  min-width: 26px;
  border-color: transparent;
  background: transparent;
}

/* Compact page actions and heroes ---------------------------------------- */
.pageActionBar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 14px;
}

.compactAdminHero,
.settingsHero,
.accountHeroCompact,
.supportHeroCompact {
  min-height: 0 !important;
  height: auto !important;
}

.compactAdminHero,
.settingsHero {
  margin-bottom: 18px;
  padding: clamp(22px, 3vw, 34px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid #cdd9ea;
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 10%, rgba(70, 99, 255, 0.12), transparent 32%),
    #ffffff;
  box-shadow: 0 20px 48px rgba(15, 32, 61, 0.09);
}

.compactAdminHero h2,
.settingsHero h2 {
  margin: 5px 0 8px;
  font-size: clamp(32px, 4.4vw, 52px);
  line-height: 0.98;
}

.compactAdminHero p,
.settingsHero p {
  max-width: 72ch;
  margin: 0;
  color: #60708a;
}

.accountHeroCompact .cardBody,
.accountHeroCompact .accountHeroInner {
  min-height: 0 !important;
  padding: 24px 28px !important;
}

.accountHeroInner {
  display: flex;
  align-items: center;
  gap: 18px;
}

.accountHeroInner h2 {
  margin: 4px 0 5px;
}

/* Customer avatar experience --------------------------------------------- */
.avatarChangeButton {
  position: relative;
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  padding: 0;
  border: 0;
  border-radius: 22px;
  background: transparent;
  cursor: pointer;
}

.avatarChangeButton .profileAvatar {
  width: 70px;
  height: 70px;
}

.avatarChangeButton::after {
  content: "Change";
  position: absolute;
  right: -7px;
  bottom: -7px;
  padding: 5px 8px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #4264ff;
  color: #ffffff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.03em;
  box-shadow: 0 8px 18px rgba(41, 74, 219, 0.25);
}

.compactAccountGrid {
  align-items: start;
}

.customerAvatarChoices {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.avatarChoiceButton,
.avatarChoice {
  min-width: 0;
  padding: 13px 8px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 8px;
  border: 1px solid #d4dfed;
  border-radius: 17px;
  background: #ffffff;
  text-align: center;
  cursor: pointer;
}

.avatarChoiceButton:hover,
.avatarChoice:hover,
.avatarChoice:has(input:checked) {
  border-color: #4264ff;
  box-shadow: 0 0 0 3px rgba(66, 100, 255, 0.12);
}

.avatarChoice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.avatarChoice span {
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
}

.restrictedAvatar {
  border-color: #dfb15e;
  background: #fffaf0;
}

.restrictedAvatar::after {
  content: "Owner only";
  display: block;
  color: #99620b;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.profileAvatar img {
  width: 78%;
  height: 78%;
  object-fit: contain;
}

/* Dashboard support and unread state ------------------------------------- */
.dashboardSupportIntro {
  max-width: 54ch;
  margin: 0 !important;
  text-align: left !important;
  white-space: normal;
}

.newReplyBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #4264ff;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 7px 18px rgba(66, 100, 255, 0.25);
}

.supportTicketRow:has(.newReplyBadge),
.dashboardLicenseRow:has(.newReplyBadge) {
  border-color: #4264ff;
  box-shadow: inset 4px 0 0 #4264ff;
}

.responseAlertList {
  display: grid;
  gap: 10px;
}

.responseAlertList a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #d6e0ee;
  border-radius: 16px;
  background: #ffffff;
  color: #14213d;
  text-decoration: none;
}

/* Support portal ---------------------------------------------------------- */
.supportHeroCompact {
  min-height: 0 !important;
  padding: clamp(24px, 3.6vw, 42px) !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
}

.supportHeroCompact h1,
.supportHeroCompact h2 {
  max-width: 20ch;
  margin: 6px 0 10px;
  font-size: clamp(38px, 5vw, 62px);
  line-height: 0.98;
}

.supportHeroCompact p {
  max-width: 68ch;
  margin: 0;
}

.supportTicketList,
.supportQueueList {
  display: grid;
  gap: 10px;
}

.supportTicketRow,
.supportQueueRow {
  min-width: 0;
  padding: 14px 16px !important;
  display: grid;
  align-items: center;
  gap: 14px;
  border: 1px solid #d7e1ee;
  border-radius: 17px;
  background: #ffffff;
  text-decoration: none;
}

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

.supportTicketRow h3,
.supportQueueRow h3 {
  margin: 2px 0 3px;
  font-size: 16px;
  line-height: 1.18;
}

.ticketRowMeta,
.supportQueueMeta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* Admin overview: remove forced dead rows -------------------------------- */
.adminOpsGrid,
.premiumAdminGrid {
  align-items: start !important;
  grid-auto-rows: auto !important;
}

.adminOpsGrid > .card,
.premiumAdminGrid > .card,
.operationsHealthCard {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

/* Settings --------------------------------------------------------------- */
.settingsPageForm {
  display: grid;
  gap: 18px;
}

.settingsSectionGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}

.settingsCommunicationGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: start;
  gap: 18px;
}

.settingsPanel,
.settingsSubpanel {
  min-width: 0;
}

.settingsSubpanel {
  padding: 18px;
  border: 1px solid #d7e1ee;
  border-radius: 18px;
  background: #f8fafd;
}

.compactFields .field,
.smallField {
  min-width: 0;
}

.smallField input,
.smallField select {
  max-width: 250px;
}

.toggleList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.settingsToggle {
  min-width: 0;
  padding: 14px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  border: 1px solid #d5e0ed;
  border-radius: 16px;
  background: #ffffff;
}

.settingsToggle input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

.settingsToggle strong,
.settingsToggle span {
  display: block;
}

.settingsToggle span {
  margin-top: 3px;
  color: #60708a;
  font-size: 12px;
  line-height: 1.45;
}

.settingsTestRow,
.inlineTest {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.endpointList {
  display: grid;
  gap: 8px;
}

.endpointList code {
  display: block;
  overflow-wrap: anywhere;
}

.stickySaveBar {
  position: sticky;
  bottom: 14px;
  z-index: 15;
  display: flex;
  justify-content: flex-end;
  padding: 12px;
  border: 1px solid #cbd9ec;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 40px rgba(15, 32, 61, 0.16);
  backdrop-filter: blur(12px);
}

/* Administrator directory ------------------------------------------------ */
.adminDirectoryCard .cardBody {
  padding-top: 18px;
}

.adminCardGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.adminAccountCard {
  min-width: 0;
  padding: 18px;
  display: grid;
  gap: 16px;
  border: 1px solid #d4dfed;
  border-radius: 20px;
  background: #f9fbfd;
}

.adminAccountIdentity {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

.adminAccountIdentity > div {
  min-width: 0;
}

.adminAccountIdentity h3,
.adminAccountIdentity p {
  overflow-wrap: anywhere;
}

.adminAccountIdentity h3 {
  margin: 0 0 3px;
}

.adminAccountIdentity p {
  margin: 0;
  color: #60708a;
}

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

.adminAccountFacts span {
  min-width: 0;
  padding: 10px;
  border: 1px solid #dce5f0;
  border-radius: 13px;
  background: #ffffff;
  color: #64738b;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.adminAccountFacts b {
  display: block;
  margin-bottom: 3px;
  color: #14213d;
  font-size: 12px;
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: anywhere;
}

.adminCreateGrid,
.adminEditGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  align-items: start;
  gap: 18px;
}

.adminEditFields {
  display: grid;
  gap: 14px;
}

.compactAdminAvatarPicker {
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid #d6e1ee;
  border-radius: 18px;
  background: #ffffff;
}

.compactAdminAvatarPicker .avatarChoices {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.compactAdminAvatarPicker .avatarChoice {
  padding: 10px 5px;
}

.roleVerificationBox {
  padding: 14px;
  border: 1px solid #d8e2ef;
  border-radius: 16px;
  background: #f7f9fc;
}

.verificationCodeRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

/* Collaboration ---------------------------------------------------------- */
.compactThreadList {
  display: grid;
  gap: 10px;
}

.compactThreadCard {
  min-width: 0;
  border: 1px solid #d5e0ed;
  border-radius: 18px;
  background: #ffffff;
  overflow: hidden;
}

.compactThreadSummary {
  width: 100%;
  min-width: 0;
  padding: 15px 17px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  color: inherit;
  text-decoration: none;
}

.compactThreadSummary h3 {
  margin: 3px 0 4px;
  font-size: 17px;
}

.compactThreadSummary p {
  margin: 0;
  color: #60708a;
  font-size: 12px;
}

.threadChevron {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #eef3ff;
  color: #4264ff;
  font-size: 20px;
  font-weight: 900;
}

.compactThreadExpanded {
  padding: 0 16px 16px;
  border-top: 1px solid #e0e7f1;
}

.compactMessages {
  max-height: 360px;
  padding-top: 14px;
  overflow: auto;
  display: grid;
  gap: 9px;
}

.collaborationMessage {
  padding: 12px 14px;
  border: 1px solid #dce5f0;
  border-radius: 15px;
  background: #f8fafd;
}

.compactCollaborationReply {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px auto;
  gap: 8px;
  align-items: end;
}

.compactCollaborationReply textarea {
  min-height: 80px;
}

/* Customer administration ------------------------------------------------ */
.customerAdminHero {
  margin-bottom: 16px;
}

.customerAdminHero .cardBody,
.customerAdminHeroInner {
  min-height: 0 !important;
  padding: 22px 24px !important;
}

.customerAdminHeroInner {
  display: flex;
  align-items: center;
  gap: 16px;
}

.customerAdminHeroInner > div:nth-child(2) {
  min-width: 0;
  flex: 1 1 auto;
}

.customerAdminHeroInner h2 {
  margin: 3px 0 5px;
  font-size: clamp(28px, 3vw, 40px);
}

.customerAccessBadges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.grid > .card {
  min-height: 0;
}

.supportQueueList .supportTicketRow {
  grid-template-columns: minmax(0, 1fr) auto;
}

/* Admin support queue ---------------------------------------------------- */
.supportQueueHero {
  min-height: 0 !important;
  padding: clamp(22px, 3vw, 34px) !important;
  align-items: center !important;
}

.supportQueueHero h2 {
  max-width: 22ch;
  margin: 5px 0 8px;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1;
}

.supportQueueHero p {
  max-width: 70ch;
  margin: 0;
}

.supportQueueStats > div {
  min-width: 86px;
  min-height: 74px;
}

.supportQueueHead {
  align-items: end;
}

.supportFilters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: flex-end;
  gap: 8px;
}

.supportFilters label {
  display: grid;
  gap: 4px;
}

.supportFilters label > span {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

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

.supportQueueIdentity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.supportQueueIdentity > div {
  min-width: 0;
}

.supportQueueIdentity p {
  margin: 0;
  color: #60708a;
  font-size: 12px;
}

.supportQueueMeta time {
  color: #738097;
  font-size: 11px;
}

/* Ticket workspace ------------------------------------------------------- */
.adminTicketWorkspace,
.ticketWorkspace {
  align-items: start;
}

.ticketActionStack,
.adminTicketReplyCard,
.ticketReplyCard {
  position: static !important;
  top: auto !important;
  max-height: none !important;
}

.adminTicketWorkspace .ticketConversationCard {
  min-height: 0;
}

.adminTicketWorkspace .ticketThread {
  max-height: min(66svh, 700px);
}

.transferTicketButton {
  margin-top: 10px;
}

/* Billing ---------------------------------------------------------------- */
.billingOperationsGrid {
  align-items: start;
}

.billingOperationsGrid > .card,
.billingActionPanels > .card {
  height: auto !important;
  min-height: 0 !important;
}

.billingDetailGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  align-items: start;
  gap: 16px;
}

.billingMiniPanel {
  min-width: 0;
  padding: 16px;
  border: 1px solid #d7e1ee;
  border-radius: 18px;
  background: #f8fafd;
}

.billingReviewReasons {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
}

.reviewClaimedBy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #81500a;
  font-size: 11px;
  font-weight: 800;
}

.discountLaunchCard .cardBody {
  display: grid;
  gap: 14px;
}

.discountLaunchSummary {
  max-width: 52ch;
  margin: 0;
  color: #60708a;
}

.orderDetailDialog .dialogBody,
.billingOrderDetail .dialogBody {
  overflow-x: hidden;
}

.definitionList {
  min-width: 0;
}

.definitionList > div {
  min-width: 0;
  grid-template-columns: minmax(120px, 0.38fr) minmax(0, 0.62fr);
}

.definitionList dd,
.definitionList code {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Logs ------------------------------------------------------------------- */
.logViewer {
  max-height: 66svh;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Responsive composition ------------------------------------------------- */
@media (max-width: 980px) {
  .settingsSectionGrid,
  .settingsCommunicationGrid,
  .adminCreateGrid,
  .adminEditGrid,
  .billingDetailGrid {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .compactAdminAvatarPicker .avatarChoices,
  .customerAvatarChoices {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

  .supportQueueRow > .btn {
    grid-column: 1 / -1;
    justify-self: end;
  }
}

@media (max-width: 700px) {
  .portalDialog,
  .wideDialogPanel {
    width: calc(100vw - 14px);
    max-width: calc(100vw - 14px);
  }

  .portalDialog {
    max-height: calc(100svh - 14px);
  }

  .dialogPanel {
    max-height: calc(100svh - 14px);
    border-radius: 18px;
  }

  .dialogHead,
  .dialogBody,
  .dialogFooter {
    padding: 16px;
  }

  .dialogHead h2 {
    font-size: 25px;
  }

  .dialogFooter {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dialogFooter .btn {
    width: 100%;
  }

  .compactAdminHero,
  .settingsHero,
  .supportHeroCompact {
    padding: 20px !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .compactAdminHero .btn,
  .settingsHero .btn {
    width: 100%;
  }

  .compactAdminHero h2,
  .settingsHero h2,
  .supportHeroCompact h1,
  .supportHeroCompact h2 {
    max-width: 100%;
    font-size: clamp(30px, 10vw, 42px);
  }

  .accountHeroInner,
  .customerAdminHeroInner {
    align-items: flex-start;
    flex-direction: column;
  }

  .customerAccessBadges {
    justify-content: flex-start;
  }

  .customerAvatarChoices,
  .compactAdminAvatarPicker .avatarChoices {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .toggleList,
  .settingsTestRow,
  .inlineTest,
  .verificationCodeRow,
  .compactCollaborationReply {
    grid-template-columns: minmax(0, 1fr);
  }

  .smallField input,
  .smallField select {
    max-width: none;
  }

  .stickySaveBar {
    bottom: 6px;
  }

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

  .supportQueueHero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .supportQueueStats {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .supportQueueHead,
  .supportFilters {
    align-items: stretch;
  }

  .supportQueueHead {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

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

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

  .supportQueueMeta,
  .ticketRowMeta {
    justify-content: flex-start;
  }

  .supportQueueRow > .btn {
    width: 100%;
    justify-self: stretch;
  }

  .pageButton {
    min-width: 36px;
    min-height: 36px;
    padding: 7px 10px;
  }

  .pageButton:first-child,
  .pageButton:last-child {
    flex: 1 1 44%;
  }

  .definitionList > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 390px) {
  .dialogHead,
  .dialogBody,
  .dialogFooter {
    padding: 13px;
  }

  .compactAdminHero,
  .settingsHero,
  .supportHeroCompact,
  .accountHeroCompact .cardBody,
  .customerAdminHero .cardBody {
    padding: 16px !important;
  }

  .avatarChangeButton,
  .avatarChangeButton .profileAvatar {
    width: 60px;
    height: 60px;
  }

  .avatarChangeButton {
    flex-basis: 60px;
  }

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

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

@media (max-width: 700px) {
  .compactThreadSummary {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .compactThreadSummary > .badge {
    grid-column: 2;
    justify-self: start;
  }

  .compactThreadSummary > .threadChevron {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}

/* v10.3.1 billing review labels */
.reviewReasonTags {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.reviewReasonTags span {
  max-width: 160px;
  padding: 4px 7px;
  overflow: hidden;
  border: 1px solid #f0c77d;
  border-radius: 999px;
  background: #fff8e8;
  color: #8a5608;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* v10.3.2 final composition corrections --------------------------------- */
.accountHeroCompact .cardBody {
  padding: 18px 22px !important;
}

.accountHeroCompact .accountHeroInner h2 {
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1;
}

.accountHeroCompact .accountHeroInner p {
  margin: 4px 0 0;
}

.avatarChangeButton,
.avatarChangeButton .profileAvatar {
  width: 62px;
  height: 62px;
}

.avatarChangeButton {
  flex-basis: 62px;
}

@media (min-width: 701px) {
  .dashboardSupportIntro {
    max-width: none;
    white-space: nowrap;
  }

  .adminOpsGrid > .span8 {
    height: 100% !important;
    align-self: stretch !important;
  }

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

.dashboardSupportHead {
  text-align: left !important;
}

.dashboardSupportBody {
  justify-items: center;
  text-align: center;
}

.settingsToggle {
  width: 100%;
  box-sizing: border-box;
}

.settingsToggle b,
.settingsToggle small {
  display: block;
  overflow-wrap: anywhere;
}

.settingsPanel .formGrid.threeColumns {
  align-items: end;
}

.adminDirectoryCard,
.collaborationDirectoryCard,
.billingOrdersCard {
  min-height: 0;
}

.compactAdminAvatarPicker {
  min-width: 0;
  max-height: 480px;
  overflow: auto;
}

.compactAdminAvatarPicker .avatarChoices {
  grid-template-columns: repeat(4, minmax(90px, 1fr));
}

.adminAccountCard {
  align-content: start;
}

.adminAccountFacts span {
  min-width: 0;
}

.adminAccountFacts b {
  overflow-wrap: anywhere;
}

.customerAdminHeroInner {
  min-height: 0;
}

.customerAdminHeroInner p {
  margin: 3px 0 0;
}

.supportQueueList .supportTicketRow,
.supportQueueList .supportQueueRow {
  min-height: 0;
}

.billingOperationsGrid > .billingOrdersCard,
.billingOperationsGrid > .discountLaunchCard {
  grid-column: 1 / -1;
}

.discountLaunchCard .cardBody {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.discountLaunchSummary {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.discountLaunchSummary b {
  font-size: 30px;
}

.billingDialogActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
  margin-bottom: 16px;
}

.billingReviewBanner {
  margin-bottom: 16px;
  padding: 16px 18px;
  border: 1px solid #efc36f;
  border-radius: 18px;
  background: #fff9ea;
}

.billingReviewBanner h3 {
  margin: 3px 0 8px;
}

.billingReviewBanner ul {
  margin: 10px 0 0;
  padding-left: 20px;
  color: #69470d;
}

.expandedReviewTags span {
  max-width: none;
}

.billingOrderFacts .definitionList {
  margin: 0;
}

.billingOrderFacts .definitionList > div {
  padding: 11px 0;
}

.billingHistoryGrid {
  margin-top: 18px;
}

.dialogClose[href] {
  text-decoration: none;
}

@media (max-width: 700px) {
  .accountHeroCompact .cardBody {
    padding: 15px !important;
  }

  .accountHeroInner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
  }

  .customerAvatarChoices,
  .compactAdminAvatarPicker .avatarChoices {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .compactAdminAvatarPicker {
    max-height: 320px;
  }

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

  .discountLaunchCard .btn,
  .billingDialogActions .btn {
    width: 100%;
  }

  .billingDialogActions {
    justify-content: stretch;
  }

  .dashboardSupportIntro {
    white-space: normal;
  }
}

/* ========================================================================== 
   Tactical Guardian Portal v10.4 — universal responsive composition
   Fixes customer auth ordering, feature-tour overflow, dashboard alignment,
   and hardens every portal/admin layout against narrow/tall viewports.
   ========================================================================== */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  max-width: 100%;
}

body {
  overflow-x: clip;
}

*,
*::before,
*::after {
  min-width: 0;
}

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

.page,
.shell,
.sectionInner,
.siteHeaderInner,
.footerInner,
.card,
.cardBody,
.cardHead,
.grid,
.formGrid,
.tableWrap,
.productCarousel,
.carouselSlide,
.showcase {
  min-width: 0;
  max-width: 100%;
}

/* Dashboard support copy is part of the left-aligned heading block. */
.dashboardSupportHead {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: start !important;
  align-items: start !important;
  text-align: left !important;
}

.dashboardSupportHead > *,
.dashboardSupportIntro {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-self: start !important;
  text-align: left !important;
  white-space: normal !important;
}

/* The customer-portal tour slide has intentionally long copy. It receives a
   denser typographic treatment rather than allowing the heading to dominate
   the entire slide. */
.productCarousel .showcaseCopyDense h2 {
  max-width: 15ch !important;
  font-size: clamp(31px, 3.15vw, 48px) !important;
  line-height: 1.01 !important;
}

.productCarousel .showcaseCopyDense p,
.productCarousel .showcaseCopyDense .checkList {
  max-width: 52ch;
}

@media (min-width: 1041px) {
  .productCarousel .showcaseCopyDense {
    padding-inline: clamp(0px, 1vw, 12px);
  }

  .productCarousel .showcase.showcaseDense {
    grid-template-columns: minmax(380px, 1.08fr) minmax(0, 0.92fr);
    gap: clamp(32px, 4vw, 58px);
  }
}

/* Universal tablet containment. */
@media (max-width: 1180px) {
  .page,
  .shell,
  .sectionInner {
    width: min(100% - 28px, 1180px) !important;
  }

  .grid,
  .formGrid,
  .stats,
  .billingStats,
  .roleStatGrid,
  .featureGrid {
    min-width: 0;
  }

  .dataTable,
  .tableWrap table {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8,
  .span9,
  .span10,
  .span11,
  .span12 {
    grid-column: 1 / -1 !important;
  }

  .twoColumns,
  .threeColumns,
  .fourColumns,
  .formGrid.twoColumns,
  .formGrid.threeColumns,
  .formGrid.fourColumns,
  .billingOperationsGrid,
  .billingDetailGrid,
  .adminOpsGrid,
  .supportGridPremium,
  .accountGrid,
  .licenseWorkspace,
  .tenantWorkspace,
  .settingsGrid,
  .collaborationGrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tableWrap {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .tableWrap table,
  .dataTable {
    min-width: 720px;
  }
}

/* Phone composition: login comes first, not after the marketing explanation. */
@media (max-width: 700px) {
  :root {
    --tg-mobile-gutter: 12px;
  }

  body {
    overflow-x: hidden;
  }

  .siteHeaderInner,
  .page,
  .shell,
  .sectionInner,
  .footerInner {
    width: calc(100% - (var(--tg-mobile-gutter) * 2)) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  .page {
    padding-top: 22px;
  }

  .pageHead h1,
  .hero h1,
  .premiumTourIntro h2,
  .cardHead h2 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .premiumAuthShell {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .premiumAuthCard {
    order: -1 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .premiumAuthIntro {
    order: 2 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .premiumAuthCard,
  .premiumAuthIntro,
  .card,
  .supportHero,
  .accountHeroCompact,
  .ticketHeroCompact,
  .premiumTourCard,
  .premiumTourIntro {
    border-radius: 18px !important;
  }

  .cardHead,
  .cardBody,
  .premiumAuthCard,
  .premiumAuthIntro {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .field,
  .field input,
  .field select,
  .field textarea,
  input,
  select,
  textarea {
    max-width: 100%;
  }

  input,
  select,
  textarea {
    font-size: 16px; /* prevents iOS focus zoom */
  }

  .btn,
  button,
  .navButton {
    max-width: 100%;
  }

  .actions,
  .cardActions,
  .dialogActions,
  .dashboardSupportActions,
  .billingDialogActions {
    flex-wrap: wrap;
  }

  .actions .btn,
  .cardActions .btn,
  .billingDialogActions .btn {
    flex: 1 1 180px;
  }

  .productCarousel .showcaseCopyDense h2 {
    font-size: clamp(28px, 8.4vw, 38px) !important;
  }

  .productCarousel .showcaseCopyDense p,
  .productCarousel .showcaseCopyDense .checkList {
    font-size: 13px !important;
    line-height: 1.46 !important;
  }

  .dashboardSupportHead {
    padding-bottom: 14px !important;
  }

  .dashboardSupportIntro {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .portalDialog {
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
  }

  .dialogPanel,
  .modalPanel,
  .portalDialogPanel {
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .tableWrap table,
  .dataTable {
    min-width: 640px;
  }
}

@media (max-width: 420px) {
  :root {
    --tg-mobile-gutter: 8px;
  }

  .siteHeaderInner {
    min-height: 62px;
  }

  .brandText small {
    display: none;
  }

  .brandText b {
    font-size: 12px;
  }

  .pageHead h1 {
    font-size: clamp(27px, 8vw, 34px);
  }

  .cardHead,
  .cardBody,
  .premiumAuthCard,
  .premiumAuthIntro {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Landscape phones and short browser windows must scroll instead of clipping. */
@media (max-height: 620px) and (min-width: 560px) {
  body {
    min-height: 100dvh;
  }

  .portalDialog {
    max-height: calc(100dvh - 16px) !important;
  }

  .productCarousel .carouselSlides {
    height: min(660px, calc(100dvh - 110px)) !important;
    min-height: 500px !important;
  }

  .productCarousel .showcase {
    align-content: start;
    overflow-y: auto;
  }
}

/* Superadmin incident queue. */
.incidentCommandCard .cardHead {
  align-items: end;
  gap: 18px;
}

.incidentFilters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tableSubText {
  display: block;
  margin-top: 4px;
  color: var(--muted, #64748b);
  font-size: 10px;
  overflow-wrap: anywhere;
}

/* ========================================================================== */
/* v12.0 professional-density and responsive correction layer                 */
/* ========================================================================== */
:root{--tg-v12-max:1240px}
.flashStack{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(560px,calc(100% - 28px));align-items:stretch!important}.flash{text-align:center!important;justify-content:center!important;position:relative}.flash>span{flex:1;text-align:center}.flash>button{position:absolute;right:10px}
.sitewidePromo{min-height:44px;padding:9px 18px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#13264a,#3157ed);color:#fff;text-align:center;font-size:13px}.sitewidePromo strong{padding:4px 8px;border-radius:999px;background:#fff;color:#203fb2;font-size:11px}.sitewidePromo a{color:#fff;font-weight:900}.sitewidePromo span{font-weight:750}
.adminNavMenu{position:relative}.adminNavMenu>summary{list-style:none;cursor:pointer;min-height:40px;padding:0 13px;display:flex;align-items:center;border-radius:10px;color:#d9e5f3;font-size:12px;font-weight:850}.adminNavMenu>summary::-webkit-details-marker{display:none}.adminNavMenu>summary:after{content:"⌄";margin-left:7px;color:#8ea4c2}.adminNavMenu[open]>summary,.adminNavMenu>summary:hover{background:#1a2a43;color:#fff}.adminNavMenuPanel{position:absolute;right:0;top:46px;width:230px;padding:8px;display:grid;gap:3px;border:1px solid #cad6e5;border-radius:15px;background:#fff;box-shadow:0 22px 55px rgba(10,25,50,.2);z-index:1000}.adminNavMenuPanel a{padding:10px 11px!important;border-radius:9px!important;color:#18304d!important;background:transparent!important;text-decoration:none;font-size:12px!important}.adminNavMenuPanel a:hover{background:#f0f4fb!important}
/* Customer account: remove the giant band and size cards to their content. */
.route-account .page{max-width:var(--tg-v12-max)}.accountHeroCompact{margin-bottom:14px!important}.accountHeroCompact .cardBody{padding:18px 22px!important}.accountHeroCompact .accountHeroInner{min-height:0!important;gap:16px!important}.accountHeroInner h2{margin:2px 0 2px!important}.accountHeroInner p{margin:0!important}.compactAccountGrid{align-items:start!important}.compactAccountGrid>.card{align-self:start!important}.compactAccountGrid .cardBody{padding:20px!important}.compactAccountGrid .field{margin-bottom:14px}.compactAccountGrid input[readonly]{background:#f2f5f9;color:#5d6d81;cursor:not-allowed}.avatarChoiceRadio{position:relative;cursor:pointer}.avatarChoiceRadio input{position:absolute;opacity:0;pointer-events:none}.avatarChoiceRadio.selected{outline:3px solid rgba(49,87,237,.22)!important;border-color:#3157ed!important;background:#f1f5ff!important}.avatarPickerForm{width:min(650px,calc(100vw - 28px))!important}
/* Dashboard unread reply badge must stay readable at every zoom/size. */
.newReplyBadge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;padding:5px 10px!important;border-radius:999px!important;background:#3157ed!important;color:#fff!important;border:1px solid #2447cc!important;box-shadow:0 5px 14px rgba(49,87,237,.22)!important;font-size:11px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;opacity:1!important}.compactSupportSummary{gap:5px!important}.compactSupportSummary .newReplyBadge{margin-top:4px!important}
/* Compact ticket rows: content determines height, not empty panel space. */
.supportQueueList,.compactThreadList{gap:8px!important}.supportQueueRow,.supportTicketRow,.compactThreadCard{min-height:0!important;height:auto!important;padding:12px 14px!important;align-items:center!important}.supportQueueIdentity,.supportQueueMeta{min-height:0!important}.supportQueueIdentity h3,.compactThreadSummary h3{margin:0 0 3px!important}.supportQueueIdentity p,.compactThreadSummary p{margin:0!important}.supportQueueMeta{gap:7px!important}.route-tg-admins-customer .supportTicketRow,.route-tg-admins-customer .ticketRow{min-height:0!important;padding-block:11px!important}
/* Error and status surfaces are centered. */
.errorCard,.portalErrorCard,.statusMessage,.successBox{text-align:center}.successBox.compactDiscountNotice{padding:10px 12px!important}
/* Dialogs: no giant hazy background panel; compact content-first modal. */
.portalDialog{padding:18px!important;background:transparent!important}.portalDialog::backdrop{background:rgba(8,18,34,.58)!important;backdrop-filter:blur(2px)!important}.dialogPanel,.compactDialogPanel{width:min(620px,calc(100vw - 32px))!important;max-height:min(760px,calc(100dvh - 36px))!important;border-radius:20px!important;overflow:auto!important;box-shadow:0 30px 90px rgba(5,15,32,.3)!important}.dialogHead{padding:18px 20px!important}.dialogHead h2{font-size:24px!important;margin:3px 0!important}.dialogHead p{margin:3px 0 0!important}.dialogBody{padding:18px 20px!important}.dialogFooter{padding:13px 20px!important}.dialogBody textarea{min-height:105px!important}
/* Collaboration selected thread is a true modal instead of a long inline expansion. */
.threadDetailDialog .dialogPanel{width:min(760px,calc(100vw - 32px))!important}.threadDetailMeta{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.threadDetailMeta span{padding:5px 8px;border-radius:999px;background:#f0f4fa;color:#52647c;font-size:10px;font-weight:800}.compactMessages{display:grid;gap:8px!important;max-height:360px;overflow:auto;padding-right:3px}.collaborationMessage{min-height:0!important;padding:12px!important;border-radius:14px!important}.compactCollaborationReply{display:grid!important;grid-template-columns:minmax(0,1fr) 150px auto!important;gap:9px!important;align-items:end!important;margin-top:12px;padding-top:12px;border-top:1px solid #e3e9f1}.compactCollaborationReply .replyMessageField{grid-column:1/4}.compactCollaborationReply textarea{min-height:84px!important;width:100%!important}.compactCollaborationReply select{min-height:42px!important}.compactThreadSummary{min-height:0!important;padding:0!important}
/* Settings is a compact console, not a stretched form. */
.route-tg-admins-settings .page{max-width:var(--tg-v12-max)}.settingsHero{min-height:0!important;padding:22px!important;margin-bottom:14px!important}.settingsHero h2{font-size:27px!important;max-width:780px}.settingsSectionGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;margin-bottom:14px!important}.settingsPanel{align-self:start!important;min-height:0!important}.settingsPanel .cardHead{padding:17px 19px!important}.settingsPanel .cardBody{padding:18px 19px!important}.settingsPanel .field{margin-bottom:11px!important}.settingsCommunicationGrid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:14px!important}.settingsSubpanel{padding:16px!important;min-height:0!important}.settingsPromoBox{margin-top:12px;padding:14px;border:1px solid #d9e2ef;border-radius:15px;background:#f7f9fd}.settingsTestRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}.inlineTest{display:flex!important;gap:7px!important;align-items:center!important}.inlineTest input{min-width:0!important}.diagnosticGrid{align-items:start!important}.stickySaveBar{min-height:60px!important;padding:8px 12px!important;border-radius:15px!important}.billingPricingPanel{border-color:#c9d7ff!important}.planPrice{margin:8px 0 13px;display:flex;align-items:baseline;gap:10px}.planPrice strong{font-size:28px;letter-spacing:-.035em}.planPrice del{color:#d84444;font-weight:800;text-decoration-thickness:2px}.planPrice span{color:#65768d;font-size:12px}
/* Landing feature pillars/proof are centered so narrow screens do not look lopsided. */
.heroProof span,.premiumFeatureGrid .featureCard{text-align:center!important}.heroProof span{justify-content:center!important}.premiumFeatureGrid .featureCard{display:flex!important;flex-direction:column!important;align-items:center!important}.premiumFeatureGrid .featureIcon{margin-inline:auto!important}.premiumFeatureGrid .featureCard p{max-width:360px;margin-inline:auto!important}.comparisonGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.comparisonCard{padding:20px;border:1px solid #d6e1ee;border-radius:18px;background:#fff}.comparisonCard.featured{border:2px solid #3157ed;box-shadow:0 15px 38px rgba(49,87,237,.12)}.comparisonCard h3{margin:5px 0 8px;font-size:22px}.comparisonCard p{color:#596b83}.comparisonTable td:first-child{font-weight:850}.comparisonTable .tgWin{color:#087d51;font-weight:900}.comparisonSources{margin-top:12px;color:#67798e;font-size:11px}
@media(max-width:900px){.adminNavMenu{width:100%}.adminNavMenu>summary{width:100%;justify-content:space-between}.adminNavMenuPanel{position:static;width:100%;margin-top:4px;box-shadow:none}.settingsSectionGrid,.settingsCommunicationGrid,.settingsTestRow{grid-template-columns:1fr!important}.compactCollaborationReply{grid-template-columns:1fr!important}.compactCollaborationReply .replyMessageField{grid-column:auto}.comparisonGrid{grid-template-columns:1fr}.sitewidePromo{flex-wrap:wrap;gap:6px 9px}.heroProof{justify-content:center!important}}
@media(max-width:640px){.accountHeroCompact .cardBody{padding:15px!important}.accountHeroInner{align-items:center!important;text-align:center!important}.compactAccountGrid .cardBody{padding:15px!important}.settingsHero{padding:17px!important}.settingsPanel .cardHead,.settingsPanel .cardBody{padding:15px!important}.inlineTest{display:grid!important}.sitewidePromo{font-size:11px}.newReplyBadge{font-size:10px!important}.supportQueueRow,.supportTicketRow{padding:10px!important}.portalDialog{padding:10px!important}.dialogPanel,.compactDialogPanel{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}.dialogHead,.dialogBody,.dialogFooter{padding-inline:15px!important}}

/* v12.1 follow-up: compact incident, collaboration, account, and settings composition */
.avatarChangeButton::after{content:none!important;display:none!important}.avatarChangeButton{outline-offset:4px}.avatarChangeButton:hover{transform:translateY(-1px)}
.connectionIncidentCard{margin-bottom:14px}.compactIncidentList{display:grid;gap:8px!important}.connectionIncidentRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid #efc4c8;border-left:4px solid #d64854;border-radius:13px;background:#fff8f8}.incidentIcon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#ffe9eb;color:#b72e3a;font-weight:950}.incidentCopy{min-width:0}.incidentCopy strong,.incidentCopy span{display:block}.incidentCopy strong{font-size:12px}.incidentCopy span{margin-top:2px;color:#65768b;font-size:10px}.incidentCopy p{margin:5px 0 0;color:#3e5068;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.incidentMeta{display:grid;gap:3px;text-align:right;color:#65768b;font-size:9px;white-space:nowrap}.statusDetail{display:block;max-width:280px;margin-top:5px;color:#9c3340;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.threadDetailDialog .threadDetailPanel{width:min(760px,calc(100vw - 32px))!important}.threadDialogBody{display:grid;gap:14px}.threadReplyForm{padding-top:13px;border-top:1px solid #e2e9f1}.threadReplyForm .field{margin:0}.threadReplyForm textarea{min-height:100px!important}.threadReplyForm small{display:block;margin-top:5px;color:#68798e;font-size:10px}.threadReplyActions{margin-top:10px;display:grid;grid-template-columns:minmax(150px,210px) auto auto;gap:8px;align-items:end;justify-content:end}.compactStatusField label{display:block;margin-bottom:5px}.compactStatusField select{min-height:40px;margin:0}.messageByline{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.messageByline small{color:#708097}.threadDetailDialog .dialogClose{display:grid;place-items:center;text-decoration:none}.compactThreadSummary{min-height:0!important}.compactThreadCard.expanded{box-shadow:0 0 0 2px rgba(49,87,237,.11)}
.settingsBillingRow{display:block;margin-bottom:14px}.settingsBillingRow .settingsPanel{width:100%}.billingPriceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.billingToggleGrid{margin:3px 0 12px}.promoToggle{border:1px solid #cbd8ff!important;background:#f4f7ff!important}.billingPricingPanel .toggleList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.billingPricingPanel .toggleList .settingsToggle{height:100%;margin:0!important}.billingPricingPanel .formGrid.threeColumns{grid-template-columns:repeat(2,minmax(0,240px))!important;gap:10px!important}.route-tg-admins-settings .settingsPanel input,.route-tg-admins-settings .settingsPanel select{min-height:42px!important}.route-tg-admins-settings .settingsPanel .field{min-width:0}.route-tg-admins-settings .settingsPanel .field input{width:100%}.route-account .pageHead{margin-bottom:10px!important}.route-account .accountHeroCompact{min-height:0!important}.route-account .accountHeroCompact .cardBody{min-height:0!important}.route-account .compactAccountGrid{gap:14px!important}.route-account .compactAccountGrid .card{min-height:0!important}
@media(max-width:980px){.billingPriceGrid{grid-template-columns:1fr 1fr}.billingPricingPanel .toggleList{grid-template-columns:1fr}.connectionIncidentRow{grid-template-columns:34px minmax(0,1fr)}.incidentMeta{grid-column:2;text-align:left;display:flex;gap:8px;flex-wrap:wrap}.threadReplyActions{grid-template-columns:1fr auto auto}}
@media(max-width:640px){.billingPriceGrid{grid-template-columns:1fr}.threadReplyActions{grid-template-columns:1fr}.threadReplyActions .btn{width:100%}.connectionIncidentRow{grid-template-columns:1fr;text-align:center}.incidentIcon{margin:auto}.incidentMeta{grid-column:auto;justify-content:center}.statusDetail{max-width:none}.route-account .accountHeroInner{justify-content:center}.route-account .avatarChangeButton{margin-inline:auto}.billingPricingPanel .formGrid.threeColumns{grid-template-columns:1fr!important}}
/* v12.2 density pass based on desktop screenshots: remove horizontal dead zones. */
.route-account .accountHeroCompact{width:min(100%,760px)!important;margin-right:auto!important}
.route-tg-admins-support .supportQueueList{align-items:start!important}
.route-tg-admins-support .supportQueueRow{width:min(100%,900px)!important;grid-template-columns:minmax(0,1fr) auto auto!important}
body[class*="route-tg-admins-customer-"] .supportQueueList{align-items:start!important}
body[class*="route-tg-admins-customer-"] .supportTicketRow{width:min(100%,720px)!important;min-height:0!important;padding:11px 13px!important}
.portalDialog::backdrop{background:rgba(8,18,34,.72)!important;backdrop-filter:none!important}
.threadDetailDialog .threadDetailPanel{width:min(680px,calc(100vw - 32px))!important}
.requestDialog .dialogPanel,.teamRequestDialog .dialogPanel{width:min(560px,calc(100vw - 32px))!important}
.route-tg-admins-settings .settingsPanel .smallField{max-width:260px}
@media(max-width:760px){.route-account .accountHeroCompact,.route-tg-admins-support .supportQueueRow,body[class*="route-tg-admins-customer-"] .supportTicketRow{width:100%!important;max-width:none!important}.route-tg-admins-support .supportQueueRow{grid-template-columns:1fr!important}.route-tg-admins-support .supportQueueMeta{justify-content:flex-start!important;flex-wrap:wrap!important}.route-tg-admins-support .supportQueueRow>.btn{justify-self:start!important}}

/* v12.3: content-sized public product tour. The active slide sets this height in JS. */
.productCarousel .carouselSlides{height:var(--tg-carousel-height,auto)!important;min-height:0!important;max-height:none!important;transition:height .24s ease}
.productCarousel .carouselSlide{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.productCarousel .showcase,.premiumTourCard .showcase{height:auto!important;min-height:0!important;max-height:none!important;align-items:center!important;align-content:start!important}
.productCarousel .showcaseDense{align-items:center!important}
@media(max-width:1040px){.productCarousel .showcase{padding:28px 50px 58px!important;grid-template-rows:auto!important}.productCarousel .showcaseMedia{min-height:0!important}}
@media(max-width:680px){.productCarousel{padding-bottom:52px!important}.productCarousel .showcase{padding:20px 14px 26px!important;overflow:visible!important}.productCarousel .carouselSlide{overflow:visible!important}.productCarousel .showcaseCopy{min-height:0!important}.productCarousel .showcaseMedia{min-height:0!important;height:auto!important}.productCarousel .productScreenshot{height:auto!important;min-height:0!important}.productCarousel .productScreenshot img{height:auto!important;max-height:320px!important;object-fit:contain!important}}

.proPriceStack{display:grid!important;gap:8px}.proPriceStack .priceLine{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.proPriceStack .priceLine small{min-width:78px;color:#66768b;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.proPriceStack .priceLine.recurring{padding-top:7px;border-top:1px solid #e3e9f1}.proPriceStack del{color:#c13b47;text-decoration-thickness:2px}.proPriceStack strong{font-size:clamp(21px,3vw,31px)}

/* ========================================================================== 
   Tactical Guardian Portal 12.4 — precision UI corrections
   ========================================================================== */

/* Sticky promotion stays visible above the public navigation. */
:root{--tg-promo-height:0px}
.sitewidePromo{position:sticky;top:0;z-index:1500;width:100%;box-shadow:0 8px 20px rgba(20,47,116,.12)}
.siteHeader{position:sticky;top:var(--tg-promo-height);z-index:1450}

/* Operations navigation: compact menu control, not a detached odd dropdown. */
.adminNavMenu>summary{border:1px solid transparent;gap:5px}
.adminNavMenu>summary:after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);margin:0 0 0 4px;opacity:.8}
.adminNavMenu[open]>summary:after{transform:rotate(225deg) translate(-1px,-1px)}
.adminNavMenuPanel{top:calc(100% + 8px);width:245px;padding:7px;border-radius:13px;box-shadow:0 18px 45px rgba(8,22,44,.18)}
.adminNavMenuPanel:before{content:"";position:absolute;right:24px;top:-6px;width:11px;height:11px;background:#fff;border-left:1px solid #cad6e5;border-top:1px solid #cad6e5;transform:rotate(45deg)}
.adminNavMenuPanel a{position:relative;z-index:1;min-height:38px;display:flex;align-items:center}

/* Native dialog shell must have zero visual footprint. Only .dialogPanel is visible. */
dialog.portalDialog,
dialog.portalDialog[open]{position:fixed!important;inset:0!important;margin:auto!important;width:max-content!important;max-width:100vw!important;height:max-content!important;max-height:100dvh!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
dialog.portalDialog::backdrop{background:rgba(7,17,33,.70)!important;backdrop-filter:none!important}
dialog.portalDialog .dialogPanel,
dialog.portalDialog .compactDialogPanel,
dialog.portalDialog .wideDialogPanel{margin:0!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;box-shadow:0 28px 85px rgba(2,10,25,.34)!important}
dialog.portalDialog .dialogBody{overflow:auto!important;overscroll-behavior:contain}
body:has(dialog.portalDialog[open]){overflow:hidden}

/* Shared controls: keep inputs content-appropriate and visually deliberate. */
.route-tg-admins input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.route-tg-admins select,
.route-tg-admins textarea{border:1px solid #c9d6e7!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;color:#14233a!important;font:inherit}
.route-tg-admins input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.route-tg-admins select{min-height:43px!important;padding:9px 12px!important}
.route-tg-admins select{appearance:auto!important;background-color:#fff!important}
.route-tg-admins textarea{padding:11px 12px!important;line-height:1.5!important;resize:vertical}
.route-tg-admins .field>label{margin-bottom:6px!important;color:#213653!important;font-size:11px!important;font-weight:900!important;letter-spacing:.015em}
.route-tg-admins .field{min-width:0}

/* Billing: use the width for useful content instead of skinny columns + dead space. */
.billingOperationsGrid{grid-template-columns:1fr!important;gap:14px!important}
.billingOperationsGrid>.billingOrdersCard,.billingOperationsGrid>.discountLaunchCard{grid-column:1/-1!important;width:100%!important}
.discountLaunchCard .cardBody{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 20px!important}
.discountLaunchCard .discountLaunchSummary{display:flex!important;align-items:baseline!important;gap:8px!important;margin:0!important}
.discountLaunchCard .discountLaunchSummary b{font-size:25px!important}.discountLaunchCard .btn{width:auto!important;min-width:190px}
.billingOrdersCard .tableWrap{overflow-x:auto}.billingOrdersCard table{table-layout:auto!important;width:100%!important}.billingOrdersCard th:last-child,.billingOrdersCard td:last-child{width:220px!important}.billingOrdersCard td.actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;white-space:nowrap}
.orderDetailDialog .dialogPanel{width:min(960px,calc(100vw - 32px))!important}
.billingOrderDetail .dialogBody{padding:20px!important}
.billingDetailGrid{display:grid!important;grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr)!important;gap:14px!important;align-items:start!important}
.billingActionPanels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.billingMiniPanel{min-width:0!important;padding:15px!important;border-radius:15px!important}.billingMiniPanel h3{font-size:17px!important;margin:0 0 6px!important}.billingMiniPanel p{font-size:12px!important;line-height:1.5!important}.billingMiniPanel textarea{width:100%!important;min-height:94px!important}.billingMiniPanel select,.billingMiniPanel input{width:100%!important}
.billingHistoryGrid{grid-template-columns:1fr 1fr!important;gap:14px!important}.billingDialogActions{justify-content:flex-end!important}
#createDiscountDialog .dialogPanel{width:min(590px,calc(100vw - 32px))!important}#createDiscountDialog .dialogBody{padding:16px 20px!important}#createDiscountDialog .warningBox{padding:13px 14px!important;margin-bottom:14px!important}#createDiscountDialog textarea{min-height:86px!important}

/* Customer account: explicitly communicate avatar editability. */
.avatarChangeButton{display:grid!important;grid-template-columns:auto auto!important;align-items:center!important;gap:9px!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.avatarChangeButton:after{content:"Change avatar";display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #c7d4e6;border-radius:10px;background:#fff;color:#203450;font-size:11px;font-weight:900;box-shadow:0 5px 14px rgba(20,42,77,.08)}
.avatarChangeButton:hover:after{border-color:#3157ed;color:#2549cf;background:#f5f7ff}
.avatarPickerForm{width:min(620px,calc(100vw - 32px))!important}.customerAvatarChoices{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.customerAvatarChoices .avatarChoice{min-width:0!important;padding:12px 8px!important}

/* Support queue: compact centered conversation row. */
.route-tg-admins-support .supportQueueList{display:grid!important;place-items:center!important}
.route-tg-admins-support .supportQueueRow{width:min(100%,860px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr) auto auto!important}
.route-tg-admins-support .supportQueueIdentity{text-align:left!important}

/* Collaboration thread: always centered, readable message cards. */
.threadDetailDialog .dialogPanel{width:min(720px,calc(100vw - 32px))!important}
.threadDialogBody{padding:16px 18px!important}.compactMessages{max-height:min(42dvh,380px)!important;gap:9px!important;padding:1px 4px 1px 0!important}
.collaborationMessage{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:10px!important;row-gap:2px!important;padding:12px 13px!important;background:#f8fafc!important;border:1px solid #dce5ef!important}
.collaborationMessage>.profileAvatar{grid-row:1/3}.collaborationMessage>div{min-width:0!important}.collaborationMessage .messageByline{display:flex!important;align-items:baseline!important;gap:5px!important;flex-wrap:wrap!important}.collaborationMessage p{margin:5px 0 0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;letter-spacing:normal!important;line-height:1.48!important;color:#43556e!important}
.compactCollaborationReply{grid-template-columns:minmax(0,1fr) 150px auto!important}.compactCollaborationReply .replyMessageField{grid-column:1/-1!important}.compactCollaborationReply .btn{min-height:43px!important}
.teamRequestDialog .dialogPanel{width:min(560px,calc(100vw - 32px))!important}

/* Incidents: professional queue cards/table, not raw cells floating in white space. */
.route-tg-admins-incidents .incidentCommandCard{overflow:hidden!important}.incidentCommandCard .cardHead{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px!important}.incidentFilters{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.incidentCommandCard .cardBody{padding:0 22px 22px!important}.incidentCommandCard .tableWrap{border:1px solid #d8e2ef!important;border-radius:15px!important;overflow:auto!important}.incidentCommandCard .dataTable{width:100%!important;border-collapse:collapse!important}.incidentCommandCard .dataTable thead th{padding:11px 12px!important;background:#0d1f38!important;color:#fff!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important;white-space:nowrap}.incidentCommandCard .dataTable tbody td{padding:12px!important;border-bottom:1px solid #e4eaf2!important;vertical-align:middle!important}.incidentCommandCard .dataTable tbody tr:last-child td{border-bottom:0!important}.incidentCommandCard .priorityRow-urgent td:first-child{box-shadow:inset 4px 0 0 #e5484d!important}.incidentCommandCard .tableSubText{display:block!important;margin-top:4px!important;color:#7a889c!important}.incidentCommandCard code{font-size:11px!important;word-break:break-all}

/* Administrator forms: give fields and avatar picker enough room. */
.adminEditDialog .dialogPanel,#addAdminDialog .dialogPanel{width:min(820px,calc(100vw - 32px))!important}.adminEditDialog .dialogBody,#addAdminDialog .dialogBody{padding:18px 20px!important}.adminDialogGrid{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)!important;gap:18px!important}.adminEditDialog .avatarChoices,#addAdminDialog .avatarChoices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;max-height:330px!important;overflow:auto!important;padding:3px!important}.adminEditDialog .avatarChoice,#addAdminDialog .avatarChoice{min-width:0!important}.adminEditDialog .formGrid,#addAdminDialog .formGrid{gap:10px!important}

/* Logs: purpose-built search console and reliable empty state. */
.route-tg-admins-logs .settingsHero{margin-bottom:14px!important}.logViewerCard .cardHead{align-items:center!important;padding:15px 18px!important}.logSearch{display:grid!important;grid-template-columns:minmax(260px,480px) auto auto!important;align-items:center!important;gap:8px!important}.logSearch input{width:100%!important;min-width:0!important}.logViewerCard .cardBody{padding:18px!important}.logFileMeta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:10px 12px!important;border:1px solid #dce5ef!important;border-radius:11px!important;background:#f7f9fc!important}.logFileMeta code{min-width:0!important;overflow-wrap:anywhere!important}.logViewer{margin-top:12px!important;min-height:180px!important;max-height:520px!important;overflow:auto!important;padding:15px!important;border-radius:13px!important;background:#08182d!important;color:#dcecff!important;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}

/* Settings: tabbed workstation instead of one giant scrolling form. */
.route-tg-admins-settings .settingsHero{padding:20px 22px!important}.settingsWorkspaceNav{position:sticky;top:calc(var(--tg-promo-height) + 78px);z-index:50;display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px;padding:8px;border:1px solid #d8e2ef;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(16,37,67,.08)}.settingsWorkspaceNav button{min-height:38px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#52647d;font-weight:900;cursor:pointer}.settingsWorkspaceNav button.active{background:#0d203a;color:#fff}.settingsWorkspacePanel[hidden]{display:none!important}.settingsWorkspacePanel{animation:tgSettingsIn .16s ease both}@keyframes tgSettingsIn{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.settingsPageForm>.settingsSectionGrid,.settingsPageForm>.settingsBillingRow,.settingsPageForm>section.settingsPanel{margin-bottom:0!important}.settingsSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settingsCommunicationGrid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important}.route-tg-admins-settings .settingsPanel{box-shadow:0 14px 35px rgba(20,40,70,.07)!important}.route-tg-admins-settings .settingsPanel input,.route-tg-admins-settings .settingsPanel select{max-width:100%!important}.billingPriceGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.billingPriceGrid .field:nth-child(4){max-width:220px}.billingPriceGrid .field:nth-child(5){grid-column:span 2}.billingToggleGrid .promoToggle{display:grid!important;grid-template-columns:auto 1fr!important;width:min(100%,700px)!important}.billingPricingPanel .toggleList{grid-template-columns:repeat(3,minmax(0,1fr))!important}.settingsSaveBar{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;padding:14px 0 2px;border-top:1px solid #dce5ef}.stickySaveBar{position:static!important;inset:auto!important;width:auto!important;margin:14px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;justify-content:flex-end!important}.stickySaveBar .btn{width:auto!important;min-width:170px!important}

/* Public comparison: fast visual yes/no architecture matrix. */
.comparisonMatrix{border:1px solid #d8e2ef;border-radius:18px;overflow:auto;background:#fff;box-shadow:0 16px 38px rgba(12,33,65,.08)}.comparisonMatrix table{width:100%;border-collapse:collapse;min-width:820px}.comparisonMatrix th{padding:14px 16px;background:#0c1d35;color:#fff;text-align:left;font-size:12px}.comparisonMatrix th.tgColumn{background:#234bd6}.comparisonMatrix td{padding:13px 16px;border-bottom:1px solid #e4eaf2;vertical-align:middle}.comparisonMatrix tr:last-child td{border-bottom:0}.comparisonMatrix td:first-child{font-weight:850;color:#172a45}.compareMark{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;margin-right:7px;border-radius:999px;font-weight:1000}.compareMark.yes{background:#daf7e8;color:#087b46}.compareMark.no{background:#fee6e8;color:#b4232d}.compareMark.partial{background:#fff1d7;color:#986000}.comparisonMatrix .tgCell{background:#f5f8ff;color:#153eb9;font-weight:800}.comparisonLegend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;color:#63748b;font-size:11px}

/* Tenant urgent ticket lock. */
.platformUrgentSupportLock{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.platformUrgentSupportLock>div{padding:11px 13px;border:1px solid #ffd0d3;border-radius:12px;background:#fff7f7}.platformUrgentSupportLock span{display:block;color:#718097;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.platformUrgentSupportLock strong{display:block;margin-top:3px}.platformUrgentSupportLock .urgentText{color:#bf1d2d}.platformUrgentSupportLock p{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:10px;background:#fff2f2;color:#9c2632;font-size:11px;font-weight:750}

/* License admin polish. */
.route-tg-admins-license .page{max-width:1180px}.route-tg-admins-license .card{box-shadow:0 14px 32px rgba(14,35,64,.07)!important}.route-tg-admins-license .keyBox{border-radius:14px!important}.route-tg-admins-license .tableWrap{border:1px solid #dce5ef;border-radius:13px;overflow:auto}.route-tg-admins-license .dangerCard{border:1px solid #f4c8cd!important;background:#fffafa!important}

@media(max-width:900px){
  .billingDetailGrid,.billingActionPanels,.billingHistoryGrid,.adminDialogGrid{grid-template-columns:1fr!important}
  .customerAvatarChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .adminEditDialog .avatarChoices,#addAdminDialog .avatarChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .settingsWorkspaceNav{position:static}.billingPriceGrid,.billingPricingPanel .toggleList{grid-template-columns:1fr!important}.billingPriceGrid .field:nth-child(5){grid-column:auto}
  .logSearch{grid-template-columns:1fr!important;width:100%}.logSearch .btn{width:100%}
}
@media(max-width:640px){
  dialog.portalDialog .dialogPanel,dialog.portalDialog .compactDialogPanel,dialog.portalDialog .wideDialogPanel{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .supportQueueRow{grid-template-columns:1fr!important}.discountLaunchCard .cardBody{align-items:stretch!important;flex-direction:column!important}.discountLaunchCard .btn{width:100%!important}
  .avatarChangeButton{grid-template-columns:auto!important;justify-items:center!important}.avatarChangeButton:after{margin-top:5px}
  .platformUrgentSupportLock{grid-template-columns:1fr}.platformUrgentSupportLock p{grid-column:auto}
}


/* ========================================================================== */
/* v12.5 final operations/modal/density correction layer                      */
/* ========================================================================== */

/* Native dialogs: the <dialog> itself must be visually nonexistent. The only
   visible window is .dialogPanel. This removes the old translucent "ghost" shell. */
dialog.portalDialog,
dialog.portalDialog[open] {
  position: fixed !important;
  inset: 0 !important;
  margin: auto !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
  isolation: isolate;
}
dialog.portalDialog::backdrop {
  background: rgba(7, 18, 35, .70) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
dialog.portalDialog > .dialogPanel {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 20px !important;
  box-shadow: 0 28px 90px rgba(8, 22, 45, .30) !important;
  overflow: hidden !important;
}
.orderDetailDialog > .dialogPanel { width: min(1040px, calc(100vw - 40px)) !important; }
#createDiscountDialog > .dialogPanel { width: min(610px, calc(100vw - 32px)) !important; }
.threadDetailDialog > .dialogPanel { width: min(700px, calc(100vw - 32px)) !important; }
.teamRequestDialog > .dialogPanel { width: min(590px, calc(100vw - 32px)) !important; }
#customerAvatarDialog > .dialogPanel { width: min(650px, calc(100vw - 32px)) !important; }
#addAdminDialog > .dialogPanel,
.adminEditDialog > .dialogPanel { width: min(900px, calc(100vw - 36px)) !important; }
.dialogHead { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:18px !important; }
.dialogHead > div { min-width:0 !important; }
.dialogHead h2 { margin:3px 0 3px !important; line-height:1.14 !important; }
.dialogHead p { margin:0 !important; line-height:1.45 !important; }
.dialogBody { min-width:0 !important; }
.dialogFooter { justify-content:flex-end !important; gap:9px !important; }

/* Billing review workspace: wide enough to read, compact enough to scan. */
.route-tg-admins-billing .billingOperationsGrid { gap:14px !important; }
.route-tg-admins-billing .billingOrdersCard { overflow:hidden !important; }
.route-tg-admins-billing .billingOrdersCard .cardBody { padding:18px 20px 20px !important; }
.route-tg-admins-billing .billingOrdersCard .tableWrap { overflow:auto !important; border:1px solid #dbe4ef !important; border-radius:14px !important; }
.route-tg-admins-billing .billingOrdersCard table { width:100% !important; table-layout:auto !important; }
.route-tg-admins-billing .billingOrdersCard th,
.route-tg-admins-billing .billingOrdersCard td { padding:12px 13px !important; vertical-align:middle !important; }
.route-tg-admins-billing .billingOrdersCard th:last-child,
.route-tg-admins-billing .billingOrdersCard td:last-child { min-width:165px !important; }
.billingOrderDetail .dialogBody { max-height:min(68dvh,720px) !important; overflow:auto !important; }
.billingDetailGrid { grid-template-columns:minmax(280px,.82fr) minmax(0,1.75fr) !important; gap:16px !important; }
.billingActionPanels { grid-template-columns:repeat(2,minmax(250px,1fr)) !important; gap:13px !important; }
.billingActionPanels > * { min-width:0 !important; }
.billingMiniPanel { height:auto !important; min-height:0 !important; }
.billingMiniPanel select { min-height:42px !important; padding-right:38px !important; }
.billingMiniPanel .block { width:auto !important; min-width:150px !important; }
.billingDialogActions { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:8px !important; flex-wrap:wrap !important; }
.discountLaunchCard .cardBody { min-height:0 !important; }
.discountLaunchSummary { min-width:0 !important; }

/* Customer avatar control says what it does. */
.avatarChangeButton { width:auto !important; min-width:112px !important; min-height:74px !important; padding:9px 10px !important; display:grid !important; grid-template-columns:auto !important; justify-items:center !important; gap:5px !important; border:1px solid #d6e0ef !important; border-radius:15px !important; background:#f7f9ff !important; cursor:pointer !important; }
.avatarChangeButton::after { content:none !important; }
.avatarChangeLabel { display:block; color:#3157ed; font-size:10px; font-weight:950; line-height:1; white-space:nowrap; }
.avatarChangeButton:hover { border-color:#8aa2ff !important; background:#eef3ff !important; transform:translateY(-1px); }

/* Support queue row is deliberately centered inside its panel. */
.route-tg-admins-support .supportQueueList { display:grid !important; justify-items:center !important; }
.route-tg-admins-support .supportQueueRow { width:min(900px,100%) !important; margin-inline:auto !important; }

/* Collaboration: centered native modal, readable messages, no crushed metadata. */
.threadDetailPanel { width:min(700px,calc(100vw - 32px)) !important; }
.threadDialogBody { padding:16px 18px 18px !important; }
.compactMessages { max-height:min(45dvh,410px) !important; overflow:auto !important; padding-right:5px !important; }
.collaborationMessage { display:grid !important; grid-template-columns:46px minmax(0,1fr) !important; gap:11px !important; align-items:start !important; padding:12px 13px !important; }
.collaborationMessage .profileAvatar { width:46px !important; height:46px !important; }
.collaborationMessage .messageByline { display:flex !important; align-items:baseline !important; gap:5px !important; flex-wrap:wrap !important; }
.collaborationMessage .messageByline strong { font-size:13px !important; line-height:1.2 !important; }
.collaborationMessage .messageByline small { font-size:10px !important; line-height:1.3 !important; color:#6a7a90 !important; }
.collaborationMessage p { display:block !important; margin:7px 0 0 !important; padding:0 !important; white-space:normal !important; word-spacing:normal !important; letter-spacing:normal !important; line-height:1.5 !important; font-size:13px !important; color:#354a65 !important; }
.threadReplyForm { margin-top:14px !important; padding-top:14px !important; border-top:1px solid #dce5ef !important; }
.threadReplyActions { display:flex !important; align-items:end !important; justify-content:flex-end !important; gap:9px !important; }
.compactStatusField { width:190px !important; margin:0 !important; }
.threadReplyActions .btn { min-height:42px !important; }

/* Administrators: two clean columns; never squeeze an avatar gallery into a sliver. */
.adminCreateGrid,
.adminEditGrid { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(340px,.95fr) !important; gap:20px !important; align-items:start !important; }
.adminCreateGrid > *, .adminEditGrid > * { min-width:0 !important; }
#addAdminDialog .avatarChoices,
.adminEditDialog .avatarChoices { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; max-height:350px !important; overflow:auto !important; padding:4px !important; }
#addAdminDialog fieldset,
.adminEditDialog fieldset { min-width:0 !important; }

/* Incident command center. */
.incidentCommandCard .cardHead { padding:20px 22px !important; background:linear-gradient(135deg,#fff 0%,#f5f8ff 100%) !important; }
.incidentCommandCard .cardBody { padding:18px 22px 22px !important; }
.incidentCommandCard .tableWrap { width:100% !important; }
.incidentCommandCard .dataTable { min-width:880px !important; table-layout:auto !important; }
.incidentCommandCard .dataTable td:nth-child(1) { min-width:220px !important; }
.incidentCommandCard .dataTable td:nth-child(2) code { display:inline-block !important; max-width:160px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.incidentMetrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 14px; }
.incidentMetric { padding:13px 15px; border:1px solid #dce5ef; border-radius:13px; background:#f8faff; }
.incidentMetric b { display:block; font-size:22px; color:#102642; }
.incidentMetric span { display:block; margin-top:2px; color:#697990; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }

/* Logs are a diagnostics console, not a raw text input floating in a card. */
.logSearch input[type="search"], .logSearch input[name="q"] { min-height:42px !important; max-width:520px !important; padding:0 13px !important; border:1px solid #cfdbe9 !important; border-radius:10px !important; background:#fff !important; font:inherit !important; }
.logViewerCard .splitHead { align-items:center !important; }
.logStats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:12px; }
.logStat { padding:11px 13px; border:1px solid #dce5ef; border-radius:12px; background:#f8fafc; }
.logStat b { display:block; font-size:18px; color:#112943; }
.logStat span { display:block; margin-top:2px; color:#6b7b91; font-size:10px; font-weight:850; text-transform:uppercase; }

/* Settings workstation. Keep each category on one tab and the save action local. */
.settingsWorkspaceNav { position:static !important; top:auto !important; margin-bottom:14px !important; padding:7px !important; justify-content:center !important; }
.settingsWorkspaceNav button { flex:0 0 auto !important; }
.settingsWorkspacePanel { max-width:100% !important; }
.settingsWorkspacePanel > * { margin-bottom:14px !important; }
.settingsWorkspacePanel > *:last-child { margin-bottom:0 !important; }
.settingsSaveBar,.stickySaveBar { display:flex !important; justify-content:center !important; margin:14px 0 0 !important; padding:12px 0 0 !important; border-top:1px solid #dce5ef !important; background:transparent !important; box-shadow:none !important; }
.stickySaveBar .btn { min-width:210px !important; }
.billingPricingPanel .billingPriceGrid { gap:12px !important; }
.billingPricingPanel .billingToggleGrid { margin-top:12px !important; }
.billingPricingPanel .promoToggle { width:100% !important; max-width:760px !important; padding:12px 14px !important; }
.route-tg-admins-settings .field input,
.route-tg-admins-settings .field select { min-height:42px !important; }
.route-tg-admins-settings .field.smallField { max-width:260px !important; }
.settingsCommunicationGrid .settingsSubpanel { align-self:start !important; }

/* Public comparison visual hierarchy. */
.compareDifferenceStrip { display:grid !important; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr) !important; gap:18px !important; align-items:center !important; margin-bottom:20px !important; padding:22px !important; border:1px solid #cad8f4 !important; border-radius:20px !important; background:linear-gradient(135deg,#eef3ff 0%,#fff 65%) !important; box-shadow:0 18px 45px rgba(24,55,112,.08) !important; }
.compareDifferenceStrip h2 { margin:5px 0 7px !important; font-size:clamp(27px,4vw,43px) !important; line-height:1.04 !important; }
.compareDifferenceStrip p { margin:0 !important; color:#53667f !important; line-height:1.6 !important; }
.compareDifferenceStrip .comparisonFlow { display:grid !important; gap:8px !important; }
.compareDifferenceStrip .comparisonFlow > * { padding:11px 13px !important; border:1px solid #d8e2ef !important; border-radius:12px !important; background:#fff !important; font-weight:850 !important; }
.contrastCard { border-color:#bcd0ff !important; background:linear-gradient(135deg,#f7f9ff,#fff) !important; }

/* Links page: two deliberate workflows, compact history below. */
.linksHero .cardBody { padding:20px 22px !important; }
.linksHeroInner { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; }
.linksHeroInner h2 { margin:3px 0 5px !important; }
.linksHeroInner p { margin:0 !important; max-width:760px !important; }
.linksHeroBadges { display:flex !important; gap:7px !important; flex-wrap:wrap !important; justify-content:flex-end !important; }
.linksHeroBadges span { padding:7px 9px !important; border-radius:999px !important; background:#eaf0ff !important; color:#3157ed !important; font-size:10px !important; font-weight:950 !important; }
.linkToolsGrid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; margin-top:14px !important; align-items:start !important; }
.linkToolCard { align-self:start !important; overflow:hidden !important; }
.linkToolCard .cardBody { padding:18px !important; }
.linkToolCard .formGrid { gap:10px !important; }
.linkFormActions { justify-content:center !important; }
.generatedLinkBox { display:grid !important; gap:7px !important; margin-bottom:13px !important; padding:12px 13px !important; border:1px solid #bed0ff !important; border-radius:12px !important; background:#f4f7ff !important; }
.generatedLinkBox code { overflow-wrap:anywhere !important; }
.lifetimeWarning { display:grid !important; gap:3px !important; margin-top:11px !important; padding:11px 12px !important; border:1px solid #b9ebd2 !important; border-radius:11px !important; background:#f0fbf6 !important; }
.linkHistoryCard .tableWrap { overflow:auto !important; }

/* Lifetime entitlement card on license administration. */
.lifetimeEntitlementPanel { margin-top:14px !important; padding:15px !important; border:1px solid #c8d8f5 !important; border-radius:14px !important; background:#f7f9ff !important; }
.lifetimeEntitlementPanel .actions { justify-content:flex-start !important; }

/* Operations dropdown should read like one intentional navigation control. */
.adminNavMenu > summary { gap:7px !important; border:1px solid transparent !important; }
.adminNavMenu > summary::after { content:"" !important; width:7px !important; height:7px !important; margin:0 0 4px 2px !important; border-right:2px solid currentColor !important; border-bottom:2px solid currentColor !important; transform:rotate(45deg) !important; transition:transform .16s ease !important; }
.adminNavMenu[open] > summary::after { transform:rotate(225deg) translate(-2px,-2px) !important; }
.adminNavMenu[open] > summary { border-color:#354a68 !important; }

/* Stable promotion placement: banner stays above the header during scrolling. */
.sitewidePromo { position:sticky !important; top:0 !important; z-index:2000 !important; }
.siteHeader { position:sticky !important; top:var(--tg-promo-height) !important; z-index:1900 !important; }

@media (max-width: 900px) {
  .billingDetailGrid,
  .billingActionPanels,
  .adminCreateGrid,
  .adminEditGrid,
  .compareDifferenceStrip,
  .linkToolsGrid { grid-template-columns:1fr !important; }
  .incidentMetrics,.logStats { grid-template-columns:1fr !important; }
  #addAdminDialog .avatarChoices,.adminEditDialog .avatarChoices { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .linksHeroInner { align-items:flex-start !important; flex-direction:column !important; }
  .linksHeroBadges { justify-content:flex-start !important; }
}
@media (max-width: 640px) {
  dialog.portalDialog > .dialogPanel { width:calc(100vw - 16px) !important; max-height:calc(100dvh - 16px) !important; }
  .threadReplyActions { align-items:stretch !important; flex-direction:column !important; }
  .compactStatusField,.threadReplyActions .btn { width:100% !important; }
  .avatarChangeButton { min-width:96px !important; }
}

/* v12.5 supplemental command-center metrics */
.discountLaunchMetrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;flex:1!important}.discountLaunchMetrics>div{padding:10px 11px!important;border:1px solid #dce5ef!important;border-radius:11px!important;background:#f8faff!important}.discountLaunchMetrics b{display:block!important;font-size:20px!important;color:#132844!important}.discountLaunchMetrics span{display:block!important;margin-top:2px!important;color:#718097!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}.discountLaunchCard .cardBody{display:flex!important;align-items:center!important;gap:12px!important}.discountLaunchCard .cardBody>.btn{flex:0 0 auto!important;min-width:190px!important}.egressIpList{display:grid;gap:6px;margin-top:8px}.egressIpList code{display:block;padding:8px 10px;border:1px solid #dce5ef;border-radius:9px;background:#f8fafc}
@media(max-width:760px){.discountLaunchMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.discountLaunchCard .cardBody{align-items:stretch!important;flex-direction:column!important}.discountLaunchCard .cardBody>.btn{width:100%!important}}

/* v12.5.1 final comparison flow + compact promotion toggle */
.compareDifferenceStrip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
  margin:0 0 20px!important;
  padding:16px!important;
  border:1px solid #cad8f4!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#eef3ff 0%,#fff 70%)!important;
  box-shadow:0 18px 45px rgba(24,55,112,.08)!important;
}
.compareDifferenceStrip article{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:112px!important;
  padding:16px 17px!important;
  border:1px solid #d5e0ef!important;
  border-radius:14px!important;
  background:#fff!important;
  text-align:center!important;
}
.compareDifferenceStrip article:nth-of-type(2){
  border-color:#9fb6ff!important;
  background:linear-gradient(145deg,#132844,#183a76)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(19,40,68,.18)!important;
}
.compareDifferenceStrip article b{font-size:13px!important;letter-spacing:.065em!important;line-height:1.3!important}
.compareDifferenceStrip article span{margin-top:6px!important;color:#657892!important;font-size:12px!important;line-height:1.45!important}
.compareDifferenceStrip article:nth-of-type(2) span{color:#d9e4ff!important}
.compareFlowArrow{align-self:center!important;color:#3157ed!important;font-size:25px!important;font-weight:950!important;line-height:1!important}
.comparisonMatrix td:not(.tgCell) .compareMark.yes{background:#e8edf4!important;color:#53667e!important;border-color:#d2dae5!important}
.billingPricingPanel .promoToggle{width:min(100%,520px)!important;max-width:520px!important;padding:11px 13px!important}
@media(max-width:900px){
  .compareDifferenceStrip{grid-template-columns:1fr!important}
  .compareFlowArrow{justify-self:center!important;transform:rotate(90deg)!important}
}

/* 2026-07-24 centered dialog correction */
dialog.portalDialog{display:none!important}
dialog.portalDialog[open]{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:clamp(10px,2vw,28px)!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}
dialog.portalDialog[open]>.dialogPanel{margin:auto!important;max-height:calc(100dvh - clamp(20px,4vw,56px))!important;max-width:calc(100vw - clamp(20px,4vw,56px))!important;display:flex!important;flex-direction:column!important}
dialog.portalDialog[open]>.dialogPanel>.dialogBody{overflow:auto!important;overscroll-behavior:contain}
.threadDetailDialog[open]>.dialogPanel{height:min(820px,calc(100dvh - 36px))!important}
.threadDetailDialog .compactMessages{max-height:none!important;min-height:180px;flex:1 1 auto}
.route-tg-admins-billing .billingOrdersCard th:last-child,.route-tg-admins-billing .billingOrdersCard td:last-child{width:190px!important;text-align:center!important}
.route-tg-admins-billing .billingOrdersCard td:last-child .actions,.route-tg-admins-billing .billingOrdersCard td:last-child form{justify-content:center!important;margin-inline:auto!important}
.portalDialog .flash,.portalDialog .notice,.portalDialog .alert{position:relative!important;z-index:5!important}


/* 2026-07-24 completion: professional grouped settings, modal-local notices, and section tabs */
.deliveryTestGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.deliveryTestCard{display:grid;gap:14px;padding:16px 17px;border:1px solid #dbe4f0;border-radius:16px;background:#fff}.deliveryTestCard h4{margin:3px 0 4px;font-size:16px}.deliveryTestCard p{margin:0;color:#68798f;font-size:12px;line-height:1.5}.deliveryTestControls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.deliveryTestControls label{display:grid;gap:6px;font-size:11px;font-weight:900;color:#31445e}.smsTestControls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.settingsBillingSections{display:grid;gap:16px!important}.billingGroup{padding:18px!important}.settingsGroupHead{margin-bottom:14px}.settingsGroupHead h3{margin:3px 0 5px;font-size:18px}.settingsGroupHead p{margin:0;color:#66788f;font-size:12px;line-height:1.5}.cleanPriceGrid{grid-template-columns:1fr 1fr 1fr!important}.stripeStatusRow{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 13px}.configStatus{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.configStatus.ready{background:#e8f8ef;color:#177443;border:1px solid #b9e8cb}.configStatus.missing{background:#fff0f0;color:#a93642;border:1px solid #efc3c8}.cleanOperationsToggles{grid-template-columns:1fr 1fr!important}.diagnosticsWorkspace{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}.diagnosticControlCard,.diagnosticEndpointCard{padding:17px;border:1px solid #dbe4f0;border-radius:16px;background:#f9fbfe}.diagnosticEndpointCard{display:grid;align-content:start;gap:9px}.diagnosticEndpointCard h3{margin:0;font-size:17px}.diagnosticEndpointCard p{margin:0;color:#63758c;font-size:12px;line-height:1.55}.diagnosticEndpointCard code{display:block;padding:11px 12px;border:1px solid #d3dfed;border-radius:11px;background:#fff;overflow:auto;font-size:11px}.endpointType{font-size:9px;font-weight:950;letter-spacing:.1em;color:#3157ed}.endpointEventList{display:grid;gap:3px;padding-top:5px;color:#607188;font-size:10px;line-height:1.5}.modalFlashStack{position:sticky!important;top:0!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;z-index:12!important;padding:0 0 10px!important}.adminSectionTabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:14px 0 18px;padding:7px;border:1px solid #dbe4ef;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(30,55,90,.05)}.adminSectionTabs button{border:0;border-radius:11px;background:transparent;padding:10px 15px;color:#52657d;font-weight:900;cursor:pointer}.adminSectionTabs button.active{background:#102642;color:#fff}.adminSectionTabbedHidden{display:none!important}
@media(max-width:900px){.deliveryTestGrid,.diagnosticsWorkspace,.cleanPriceGrid{grid-template-columns:1fr!important}.smsTestControls,.deliveryTestControls{grid-template-columns:1fr!important}.cleanOperationsToggles{grid-template-columns:1fr!important}}

.candidateLicenseList{display:grid;gap:8px}.candidateLicenseList article{display:grid;gap:3px;padding:10px 12px;border:1px solid #dce5ef;border-radius:12px;background:#f8faff}.candidateLicenseList span,.candidateLicenseList small{color:#68798f;font-size:10px}.incidentSubhead{margin:4px 0 10px;font-size:15px}.incidentJumpLinks a{color:#3157ed;font-weight:900;text-decoration:none}


/* 2026-07-25 purchase verification, settings, collaboration and incident UX */
.route-tg-admins-settings .settingsPageForm{padding-bottom:92px}
.route-tg-admins-settings .stickySaveBar{position:fixed!important;right:24px!important;bottom:22px!important;left:auto!important;z-index:2500!important;width:auto!important;margin:0!important;padding:8px!important;border:1px solid #cfdaf0!important;border-radius:16px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 50px rgba(20,43,84,.22)!important;backdrop-filter:blur(12px)}
.route-tg-admins-settings .stickySaveBar .btn{min-width:190px}
.settingsAccordion{padding:0!important;overflow:hidden;background:#fff!important}.settingsAccordion>summary{list-style:none;position:relative;margin:0!important;padding:17px 54px 17px 18px!important;cursor:pointer;background:#fbfcff;border-radius:15px}.settingsAccordion>summary::-webkit-details-marker{display:none}.settingsAccordion>summary:after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef3ff;color:#3157ed;font-size:20px;font-weight:900}.settingsAccordion[open]>summary:after{content:'−'}.settingsAccordion[open]>summary{border-bottom:1px solid #e1e8f2;border-radius:15px 15px 0 0}.settingsAccordion>summary~*{margin-left:18px!important;margin-right:18px!important}.settingsAccordion>summary+*{margin-top:16px!important}.settingsAccordion>*:last-child{margin-bottom:18px!important}
.route-tg-admins-settings .settingsToggle{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:74px!important;padding:14px 15px!important;border:1px solid #d9e3f0!important;border-radius:14px!important;background:#fff!important;cursor:pointer!important}.route-tg-admins-settings .settingsToggle:has(input:checked){border-color:#9db6ff!important;background:#f3f6ff!important;box-shadow:inset 3px 0 0 #3157ed}.route-tg-admins-settings .settingsToggle input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;margin:2px 0 0!important;border:1.5px solid #9bacbf!important;border-radius:6px!important;background:#fff!important;display:grid!important;place-items:center!important}.route-tg-admins-settings .settingsToggle input[type=checkbox]:checked{border-color:#3157ed!important;background:#3157ed!important}.route-tg-admins-settings .settingsToggle input[type=checkbox]:checked:after{content:'✓';color:#fff;font-size:14px;font-weight:950;line-height:1}.route-tg-admins-settings .settingsToggle span{display:grid!important;gap:4px!important}.route-tg-admins-settings .settingsToggle b{font-size:12px!important;color:#1d304b!important}.route-tg-admins-settings .settingsToggle small{font-size:10px!important;line-height:1.45!important;color:#64758b!important}.route-tg-admins-settings .billingToggleGrid,.route-tg-admins-settings .cleanOperationsToggles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:14px!important}.route-tg-admins-settings .billingPricingPanel .formGrid,.route-tg-admins-settings .cleanPriceGrid{gap:14px!important}.route-tg-admins-settings .billingPricingPanel .field input,.route-tg-admins-settings .billingPricingPanel .field select{max-width:520px!important}.route-tg-admins-settings .billingPricingPanel .smallField input{max-width:250px!important}.route-tg-admins-settings .settingsBillingSections{gap:12px!important}
.verifyPurchaseShell,.verificationFirstPurchase{width:min(1120px,calc(100% - 32px));margin:34px auto 64px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:22px;align-items:stretch}.verifyPurchaseVisual,.verifyPurchaseCard,.purchaseSummary,.purchaseAccountCard{border:1px solid #d7e1ef;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(24,50,88,.1)}.verifyPurchaseVisual,.purchaseSummary{padding:clamp(26px,4vw,46px);background:linear-gradient(145deg,#0d203b 0%,#173f80 100%);color:#fff}.verifyPurchaseVisual p,.purchaseSummary p{color:#dbe7ff;line-height:1.65}.verifyPurchaseVisual h1,.purchaseSummary h1{font-size:clamp(30px,4vw,48px);line-height:1.02;margin:12px 0}.verifyProductImage{width:116px;height:116px;padding:12px;margin-bottom:22px;border-radius:24px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.2)}.verifyProductImage img{width:100%;height:100%;object-fit:contain}.verifySecurityPoints{display:grid;gap:12px;margin-top:26px}.verifySecurityPoints>div{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08)}.verifySecurityPoints svg{width:25px;height:25px}.verifySecurityPoints span{display:grid;gap:3px}.verifySecurityPoints small{color:#dbe7ff}.verifyPurchaseCard,.purchaseAccountCard{padding:clamp(24px,4vw,42px)}.verifyPurchaseCard h2,.purchaseAccountCard h2{font-size:30px;margin:10px 0 6px}.stepBadge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf2ff;color:#3157ed;font-size:10px;font-weight:950;letter-spacing:.08em}.verifyCodeForm{display:grid;gap:12px;margin-top:26px}.verificationCodeInput{height:68px!important;text-align:center!important;font-size:30px!important;font-weight:900!important;letter-spacing:.32em!important;padding-left:.32em!important;border-radius:16px!important}.verifyResendForm{display:flex;gap:9px;margin-top:12px}.verifyHelp{margin-top:18px;padding:14px;border-radius:13px;background:#f4f7fc;color:#5d6f87;font-size:12px;line-height:1.55}.purchasePrice{display:flex;align-items:end;gap:10px;margin:24px 0 8px}.purchasePrice strong{font-size:46px}.purchasePrice span{padding-bottom:8px;color:#dbe7ff;font-weight:800}.purchaseOffer{margin-top:16px;padding:12px 14px;border:1px solid rgba(154,255,197,.25);border-radius:13px;background:rgba(35,176,94,.15);color:#d9ffe7;font-weight:800}.purchaseTrustList{display:grid;gap:10px;margin:26px 0 0;padding:0;list-style:none}.purchaseTrustList li:before{content:'✓';margin-right:8px;color:#65e39a}.purchaseAccountForm{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.purchaseAccountForm .span2{grid-column:1/-1}.planPromptActions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.adminEmailGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.emailComposerForm{display:grid;gap:14px}.emailComposerForm textarea{min-height:300px;resize:vertical}.emailSendBar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #e1e7ef}.emailSendBar span{font-size:11px;color:#6a7a90}.emailHistoryList{display:grid;gap:9px}.emailHistoryList article{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dce4ee;border-radius:12px;background:#fafcff}.emailHistoryList article>div:first-child{display:grid;gap:3px}.emailHistoryList article span{font-size:10px;color:#6a7a90}.emailHistoryCounts{display:grid;gap:4px;text-align:right}.emailHistoryCounts .bad{color:#b42335}.emailCommandHero{margin-bottom:18px}
.threadDetailDialog[open]>.threadDetailPanel{height:min(840px,calc(100dvh - 36px))!important;overflow:hidden!important}.threadDetailDialog .threadDialogBody{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;min-height:0!important;overflow:hidden!important;gap:14px!important}.threadDetailDialog .collaborationMessages,.threadDetailDialog .compactMessages{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:4px 8px 4px 2px!important}.threadDetailDialog .collaborationMessage,.threadDetailDialog .messageCard{flex:0 0 auto!important;min-height:max-content!important;overflow:visible!important}.threadDetailDialog .threadReplyForm{flex:0 0 auto!important;margin:0!important;padding-top:13px!important;border-top:1px solid #dde5ef!important;background:#fff!important}
.incidentRowActions{display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-top:8px}.incidentRowActions form{margin:0}.tenantIncidentLogDialog .wideDialogPanel{width:min(980px,calc(100vw - 32px))!important}.incidentDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.incidentDetailGrid>div{display:grid;gap:4px;padding:12px;border:1px solid #dce5ef;border-radius:12px;background:#f8faff}.incidentDetailGrid span{font-size:9px;font-weight:900;color:#708098;text-transform:uppercase}.incidentPrimaryMessage{margin:14px 0;padding:14px;border-radius:13px;background:#101f35;color:#fff}.incidentPrimaryMessage pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.incidentEventTimeline{display:grid;gap:9px}.incidentEventTimeline article{padding:12px 14px;border-left:3px solid #3157ed;border-radius:0 12px 12px 0;background:#f7f9fd}.incidentEventTimeline article>div{display:flex;justify-content:space-between;gap:10px}.incidentEventTimeline p{margin:6px 0;font-size:12px}.incidentEventTimeline small,.incidentEventTimeline time{font-size:10px;color:#6c7b90}
@media(max-width:900px){.route-tg-admins-settings .billingToggleGrid,.route-tg-admins-settings .cleanOperationsToggles,.verifyPurchaseShell,.verificationFirstPurchase,.adminEmailGrid{grid-template-columns:1fr!important}.purchaseAccountForm{grid-template-columns:1fr}.purchaseAccountForm .span2{grid-column:1}.incidentDetailGrid{grid-template-columns:1fr 1fr}.route-tg-admins-settings .stickySaveBar{right:12px!important;bottom:12px!important}}
@media(max-width:600px){.verifyPurchaseShell,.verificationFirstPurchase{width:calc(100% - 18px);margin:16px auto 40px}.verifyResendForm,.emailSendBar{align-items:stretch;flex-direction:column}.incidentDetailGrid{grid-template-columns:1fr}.route-tg-admins-settings .stickySaveBar{left:10px!important;right:10px!important;width:auto!important}.route-tg-admins-settings .stickySaveBar .btn{width:100%!important}.settingsAccordion>summary~*{margin-left:12px!important;margin-right:12px!important}}


/* 2026-07-25 new-license and purchase-success width correction */
.newLicensePlansLayout{display:block!important;width:100%!important;max-width:none!important}.newLicensePlansLayout>.premiumPlans{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%!important;max-width:none!important}.newLicensePlansLayout .premiumPlanCard{width:100%!important;min-width:0!important;max-width:none!important}.newLicensePlansLayout .premiumPlanCard h2,.newLicensePlansLayout .premiumPlanCard p,.newLicensePlansLayout .premiumPlanCard li{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}.checkoutSuccessShell{width:min(1080px,calc(100% - 32px));margin:38px auto 70px}.checkoutSuccessCard{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);overflow:hidden;border:1px solid #d7e2ef;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(20,45,82,.14)}.checkoutSuccessMedia{display:grid;place-items:center;min-height:520px;padding:40px;background:linear-gradient(145deg,#0d203b,#173f80)}.checkoutSuccessMedia img{width:min(100%,360px);max-height:390px;object-fit:contain;border-radius:24px}.checkoutSuccessCopy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,5vw,58px)}.checkoutSuccessCopy h1{font-size:clamp(34px,5vw,54px);line-height:1.02;margin:12px 0}.checkoutSuccessCopy>p{color:#5f7087;font-size:15px;line-height:1.7}.successMark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;background:#dff8e9;color:#09864d;font-size:27px;font-weight:950}.successFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin:20px 0}.successFacts>div{display:grid;gap:4px;padding:13px;border:1px solid #dde6f0;border-radius:13px;background:#f8faff}.successFacts span{font-size:9px;font-weight:900;color:#77859a;text-transform:uppercase}.checkoutPendingNotice{display:grid;gap:4px;width:100%;margin:18px 0;padding:14px;border-radius:13px;background:#fff8e8;border:1px solid #f0dda7}.checkoutPendingNotice span{font-size:12px;color:#6b7787}
@media(max-width:820px){.newLicensePlansLayout>.premiumPlans,.checkoutSuccessCard{grid-template-columns:1fr!important}.checkoutSuccessMedia{min-height:280px}.successFacts{grid-template-columns:1fr}}

.btn.dangerGhost{border-color:#efc4ca!important;background:#fff5f6!important;color:#b42335!important}.btn.dangerGhost:hover{background:#ffe9ec!important}

/* Customer detail: centered support history */
.customerSupportTicketsCard .cardHead{text-align:center!important;justify-content:center!important}
.customerSupportTicketsCard .supportQueueList{display:flex!important;flex-direction:column!important;align-items:center!important}
.customerSupportTicketsCard .supportTicketRow{width:min(100%,760px)!important;margin-inline:auto!important}

/* Purchase verification progress */
.verifyProgress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:0 0 24px;padding:12px 14px;border:1px solid #dde5ef;border-radius:14px;background:#f8faff}.verifyProgress span{font-size:10px;font-weight:900;color:#7a899d;white-space:nowrap}.verifyProgress span.done{color:#0b8750}.verifyProgress span.active{color:#3157ed}.verifyProgress i{height:2px;background:#dbe3ef;border-radius:999px}.verifyProgress i:first-of-type{background:#82dbae}@media(max-width:520px){.verifyProgress{grid-template-columns:1fr;gap:5px;text-align:center}.verifyProgress i{display:none}}

/* Notification layout: long messages remain readable and the dismiss control never overlaps text. */
.flashStack{width:min(680px,calc(100% - 28px))!important}
.flash{display:grid!important;grid-template-columns:minmax(0,1fr) 28px!important;align-items:center!important;gap:12px!important;text-align:left!important;justify-content:stretch!important}
.flash>span{min-width:0!important;text-align:left!important;line-height:1.45!important;overflow-wrap:anywhere!important}
.flash>button{position:static!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border-radius:8px!important}
@media(max-width:600px){.flashStack{top:76px!important;width:calc(100% - 18px)!important}.flash{padding:12px 13px!important}}

/* License administration: balanced two-column rail and clean maintenance controls. */
.route-tg-admins-license .licenseRightRail{grid-column:span 5;display:grid;gap:16px;align-content:start;min-width:0}
.route-tg-admins-license .licenseRightRail>.card{width:100%;min-width:0;margin:0}
.route-tg-admins-license .licenseMaintenanceCard{border:1px solid #d9e3ef!important;background:#fff!important;box-shadow:0 14px 32px rgba(14,35,64,.07)!important}
.route-tg-admins-license .licenseMaintenanceCard.isLifetime{border-color:#b9e8cb!important}
.route-tg-admins-license .licenseMaintenanceBody{display:grid;gap:16px}
.route-tg-admins-license .lifetimeEntitlementCopy{display:grid;gap:6px}
.route-tg-admins-license .lifetimeEntitlementCopy p{margin:0;color:#5f7087;line-height:1.6}
.route-tg-admins-license .lifetimeEntitlementCopy small{color:#718198}
.route-tg-admins-license .lifetimeGrantForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important;margin:0!important}
.route-tg-admins-license .lifetimeReasonField{margin:0!important;min-width:0}
.route-tg-admins-license .lifetimeReasonField>span{display:block;margin:0 0 6px;font-size:11px;font-weight:900;color:#30425d}
.route-tg-admins-license .lifetimeReasonField input{width:100%!important;max-width:none!important;min-height:44px!important}
@media(max-width:900px){.route-tg-admins-license .licenseRightRail{grid-column:1/-1}.route-tg-admins-license .lifetimeGrantForm{grid-template-columns:1fr!important}.route-tg-admins-license .lifetimeGrantForm .btn{width:100%!important}}

/* Licensed-domain badges open contextual details instead of silently reloading the page. */
button.domainTab{font:inherit;text-align:left;cursor:pointer}
.domainInfoDialog .compactDialogPanel{width:min(680px,calc(100vw - 28px))!important}
.domainInfoBody{display:grid;gap:16px!important}
.domainInfoFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.domainInfoFacts>div{display:grid;gap:5px;padding:14px;border:1px solid #dce5ef;border-radius:13px;background:#f8faff}
.domainInfoFacts span{font-size:9px;font-weight:950;letter-spacing:.06em;color:#718198;text-transform:uppercase}
.domainInfoFacts b{font-size:13px;color:#172a45}
.domainInfoBody>p{margin:0;color:#607188;line-height:1.65}
@media(max-width:650px){.domainInfoFacts{grid-template-columns:1fr}.domainInfoDialog .dialogFooter{align-items:stretch;flex-direction:column}.domainInfoDialog .dialogFooter .btn{width:100%}}

/* Long internal collaboration threads keep every historical message readable. */
.threadDetailDialog .collaborationMessage{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important}
.threadDetailDialog .collaborationMessage>div:last-child{min-width:0!important}
.threadDetailDialog .collaborationMessage p{margin:6px 0 0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.55!important;max-height:none!important;overflow:visible!important}
.threadDetailDialog .messageByline{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:start!important;flex-wrap:wrap!important}

/* ======================================================================
   TG 2026-07-28 final layout / purchase / admin polish
   These overrides intentionally win over the older compact v12 rules.
   ====================================================================== */

/* 1 — Administrator collaboration: keep the dialog content-sized and let
   the message history scroll instead of stretching/crushing the page. */
.route-tg-admins-collaboration .collaborationDirectoryCard{overflow:visible!important}
.route-tg-admins-collaboration .compactThreadList{display:grid!important;gap:10px!important;padding:18px 20px 22px!important}
.route-tg-admins-collaboration .compactThreadCard{padding:0!important;overflow:hidden!important;border:1px solid #d9e3ef!important;border-radius:14px!important;background:#fff!important}
.route-tg-admins-collaboration .compactThreadSummary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px 18px!important;align-items:center!important;padding:15px 17px!important;text-decoration:none!important}
.route-tg-admins-collaboration .compactThreadSummary>div:first-child{min-width:0!important}
.route-tg-admins-collaboration .compactThreadSummary h3{margin:0 0 5px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
.route-tg-admins-collaboration .compactThreadSummary p{line-height:1.5!important;overflow-wrap:anywhere!important}
.threadDetailDialog[open]>.threadDetailPanel{height:auto!important;max-height:calc(100dvh - 36px)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.threadDetailDialog .dialogHead{flex:0 0 auto!important;padding:18px 20px!important}
.threadDetailDialog .threadDialogBody{display:grid!important;grid-template-rows:minmax(180px,1fr) auto!important;gap:16px!important;min-height:0!important;overflow:hidden!important;padding:18px 20px 20px!important}
.threadDetailDialog .collaborationMessages{min-height:180px!important;max-height:min(54dvh,560px)!important;overflow:auto!important;padding:12px!important;border:1px solid #dce5ef!important;border-radius:14px!important;background:#f7f9fc!important;scrollbar-gutter:stable}
.threadDetailDialog .collaborationMessage{margin:0 0 10px!important;padding:13px 14px!important;border-radius:12px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.threadDetailDialog .collaborationMessage:last-child{margin-bottom:0!important}
.threadDetailDialog .threadReplyForm{margin:0!important;padding:15px!important;border:1px solid #dce5ef!important;border-radius:14px!important;background:#fff!important}
.threadDetailDialog .threadReplyForm textarea{min-height:100px!important}

/* 2 — Settings: roomy accordions, full-width processor/product inputs, and
   a true always-visible save control. */
.route-tg-admins-settings .page{padding-bottom:112px!important}
.route-tg-admins-settings .settingsHero{margin-bottom:18px!important}
.route-tg-admins-settings .settingsPanel{overflow:visible!important}
.route-tg-admins-settings .settingsPanel>.cardHead{padding:20px 22px!important}
.route-tg-admins-settings .settingsPanel>.cardBody{padding:20px 22px!important}
.route-tg-admins-settings .settingsBillingSections{display:grid!important;gap:14px!important}
.route-tg-admins-settings .settingsAccordion{margin:0!important;padding:0!important;border:1px solid #d9e3ef!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important}
.route-tg-admins-settings .settingsAccordion>summary{display:block!important;padding:17px 19px!important;cursor:pointer!important;background:#f8fafd!important;border:0!important}
.route-tg-admins-settings .settingsAccordion[open]>summary{border-bottom:1px solid #e0e7f0!important;background:#f4f7fb!important}
.route-tg-admins-settings .settingsAccordion>summary h3{margin:5px 0 4px!important;line-height:1.3!important}
.route-tg-admins-settings .settingsAccordion>summary p{margin:0!important;max-width:900px!important;line-height:1.55!important}
.route-tg-admins-settings .settingsAccordion>summary~*{margin-left:19px!important;margin-right:19px!important}
.route-tg-admins-settings .settingsAccordion>summary+*{margin-top:18px!important}
.route-tg-admins-settings .settingsAccordion>*:last-child{margin-bottom:19px!important}
.route-tg-admins-settings .billingPriceGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.route-tg-admins-settings .stripeConnectionGroup .formGrid,
.route-tg-admins-settings .checkoutPresentationGroup .formGrid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important}
.route-tg-admins-settings .stripeConnectionGroup .field,
.route-tg-admins-settings .checkoutPresentationGroup .field{width:100%!important;max-width:none!important;margin:0!important}
.route-tg-admins-settings .stripeConnectionGroup input,
.route-tg-admins-settings .checkoutPresentationGroup input{width:100%!important;max-width:none!important;min-height:46px!important}
.route-tg-admins-settings .stripeStatusRow{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:17px 19px 0!important}
.route-tg-admins-settings .stripeStatusRow .configStatus{margin:0!important;white-space:normal!important}
.route-tg-admins-settings .settingsCommunicationGrid{gap:16px!important}
.route-tg-admins-settings .settingsSubpanel:not(.settingsAccordion){padding:18px!important}
.route-tg-admins-settings .settingsSubpanel .formGrid{gap:13px!important}
.route-tg-admins-settings .smtpConnectionActions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:4px!important;padding:13px!important;border:1px solid #d9e3ef!important;border-radius:12px!important;background:#f8fafd!important}
.route-tg-admins-settings .smtpConnectionActions span{flex:1 1 280px!important;color:#60728a!important;font-size:12px!important;line-height:1.5!important}
.route-tg-admins-settings .deliveryTestGrid{gap:14px!important}
.route-tg-admins-settings .deliveryTestCard{padding:17px!important;gap:14px!important}
.route-tg-admins-settings .diagnosticsWorkspace{gap:14px!important}
.route-tg-admins-settings .diagnosticControlCard,
.route-tg-admins-settings .diagnosticEndpointCard{padding:17px!important;overflow:hidden!important}
.route-tg-admins-settings .diagnosticEndpointCard code{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
.route-tg-admins-settings .stickySaveBar{position:fixed!important;right:26px!important;bottom:24px!important;left:auto!important;top:auto!important;z-index:5000!important;width:auto!important;min-height:0!important;margin:0!important;padding:9px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:16px!important;background:rgba(12,31,56,.94)!important;box-shadow:0 18px 48px rgba(7,20,40,.28)!important;backdrop-filter:blur(12px)!important}
.route-tg-admins-settings .stickySaveBar .btn{min-width:208px!important;min-height:48px!important;margin:0!important;box-shadow:0 6px 18px rgba(49,87,237,.25)!important}

/* 3 — Incident queues: visible breathing room between controls, metrics,
   headings and tables. */
.route-tg-admins-incidents .incidentCommandCard{margin-bottom:18px!important;border-radius:18px!important}
.route-tg-admins-incidents .incidentCommandCard .cardHead{align-items:flex-start!important;padding:22px!important;gap:20px!important}
.route-tg-admins-incidents .incidentCommandCard .cardHead h2{margin:5px 0 6px!important;line-height:1.25!important}
.route-tg-admins-incidents .incidentCommandCard .cardHead p{margin:0!important;max-width:900px!important;line-height:1.6!important}
.route-tg-admins-incidents .incidentFilters{margin-top:12px!important;gap:8px!important}
.route-tg-admins-incidents .incidentCommandCard .cardBody{padding:0 22px 22px!important}
.route-tg-admins-incidents .incidentMetrics{gap:12px!important;margin:0 0 18px!important}
.route-tg-admins-incidents .incidentMetric{padding:15px 17px!important}
.route-tg-admins-incidents .incidentSubhead{margin:18px 0 10px!important;padding-top:2px!important;line-height:1.35!important}
.route-tg-admins-incidents .incidentCommandCard .tableWrap{margin-top:10px!important}
.route-tg-admins-incidents .incidentCommandCard .dataTable tbody td{padding:14px 13px!important;line-height:1.45!important}
.route-tg-admins-incidents .incidentCommandCard .actions{gap:7px!important;flex-wrap:wrap!important}

/* 4 — test-checkout history URL recovery presentation. */
.route-tg-admins-test-checkout .recoverLinkCell{min-width:330px!important;max-width:520px!important}
.route-tg-admins-test-checkout .recoverLinkCell code{display:block!important;max-width:100%!important;padding:8px 10px!important;border-radius:9px!important;background:#f4f7fb!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:10px!important;line-height:1.45!important}
.route-tg-admins-test-checkout .recoverLinkCell .actions{margin-top:8px!important;gap:7px!important}
.route-tg-admins-test-checkout .generatedLinkBox{gap:9px!important;padding:14px!important}

/* 5 — customer email command center. */
.route-tg-admins-email .emailCommandHero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-bottom:16px!important;padding:24px!important}
.route-tg-admins-email .emailCommandHero h1{margin:4px 0 6px!important;line-height:1.15!important}
.route-tg-admins-email .emailCommandHero p{margin:0!important;max-width:800px!important;line-height:1.6!important}
.emailAudienceStats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important}
.emailAudienceStats article{display:grid!important;gap:4px!important;padding:16px 18px!important;border:1px solid #dbe4ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 24px rgba(18,41,75,.05)!important}
.emailAudienceStats article>span{font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;color:#6c7d94!important}
.emailAudienceStats article>b{font-size:23px!important;line-height:1.15!important;color:#102642!important;overflow-wrap:anywhere!important}
.emailAudienceStats article>small{line-height:1.45!important;color:#718198!important;overflow-wrap:anywhere!important}
.adminEmailGrid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important;gap:16px!important;align-items:start!important}
.emailComposerCard,.emailHistoryCard{overflow:hidden!important}
.emailComposerCard .cardHead,.emailHistoryCard .cardHead{padding:19px 21px!important}
.emailComposerCard .cardBody,.emailHistoryCard .cardBody{padding:20px 21px!important}
.emailComposerForm{display:grid!important;gap:15px!important}
.emailComposerForm .field{margin:0!important}
.emailComposerForm input,.emailComposerForm select{min-height:46px!important}
.emailComposerForm textarea{min-height:280px!important;line-height:1.6!important}
.emailDeliverabilityNote{display:grid!important;gap:4px!important;padding:13px 14px!important;border:1px solid #c9daf8!important;border-radius:12px!important;background:#f4f7ff!important;line-height:1.5!important}
.emailDeliverabilityNote span{color:#60728a!important}
.emailSendBar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding-top:14px!important;border-top:1px solid #e1e8f0!important}
.emailHistoryList{display:grid!important;gap:10px!important}
.emailHistoryList article{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:13px 14px!important;border:1px solid #dce5ef!important;border-radius:12px!important;background:#f9fbfd!important}
.emailHistoryList article>div:first-child{display:grid!important;gap:4px!important;min-width:0!important}
.emailHistoryList article span,.emailHistoryList article small{line-height:1.4!important;color:#6d7e94!important;overflow-wrap:anywhere!important}
.emailHistoryCounts{display:grid!important;justify-items:end!important;gap:2px!important;white-space:nowrap!important}

/* 7 — audit search/filter bar and readable table. */
.route-tg-admins-audit .auditHero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:15px!important;padding:23px!important}
.auditFilterCard .cardBody{padding:18px 20px!important}
.auditFilterForm{display:grid!important;grid-template-columns:minmax(300px,1.5fr) minmax(190px,.7fr) minmax(190px,.7fr) auto!important;gap:12px!important;align-items:end!important}
.auditFilterForm .field{margin:0!important}
.auditFilterForm input,.auditFilterForm select{width:100%!important;min-height:45px!important}
.auditFilterActions{display:flex!important;gap:8px!important;align-items:center!important;min-height:45px!important;white-space:nowrap!important}
.auditLogCard .cardHead{padding:18px 20px!important}
.auditLogCard .cardBody{padding:0 20px 20px!important}
.auditLogCard .tableWrap{border:1px solid #dbe4ef!important;border-radius:14px!important;overflow:auto!important}
.auditTable{min-width:1050px!important}
.auditTable th{white-space:nowrap!important}
.auditTable td{vertical-align:top!important;line-height:1.45!important}
.auditActionBadge{display:inline-flex!important;padding:5px 8px!important;border-radius:999px!important;background:#eef3ff!important;color:#244ec9!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
.auditDetailsCode{display:block!important;max-width:430px!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:10px!important}

/* 8 — comparison: centered architecture blocks, wider/deeper matrix. */
.compareDifferenceStrip{grid-template-columns:minmax(0,1fr)!important;text-align:center!important;justify-items:center!important;padding:26px!important}
.compareDifferenceStrip>div{max-width:900px!important}
.compareDifferenceStrip .comparisonFlow{width:min(100%,920px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.compareDifferenceStrip .comparisonFlow>*{display:grid!important;place-items:center!important;text-align:center!important;min-height:70px!important}
.threeComparisonCards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.threeComparisonCards>*{height:100%!important}
.comparisonMatrixWrap{overflow:auto!important;border:1px solid #d8e2ef!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(20,43,78,.06)!important}
.comparisonMatrix{width:100%!important;min-width:1180px!important;border-collapse:separate!important;border-spacing:0!important}
.comparisonMatrix th,.comparisonMatrix td{padding:13px 12px!important;line-height:1.45!important;vertical-align:middle!important;border-bottom:1px solid #e2e8f0!important}
.comparisonMatrix th:first-child,.comparisonMatrix td:first-child{width:32%!important;min-width:330px!important;text-align:left!important}
.comparisonMatrix th:not(:first-child),.comparisonMatrix td:not(:first-child){width:13.6%!important;text-align:center!important}
.comparisonMatrix td:not(:first-child){font-weight:850!important}
.comparisonMatrix .matrixNo{font-size:21px!important;line-height:1!important;color:#c33942!important}
.comparisonMatrix .matrixYes{color:#08784d!important}
.comparisonMatrix .matrixPartial{color:#9a6500!important}

/* 9 — pricing plan typography must never run together. */
.premiumPlans{gap:18px!important}
.premiumPlanCard{padding:24px!important}
.premiumPlanCard h2{margin:14px 0 10px!important;line-height:1.2!important}
.premiumPlanCard .planPrice{display:grid!important;gap:8px!important;align-items:start!important;margin:13px 0 15px!important}
.premiumPlanCard .priceLine{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:7px 10px!important;min-width:0!important;line-height:1.25!important}
.premiumPlanCard .priceLine small{flex:0 0 100%!important;margin:0!important;color:#66788f!important;font-size:11px!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.premiumPlanCard .priceLine strong,.premiumPlanCard .priceLine del{white-space:nowrap!important}
.premiumPlanCard .planLead{margin:0 0 16px!important;line-height:1.65!important;overflow-wrap:anywhere!important}
.premiumPlanCard .proValueBanner{display:grid!important;gap:8px!important;padding:13px 14px!important;line-height:1.45!important}
.premiumPlanCard .proValueGrid{gap:10px!important}
.premiumPlanCard .proValueItem{gap:10px!important;padding:12px!important}
.premiumPlanCard .proValueItem b,.premiumPlanCard .proValueItem small{display:block!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.premiumPlanCard .planChecklist li{line-height:1.5!important}

/* 10 + 11 — purchase and verification screens. */
.purchaseProfessionalShell{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr)!important;gap:22px!important;width:min(1120px,calc(100% - 32px))!important;margin:34px auto 54px!important;align-items:start!important}
.purchaseProfessionalShell .purchaseSummary,.purchaseProfessionalShell .purchaseAccountCard{padding:28px!important;border:1px solid #d8e2ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 22px 60px rgba(17,39,72,.09)!important}
.purchaseProfessionalShell .purchaseSummary{position:sticky!important;top:calc(var(--tg-promo-height) + 88px)!important;background:linear-gradient(145deg,#f5f8ff,#fff 58%)!important}
.purchaseSummaryTop{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
.purchaseStepPill{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:#eaf0ff!important;color:#2c53ce!important;font-size:10px!important;font-weight:950!important}
.purchaseProfessionalShell h1{margin:14px 0 9px!important;font-size:clamp(30px,4vw,44px)!important;line-height:1.06!important;letter-spacing:-.035em!important}
.purchaseSummaryLead{margin:0 0 20px!important;line-height:1.65!important;color:#5d6f87!important}
.purchaseProfessionalShell .purchasePrice{display:grid!important;gap:7px!important;margin:18px 0!important;padding:16px 0!important;border-block:1px solid #e0e7f0!important;line-height:1.35!important}
.purchaseProfessionalShell .purchasePrice strong{font-size:30px!important;line-height:1.15!important}
.purchaseProfessionalShell .purchasePrice del{margin-right:9px!important;color:#b64249!important;font-weight:800!important}
.purchaseRecurring{margin:0!important;line-height:1.55!important;color:#52657d!important}
.purchaseOffer{display:grid!important;gap:3px!important;margin:14px 0!important;padding:12px 13px!important;border:1px solid #b8e4ce!important;border-radius:12px!important;background:#effaf5!important;line-height:1.45!important}
.purchaseTrustList{display:grid!important;gap:9px!important;margin:18px 0 0!important;padding-left:20px!important;line-height:1.5!important}
.purchaseCardHeading h2{margin:5px 0 7px!important;font-size:28px!important;line-height:1.2!important}
.purchaseCardHeading p{margin:0 0 21px!important;line-height:1.6!important;color:#60728a!important}
.purchaseAccountForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
.purchaseAccountForm .field{display:grid!important;gap:6px!important;margin:0!important;min-width:0!important}
.purchaseAccountForm label{font-weight:900!important;color:#213653!important}
.purchaseAccountForm input{width:100%!important;min-height:49px!important;padding:11px 13px!important;border:1px solid #c8d5e5!important;border-radius:12px!important;background:#fff!important;font:inherit!important;box-shadow:0 1px 1px rgba(20,40,70,.02)!important}
.purchaseAccountForm input:focus{border-color:#6c89ec!important;box-shadow:0 0 0 3px rgba(49,87,237,.11)!important;outline:0!important}
.purchaseAccountForm small{line-height:1.45!important;color:#718198!important}
.purchaseAccountForm .span2{grid-column:1/-1!important}
.purchaseContinueBox{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-top:3px!important;padding:15px!important;border:1px solid #cbd8f7!important;border-radius:14px!important;background:#f5f7ff!important}
.purchaseContinueBox>div{display:grid!important;gap:3px!important;line-height:1.4!important}
.purchaseContinueBox span{color:#66788f!important}

.verifyAccountShell{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;gap:22px!important;width:min(1040px,calc(100% - 32px))!important;margin:36px auto 56px!important;align-items:stretch!important}
.verifyAccountShell .verifyPurchaseVisual,.verifyAccountShell .verifyPurchaseCard{padding:28px!important;border:1px solid #d8e2ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 22px 60px rgba(17,39,72,.09)!important}
.verifyAccountShell .verifyPurchaseVisual{display:flex!important;flex-direction:column!important;justify-content:center!important;background:linear-gradient(145deg,#eef3ff,#fff 65%)!important}
.verifyProductImage{display:grid!important;place-items:center!important;min-height:190px!important;margin-bottom:18px!important;padding:18px!important;border-radius:17px!important;background:#fff!important;border:1px solid #dce5ef!important}
.verifyProductImage img{display:block!important;max-width:100%!important;max-height:210px!important;object-fit:contain!important}
.verifyAccountShell h1{margin:9px 0!important;font-size:clamp(30px,4vw,43px)!important;line-height:1.08!important}
.verifySecurityPoints{display:grid!important;gap:9px!important;margin-top:18px!important}
.verifyPurchaseCard{align-self:center!important}
.verifyProgress{display:grid!important;grid-template-columns:auto 1fr auto 1fr auto!important;align-items:center!important;gap:8px!important;margin-bottom:24px!important;color:#8997a9!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.verifyProgress i{height:2px!important;background:#dbe3ed!important}
.verifyProgress .done,.verifyProgress .active{color:#3157ed!important}
.verifyStateHeading h2{margin:10px 0 7px!important;font-size:27px!important;line-height:1.2!important}
.verifyStateHeading p{margin:0 0 18px!important;line-height:1.6!important;color:#60728a!important}
.verifyEmailTarget{display:grid!important;gap:4px!important;margin-bottom:16px!important;padding:13px 14px!important;border:1px solid #d9e3ef!important;border-radius:12px!important;background:#f8fafd!important}
.verifyEmailTarget span{font-size:10px!important;font-weight:900!important;color:#75859a!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.verifyEmailTarget b{overflow-wrap:anywhere!important}
.verifyInitialSendForm,.verifyCodeForm,.verifyResendForm{margin:0!important}
.verificationCodeInput{width:100%!important;min-height:68px!important;margin:0 0 13px!important;padding:8px 14px!important;border:2px solid #bfcde1!important;border-radius:14px!important;background:#fff!important;text-align:center!important;font-size:31px!important;font-weight:950!important;letter-spacing:.28em!important;font-variant-numeric:tabular-nums!important}
.verificationCodeInput:focus{border-color:#3157ed!important;box-shadow:0 0 0 4px rgba(49,87,237,.10)!important;outline:0!important}
.verifySecondaryActions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:13px!important;padding-top:13px!important;border-top:1px solid #e1e8f0!important}
.verifyHelp{display:grid!important;gap:4px!important;margin-top:18px!important;padding:13px 14px!important;border-radius:12px!important;background:#f7f9fc!important;line-height:1.5!important;color:#62748c!important}

/* 16 — customer deletion confirmation. */
.customerDeleteDialog .dangerDialogPanel{width:min(620px,calc(100vw - 28px))!important;border:0!important;border-radius:20px!important;overflow:hidden!important}
.customerDeleteDialog .dangerDialogHead{padding:22px!important;background:linear-gradient(145deg,#fff5f5,#fff)!important;border-bottom:1px solid #f0d9dc!important}
.customerDeleteDialog .dangerDialogHead>div{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:11px!important;align-items:center!important}
.customerDeleteDialog .dangerDialogIcon{grid-row:1/5!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:50%!important;background:#fee5e7!important;color:#be2934!important;font-size:24px!important;font-weight:950!important}
.customerDeleteDialog .dangerDialogHead .eyebrow,.customerDeleteDialog .dangerDialogHead h2,.customerDeleteDialog .dangerDialogHead p{grid-column:2!important}
.customerDeleteDialog .dangerDialogHead h2{margin:4px 0 5px!important;line-height:1.2!important}
.customerDeleteDialog .dangerDialogHead p{margin:0!important;line-height:1.55!important}
.customerDeleteDialog .dangerDialogBody{display:grid!important;gap:15px!important;padding:20px 22px!important}
.dangerImpactList{display:grid!important;gap:8px!important}
.dangerImpactList>div{display:grid!important;gap:2px!important;padding:11px 12px!important;border:1px solid #e1e7ef!important;border-radius:11px!important;background:#f9fafc!important;line-height:1.45!important}
.dangerImpactList span{color:#6a7b91!important}
.dangerConfirmationBox{padding:14px!important;border:1px solid #efc4c8!important;border-radius:12px!important;background:#fff7f7!important}
.dangerConfirmationBox p{margin:4px 0 13px!important;line-height:1.5!important}
.dangerConfirmationBox .field{margin:10px 0 0!important}
.customerDeleteDialog .dangerDialogFooter{padding:15px 22px!important;border-top:1px solid #e3e8ef!important;background:#f8fafc!important;justify-content:flex-end!important;gap:9px!important}

/* 20 — checkout success. */
.checkoutSuccessProfessional{width:min(1040px,calc(100% - 32px))!important;margin:38px auto 58px!important}
.checkoutSuccessCard{display:grid!important;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;gap:0!important;overflow:hidden!important;border:1px solid #d8e2ef!important;border-radius:24px!important;background:#fff!important;box-shadow:0 28px 75px rgba(15,37,69,.12)!important}
.checkoutSuccessMedia{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:30px!important;background:linear-gradient(155deg,#edf3ff,#f9fbff)!important;border-right:1px solid #dfe7f1!important}
.successVisualFrame{display:grid!important;place-items:center!important;min-height:250px!important;padding:24px!important;border:1px solid #d7e1ee!important;border-radius:18px!important;background:#fff!important}
.successVisualFrame img{max-width:100%!important;max-height:250px!important;object-fit:contain!important}
.successVisualCaption{display:grid!important;gap:5px!important;margin-top:16px!important;text-align:center!important}
.successVisualCaption span{font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;color:#6d7f96!important}
.successVisualCaption b{font-size:18px!important;line-height:1.3!important}
.checkoutSuccessCopy{padding:34px!important}
.successMark{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;margin-bottom:15px!important;border-radius:50%!important;background:#e8f8ef!important;color:#098352!important;font-size:28px!important;font-weight:950!important}
.checkoutSuccessCopy h1{margin:8px 0 10px!important;font-size:clamp(31px,4vw,45px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.checkoutSuccessCopy>p{line-height:1.6!important;color:#5f7189!important}
.successFacts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:20px 0!important}
.successFacts>div{display:grid!important;gap:4px!important;padding:12px!important;border:1px solid #dce5ef!important;border-radius:12px!important;background:#f8fafd!important}
.successFacts span{font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#74859a!important}
.successFacts b{font-size:16px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.successDiscountLine{display:grid!important;gap:4px!important;padding:12px 13px!important;border:1px solid #bde6d1!important;border-radius:12px!important;background:#effaf5!important;line-height:1.45!important}
.successNextSteps{margin-top:18px!important;padding:15px!important;border-top:1px solid #e0e7f0!important}
.successNextSteps>span{font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;color:#6b7d94!important}
.successNextSteps ol{margin:10px 0 0!important;padding-left:21px!important;display:grid!important;gap:8px!important;line-height:1.5!important}
.successActions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}
.checkoutPendingNotice{display:grid!important;gap:4px!important;margin:18px 0!important;padding:13px 14px!important;border:1px solid #ecd89e!important;border-radius:12px!important;background:#fff8e8!important;line-height:1.5!important}

/* Small-screen fallbacks for all final overrides. */
@media(max-width:980px){
  .route-tg-admins-settings .billingPriceGrid{grid-template-columns:1fr!important}
  .adminEmailGrid,.purchaseProfessionalShell,.verifyAccountShell,.checkoutSuccessCard{grid-template-columns:1fr!important}
  .purchaseProfessionalShell .purchaseSummary{position:static!important}
  .checkoutSuccessMedia{border-right:0!important;border-bottom:1px solid #dfe7f1!important}
  .auditFilterForm{grid-template-columns:1fr 1fr!important}
  .auditSearchField{grid-column:1/-1!important}
  .auditFilterActions{grid-column:1/-1!important}
  .threeComparisonCards{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .route-tg-admins-settings .stickySaveBar{right:12px!important;bottom:12px!important;left:12px!important;width:auto!important}
  .route-tg-admins-settings .stickySaveBar .btn{width:100%!important;min-width:0!important}
  .route-tg-admins-collaboration .compactThreadSummary{grid-template-columns:1fr!important}
  .threadDetailDialog .threadDialogBody{padding:13px!important}
  .emailAudienceStats{grid-template-columns:1fr!important}
  .route-tg-admins-email .emailCommandHero{align-items:flex-start!important;flex-direction:column!important}
  .emailSendBar,.emailHistoryList article,.verifySecondaryActions,.purchaseContinueBox{align-items:stretch!important;flex-direction:column!important}
  .emailHistoryCounts{justify-items:start!important}
  .purchaseProfessionalShell,.verifyAccountShell,.checkoutSuccessProfessional{width:calc(100% - 20px)!important;margin-top:18px!important}
  .purchaseProfessionalShell .purchaseSummary,.purchaseProfessionalShell .purchaseAccountCard,.verifyAccountShell .verifyPurchaseVisual,.verifyAccountShell .verifyPurchaseCard{padding:20px!important}
  .purchaseAccountForm{grid-template-columns:1fr!important}
  .purchaseAccountForm .span2{grid-column:auto!important}
  .verifyProgress{grid-template-columns:auto 1fr auto!important;row-gap:7px!important}
  .verifyProgress i:nth-of-type(2),.verifyProgress span:last-child{display:none!important}
  .comparisonMatrix th:first-child,.comparisonMatrix td:first-child{min-width:260px!important}
  .compareDifferenceStrip .comparisonFlow{grid-template-columns:1fr!important}
  .auditFilterForm{grid-template-columns:1fr!important}
  .auditSearchField,.auditFilterActions{grid-column:auto!important}
  .successFacts{grid-template-columns:1fr!important}
  .checkoutSuccessCopy,.checkoutSuccessMedia{padding:22px!important}
}
/* Comparison structure correction for the actual markup. */
.compareDifferenceStrip{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;gap:12px!important;align-items:center!important;text-align:center!important}
.compareDifferenceStrip>article{display:grid!important;place-items:center!important;gap:4px!important;min-height:86px!important;padding:15px!important;border:1px solid #d8e2ef!important;border-radius:14px!important;background:#fff!important;text-align:center!important}
.compareDifferenceStrip>article b,.compareDifferenceStrip>article span{display:block!important;text-align:center!important;line-height:1.4!important}
.compareFlowArrow{font-size:22px!important;font-weight:950!important;color:#526b94!important;text-align:center!important}
.expandedComparisonMatrix{overflow:auto!important;border:1px solid #d8e2ef!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(20,43,78,.06)!important}
.expandedComparisonMatrix table{width:100%!important;min-width:1180px!important;border-collapse:separate!important;border-spacing:0!important}
@media(max-width:760px){.compareDifferenceStrip{grid-template-columns:1fr!important}.compareFlowArrow{transform:rotate(90deg)!important}.expandedComparisonMatrix table{min-width:1050px!important}}
.route-tg-admins-settings .smtpProviderHint{grid-column:1/-1!important;margin:-2px 0 2px!important;padding:10px 12px!important;border:1px solid #d8e3ef!important;border-radius:11px!important;background:#f8fafd!important;color:#586b84!important;font-size:11px!important;line-height:1.5!important}
.route-tg-admins-settings .smtpProviderHint b{color:#1f3552!important}.route-tg-admins-settings .smtpProviderHint code{font-size:10px!important}

/* ========================================================================== 
   R3 targeted repair — 2026-07-28
   Portal shell intentionally unchanged. These rules only repair component
   spacing, compact controls, billing/detail dialogs, and customer workflows.
   ========================================================================== */

/* Text pairs must read as separate pieces of information, never glued words. */
.purchaseOffer,
.purchaseContinueCopy,
.verifyEmailTarget,
.verifyHelp,
.platformUrgentSupportLock,
.preLicenseSupportNotice,
.supportCreationState,
.incidentEmptyState {
  row-gap: 6px !important;
}

.purchaseOffer > b,
.purchaseOffer > span,
.purchaseContinueCopy > b,
.purchaseContinueCopy > span,
.verifyEmailTarget > span,
.verifyEmailTarget > b,
.verifyHelp > b,
.verifyHelp > span,
.incidentEmptyState > b,
.incidentEmptyState > span {
  display: block !important;
  min-width: 0 !important;
}

.purchaseSummaryTop .eyebrow,
.purchaseSummaryTop .purchaseStepPill {
  margin: 0 !important;
}

.purchaseContinueCopy span,
.verifyHelp span {
  margin-top: 1px !important;
}

/* Licensed-domain information dialog. */
.domainInfoDialog .dialogPanel {
  width: min(720px, calc(100vw - 32px)) !important;
}

.domainInfoDialog .dialogBody {
  display: grid !important;
  gap: 18px !important;
}

.domainInfoFacts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}

.domainInfoFacts > div {
  display: flex !important;
  min-width: 0 !important;
  min-height: 88px !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 15px 16px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 14px !important;
  background: #f8fafd !important;
}

.domainInfoFacts span {
  display: block !important;
  margin: 0 !important;
  color: #718198 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.domainInfoFacts b {
  display: block !important;
  margin: 0 !important;
  color: #172a45 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}

.domainInfoDialog .dialogBody > p {
  margin: 0 !important;
  line-height: 1.65 !important;
}

/* Settings: checkboxes must stay checkbox-sized even though normal inputs are tall. */
.route-tg-admins-settings input[type="checkbox"],
.route-tg-admins-settings .settingsToggle input[type="checkbox"] {
  appearance: auto !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  align-self: start !important;
}

.route-tg-admins-settings .settingsToggle {
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: start !important;
  padding: 13px 14px !important;
}

.route-tg-admins-settings .settingsToggle span {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

.route-tg-admins-settings .settingsToggle b,
.route-tg-admins-settings .settingsToggle small {
  display: block !important;
  margin: 0 !important;
}

.billingOperationToggleGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.billingPolicyGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.billingPolicyCard {
  min-width: 0 !important;
  padding: 15px !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.billingPolicyCard .field {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
}

.billingPolicyCard .field > small {
  display: block !important;
  margin-top: 0 !important;
  line-height: 1.55 !important;
  color: #687a91 !important;
}

.abandonedTransactionPolicy {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 20px !important;
  align-items: end !important;
}

.inputWithSuffix {
  display: grid !important;
  grid-template-columns: minmax(0, 150px) auto !important;
  gap: 8px !important;
  align-items: center !important;
}

.inputWithSuffix span {
  color: #65778f !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.billingCleanupAction {
  display: flex !important;
  min-width: 260px !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

.billingCleanupAction > span {
  color: #718198 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
  text-align: right !important;
}

/* Floating save should look like an intentional action, not a detached black block. */
.route-tg-admins-settings .stickySaveBar {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 5000 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 6px !important;
  border: 1px solid #d3deec !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 38px rgba(16, 37, 66, .18) !important;
  backdrop-filter: blur(12px) !important;
}

.route-tg-admins-settings .stickySaveBar .btn {
  min-width: 174px !important;
  min-height: 43px !important;
  padding: 10px 18px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Incident empty states and headers need breathing room. */
.route-tg-admins-incidents .incidentEmptyState {
  display: grid !important;
  gap: 5px !important;
  margin-top: 12px !important;
  padding: 17px 18px !important;
  border: 1px dashed #cfdbea !important;
  border-radius: 13px !important;
  background: #f8fafd !important;
  line-height: 1.5 !important;
}

.route-tg-admins-incidents .incidentEmptyState b {
  color: #1c304c !important;
  font-size: 13px !important;
}

.route-tg-admins-incidents .incidentEmptyState span {
  color: #687a91 !important;
  font-size: 11px !important;
}

.route-tg-admins-incidents .tenantIncidentCommandCard .cardHead {
  align-items: center !important;
}

.route-tg-admins-incidents .tenantIncidentCommandCard .cardHead > div {
  display: grid !important;
  gap: 4px !important;
}

.route-tg-admins-incidents .tenantIncidentCommandCard .cardHead .badge {
  flex: 0 0 auto !important;
}

.route-tg-admins-incidents .incidentSubhead {
  display: block !important;
  margin: 18px 0 10px !important;
  padding: 0 !important;
  color: #20344f !important;
  line-height: 1.4 !important;
}

/* Order review dialog: convert the old loose columns into a clear billing workspace. */
.orderDetailDialog .billingOrderDetail {
  width: min(1100px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.orderDetailDialog .dialogHead {
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 22px 24px !important;
  background: linear-gradient(135deg, #f7f9ff, #fff) !important;
}

.orderDetailDialog .dialogHead > div {
  display: grid !important;
  gap: 5px !important;
}

.orderDetailDialog .dialogHead h2,
.orderDetailDialog .dialogHead p {
  margin: 0 !important;
}

.orderDetailDialog .dialogHead h2 {
  font-size: clamp(22px, 3vw, 30px) !important;
  line-height: 1.2 !important;
}

.orderDetailDialog .dialogHead p {
  color: #687a91 !important;
  line-height: 1.5 !important;
}

.orderDetailDialog .dialogBody {
  display: grid !important;
  gap: 16px !important;
  padding: 20px 24px 24px !important;
  background: #fbfcfe !important;
}

.billingDialogActions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.billingOrderSummaryStrip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.billingOrderSummaryStrip article {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 14px 15px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 13px !important;
  background: #fff !important;
}

.billingOrderSummaryStrip span {
  color: #718198 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

.billingOrderSummaryStrip strong {
  color: #172b46 !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}

.billingDetailGrid {
  display: grid !important;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.6fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

.billingActionPanels {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.billingMiniPanel {
  display: block !important;
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.billingMiniPanel h3 {
  margin: 0 0 7px !important;
  line-height: 1.3 !important;
}

.billingMiniPanel p {
  margin: 0 0 12px !important;
  color: #687a91 !important;
  line-height: 1.55 !important;
}

.billingMiniPanel textarea,
.billingMiniPanel select,
.billingMiniPanel input {
  margin-bottom: 9px !important;
}

.billingHistoryGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.billingHistoryGrid > div {
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 14px !important;
  background: #fff !important;
}

/* New-license comparison: Pro should visually read as Lite + the additional layer. */
.newLicensePlansLayout .premiumPlans {
  align-items: stretch !important;
}

.newLicensePlansLayout .premiumPlanCard {
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
}

.newLicensePlansLayout .premiumPlanCard form {
  margin-top: auto !important;
  padding-top: 18px !important;
}

.proIncludesLite {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 2px 0 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #b9e4cc !important;
  border-radius: 11px !important;
  background: #eefaf3 !important;
  color: #087448 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.proIncludesLite::before {
  content: "✓";
  display: grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border-radius: 50% !important;
  background: #0ca466 !important;
  color: #fff !important;
}

.proAdvantagesList li {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  column-gap: 8px !important;
  row-gap: 2px !important;
  align-items: start !important;
}

.proAdvantagesList li::before {
  grid-row: 1 / 3 !important;
}

.proAdvantagesList li b,
.proAdvantagesList li span {
  display: block !important;
  margin: 0 !important;
}

.proAdvantagesList li span {
  color: #687a91 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* Pre-license support controls. */
.preLicenseSupportNotice {
  display: grid !important;
  gap: 7px !important;
  margin-bottom: 16px !important;
  padding: 13px 14px !important;
  border: 1px solid #cddbf4 !important;
  border-radius: 13px !important;
  background: #f3f7ff !important;
}

.preLicenseSupportNotice p,
.supportCreationState p {
  margin: 0 !important;
  line-height: 1.55 !important;
}

.preLicenseSupportUsage {
  display: flex !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.preLicenseSupportUsage span {
  display: inline-flex !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

.preLicenseSupportUsage .available {
  background: #e9f8ef !important;
  color: #087448 !important;
}

.preLicenseSupportUsage .used {
  background: #edf0f4 !important;
  color: #68778a !important;
}

@media (max-width: 900px) {
  .domainInfoFacts,
  .billingOrderSummaryStrip,
  .billingPolicyGrid,
  .billingOperationToggleGrid,
  .billingActionPanels,
  .billingHistoryGrid {
    grid-template-columns: 1fr 1fr !important;
  }

  .abandonedTransactionPolicy {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
  }

  .billingCleanupAction {
    min-width: 0 !important;
    align-items: flex-start !important;
  }

  .billingCleanupAction > span {
    text-align: left !important;
  }

  .billingDetailGrid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .domainInfoFacts,
  .billingOrderSummaryStrip,
  .billingPolicyGrid,
  .billingOperationToggleGrid,
  .billingActionPanels,
  .billingHistoryGrid {
    grid-template-columns: 1fr !important;
  }

  .route-tg-admins-settings .stickySaveBar {
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .route-tg-admins-settings .stickySaveBar .btn {
    width: 100% !important;
  }
}

/* R3 final spacing pass: keep copy blocks visually separated without changing the Portal shell. */
.purchaseCardHeading,
.verifyStateHeading,
.verifySecurityPoints > div > span,
.authValueList > div > span,
.portalDialog .dialogHead > div,
.settingsGroupHead,
.billingMiniPanel,
.supportComposerCard .cardHead,
.route-tg-admins-incidents .cardHead {
  row-gap: 5px !important;
}

.purchaseCardHeading > *,
.verifyStateHeading > *,
.verifySecurityPoints b,
.verifySecurityPoints small,
.authValueList b,
.authValueList small,
.portalDialog .dialogHead h2,
.portalDialog .dialogHead p,
.settingsGroupHead > *,
.billingMiniPanel > h3,
.billingMiniPanel > p {
  margin-top: 0 !important;
}

.verifyStateHeading p b,
.verifyPurchaseVisual > p b,
.purchaseRecurring b,
.flash span b,
.infoBox b,
.dangerBox b {
  margin-inline: 2px !important;
}

.domainInfoDialog .dialogHead {
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 20px 22px !important;
}

.domainInfoDialog .dialogHead > div {
  display: grid !important;
  min-width: 0 !important;
  gap: 5px !important;
}

.domainInfoDialog .dialogHead h2,
.domainInfoDialog .dialogHead p {
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

.domainInfoDialog .dialogBody {
  padding: 20px 22px !important;
}

.domainInfoFooter {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  padding: 15px 22px 18px !important;
}

.domainInfoFooter .btn {
  margin: 0 !important;
  min-height: 40px !important;
}

.planPromotionApplied {
  display: grid !important;
  gap: 4px !important;
  margin-top: auto !important;
  padding: 11px 12px !important;
  border: 1px solid #b9e4cc !important;
  border-radius: 11px !important;
  background: #eefaf3 !important;
}

.planPromotionApplied b {
  color: #087448 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.planPromotionApplied span {
  color: #4e6b5d !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.newLicensePlansLayout .premiumPlanCard form {
  display: grid !important;
  gap: 10px !important;
}

/* Settings controls: native-sized switches/checkboxes, clear policy cards. */
.route-tg-admins-settings .billingToggleGrid,
.route-tg-admins-settings .billingOperationToggleGrid {
  align-items: stretch !important;
}

.route-tg-admins-settings .settingsToggle {
  min-height: 70px !important;
}

.route-tg-admins-settings .settingsToggle input[type="checkbox"] {
  flex: 0 0 18px !important;
  margin-top: 1px !important;
}

.route-tg-admins-settings .settingsToggle span b,
.route-tg-admins-settings .settingsToggle span small {
  line-height: 1.4 !important;
}

/* Preserve readable spacing in incident queue empty states and headings. */
.route-tg-admins-incidents .incidentEmptyState,
.route-tg-admins-incidents .emptyState,
.route-tg-admins-incidents .empty {
  display: grid !important;
  gap: 5px !important;
  padding: 14px 16px !important;
  line-height: 1.5 !important;
}

.route-tg-admins-incidents .incidentEmptyState b,
.route-tg-admins-incidents .incidentEmptyState span,
.route-tg-admins-incidents .emptyState b,
.route-tg-admins-incidents .emptyState span {
  display: block !important;
  margin: 0 !important;
}

@media (max-width: 650px) {
  .domainInfoFooter {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .domainInfoFooter .btn {
    width: 100% !important;
  }
}


/* R5 Portal + connector-focused correction pass — 2026-07-29. */

/* Billing tabs: analytics are a dedicated Revenue Insights workspace. */
.route-tg-admins-billing .billingIntelligenceGrid {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(270px, 0.85fr) !important;
  gap: 16px !important;
  margin: 18px 0 0 !important;
}
.route-tg-admins-billing .billingIntelligenceGrid > .card {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
}
.route-tg-admins-billing .billingBarChart {
  display: grid !important;
  grid-template-columns: repeat(30, minmax(5px, 1fr)) !important;
  align-items: end !important;
  gap: 5px !important;
  height: 210px !important;
  padding: 16px 8px 4px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #f7f9fd, #fff) !important;
}
.route-tg-admins-billing .billingBarColumn {
  height: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  align-items: end !important;
  gap: 5px !important;
}
.route-tg-admins-billing .billingBar {
  width: min(100%, 22px) !important;
  height: var(--bar-height) !important;
  min-height: 3px !important;
  justify-self: center !important;
  border-radius: 7px 7px 3px 3px !important;
  background: linear-gradient(180deg, #5f79ff, #3157ed) !important;
}
.route-tg-admins-billing .billingBarColumn small {
  color: #8391a5 !important;
  font-size: 8px !important;
  text-align: center !important;
}
.route-tg-admins-billing .billingPlanBars {
  display: grid !important;
  gap: 12px !important;
  padding: 18px !important;
}
.route-tg-admins-billing .billingPlanBarRow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 7px 12px !important;
  padding: 13px !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 12px !important;
  background: #f9fbfe !important;
}
.route-tg-admins-billing .billingPlanBarRow > div { display: grid !important; gap: 2px !important; }
.route-tg-admins-billing .billingPlanBarRow > div span { color: #718198 !important; font-size: 10px !important; }
.route-tg-admins-billing .billingPlanTrack {
  grid-column: 1 / -1 !important;
  height: 7px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e7ecf5 !important;
}
.route-tg-admins-billing .billingPlanTrack i {
  display: block !important;
  width: var(--track-width) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #3157ed, #6f82ff) !important;
}
.route-tg-admins-billing .billingOrdersCard td.actions {
  min-width: 138px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  align-content: center !important;
  justify-items: stretch !important;
}
.route-tg-admins-billing .billingOrdersCard td.actions > a,
.route-tg-admins-billing .billingOrdersCard td.actions > form,
.route-tg-admins-billing .billingOrdersCard td.actions > form > button {
  width: 100% !important;
  margin: 0 !important;
}

/* Purchase: restore the professional dark product panel and preserve the current workflow. */
.purchaseProfessionalShell .purchaseSummary {
  color: #fff !important;
  background: linear-gradient(150deg, #0d203b 0%, #163c78 68%, #1d4f98 100%) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 26px 68px rgba(11, 31, 61, .20) !important;
}
.purchaseProfessionalShell .purchaseSummary .eyebrow,
.purchaseProfessionalShell .purchaseSummary h1,
.purchaseProfessionalShell .purchaseSummary strong,
.purchaseProfessionalShell .purchaseSummary li { color: #fff !important; }
.purchaseProfessionalShell .purchaseSummaryLead,
.purchaseProfessionalShell .purchaseRecurring,
.purchaseProfessionalShell .purchasePrice span { color: #d8e5fb !important; }
.purchaseProfessionalShell .purchasePrice { border-color: rgba(255,255,255,.16) !important; }
.purchaseProfessionalShell .purchasePrice del { color: #ffb2ba !important; }
.purchaseProfessionalShell .purchaseOffer {
  color: #e6fff0 !important;
  border-color: rgba(111, 234, 164, .32) !important;
  background: rgba(30, 172, 96, .18) !important;
}
.purchaseProfessionalShell .purchaseOffer b,
.purchaseProfessionalShell .purchaseOffer span { color: inherit !important; }
.purchaseProfessionalShell .purchaseTrustList li::before { color: #6df0ab !important; }
.purchaseContinueBox {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
  gap: 12px !important;
  margin-top: 7px !important;
  padding: 16px !important;
}
.purchaseContinueBox > div { gap: 7px !important; }
.purchaseContinueBox > div > b { display: block !important; font-size: 13px !important; }
.purchaseContinueBox > div > span { display: block !important; }
.purchaseContinueBox .btn { justify-self: start !important; margin-top: 3px !important; }

/* Verification: the visual/flow panel stays dark and readable instead of washed out. */
.verifyAccountShell .verifyPurchaseVisual {
  color: #fff !important;
  background: linear-gradient(150deg, #0d203b 0%, #173f80 100%) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 26px 68px rgba(11, 31, 61, .20) !important;
}
.verifyAccountShell .verifyPurchaseVisual h1,
.verifyAccountShell .verifyPurchaseVisual b,
.verifyAccountShell .verifyPurchaseVisual .eyebrow { color: #fff !important; }
.verifyAccountShell .verifyPurchaseVisual p,
.verifyAccountShell .verifyPurchaseVisual small { color: #d9e6fb !important; }
.verifyAccountShell .verifySecurityPoints > div {
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.08) !important;
}

/* Lifetime Pro link modal: readable, separated facts and URL/usage regions. */
.route-tg-admins-test-checkout .lifetimeLinkDialog .wideDialogPanel { width: min(820px, calc(100vw - 34px)) !important; }
.route-tg-admins-test-checkout .lifetimeLinkDialogBody { display: grid !important; gap: 18px !important; }
.route-tg-admins-test-checkout .lifetimeLinkStatusGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.route-tg-admins-test-checkout .lifetimeLinkStatusGrid > div {
  display: grid !important;
  gap: 5px !important;
  padding: 13px 14px !important;
  border: 1px solid #dde6f0 !important;
  border-radius: 13px !important;
  background: #f8fafd !important;
}
.route-tg-admins-test-checkout .lifetimeLinkStatusGrid span { color: #75869b !important; font-size: 10px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .05em !important; }
.route-tg-admins-test-checkout .recoverableLifetimeUrl { display: grid !important; gap: 10px !important; padding: 16px !important; border: 1px solid #d9e4f5 !important; border-radius: 15px !important; background: #f5f8ff !important; }
.route-tg-admins-test-checkout .recoverableLifetimeUrl > span { font-size: 10px !important; font-weight: 950 !important; color: #3157ed !important; letter-spacing: .07em !important; text-transform: uppercase !important; }
.route-tg-admins-test-checkout .recoverableLifetimeUrl code { display: block !important; width: 100% !important; padding: 11px !important; border: 1px solid #ccd9ec !important; border-radius: 10px !important; background: #fff !important; white-space: normal !important; overflow-wrap: anywhere !important; }
.route-tg-admins-test-checkout .readOnlyNotice { display: grid !important; gap: 8px !important; }
.route-tg-admins-test-checkout .readOnlyNotice p,
.route-tg-admins-test-checkout .readOnlyNotice small { margin: 0 !important; line-height: 1.5 !important; }
.route-tg-admins-test-checkout .lifetimeUsageList { display: grid !important; gap: 10px !important; padding-top: 2px !important; }
.route-tg-admins-test-checkout .lifetimeUsageList h3 { margin: 0 !important; }
.route-tg-admins-test-checkout .lifetimeUsageList .emptyState { display: grid !important; gap: 5px !important; padding: 14px !important; border: 1px dashed #cdd8e6 !important; border-radius: 12px !important; background: #fafbfd !important; }

/* Tenant setup destructive choice. */
.databaseOverwriteDecision {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 13px !important;
  margin-top: 4px !important;
  padding: 16px !important;
  border: 1px solid #efc2c7 !important;
  border-radius: 15px !important;
  background: #fff7f7 !important;
}
.databaseOverwriteIcon { width: 44px !important; height: 44px !important; display: grid !important; place-items: center !important; border-radius: 12px !important; background: #ffe2e4 !important; color: #b72e3a !important; font-size: 23px !important; font-weight: 950 !important; }
.databaseOverwriteDecision h3 { margin: 4px 0 6px !important; }
.databaseOverwriteDecision p { margin: 0 !important; color: #5e6f84 !important; line-height: 1.58 !important; }
.databaseOverwriteActions { grid-column: 1 / -1 !important; justify-content: flex-end !important; }

@media (max-width: 900px) {
  .route-tg-admins-billing .billingIntelligenceGrid { grid-template-columns: 1fr !important; }
}
@media (max-width: 620px) {
  .purchaseContinueBox .btn { width: 100% !important; justify-self: stretch !important; }
  .route-tg-admins-test-checkout .lifetimeLinkStatusGrid { grid-template-columns: 1fr !important; }
  .databaseOverwriteDecision { grid-template-columns: 1fr !important; }
  .databaseOverwriteActions { align-items: stretch !important; flex-direction: column !important; }
  .databaseOverwriteActions .btn { width: 100% !important; }
}

/* 30-day customer/revenue overview: integrated stat action and readable modal. */
.customerOverviewStat {
  position: relative !important;
  min-width: 0 !important;
}
.customerOverviewStat .statDetailButton {
  min-width: 112px !important;
  min-height: 38px !important;
  margin-left: auto !important;
  padding: 8px 12px !important;
  border: 1px solid #cbd8f2 !important;
  border-radius: 11px !important;
  background: #f4f7ff !important;
  color: #3157ed !important;
  font: inherit !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.customerOverviewStat .statDetailButton:hover {
  border-color: #9db1eb !important;
  background: #eaf0ff !important;
}
.customer30DayDialog .wideDialogPanel {
  width: min(980px, calc(100vw - 34px)) !important;
}
.customer30Metrics {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}
.customer30Metrics article {
  display: grid !important;
  gap: 6px !important;
  padding: 14px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 13px !important;
  background: #f8fafd !important;
}
.customer30Metrics span {
  color: #76879b !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
.customer30Metrics b {
  color: #102642 !important;
  font-size: 22px !important;
}
.customer30ListHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 12px !important;
  padding-top: 4px !important;
}
.customer30ListHead h3,
.customer30ListHead p { margin: 0 !important; }
.customer30ListHead p { margin-top: 4px !important; color: #718198 !important; }
@media (max-width: 850px) {
  .customer30Metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .customer30ListHead { align-items: stretch !important; flex-direction: column !important; }
}
@media (max-width: 560px) {
  .customerOverviewStat { flex-wrap: wrap !important; }
  .customerOverviewStat .statDetailButton { width: 100% !important; margin-left: 0 !important; }
  .customer30Metrics { grid-template-columns: 1fr !important; }
}


/* R6 Portal + connector operations refinement — 2026-07-29. */

/* Billing is server-tabbed. Only the selected workspace is emitted by PHP. */
.billingServerTabs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 15px !important;
  border-radius: 10px !important;
  color: #52657d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}
.billingServerTabs a.active {
  background: #102642 !important;
  color: #fff !important;
}
.billingPeriodToolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  padding: 15px 17px !important;
}
.billingPeriodToolbar h2 {
  margin: 3px 0 0 !important;
  font-size: 17px !important;
}
.billingPeriodFilters,
.customerInsightFilters {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  padding: 6px !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 12px !important;
  background: #f7f9fc !important;
}
.billingPeriodFilters a,
.customerInsightFilters a {
  min-height: 34px !important;
  padding: 8px 12px !important;
  border-radius: 9px !important;
  color: #52657d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}
.billingPeriodFilters a.active,
.customerInsightFilters a.active {
  background: #3157ed !important;
  color: #fff !important;
}
.billingChartKpi {
  display: grid !important;
  justify-items: end !important;
  gap: 3px !important;
  min-width: 118px !important;
  text-align: right !important;
}
.billingChartKpi b,
.billingChartKpi span {
  display: block !important;
  line-height: 1.2 !important;
}
.billingChartKpi span {
  color: #718198 !important;
  font-size: 10px !important;
}
.billingPromoSummary {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  text-align: right !important;
}
.billingPromoSummary span {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  white-space: nowrap !important;
}
.billingPromoSummary b {
  display: inline-block !important;
}
.route-tg-admins-billing .billingRevenueChartCard .cardBody {
  overflow-x: auto !important;
}
.route-tg-admins-billing .billingBarChart {
  min-width: min(100%, 720px) !important;
}
.route-tg-admins-billing .billingMixCard .cardBody {
  align-content: start !important;
}
.route-tg-admins-billing .billingPlanBars {
  max-height: 330px !important;
  overflow: auto !important;
}
.route-tg-admins-billing .billingOrdersCard td.actions {
  display: table-cell !important;
  min-width: 150px !important;
  width: 160px !important;
  vertical-align: middle !important;
  text-align: center !important;
  white-space: normal !important;
}
.billingRowActions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  width: 132px !important;
  margin: 0 auto !important;
}
.billingRowActions > a,
.billingRowActions > form,
.billingRowActions > form > button {
  width: 100% !important;
  margin: 0 !important;
}
.billingRowActions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
}
.billingOperationsGrid:has(.billingOrdersCard) {
  grid-template-columns: 1fr !important;
}
.billingOperationsGrid .billingOrdersCard {
  grid-column: 1 / -1 !important;
}

/* Purchase card: centered price block, aligned account inputs, and license-first copy. */
.purchaseProfessionalShell .purchasePrice {
  justify-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 22px 14px !important;
}
.purchaseProfessionalShell .purchasePrice del,
.purchaseProfessionalShell .purchasePrice strong,
.purchaseProfessionalShell .purchasePrice span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
.purchaseProfessionalShell .purchasePrice strong {
  margin: 4px 0 3px !important;
}
.purchaseProfessionalShell .purchaseAccountForm {
  align-items: start !important;
}
.purchaseProfessionalShell .purchaseAccountForm .field {
  align-self: start !important;
  align-content: start !important;
}
.purchaseProfessionalShell .purchaseAccountForm .field input {
  min-height: 50px !important;
  height: 50px !important;
}
.purchaseIncludes {
  display: grid !important;
  gap: 10px !important;
  margin-top: 24px !important;
}
.purchaseIncludes .eyebrow {
  color: #91b6ff !important;
}
.purchaseCheckoutNote {
  margin: 4px 0 0 !important;
  padding-top: 13px !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  color: #cbdcf8 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

/* Verification: make the product visual useful and show progress state clearly. */
.verifyAccountShell .verifyProductImage {
  width: 100% !important;
  height: auto !important;
  min-height: 230px !important;
  max-height: none !important;
  margin: 0 0 24px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
.verifyAccountShell .verifyProductImage img {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  object-fit: contain !important;
}
.verifyAccountShell .verifyProgress {
  gap: 9px !important;
}
.verifyAccountShell .verifyProgress i {
  height: 3px !important;
  border-radius: 999px !important;
  background: #dbe3ed !important;
}
.verifyAccountShell .verifyProgress i:first-of-type {
  background: #34b977 !important;
  box-shadow: 0 0 0 1px rgba(52,185,119,.08) !important;
}
.verifyAccountShell .verifyProgress .done {
  color: #17824f !important;
}
.verifyAccountShell .verifyProgress .active {
  color: #3157ed !important;
}

/* Tenant database help: one instruction, one copyable address block, one note. */
.remoteMysqlInfo {
  align-content: start !important;
  gap: 10px !important;
}
.remoteMysqlInfo > b {
  display: block !important;
}
.remoteMysqlInfo > p {
  margin: 0 !important;
  line-height: 1.55 !important;
}
.remoteMysqlAddress {
  display: grid !important;
  gap: 7px !important;
  padding: 12px !important;
  border: 1px solid #c9d9f4 !important;
  border-radius: 12px !important;
  background: #f4f7ff !important;
}
.remoteMysqlAddress > span {
  color: #52657d !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.remoteMysqlAddressList {
  display: grid !important;
  gap: 5px !important;
}
.remoteMysqlAddress code {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 7px 9px !important;
  border-radius: 8px !important;
  background: #102642 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}
.remoteMysqlFootnote {
  padding-top: 2px !important;
  color: #63758c !important;
  font-size: 11px !important;
}

/* Collaboration: compact left-aligned ticket handoffs instead of long status strips. */
.route-tg-admins-collaboration .collaborationDirectoryCard {
  margin-top: 16px !important;
}
.route-tg-admins-collaboration .compactThreadList {
  display: grid !important;
  gap: 9px !important;
}
.route-tg-admins-collaboration .compactThreadCard {
  width: 100% !important;
  padding: 0 !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 15px !important;
  background: #fff !important;
  overflow: hidden !important;
}
.route-tg-admins-collaboration .compactThreadSummary {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) auto !important;
  gap: 13px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 94px !important;
  padding: 14px !important;
  color: inherit !important;
  text-align: left !important;
  text-decoration: none !important;
}
.route-tg-admins-collaboration .threadSummaryCopy {
  display: grid !important;
  justify-items: start !important;
  gap: 4px !important;
  min-width: 0 !important;
  text-align: left !important;
}
.route-tg-admins-collaboration .threadSummaryCopy h3,
.route-tg-admins-collaboration .threadSummaryCopy p,
.route-tg-admins-collaboration .threadSummaryCopy small {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}
.route-tg-admins-collaboration .threadSummaryCopy p {
  color: #42566f !important;
}
.route-tg-admins-collaboration .threadSummaryCopy small {
  color: #78879a !important;
  line-height: 1.4 !important;
}
.route-tg-admins-collaboration .threadSummarySide {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  justify-self: end !important;
}
.route-tg-admins-collaboration .threadSummarySide .badge {
  min-width: 72px !important;
  justify-content: center !important;
}
.route-tg-admins-collaboration .threadChevron {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #eef3ff !important;
  color: #3157ed !important;
}
.dialogHeadActions {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-left: auto !important;
}
.threadTicketContext {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 5px 12px !important;
  padding: 13px 14px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 13px !important;
  background: #f8fafe !important;
}
.threadTicketContext > span {
  grid-column: 1 / -1 !important;
  color: #6a7b91 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
.threadTicketContext > b {
  min-width: 0 !important;
}

/* Persistent administrator team chat. */
.adminChatCard {
  margin-top: 16px !important;
}
.liveStatusPill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #eefaf3 !important;
  color: #147044 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
.liveStatusPill i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #28b66f !important;
  box-shadow: 0 0 0 4px rgba(40,182,111,.10) !important;
}
.adminChatFeed {
  display: grid !important;
  gap: 9px !important;
  max-height: 360px !important;
  min-height: 150px !important;
  overflow-y: auto !important;
  padding: 16px !important;
  border-top: 1px solid #e1e8f1 !important;
  border-bottom: 1px solid #e1e8f1 !important;
  background: #f8fafd !important;
}
.adminChatMessage {
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) !important;
  gap: 10px !important;
  width: min(760px, 100%) !important;
  padding: 10px 12px !important;
  border: 1px solid #dee6f0 !important;
  border-radius: 13px !important;
  background: #fff !important;
}
.adminChatMessage p {
  margin: 5px 0 0 !important;
  color: #344861 !important;
  line-height: 1.5 !important;
}
.adminChatEmpty {
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 5px !important;
  min-height: 116px !important;
  color: #6c7d92 !important;
  text-align: center !important;
}
.adminChatComposer {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 14px 16px !important;
}
.adminChatComposer .field {
  margin: 0 !important;
}
.adminChatComposer textarea {
  min-height: 64px !important;
  max-height: 130px !important;
}

/* Role-aware overview actions and ticket-priority signal. */
.roleStatGrid .statDetailButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 100px !important;
  min-height: 34px !important;
  margin-left: auto !important;
  padding: 7px 10px !important;
  border: 1px solid #cbd8f2 !important;
  border-radius: 10px !important;
  background: #f4f7ff !important;
  color: #3157ed !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.supportPriorityStat {
  transition: border-color .18s ease, background .18s ease !important;
}
.supportPriorityStat.priority-low,
.supportPriorityStat.priority-normal,
.supportPriorityStat.priority-none {
  border-color: #c9d9f6 !important;
  background: #f7faff !important;
}
.supportPriorityStat.priority-high {
  border-color: #edbd52 !important;
  background: #fff9e9 !important;
}
.supportPriorityStat.priority-urgent {
  border-color: #9f1f30 !important;
  background: #fff1f2 !important;
  box-shadow: inset 4px 0 0 #8c1327, 0 12px 30px rgba(121,21,38,.09) !important;
}
.supportPriorityStat.priority-urgent b,
.supportPriorityStat.priority-urgent em {
  color: #7c1323 !important;
}
.overviewChoiceGrid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.overviewChoiceCard {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 15px !important;
  border: 1px solid #d8e2f0 !important;
  border-radius: 14px !important;
  background: #f9fbfe !important;
  color: #132842 !important;
  text-decoration: none !important;
}
.overviewChoiceCard:hover {
  border-color: #9bb1ee !important;
  background: #f2f6ff !important;
}
.overviewChoiceCard > span {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: #eaf0ff !important;
  color: #3157ed !important;
}
.overviewChoiceCard div {
  display: grid !important;
  gap: 3px !important;
}
.overviewChoiceCard small {
  color: #687a90 !important;
  line-height: 1.45 !important;
}
.urgentTicketCallout {
  display: grid !important;
  grid-template-columns: 46px 1fr !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid #e7a8b0 !important;
  border-radius: 14px !important;
  background: #fff3f4 !important;
}
.urgentTicketCallout > span {
  color: #991b2d !important;
}
.urgentTicketCallout p {
  margin: 4px 0 0 !important;
  color: #67434a !important;
}
.urgentDialogHead {
  border-top: 4px solid #991b2d !important;
}

/* Dedicated customer insights for Support and Superadmin roles. */
.customerInsightFilters {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 16px auto !important;
}
.customerInsightStats {
  margin-bottom: 16px !important;
}
.customerInsightTicketSummary {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}
.customerInsightTicketSummary span {
  display: inline-flex !important;
  gap: 5px !important;
  align-items: baseline !important;
  color: #5d6f86 !important;
  font-size: 10px !important;
}
.customerInsightTicketSummary span.urgent {
  color: #9a1b2e !important;
}
.customerInsightsCard .tableSubText {
  display: block !important;
  margin-top: 3px !important;
  color: #708097 !important;
}

/* Mobile refinements for the new operational sections. */
@media (max-width: 900px) {
  .billingPeriodToolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .billingPeriodFilters {
    justify-content: center !important;
  }
  .billingPromoSummary {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .verifyAccountShell .verifyProductImage,
  .verifyAccountShell .verifyProductImage img {
    min-height: 190px !important;
    height: 190px !important;
  }
  .overviewChoiceGrid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 720px) {
  .route-tg-admins-collaboration .compactThreadSummary {
    grid-template-columns: 40px minmax(0,1fr) !important;
  }
  .route-tg-admins-collaboration .threadSummarySide {
    grid-column: 2 !important;
    justify-self: start !important;
  }
  .dialogHeadActions {
    width: 100% !important;
    justify-content: space-between !important;
  }
  .adminChatComposer {
    grid-template-columns: 1fr !important;
  }
  .adminChatComposer .btn {
    width: 100% !important;
  }
  .threadTicketContext {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 620px) {
  .purchaseProfessionalShell .purchasePrice {
    padding-inline: 8px !important;
  }
  .verifyAccountShell .verifyProductImage,
  .verifyAccountShell .verifyProductImage img {
    min-height: 160px !important;
    height: 160px !important;
  }
  .billingRowActions {
    width: 112px !important;
  }
}

.route-tg-admins-billing .billingBarChart {
  grid-template-columns: repeat(var(--billing-bars, 30), minmax(6px, 1fr)) !important;
  min-width: max(100%, calc(var(--billing-bars, 30) * 15px)) !important;
}

.supportHealthTile.priority-none,
.supportHealthTile.priority-low,
.supportHealthTile.priority-normal {
  border-color: #bfd3f6 !important;
  background: #f1f6ff !important;
  color: #174887 !important;
}
.supportHealthTile.priority-high {
  border-color: #e3b33e !important;
  background: #fff7da !important;
  color: #805c00 !important;
}
.supportHealthTile.priority-urgent {
  border-color: #8f1528 !important;
  background: #8f1528 !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(111, 13, 31, .16) !important;
}
.supportHealthTile.priority-urgent b,
.supportHealthTile.priority-urgent span {
  color: #fff !important;
}

.existingTeamRequestNotice {
  display: grid !important;
  gap: 7px !important;
  margin-bottom: 13px !important;
  padding: 13px !important;
  border: 1px solid #d3def0 !important;
  border-radius: 12px !important;
  background: #f7f9fd !important;
}
.existingTeamRequestNotice p {
  margin: 0 !important;
  color: #66788e !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}
.existingTeamRequestNotice > div {
  display: grid !important;
  gap: 6px !important;
}
.existingTeamRequestNotice a {
  display: block !important;
  padding: 8px 10px !important;
  border: 1px solid #d6e1f2 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #3157ed !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

/* ========================================================================== */
/* R7 — Portal operational polish and workflow corrections                     */
/* ========================================================================== */

/* All portal/admin flash feedback is centered independently of the close X. */
.flashStack {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: min(620px, calc(100% - 28px)) !important;
}
.flash {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  min-height: 52px !important;
  padding: 12px 48px !important;
  text-align: center !important;
}
.flash > span {
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}
.flash > button {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

/* Customers follows Billing's directory/insight workspace pattern. */
.route-tg-admins-customers .billingWorkspaceTabs,
.route-tg-admins-customer-insights .billingWorkspaceTabs {
  margin: 14px 0 16px !important;
}
.customerInsightsWorkspace .customerInsightFilters {
  margin-top: 0 !important;
}

/* Compare matrix: desktop remains a matrix; mobile becomes readable cards. */
@media (max-width: 760px) {
  .expandedComparisonMatrix {
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .expandedComparisonMatrix table,
  .expandedComparisonMatrix tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }
  .expandedComparisonMatrix thead {
    display: none !important;
  }
  .expandedComparisonMatrix tr {
    display: grid !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #d8e2ef !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(20,43,78,.05) !important;
  }
  .expandedComparisonMatrix td {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 11px 13px !important;
    border: 0 !important;
    border-top: 1px solid #e2e9f2 !important;
    text-align: right !important;
  }
  .expandedComparisonMatrix td:first-child {
    display: block !important;
    padding: 14px !important;
    border-top: 0 !important;
    background: #0d203b !important;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }
  .expandedComparisonMatrix td:not(:first-child)::before {
    justify-self: start !important;
    color: #607289 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
    text-align: left !important;
  }
  .expandedComparisonMatrix td:nth-child(2)::before { content: "Tactical Guardian"; }
  .expandedComparisonMatrix td:nth-child(3)::before { content: "ViralSweep"; }
  .expandedComparisonMatrix td:nth-child(4)::before { content: "Gleam"; }
  .expandedComparisonMatrix td:nth-child(5)::before { content: "SweepWidget"; }
  .expandedComparisonMatrix td:nth-child(6)::before { content: "KingSumo"; }
  .expandedComparisonMatrix .tgCell {
    background: #f3f7ff !important;
  }
  .expandedComparisonMatrix .tgCell small {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    text-align: left !important;
  }
  .comparisonLegend {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Features capability cards: icon, heading, and copy share one center line. */
.featureGridSix .featureCard {
  align-content: start !important;
  justify-items: center !important;
  text-align: center !important;
}
.featureGridSix .featureCard .featureIcon,
.featureGridSix .featureCard h3,
.featureGridSix .featureCard p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.featureGridSix .featureCard p {
  max-width: 34ch !important;
}

/* Billing historical-record disposition. */
.badge.logRetention {
  border: 1px solid #b8c4d2 !important;
  background: #edf1f5 !important;
  color: #35465a !important;
}
.billingRetentionPanel {
  border-color: #c9d4df !important;
  background: #f8fafc !important;
}
.billingRetentionPanel .dangerInlineDetails .field input {
  max-width: 340px !important;
}

/* Collaboration now has two real workspaces and compact handoff rows. */
.collaborationWorkspaceTabs {
  margin: 14px 0 16px !important;
}
.chatHeadActions {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
}
.chatHeadActions form {
  margin: 0 !important;
}
.route-tg-admins-collaboration .compactThreadList {
  justify-items: center !important;
}
.route-tg-admins-collaboration .compactThreadCard {
  width: min(980px, 100%) !important;
}
.route-tg-admins-collaboration .compactThreadSummary {
  min-height: 78px !important;
  padding: 11px 13px !important;
}
.route-tg-admins-collaboration .threadSummaryCopy {
  gap: 2px !important;
}
.route-tg-admins-collaboration .threadSummaryCopy small {
  margin-top: 2px !important;
}
.badge.in_progress {
  border-color: #b9cbff !important;
  background: #edf2ff !important;
  color: #244bc5 !important;
}
.compactTicketContext {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
}
.compactTicketContext > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}
.compactTicketContext > div > span {
  color: #6a7b91 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.compactTicketContext > div > b {
  overflow-wrap: anywhere !important;
}
.superadminAssignmentBar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 12px !important;
  border: 1px solid #d9e3f0 !important;
  border-radius: 13px !important;
  background: #f8faff !important;
}
.superadminAssignmentBar .field {
  margin: 0 !important;
}
.threadDeleteRequest {
  display: flex !important;
  justify-content: flex-end !important;
  padding-top: 12px !important;
  border-top: 1px solid #e2e9f2 !important;
}

/* Release-announcement command center. */
.emailTemplateTabs {
  margin: 14px 0 16px !important;
}
.releaseEmailStats {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
.emailCampaignEmpty {
  display: grid !important;
  gap: 6px !important;
}
.emailCampaignType {
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 4px !important;
  color: #3157ed !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

/* Checkout-success visual actually occupies its media frame. */
.checkoutSuccessMedia {
  align-content: center !important;
}
.successVisualFrame {
  width: 100% !important;
  min-height: 360px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #eaf1fb !important;
}
.successVisualFrame img {
  display: block !important;
  width: 100% !important;
  height: 360px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* License workspace: recurring maintenance belongs to Entitlement only. */
.route-tg-admins-license .licenseMaintenanceCard {
  min-width: 0 !important;
}
.route-tg-admins-license .licenseMaintenanceBody {
  display: grid !important;
  gap: 18px !important;
  padding: 18px !important;
}
.route-tg-admins-license .licenseMaintenanceBody p,
.route-tg-admins-license .licenseMaintenanceBody small {
  display: block !important;
  margin: 0 !important;
  line-height: 1.55 !important;
}
.route-tg-admins-license .lifetimeGrantForm {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
.route-tg-admins-license .licenseDangerCard form {
  max-width: 520px !important;
}
.route-tg-admins-license .licenseDangerCard .field,
.route-tg-admins-license .licenseDangerCard .field input {
  width: 100% !important;
  max-width: 390px !important;
}

/* Incidents: keep operational counters away from the card edge. */
.route-tg-admins-incidents .incidentCommandCard > .cardBody {
  padding-top: 18px !important;
}
.route-tg-admins-incidents .incidentMetrics {
  margin: 0 0 18px !important;
}

/* Administrator deletion is intentionally visually separated from profile save. */
.adminDeleteForm {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 12px 18px 18px !important;
  border-top: 1px solid #e3e9f1 !important;
  background: #fff8f8 !important;
}

@media (max-width: 820px) {
  .releaseEmailStats {
    grid-template-columns: 1fr !important;
  }
  .successVisualFrame,
  .successVisualFrame img {
    min-height: 260px !important;
    height: 260px !important;
  }
  .superadminAssignmentBar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .flash {
    padding-inline: 42px !important;
  }
  .compactTicketContext {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .route-tg-admins-collaboration .compactThreadSummary {
    min-height: 0 !important;
  }
}

/* ========================================================================== */
/* R8 — targeted Portal corrections (2026-07-29)                              */
/* ========================================================================== */

/* License tabs are now server-rendered so hidden sections cannot leave empty
   grid tracks behind or collapse the entitlement/tenant cards. */
.route-tg-admins-license .licenseSectionTabs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 15px !important;
  border-radius: 11px !important;
  color: #52657d !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
.route-tg-admins-license .licenseSectionTabs a.active {
  background: #102642 !important;
  color: #fff !important;
}
.route-tg-admins-license .licenseAdminWorkspace {
  align-items: start !important;
}
.route-tg-admins-license .licenseRightRail.entitlementRail {
  grid-column: span 5 !important;
  width: 100% !important;
  min-width: 0 !important;
}
.route-tg-admins-license .licenseRightRail.domainsRail {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
.route-tg-admins-license .licenseRightRail.domainsRail .licenseTenantCard {
  width: 100% !important;
}
.route-tg-admins-license .licenseMaintenanceCard,
.route-tg-admins-license .licenseMaintenanceCard .cardHead,
.route-tg-admins-license .licenseMaintenanceCard .cardBody {
  min-width: 0 !important;
  width: 100% !important;
}
.route-tg-admins-license .licenseMaintenanceCard .cardHead > div {
  min-width: 0 !important;
}
.route-tg-admins-license .licenseMaintenanceCard h3,
.route-tg-admins-license .licenseMaintenanceCard p,
.route-tg-admins-license .licenseMaintenanceCard small {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.route-tg-admins-license .lifetimeGrantForm {
  grid-template-columns: 1fr !important;
}
.route-tg-admins-license .lifetimeReasonField input {
  max-width: 100% !important;
}
.route-tg-admins-license .licenseDangerCard form {
  width: min(100%, 560px) !important;
}
.route-tg-admins-license .licenseDangerCard .field {
  width: min(100%, 390px) !important;
}
.route-tg-admins-license .licenseDangerCard .field input {
  width: 100% !important;
  max-width: 390px !important;
}
@media (max-width: 900px) {
  .route-tg-admins-license .licenseRightRail.entitlementRail,
  .route-tg-admins-license .licenseRightRail.domainsRail {
    grid-column: 1 / -1 !important;
  }
}

/* Administrator profile actions live together in one footer. */
.adminProfileActions {
  justify-content: flex-end !important;
  gap: 10px !important;
}
.adminDeleteFormHidden {
  display: none !important;
}

/* Lite feature copy gets the same readable title/description structure as Pro. */
.liteAdvantagesList li {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 3px !important;
  align-items: start !important;
}
.liteAdvantagesList li::before {
  grid-row: 1 / 3 !important;
}
.liteAdvantagesList li b,
.liteAdvantagesList li span {
  display: block !important;
  margin: 0 !important;
}
.liteAdvantagesList li span {
  color: #687a91 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

/* Mobile comparison uses purpose-built cards rather than forcing the desktop
   six-column table through a narrow viewport. */
.comparisonMobileMatrix {
  display: none;
}
@media (max-width: 760px) {
  .comparisonDesktopMatrix {
    display: none !important;
  }
  .comparisonMobileMatrix {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .comparisonMobileCard {
    overflow: hidden !important;
    border: 1px solid #d8e2ef !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(20,43,78,.05) !important;
  }
  .comparisonMobileCard h3 {
    margin: 0 !important;
    padding: 15px !important;
    background: #0d203b !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
  .comparisonMobileVendor {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(60px, auto) !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 10px 13px !important;
    border-top: 1px solid #e3eaf2 !important;
  }
  .comparisonMobileVendor.tg {
    background: #f3f7ff !important;
  }
  .comparisonMobileVendor > span {
    color: #607289 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }
  .comparisonMobileVendor > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    color: #20344f !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: right !important;
  }
  .comparisonMobileVendor.tg > b {
    max-width: 190px !important;
  }
  .compareMatrixCard .cardBody {
    padding-inline: 12px !important;
  }
}

/* R8 license workspace: explicit columns prevent generic span rules from collapsing rails. */
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-entitlement {
  display: grid !important;
  grid-template-columns: minmax(0, 1.62fr) minmax(330px, .88fr) !important;
  gap: 18px !important;
}
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-entitlement > .licenseOverviewCard,
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-entitlement > .licenseRightRail {
  grid-column: auto !important;
  width: 100% !important;
}
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-domains,
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-activations,
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-danger {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-domains > *,
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-activations > *,
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-danger > * {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
@media (max-width: 900px) {
  .route-tg-admins-license .licenseAdminWorkspace.licenseTab-entitlement {
    grid-template-columns: 1fr !important;
  }
}

/* R10 structural UI corrections */
.adminSectionTabs{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;margin:0 0 18px;background:#fff;border:1px solid #d7e1ee;border-radius:15px;box-shadow:0 8px 24px rgba(15,35,65,.05)}
.adminSectionTabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px;border-radius:10px;color:#43546d;text-decoration:none;font-weight:800;line-height:1.2}
.adminSectionTabs a.active{background:#0b1d36;color:#fff;box-shadow:0 8px 18px rgba(11,29,54,.16)}
.licenseAdminWorkspace{display:block!important}
.licenseTab-entitlement{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)!important;gap:18px!important;align-items:start}
.licenseTab-entitlement .licenseOverviewCard,.licenseTab-entitlement .licenseRightRail{width:auto!important;min-width:0!important;grid-column:auto!important}
.licenseTab-domains{display:block!important}
.licenseTab-domains .licenseRightRail,.licenseTab-domains .licenseTenantCard,.licenseTab-domains .licenseDomainsCard{width:100%!important;max-width:none!important;min-width:0!important;margin:0 0 18px!important}
.licenseRightRail,.licenseMaintenanceCard,.licenseTenantCard{min-width:0!important}
.licenseMaintenanceBody,.lifetimeGrantForm{display:grid!important;gap:14px!important}
.lifetimeReasonField input{width:100%!important;max-width:100%!important}
.licenseTab-danger .cardBody .field,.licenseTab-danger input[name="delete_confirmation"]{max-width:520px!important;width:100%!important}
.customerWorkspaceTabs,.emailTemplateTabs,.collaborationWorkspaceTabs,.licenseSectionTabs{margin-top:0}
.adminStatGrid article>div,.metricGrid article>div{text-align:center}
.licenseProgressTrack{position:relative;overflow:visible}
.licenseProgressTrack:after{content:"";position:absolute;inset:-3px 0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.95) calc(25% - 1px),rgba(255,255,255,.95) 25%)}
@media(max-width:760px){
 .adminSectionTabs{display:grid;grid-template-columns:1fr;padding:7px}.adminSectionTabs a{width:100%}
 .licenseTab-entitlement{display:block!important}.licenseTab-entitlement .licenseRightRail{margin-top:16px}
 .metricGrid.premiumMetrics{grid-template-columns:1fr!important}.metricGrid.premiumMetrics article{justify-content:center;text-align:center}.metricGrid.premiumMetrics article>span{position:absolute;left:18px}
 .licenseProgressLabels{display:grid!important;grid-template-columns:repeat(4,1fr);gap:2px;font-size:9px;text-align:center}.licenseProgressLabels>*{min-width:0;overflow-wrap:anywhere}
 .dashboardLicenseRow,.licenseWorkspaceCard{min-width:0!important}.dashboardLicenseRow .licenseWorkspaceStats{grid-template-columns:1fr!important}
}

/* R10.1 final admin/customer responsiveness and alignment */
.adminSectionTabs{position:relative;z-index:2}
.adminSectionTabs a:not(.active):hover{background:#eef3fb;color:#0b1d36}
.licenseTab-entitlement .licenseMaintenanceCard{width:100%!important;max-width:none!important}
.licenseTab-entitlement .licenseMaintenanceCard .cardHead,.licenseTab-entitlement .licenseMaintenanceCard .cardBody{padding:20px!important}
.licenseTab-entitlement .licenseMaintenanceCard p{max-width:58ch}
.licenseTab-domains .licenseTenantCard .cardBody{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important}
.licenseTab-domains .tenantCard{min-width:0!important;overflow-wrap:anywhere}
.licenseTab-danger .card{max-width:920px;margin-inline:auto}.licenseTab-danger .cardBody{padding:24px}.licenseTab-danger input{max-width:480px!important}
.dashboardMetricValue,.premiumMetrics b{display:block;text-align:center}.premiumMetrics em{display:block;text-align:center}
@media(max-width:760px){
 body{overflow-x:hidden}.siteShell,.pageShell,.adminShell{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
 .premiumMetrics article{min-height:86px;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 16px!important}
 .premiumMetrics article>div{width:100%;text-align:center!important}.premiumMetrics article b,.premiumMetrics article em{text-align:center!important}
 .licenseWorkspaceCard,.dashboardLicenseRow,.supportSummaryCard{width:100%!important;max-width:100%!important}
 .licenseProgressTrack{height:10px}.licenseProgressLabels{font-size:8px;letter-spacing:.02em}
 .licenseSectionTabs{grid-template-columns:1fr 1fr!important}.licenseSectionTabs a{white-space:normal;text-align:center}
 .licenseTab-domains .tableWrap{overflow-x:auto}.licenseTab-domains table{min-width:760px}
}
.supportPriorityStat.priority-none,.supportHealthTile.priority-none{background:#fff!important;border-color:#d8e3ef!important;color:#0f1d36!important;box-shadow:none!important}
.supportPriorityStat.priority-none>span{background:#eef3f8!important;color:#66768b!important}


/* === R11 professional layout corrections === */
.adminSectionTabs{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;border:1px solid #d5e0ed;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,31,55,.06);margin:16px 0 20px;overflow-x:auto}
.adminSectionTabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:11px;color:#32445e;text-decoration:none;font-weight:850;white-space:nowrap}
.adminSectionTabs a:hover{background:#eef4fb;color:#0b1d38}.adminSectionTabs a.active{background:#0b1d38;color:#fff;box-shadow:0 8px 18px rgba(11,29,56,.18)}
.adminPageHero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;margin:0 0 18px;border:1px solid #cddbeb;border-radius:24px;background:linear-gradient(120deg,#fff 0%,#f7f9ff 55%,#edf2ff 100%);box-shadow:0 18px 45px rgba(15,34,65,.07)}
.adminPageHero h1,.adminPageHero h2{margin:5px 0 8px;max-width:760px}.adminPageHero p{max-width:760px;margin:0;color:#52657e;line-height:1.55}
.customerInsightsToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:14px 16px;border:1px solid #d5e0ed;border-radius:16px;background:#fff}
.customerInsightsToolbar .periodTabs{margin:0}.customerInsightStats{margin-bottom:16px}
.lifetimeLinkHero+.adminSectionTabs{margin-top:18px}.lifetimeLinkHero{margin-bottom:0}
.orderModal .modalHead,.billingOrderModal .modalHead{padding:24px 28px 18px}.orderModal .modalBody,.billingOrderModal .modalBody{padding:20px 28px 28px}
.billingOrderTopActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 14px}
.refundModeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.refundModeGrid label{border:1px solid #d5e0ed;border-radius:12px;padding:12px;background:#fff;cursor:pointer}.refundHelp{display:block;margin:7px 0 11px;color:#61738a;line-height:1.45}.refundCalculated{font-weight:850;color:#0a7a48;margin-top:6px}
body.adminArea .flash,body.portalArea .flash{margin-left:auto;margin-right:auto;text-align:center;justify-content:center}
@media(max-width:720px){
 body{overflow-x:hidden}.shell,.pageShell,.adminShell{width:100%;max-width:100%;padding-left:14px;padding-right:14px}
 .adminPageHero{display:block;padding:22px 19px;border-radius:19px}.adminPageHero .btn{width:100%;margin-top:16px}
 .adminSectionTabs{justify-content:flex-start;border-radius:14px;padding:6px}.adminSectionTabs a{min-width:max-content}
 .customerInsightsToolbar{display:block}.customerInsightsToolbar .periodTabs{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr)}
 .dashboardStats,.summaryGrid,.licenseSummaryGrid{grid-template-columns:1fr!important;width:100%!important}
 .dashboardStats>*,.summaryGrid>*,.licenseSummaryGrid>*{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important}
 .licenseWorkspaceCard,.licenseCard,.supportCard,.dashboardLicenseCard{width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:left}
 .licenseWorkspaceCard .btn,.licenseCard .btn{width:100%}
 .licenseProgress,.setupProgress{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:2px!important}.licenseProgress>*{text-align:center!important;min-width:0!important}
 .orderModal,.billingOrderModal{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}.orderModal .modalBody,.billingOrderModal .modalBody{padding:16px}
 .refundModeGrid{grid-template-columns:1fr}
}

/* ======================================================================
   R12 portal + plugin focus pass — customer workspaces, release mail,
   handoffs, Pro maintenance, billing refund controls, and CSP-safe UI.
   ====================================================================== */
.adminPageTitleBlock{margin:0 0 18px}.adminPageTitleBlock .eyebrow{display:block;margin-bottom:7px}.adminPageTitleBlock h1{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.02;letter-spacing:-.045em}

/* Customer Directory / Insights: hero first, navigation immediately below. */
.customerOperationsHero,.customerInsightsHero{margin-bottom:14px!important}
.customerWorkspaceTabs{margin:0 0 16px!important}
.customerInsightsControlBar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:13px 15px;border:1px solid #d7e1ed;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(16,38,66,.055)}
.customerInsightsControlBar>div{display:grid;gap:3px}.customerInsightsControlBar strong{font-size:15px;color:#0a1930}.customerInsightsControlBar .customerInsightFilters{margin:0!important;flex:0 0 auto}
.customerInsightStats{margin-top:0!important}

/* Collaboration handoff detail. */
.threadDetailPanel{width:min(760px,calc(100vw - 28px))!important;max-height:min(900px,calc(100svh - 34px))!important}
.threadDialogHead{align-items:flex-start!important}.threadDialogHead .dialogClose{flex:0 0 auto}
.threadDialogBody{display:grid!important;gap:13px!important;padding:14px!important}
.compactTicketContext{min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:13px 15px!important;border-radius:14px!important;background:#f7faff!important}
.threadTicketIdentity{display:grid;gap:4px;min-width:0}.threadTicketIdentity span{font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:#65778f}.threadTicketIdentity b{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.threadTicketControls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}.threadTicketControls em{font-style:normal}
.threadAssignmentPanel{padding:14px;border:1px solid #d9e3ef;border-radius:15px;background:#fff}
.threadAssignmentHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.threadAssignmentHeading h3{margin:3px 0 4px;font-size:17px}.threadAssignmentHeading p{margin:0;color:#63758c;font-size:12px;line-height:1.45}
.threadAssignmentControls{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:9px!important;align-items:center!important}.threadAssignmentControls select{min-width:0}.selfAssignmentControls{grid-template-columns:minmax(0,1fr) auto!important}.selfAssignmentControls span{color:#5f7188;font-size:12px}
.compactMessages{min-height:128px!important;max-height:240px!important;padding:10px!important;border-radius:15px!important}
.threadReplyForm{padding:14px!important;border-radius:15px!important}.threadReplyActions{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important}.threadPrimaryActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.compactStatusField{min-width:190px!important;margin:0!important}.visuallyHiddenForm{display:none!important}

/* Release Communications. */
.emailCommandHero h2{margin:5px 0 8px;font-size:clamp(27px,3.5vw,40px);line-height:1.04;letter-spacing:-.035em}.emailCommandHero{margin-bottom:14px!important}
.releaseEmailStats{margin-top:0!important}.emailTemplateTabs{margin-top:14px!important}
.releaseCatalogBar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin:0 0 16px}
.releaseVersionPicker{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,360px) auto;align-items:end;gap:14px;padding:15px 16px;border:1px solid #d7e1ed;border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(16,38,66,.05)}
.releaseVersionPicker>div{display:grid;gap:3px}.releaseVersionPicker strong{font-size:16px}.releaseVersionPicker small{color:#64768d;line-height:1.45}.releaseVersionPicker label{display:grid;gap:6px}.releaseVersionPicker label>span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#51647c}.releaseVersionPicker select{min-width:0}
.releaseComparisonSummary,.releaseCatalogWarning{min-width:210px;display:grid;align-content:center;gap:3px;padding:14px 16px;border:1px solid #d7e1ed;border-radius:16px;background:#f7faff}.releaseComparisonSummary span,.releaseCatalogWarning b{font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#3157ed}.releaseComparisonSummary b{font-size:20px}.releaseComparisonSummary small,.releaseCatalogWarning span{color:#62748b;line-height:1.45}.releaseCatalogWarning{border-color:#efcf9b;background:#fffaf0}.releaseCatalogWarning b{color:#9a5c09}
.releaseEmailGrid{align-items:start!important}.emailComposerCard textarea{min-height:520px}.emailSendBar{gap:16px!important}.emailSendBar .actions{flex-wrap:wrap;justify-content:flex-end}

/* Pro maintenance billing workspace. */
.maintenanceHero{margin-bottom:14px!important}.maintenanceStats{margin:0 0 14px!important}.maintenancePolicyCard{margin-bottom:14px}.maintenancePolicyGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.maintenancePolicyGrid article{display:grid;gap:5px;padding:14px;border:1px solid #dbe4ef;border-radius:14px;background:#f8faff}.maintenancePolicyGrid article span{font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#60738a}.maintenancePolicyGrid article b{font-size:22px;color:#0a1930}.maintenancePolicyGrid article small{color:#687a90;line-height:1.45}.spanAll{grid-column:1/-1}.maintenanceFormulaCallout{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid #b9d9c8;border-radius:13px;background:#effbf4;color:#205f40}.maintenanceFormulaCallout b{flex:0 0 auto}.maintenanceFormulaCallout span{line-height:1.5}.maintenanceTable{min-width:1180px}.maintenanceTable td{vertical-align:top}.maintenanceTable .btn{white-space:nowrap}
.maintenancePolicySettings{margin-top:16px;padding:16px;border:1px solid #d9e3ef;border-radius:15px;background:#f8faff}.compactGroupHead{margin-bottom:13px!important}.fiveColumns{grid-template-columns:repeat(5,minmax(0,1fr))!important}

/* Billing order modal and refund controls. */
.billingOrderDetail{width:min(1040px,calc(100vw - 28px))!important}.billingOrderDialogHead{align-items:flex-start!important}.billingOrderHeadActions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.billingDialogActions:empty{display:none}.billingDialogActions{justify-content:flex-start!important;margin-bottom:10px!important}
.billingDetailGrid{grid-template-columns:minmax(245px,.72fr) minmax(0,1.65fr)!important;align-items:start!important}.billingActionPanels{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}.billingMiniPanel{min-width:0!important}.billingMiniPanel textarea{min-height:112px!important;resize:vertical}.billingLicenseMatchedPanel,.refundPanel{align-self:start}.advancedRefundPanel{grid-column:1/-1!important;padding:17px!important}.refundPanelHead{display:flex;justify-content:space-between;gap:12px}.refundPanelHead h3{margin:3px 0 5px;font-size:19px}.refundPanelHead p{margin:0;color:#63758c}.refundChoiceGroup,.refundReasonGroup{min-width:0;margin:14px 0 0;padding:0;border:0}.refundChoiceGroup legend,.refundReasonGroup legend{font-size:12px;font-weight:950;color:#0a1930}.refundModeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.refundModeGrid label,.refundReasonOptions label{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #d5e0ed;border-radius:13px;background:#fff;cursor:pointer}.refundModeGrid label:has(input:checked),.refundReasonOptions label:has(input:checked){border-color:#3157ed;background:#f2f5ff;box-shadow:0 0 0 2px rgba(49,87,237,.08)}.refundModeGrid input,.refundReasonOptions input{margin-top:3px;flex:0 0 auto}.refundModeGrid span,.refundReasonOptions span{display:grid;gap:3px}.refundModeGrid small,.refundReasonOptions small{color:#66788f;line-height:1.4}
.partialRefundControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}.partialRefundControls[hidden]{display:none!important}.inputSuffix{display:flex;align-items:stretch}.inputSuffix input{border-radius:12px 0 0 12px!important}.inputSuffix span{display:grid;place-items:center;min-width:44px;border:1px solid #cfdbea;border-left:0;border-radius:0 12px 12px 0;background:#f5f8fc;font-weight:900}.refundCalculated{display:block;margin:11px 0 0;padding:11px 12px;border-radius:11px;background:#eef7ff;color:#174a78;font-weight:850}.refundReasonGroup>p{margin:5px 0 9px;color:#65778e;font-size:12px}.refundReasonOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.advancedRefundPanel>.btn{margin-top:13px}.refundEntitlementNote{display:block;margin-top:8px;color:#687a90;line-height:1.45;text-align:center}

@media(max-width:1050px){
  .fiveColumns{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .maintenancePolicyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .releaseCatalogBar{grid-template-columns:1fr}.releaseVersionPicker{grid-template-columns:1fr 1fr auto}.releaseComparisonSummary,.releaseCatalogWarning{min-width:0}
  .billingActionPanels{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .customerInsightsControlBar{display:grid}.customerInsightsControlBar .customerInsightFilters{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}
  .threadAssignmentControls,.selfAssignmentControls{grid-template-columns:1fr!important}.threadAssignmentControls .btn{width:100%}.compactTicketContext{align-items:flex-start!important}.threadTicketControls{justify-content:flex-start}
  .threadReplyActions{align-items:stretch!important;display:grid!important}.compactStatusField{min-width:0!important}.threadPrimaryActions{display:grid;grid-template-columns:1fr}.threadPrimaryActions .btn{width:100%}
  .releaseVersionPicker{grid-template-columns:1fr}.releaseVersionPicker .btn{width:100%}.emailSendBar{display:grid!important}.emailSendBar .actions{display:grid;width:100%}.emailSendBar .btn{width:100%}
  .fiveColumns,.maintenancePolicyGrid{grid-template-columns:1fr!important}
  .billingOrderDialogHead{display:flex!important}.billingOrderHeadActions{align-items:flex-start}.billingOrderHeadActions .btn{display:none}.billingDetailGrid{grid-template-columns:1fr!important}.billingOrderSummaryStrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.refundModeGrid,.partialRefundControls,.refundReasonOptions{grid-template-columns:1fr}.billingOrderDetail .dialogBody{padding:12px!important}
}
@media(max-width:520px){
  .customerWorkspaceTabs{display:grid!important;grid-template-columns:1fr 1fr}.customerWorkspaceTabs a{text-align:center}
  .compactTicketContext{display:grid!important}.threadTicketControls{display:grid!important;grid-template-columns:1fr}.threadTicketControls .btn{width:100%}.threadAssignmentHeading{display:grid}.threadDetailPanel{width:calc(100vw - 16px)!important}.threadDialogBody{padding:10px!important}
  .billingOrderSummaryStrip{grid-template-columns:1fr!important}.billingOrderHeadActions .dialogClose{margin-left:0}.maintenanceFormulaCallout{display:grid}
}

/* Customer-facing Pro maintenance recovery. */
.maintenanceCustomerNotice,.purchaseRecoveryNotice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 18px;padding:18px;border:1px solid #d7e1ed;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(16,38,66,.08)}
.maintenanceCustomerNotice.isGrace{border-color:#f1d29c;background:linear-gradient(135deg,#fffaf0,#fff)}
.maintenanceCustomerNotice.isDegraded{border-color:#efb7bd;background:linear-gradient(135deg,#fff4f5,#fff)}
.maintenanceCustomerIcon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eef3ff;color:#3157ed}.maintenanceCustomerIcon svg{width:25px;height:25px}.isGrace .maintenanceCustomerIcon{background:#fff0d5;color:#9a5c09}.isDegraded .maintenanceCustomerIcon{background:#ffe5e8;color:#ad2638}
.maintenanceCustomerCopy h2,.purchaseRecoveryNotice h2{margin:4px 0 7px;font-size:clamp(20px,2.4vw,29px);letter-spacing:-.025em}.maintenanceCustomerCopy p,.purchaseRecoveryNotice p{margin:0;color:#5f7188;line-height:1.55}.maintenanceCustomerBreakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.maintenanceCustomerBreakdown span{display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(113,135,163,.22);border-radius:12px;background:rgba(255,255,255,.75)}.maintenanceCustomerBreakdown small{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#687b92}.maintenanceCustomerBreakdown b{font-size:16px;color:#0a1930}.maintenanceCustomerAction{display:grid;gap:7px;min-width:190px;text-align:center}.maintenanceCustomerAction small{max-width:210px;color:#65778e;line-height:1.4}.purchaseRecoveryNotice{grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(135deg,#f0f4ff,#fff)}
@media(max-width:820px){.maintenanceCustomerNotice,.purchaseRecoveryNotice{grid-template-columns:1fr}.maintenanceCustomerIcon{display:none}.maintenanceCustomerAction{min-width:0}.maintenanceCustomerAction .btn,.purchaseRecoveryNotice .btn{width:100%}.maintenanceCustomerBreakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.maintenanceCustomerBreakdown{grid-template-columns:1fr}}



/* === R13 portal, billing, release, and collaboration corrections === */
.selectControl{
  position:relative;
  display:block;
  min-width:0;
}
.selectControl::after{
  content:"";
  position:absolute;
  top:50%;
  right:15px;
  width:8px;
  height:8px;
  border-right:2px solid #41546f;
  border-bottom:2px solid #41546f;
  transform:translateY(-70%) rotate(45deg);
  pointer-events:none;
}
.selectControl select{
  width:100%;
  min-width:0;
  padding-right:42px!important;
  appearance:none;
  -webkit-appearance:none;
  background-image:none!important;
}

/* Customer insights now follows the same hierarchy as Billing:
   hero, metrics, section tabs, reporting window, then results. */
.route-tg-admins-customers .customerInsightStats{
  margin:0 0 14px!important;
}
.route-tg-admins-customers .customerWorkspaceTabs{
  margin:0 0 14px!important;
}
.route-tg-admins-customers .customerInsightsControlBar{
  margin:0 0 14px!important;
}

/* Release Communications catalog/version picker. */
.releaseCatalogPanel{
  display:grid;
  gap:12px;
  margin:0 0 16px;
}
.releaseVersionPickerV2{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)!important;
  align-items:center!important;
  gap:22px!important;
  padding:18px 20px!important;
  border:1px solid #d3dfed!important;
  border-radius:18px!important;
  background:linear-gradient(120deg,#fff 0%,#f7f9ff 100%)!important;
  box-shadow:0 12px 30px rgba(17,39,69,.06)!important;
}
.releaseSourceCopy{
  display:grid;
  gap:4px;
  min-width:0;
}
.releaseSourceCopy strong{
  color:#0b1d36;
  font-size:17px;
  line-height:1.25;
}
.releaseSourceCopy small{
  max-width:70ch;
  color:#60728a;
  line-height:1.5;
}
.releasePickerControls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:10px;
  min-width:0;
}
.releaseVersionField{
  display:grid!important;
  gap:7px!important;
  min-width:0;
}
.releaseVersionField>span:first-child{
  color:#52657d;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.releaseSelectControl select{
  min-height:44px;
  border:1px solid #cbd8e8!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#10213a!important;
  font-weight:750!important;
  box-shadow:0 4px 12px rgba(18,43,76,.04);
}
.releaseRefreshButton{
  min-height:44px!important;
  white-space:nowrap;
}
.releaseSelectionCard{
  display:grid;
  grid-template-columns:minmax(175px,.45fr) minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:15px 18px;
  border:1px solid #cbd9eb;
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 28px rgba(18,40,70,.05);
}
.releaseSelectionVersion,
.releaseSelectionSummary{
  display:grid;
  gap:3px;
  min-width:0;
}
.releaseSelectionVersion>span{
  color:#3157ed;
  font-size:9px;
  font-weight:950;
  letter-spacing:.09em;
}
.releaseSelectionVersion>b{
  color:#0b1d36;
  font-size:22px;
}
.releaseSelectionVersion small,
.releaseSelectionSummary span{
  color:#63758c;
  line-height:1.45;
}
.releaseSelectionSummary strong{
  color:#12243d;
  line-height:1.35;
}

/* Administrator collaboration dialog. */
.threadDetailPanel{
  width:min(720px,calc(100vw - 28px))!important;
  max-height:min(88vh,900px)!important;
  overflow:hidden!important;
}
.threadDialogBody{
  display:grid!important;
  gap:12px!important;
  padding:14px 16px 16px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.compactTicketContext{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:0!important;
  padding:14px 16px!important;
  margin:0!important;
  border:1px solid #d7e2ef!important;
  border-radius:14px!important;
  background:#f8faff!important;
}
.threadTicketIdentity{
  display:grid!important;
  gap:4px!important;
  min-width:0;
}
.threadTicketIdentity>span{
  color:#687b92!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.threadTicketIdentity>b{
  overflow-wrap:anywhere;
  color:#10213a;
  line-height:1.35;
}
.threadTicketControls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:max-content;
}
.threadOpenTicketButton{
  min-height:36px!important;
  padding:8px 13px!important;
}
.threadAssignmentPanel{
  display:grid!important;
  gap:12px!important;
  padding:15px!important;
  border:1px solid #d7e2ef!important;
  border-radius:14px!important;
  background:#fff!important;
}
.threadAssignmentHeading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.threadAssignmentHeading h3{
  margin:3px 0 4px!important;
}
.threadAssignmentHeading p{
  margin:0!important;
}
.threadAssignmentControls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
}
.threadAssignmentSelect select{
  min-height:41px!important;
  border:1px solid #cad8e8!important;
  border-radius:11px!important;
  background:#fff!important;
  font-weight:750!important;
}
.selfAssignmentControls{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.compactMessages{
  min-height:112px!important;
  max-height:240px!important;
  padding:11px!important;
  border:1px solid #d7e2ef!important;
  border-radius:14px!important;
  background:#f8faff!important;
  overflow-y:auto!important;
}
.threadReplyForm{
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid #d7e2ef!important;
  border-radius:14px!important;
  background:#fff!important;
}
.threadMessageField textarea{
  min-height:100px!important;
}
.threadReplyActions{
  display:grid!important;
  grid-template-columns:minmax(170px,220px) minmax(0,1fr)!important;
  align-items:end!important;
  gap:12px!important;
}
.compactStatusField{
  min-width:0!important;
  margin:0!important;
}
.compactStatusField select{
  width:100%!important;
}
.threadPrimaryActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
}

/* Pro maintenance centered metrics and live example. */
.maintenanceStats article{
  justify-content:center!important;
  text-align:center!important;
}
.maintenanceStats article>div{
  width:auto!important;
  text-align:center!important;
}
.maintenanceStats article b,
.maintenanceStats article em{
  text-align:center!important;
}
.maintenanceEstimator{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(160px,.45fr);
  gap:15px;
  padding:17px;
  border:1px solid #cfdced;
  border-radius:16px;
  background:linear-gradient(120deg,#f7f9ff,#fff);
}
.maintenanceEstimatorIntro{
  display:grid;
  gap:4px;
}
.maintenanceEstimatorIntro h3{
  margin:0;
  color:#0b1d36;
  font-size:18px;
}
.maintenanceEstimatorIntro p{
  margin:0;
  color:#60728a;
  line-height:1.5;
}
.maintenanceEstimatorInput{
  align-self:center;
  margin:0!important;
}
.maintenanceEstimateBreakdown{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
.maintenanceEstimateBreakdown article{
  display:grid!important;
  gap:4px!important;
  min-height:84px!important;
  padding:13px!important;
  border:1px solid #d9e3ef!important;
  border-radius:13px!important;
  background:#fff!important;
  text-align:center!important;
  align-content:center!important;
}
.maintenanceEstimateBreakdown article>span{
  font-size:9px!important;
}
.maintenanceEstimateBreakdown article>b{
  font-size:19px!important;
}
.maintenanceEstimateTotal{
  border-color:#acc8ff!important;
  background:#eef4ff!important;
}
.maintenanceEstimateTotal b{
  color:#204bd8!important;
}

/* Billing order modal: fixed-width content, no horizontal scrollbar, clear actions. */
.billingOrderDetail,
.billingOrderDetail *{
  box-sizing:border-box;
}
.billingOrderDetail{
  width:min(1020px,calc(100vw - 28px))!important;
  max-width:1020px!important;
  max-height:92vh!important;
  overflow:hidden!important;
}
.billingOrderDetail .dialogHead{
  flex:0 0 auto;
}
.billingOrderDetail .dialogBody{
  min-width:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px!important;
}
.billingOrderDialogHead>div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.billingOrderTitleRow{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  margin:3px 0 4px;
}
.billingOrderTitleRow h2{
  min-width:0;
  margin:0!important;
}
.billingCustomerProfileButton{
  flex:0 0 auto;
  min-height:34px!important;
}
.billingOrderHeadActions{
  align-self:flex-start!important;
}
.billingOrderSummaryStrip{
  min-width:0!important;
}
.billingDetailGrid{
  display:grid!important;
  grid-template-columns:minmax(240px,280px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-width:0!important;
}
.billingOrderFacts,
.billingActionPanels,
.billingActionPanels>*{
  min-width:0!important;
}
.billingActionPanels{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.billingMiniPanel{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden;
}
.billingLicenseSelect{
  margin:10px 0!important;
}
.billingLicenseSelect select{
  min-height:42px!important;
  border:1px solid #cad8e8!important;
  border-radius:11px!important;
  background:#fff!important;
  font-weight:750!important;
}
.advancedRefundPanel,
.pendingRefundApprovalPanel{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  padding:18px!important;
}
.refundPanelHead{
  align-items:flex-start!important;
}
.refundAuthorityBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:30px;
  padding:6px 10px;
  border:1px solid #bfd0f2;
  border-radius:999px;
  background:#eef4ff;
  color:#264cc8;
  font-size:10px;
  font-weight:900;
}
.refundChoiceGroup,
.refundReasonGroup{
  width:100%;
  min-width:0!important;
}
.refundChoiceGroup legend,
.refundReasonGroup legend{
  font-size:13px!important;
}
.refundModeGrid,
.refundReasonOptions{
  width:100%;
  min-width:0;
}
.refundModeGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.refundReasonOptions{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.refundModeGrid label,
.refundReasonOptions label{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  min-width:0!important;
  width:100%!important;
  height:100%;
}
.refundModeGrid label>span,
.refundReasonOptions label>span{
  display:grid!important;
  min-width:0!important;
  width:auto!important;
  gap:4px!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  white-space:normal!important;
}
.refundModeGrid b,
.refundModeGrid small,
.refundReasonOptions b,
.refundReasonOptions small{
  display:block!important;
  min-width:0!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  white-space:normal!important;
  line-height:1.42!important;
}
.partialRefundControls{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:end!important;
}
.partialRefundControls .field{
  min-width:0!important;
  margin:0!important;
}
.refundCalculated{
  width:100%;
  overflow-wrap:anywhere;
}
.pendingRefundApprovalPanel{
  display:grid!important;
  gap:14px!important;
  border-color:#f0cc8e!important;
  background:#fffaf1!important;
}
.pendingRefundApprovalHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.pendingRefundApprovalHead h3{
  margin:4px 0 5px;
}
.pendingRefundApprovalHead p{
  margin:0;
  line-height:1.5;
}
.pendingRefundFacts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.pendingRefundFacts>div{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid #ecd9b9;
  border-radius:11px;
  background:#fff;
}
.pendingRefundFacts dt{
  color:#765b31;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.pendingRefundFacts dd{
  margin:0;
  color:#18273e;
  font-weight:850;
}
.pendingRefundReviewGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.pendingRefundDecisionForm{
  display:grid;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid #e2d4bc;
  border-radius:12px;
  background:#fff;
}
.pendingRefundDecisionForm textarea{
  min-height:84px!important;
}

/* Communications test controls and conditional refund setting. */
.deliveryTestFormRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end!important;
  gap:10px!important;
  width:100%;
}
.smsTestControls.deliveryTestFormRow{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
}
.deliveryTestField{
  display:grid!important;
  gap:6px!important;
  min-width:0;
  color:#41536c;
  font-size:10px;
  font-weight:900;
}
.deliveryTestField>span{
  display:flex;
  align-items:baseline;
  gap:4px;
}
.deliveryTestField small{
  color:#78889d;
  font-size:9px;
  font-weight:750;
}
.deliveryTestField input{
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  border:1px solid #cad8e8!important;
  border-radius:11px!important;
  background:#fff!important;
  padding:10px 12px!important;
  font-weight:700!important;
}
.deliveryTestButton{
  min-height:43px!important;
  white-space:nowrap;
}
.refundApprovalLimitCard[hidden]{
  display:none!important;
}

@media(max-width:1050px){
  .releaseVersionPickerV2{
    grid-template-columns:1fr!important;
  }
  .maintenanceEstimateBreakdown{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .billingDetailGrid{
    grid-template-columns:1fr!important;
  }
  .billingOrderFacts{
    display:grid!important;
  }
}

@media(max-width:760px){
  .releasePickerControls,
  .releaseSelectionCard{
    grid-template-columns:1fr!important;
  }
  .releaseRefreshButton,
  .releaseSelectionCard .btn{
    width:100%!important;
  }
  .threadDetailPanel{
    width:calc(100vw - 14px)!important;
    max-height:95vh!important;
  }
  .threadDialogBody{
    padding:10px!important;
  }
  .compactTicketContext{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .threadTicketControls{
    justify-content:flex-start!important;
    min-width:0!important;
    flex-wrap:wrap!important;
  }
  .threadAssignmentHeading{
    display:grid!important;
  }
  .threadAssignmentControls,
  .selfAssignmentControls{
    grid-template-columns:1fr!important;
  }
  .threadAssignmentControls .btn{
    width:100%!important;
  }
  .threadReplyActions{
    grid-template-columns:1fr!important;
  }
  .threadPrimaryActions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .threadPrimaryActions .btn{
    width:100%!important;
  }
  .maintenanceEstimator{
    grid-template-columns:1fr!important;
  }
  .maintenanceEstimateBreakdown{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .billingOrderDetail{
    width:calc(100vw - 12px)!important;
    max-height:96vh!important;
  }
  .billingOrderDetail .dialogBody{
    padding:11px!important;
  }
  .billingOrderDialogHead{
    padding:14px!important;
  }
  .billingOrderTitleRow{
    display:grid;
    justify-items:start;
  }
  .billingCustomerProfileButton{
    display:inline-flex!important;
  }
  .billingActionPanels,
  .refundModeGrid,
  .partialRefundControls,
  .refundReasonOptions,
  .pendingRefundFacts,
  .pendingRefundReviewGrid{
    grid-template-columns:1fr!important;
  }
  .pendingRefundApprovalHead{
    display:grid;
  }
  .deliveryTestFormRow,
  .smsTestControls.deliveryTestFormRow{
    grid-template-columns:1fr!important;
  }
  .deliveryTestButton{
    width:100%!important;
  }
}

@media(max-width:480px){
  .maintenanceEstimateBreakdown{
    grid-template-columns:1fr;
  }
  .threadPrimaryActions{
    grid-template-columns:1fr!important;
  }
  .billingOrderSummaryStrip{
    grid-template-columns:1fr!important;
  }
}

/* R14 payment recovery, refund intelligence, and centered feedback. */
body > .flashStack,
.pageShell > .flashStack,
main > .flashStack {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(620px, calc(100vw - 28px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483000 !important;
  pointer-events: none;
}
body > .flashStack .flash,
.pageShell > .flashStack .flash,
main > .flashStack .flash {
  width: 100% !important;
  margin: 0 !important;
  box-shadow: 0 24px 80px rgba(8, 24, 48, .24) !important;
  pointer-events: auto;
}
.portalDialog .modalFlashStack,
.dialogPanel .modalFlashStack {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 40 !important;
  pointer-events: auto;
}

.customerMaintenanceBanner {
  width: min(1180px, calc(100% - 28px));
  margin: 16px auto 0;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid #efc26b;
  border-radius: 18px;
  background: #fff8e8;
  box-shadow: 0 14px 34px rgba(80, 53, 9, .08);
}
.customerMaintenanceBanner.is-degraded {
  border-color: #e8aab3;
  background: #fff1f3;
}
.customerMaintenanceBanner > div:first-child {
  display: grid;
  gap: 4px;
}
.customerMaintenanceBanner strong {
  color: #0b1d36;
  font-size: 17px;
}
.customerMaintenanceBanner p {
  max-width: 760px;
  margin: 0;
  color: #5e6f84;
  line-height: 1.5;
}
.customerMaintenanceBannerActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex: 0 0 auto;
}
.customerMaintenanceBannerActions b {
  color: #0b1d36;
  white-space: nowrap;
}

.maintenanceStats {
  justify-content: center;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: 100%;
  margin-inline: auto;
}
.maintenanceSimulationCard,
.maintenanceAccountsCard {
  margin-top: 14px;
}
.maintenanceSimulationForm {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(150px, .45fr) auto;
  align-items: end;
  gap: 12px;
}
.maintenanceAccountDetail {
  width: min(980px, calc(100vw - 24px)) !important;
}
.maintenanceDetailSummary,
.maintenanceCalculationGrid,
.maintenanceQuoteGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.maintenanceDetailSummary article,
.maintenanceQuoteGrid article {
  min-width: 0;
  padding: 13px;
  border: 1px solid #d9e3ef;
  border-radius: 13px;
  background: #f9fbfe;
}
.maintenanceDetailSummary span,
.maintenanceQuoteGrid span {
  display: block;
  margin-bottom: 5px;
  color: #63758c;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.maintenanceCalculationForm {
  display: grid;
  gap: 13px;
}
.maintenanceCalculationOptions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.maintenanceCalculationOptions label {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 9px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #d6e1ef;
  border-radius: 13px;
  background: #fff;
  cursor: pointer;
}
.maintenanceCalculationOptions span {
  display: grid;
  gap: 3px;
}
.maintenanceCalculationOptions small {
  color: #687991;
  line-height: 1.45;
}
.maintenanceTimeline {
  display: grid;
  gap: 9px;
}
.maintenanceTimeline article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  padding: 12px 13px;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #f9fbfe;
}
.maintenanceTimeline article > div {
  display: grid;
  gap: 2px;
}
.maintenanceTimeline p,
.maintenanceTimeline code {
  grid-column: 1 / -1;
  margin: 0;
}

.billingRefundMetrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}
.billingRefundMetrics article {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 100px;
  padding: 17px 18px;
}
.billingRefundMetrics span {
  color: #3157ed;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.billingRefundMetrics b {
  color: #0a1c34;
  font-size: 22px;
  line-height: 1.15;
}
.billingRefundMetrics small {
  color: #66778e;
  line-height: 1.4;
}
.refundMetricCard {
  background: #fff8f8 !important;
}
.netRevenueMetricCard {
  background: #f2fbf6 !important;
}
.refundActivityList {
  display: grid;
  gap: 9px;
}
.refundActivityRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(120px, auto);
  align-items: center;
  gap: 14px;
  padding: 13px 14px;
  border: 1px solid #d8e2ef;
  border-radius: 13px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.refundActivityRow:hover,
.refundActivityRow:focus-visible {
  border-color: #94aaee;
  box-shadow: 0 9px 24px rgba(21, 46, 82, .08);
  transform: translateY(-1px);
}
.refundActivityIdentity,
.refundActivityAmount {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.refundActivityIdentity small,
.refundActivityAmount small {
  color: #687991;
}
.refundActivityBadges {
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}
.refundActivityAmount {
  justify-items: end;
  text-align: right;
}
.refundActivityAmount b {
  font-size: 16px;
}

.billingHistoryGrid > div {
  min-width: 0;
}
.refundHistoryLink {
  display: grid !important;
  gap: 8px !important;
  color: inherit !important;
  text-decoration: none !important;
  border: 1px solid #dbe4ef !important;
  transition: border-color .16s ease, box-shadow .16s ease !important;
}
.refundHistoryLink:hover,
.refundHistoryLink:focus-visible,
.refundHistoryLink.isSelected {
  border-color: #8ca4ef !important;
  box-shadow: 0 8px 22px rgba(26, 51, 88, .08) !important;
}
.refundHistoryTopline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.refundHistoryTopline small {
  white-space: nowrap;
}
.refundHistoryBadges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.refundHistoryOpen {
  color: #3157ed;
  font-size: 10px;
  font-weight: 900;
}
.refundDetailPanel {
  scroll-margin-top: 18px;
  margin-top: 15px;
  border-color: #aebff0 !important;
  background: linear-gradient(140deg, #fff 0%, #f6f8ff 100%) !important;
}
.refundDetailHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.refundDetailHead h3,
.refundDetailHead p {
  margin: 3px 0 0;
}
.refundDetailHead p {
  color: #63758c;
}
.refundDetailGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.refundDetailGrid article {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid #dbe4ef;
  border-radius: 11px;
  background: #fff;
}
.refundDetailGrid span {
  color: #687991;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.refundDetailGrid code {
  overflow-wrap: anywhere;
  white-space: normal;
}
.refundProviderDetails {
  margin-top: 11px;
  padding: 11px 12px;
  border: 1px solid #dbe4ef;
  border-radius: 11px;
  background: #fff;
}
.refundProviderDetails summary {
  cursor: pointer;
  font-weight: 900;
}
.refundProviderDetails pre {
  max-height: 280px;
  overflow: auto;
  margin: 10px 0 0;
  padding: 11px;
  border-radius: 9px;
  background: #0d203b;
  color: #eef5ff;
  font-size: 10px;
  line-height: 1.5;
}

.releaseVersionPickerV2 {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
}
.releasePickerControls {
  grid-template-columns: minmax(0, 1fr) auto !important;
  justify-self: stretch;
}
.releaseVersionField,
.releaseSelectControl,
.releaseSelectControl select {
  width: 100% !important;
  max-width: 100% !important;
}
.releaseSelectControl select {
  text-align: center !important;
  text-align-last: center !important;
  padding-left: 14px !important;
}

@media (max-width: 900px) {
  .billingRefundMetrics,
  .maintenanceDetailSummary,
  .maintenanceQuoteGrid,
  .refundDetailGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .maintenanceCalculationOptions {
    grid-template-columns: 1fr;
  }
  .maintenanceSimulationForm {
    grid-template-columns: 1fr 1fr;
  }
  .maintenanceSimulationForm .btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 760px) {
  body > .flashStack,
  .pageShell > .flashStack,
  main > .flashStack {
    top: 50% !important;
    width: calc(100vw - 18px) !important;
  }
  .customerMaintenanceBanner {
    align-items: stretch;
    flex-direction: column;
    width: calc(100% - 18px);
    margin-top: 9px;
  }
  .customerMaintenanceBannerActions {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .maintenanceStats,
  .billingRefundMetrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .refundActivityRow {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .refundActivityBadges {
    justify-content: flex-start;
  }
  .refundActivityAmount {
    justify-items: start;
    text-align: left;
  }
  .refundDetailHead {
    align-items: stretch;
    flex-direction: column;
  }
  .refundHistoryTopline {
    align-items: flex-start;
    flex-direction: column;
  }
  .refundHistoryTopline small {
    white-space: normal;
  }
  .releaseVersionPickerV2,
  .releasePickerControls {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .maintenanceStats,
  .billingRefundMetrics,
  .maintenanceDetailSummary,
  .maintenanceQuoteGrid,
  .refundDetailGrid,
  .maintenanceSimulationForm {
    grid-template-columns: 1fr !important;
  }
}
.maintenanceDetailBody{display:grid!important;gap:13px!important}
.maintenanceDetailHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid #cfdced;border-radius:16px;background:linear-gradient(125deg,#fff,#f3f6ff)}
.maintenanceDetailHero>div{display:grid;gap:5px}.maintenanceDetailHero h3,.maintenanceDetailHero p{margin:0}.maintenanceDetailHero h3{font-size:23px}.maintenanceDetailHero p{color:#60728a;line-height:1.5}
.maintenanceDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.maintenanceOverridePanel{display:grid!important;gap:14px!important}
.maintenanceOverrideForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.maintenanceOverrideChoice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;min-width:0;padding:13px;border:1px solid #d5e0ed;border-radius:13px;background:#fff;cursor:pointer}
.maintenanceOverrideChoice span{display:grid;gap:4px;min-width:0}.maintenanceOverrideChoice small{color:#687991;line-height:1.45}
.maintenanceOverrideForm>.field{grid-column:span 1}.maintenanceOverrideForm>.field.spanAll{grid-column:1/-1}.maintenanceOverrideForm>button{grid-column:1/-1;justify-self:end}
@media(max-width:760px){.maintenanceDetailHero{align-items:stretch;flex-direction:column}.maintenanceDetailHero .btn{width:100%}.maintenanceDetailGrid,.maintenanceOverrideForm{grid-template-columns:1fr}.maintenanceOverrideForm>.field,.maintenanceOverrideForm>.field.spanAll,.maintenanceOverrideForm>button{grid-column:1}.maintenanceOverrideForm>button{width:100%;justify-self:stretch}}


/* TG R16 billing and recovery polish */
.billingStatsFour{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.billingStatsFour .adminStatCard small{display:block;margin-top:3px;color:#63758c;font-size:10px;line-height:1.35}
.billingOrderFilters{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.billingOrderFilters a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;border:1px solid #d4dfec;border-radius:999px;background:#fff;color:#18304d;font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}
.billingOrderFilters a.active{border-color:#0b1d35;background:#0b1d35;color:#fff;box-shadow:0 7px 18px rgba(11,29,53,.17)}
.billingRefundMetrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.billingRefundMetrics .card{min-height:102px;display:grid;align-content:center;gap:4px;padding:17px 18px}
.billingRefundMetrics .card>span{font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#3157ed}
.billingRefundMetrics .card>b{font-size:22px;line-height:1.1}
.billingRefundMetrics .card>small{color:#63758c;line-height:1.4}
.billingBarColumn{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;position:relative}
.billingBarColumn:focus-visible{outline:3px solid rgba(49,87,237,.28);outline-offset:3px;border-radius:8px}
.billingBarStack{position:absolute;left:50%;bottom:21px;display:flex;flex-direction:column-reverse;width:min(17px,70%);height:var(--gross-height);min-height:2px;overflow:hidden;border-radius:6px 6px 2px 2px;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(29,63,149,.08)}
.billingBarStack i{display:block;width:100%}
.billingBarStandard{height:var(--standard-share);background:#3157ed}
.billingBarReinstatement{height:calc(100% - var(--standard-share));background:#7c3aed}
.billingRefundMarker{position:absolute;left:50%;bottom:calc(21px + var(--net-height));width:23px;height:3px;border-radius:999px;background:#dc3545;transform:translate(-50%,50%);box-shadow:0 1px 4px rgba(220,53,69,.32)}
.billingChartLegend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#5f7189;font-size:11px;font-weight:800}
.billingChartLegend span{display:inline-flex;align-items:center;gap:6px}.billingChartLegend i{width:10px;height:10px;border-radius:3px}.billingChartLegend i.normal{background:#3157ed}.billingChartLegend i.reinstatement{background:#7c3aed}.billingChartLegend i.refund{height:3px;border-radius:999px;background:#dc3545}
.billingDayDialog .dialogPanel{width:min(760px,calc(100vw - 32px))!important}
.billingDaySummaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.billingDaySummaryGrid article{display:grid;gap:5px;padding:15px;border:1px solid #d7e2ee;border-radius:13px;background:#fff;min-width:0}
.billingDaySummaryGrid article span{color:#687991;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.billingDaySummaryGrid article b{font-size:20px}.billingDaySummaryGrid article small{color:#687991;line-height:1.35}.billingDaySummaryGrid .standard{border-top:4px solid #3157ed}.billingDaySummaryGrid .reinstatement{border-top:4px solid #7c3aed}.billingDaySummaryGrid .refund{border-top:4px solid #dc3545}.billingDaySummaryGrid .net{background:#eef9f3;border-color:#b9e4cb}
.refundActivityList{display:grid;gap:8px}
.refundActivityRow{grid-template-columns:minmax(210px,1.35fr) minmax(240px,1.1fr) auto minmax(150px,.72fr)!important;gap:14px!important;align-items:center!important;padding:13px 15px!important;border:1px solid #d9e3ef!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.refundActivityIdentity{display:grid;gap:3px;min-width:0}.refundActivityIdentity>b{font-size:14px}.refundActivityIdentity small,.refundActivityIdentity span{color:#687991;line-height:1.35}.refundActivityFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.refundActivityFacts span{display:grid;gap:2px}.refundActivityFacts small{color:#73839a;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.refundActivityFacts b{font-size:11px;line-height:1.35}.refundActivityBadges{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.refundActivityAmount{display:grid;justify-items:end;gap:2px;text-align:right}.refundActivityAmount>b{font-size:16px}.refundActivityAmount small{color:#74849a;font-size:9px}.refundActivityAmount span{color:#3157ed;font-size:10px;font-weight:900}
.billingHistoryGrid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;gap:12px!important}.billingHistoryGrid>div{min-width:0}
.refundHistoryLink{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;width:100%;min-height:0!important;padding:11px 12px!important;text-align:left;border:1px solid #d9e3ef;border-radius:12px;background:#fff;cursor:pointer;font:inherit}
.refundHistoryLink:hover,.refundHistoryLink:focus-visible,.refundHistoryLink.isSelected{border-color:#3157ed;background:#f5f7ff;outline:none}
.refundHistoryTopline{display:grid;gap:2px}.refundHistoryTopline b{font-size:14px}.refundHistoryTopline small{color:#6c7d93;font-size:9px;white-space:nowrap}.refundHistoryBadges{display:flex;align-items:flex-start;justify-content:flex-end;gap:4px;flex-wrap:wrap}.refundHistoryLink p{grid-column:1/2;margin:1px 0 0;color:#62748b;font-size:10px;line-height:1.35}.refundHistoryOpen{grid-column:2;align-self:end;color:#3157ed;font-size:9px;font-weight:900;white-space:nowrap}
.refundDetailPanel{margin-top:12px!important;padding:15px!important;border:1px solid #b9cafa!important;border-radius:14px!important;background:#f7f9ff!important}.refundDetailHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.refundDetailHead h3{margin:3px 0;font-size:19px}.refundDetailHead p{margin:0}.refundDetailGrid{margin-top:12px}
.maintenanceStatePill,.maintenanceRolePill{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:max-content!important;min-height:25px!important;padding:5px 9px!important;border-radius:999px!important;line-height:1.1!important;white-space:nowrap!important;font-size:9px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.maintenanceStatePill{border:1px solid #f2b9bd!important;background:#fff0f1!important;color:#a51e2c!important}.maintenanceRolePill{border:1px solid #cfd9ff!important;background:#eef2ff!important;color:#2946a8!important}
.maintenanceAccountActions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}.maintenanceAccountActions .btn{min-width:92px!important;margin:0!important}
[data-custom-total-field][hidden]{display:none!important}
.maintenanceOverrideForm{align-items:start}.maintenanceOverrideChoice:has(input:checked){border-color:#3157ed;background:#f4f6ff;box-shadow:0 0 0 2px rgba(49,87,237,.08)}
.maintenanceHistoryList{display:grid;gap:8px}.maintenanceHistoryItem{padding:12px 13px;border:1px solid #d9e3ef;border-radius:12px;background:#fff}.maintenanceHistoryItem h4,.maintenanceHistoryItem p{margin:0}.maintenanceHistoryItem p{margin-top:4px;color:#63758c;line-height:1.45}
.licenseBillingOverview{display:grid;gap:10px}.licenseBillingOverview .billingOverviewHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.licenseBillingOverviewList{display:grid;gap:8px}.licenseBillingOverviewItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:11px;border:1px solid #d9e3ef;border-radius:11px;background:#fff}.licenseBillingOverviewItem small{color:#697a91}.licenseBillingOverviewActions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.reinstatementPromptDialog .dialogPanel{width:min(650px,calc(100vw - 32px))!important}.reinstatementPromptHero{display:grid;gap:10px;text-align:center}.reinstatementPromptHero h2{margin:0;font-size:28px}.reinstatementPromptHero p{margin:0;color:#63758c;line-height:1.55}.reinstatementPromptBreakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.reinstatementPromptBreakdown article{padding:12px;border:1px solid #d9e3ef;border-radius:12px;background:#f7f9fc;display:grid;gap:4px}.reinstatementPromptBreakdown span{font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#6e7f95}.reinstatementPromptBreakdown b{font-size:16px}
@media(max-width:900px){.billingStatsFour,.billingRefundMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.refundActivityRow{grid-template-columns:1fr auto!important}.refundActivityFacts{grid-column:1/-1}.refundActivityAmount{justify-items:end}.billingHistoryGrid{grid-template-columns:1fr!important}.billingDaySummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenanceAccountActions{justify-content:flex-start!important}}
@media(max-width:620px){.billingStatsFour,.billingRefundMetrics,.billingDaySummaryGrid,.reinstatementPromptBreakdown{grid-template-columns:1fr!important}.billingOrderFilters{justify-content:flex-start}.billingOrderFilters a{flex:1 1 auto}.refundActivityRow{grid-template-columns:1fr!important}.refundActivityBadges{justify-content:flex-start}.refundActivityAmount{justify-items:start;text-align:left}.refundHistoryLink{grid-template-columns:1fr}.refundHistoryBadges,.refundHistoryOpen{grid-column:1;justify-content:flex-start}.refundDetailGrid{grid-template-columns:1fr!important}.maintenanceAccountActions .btn{flex:1 1 130px}}


/* TG R16 exact maintenance and license billing markup alignment */
.maintenanceStatusPill,.rolePill,.billingCountPill{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:max-content!important;min-height:25px!important;padding:5px 9px!important;border-radius:999px!important;line-height:1.1!important;white-space:nowrap!important;font-size:9px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.maintenanceStatusPill.is-due{border:1px solid #f0b9bd!important;background:#fff0f1!important;color:#a51e2c!important}.maintenanceStatusPill.is-grace{border:1px solid #f5d185!important;background:#fff9e8!important;color:#855b00!important}.maintenanceStatusPill.is-current{border:1px solid #b7dfc7!important;background:#edf9f2!important;color:#08713a!important}
.rolePill{border:1px solid #cdd8ff!important;background:#eef2ff!important;color:#2947a8!important}.billingCountPill{border:1px solid #d6e0ed!important;background:#f3f6fa!important;color:#334b68!important}.billingCountPill.is-alert{border-color:#efb5ba!important;background:#fff0f1!important;color:#a51e2c!important}
.maintenanceDetailHero .maintenanceStatusPill{align-self:flex-start!important;justify-self:start!important}.maintenanceOverridePanel .splitHead{align-items:flex-start!important}.maintenanceOverridePanel .rolePill{flex:0 0 auto!important}
.maintenanceTimeline{display:grid;gap:8px}.maintenanceTimeline>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px 13px;border:1px solid #d9e3ef;border-radius:12px;background:#fff}.maintenanceTimeline>article>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.maintenanceTimeline>article small{color:#6b7d94;white-space:nowrap}.maintenanceTimeline>article p,.maintenanceTimeline>article code{grid-column:1/-1;margin:0;color:#63758c;line-height:1.45;overflow-wrap:anywhere}.maintenanceTimeline>article strong{justify-self:end}
.route-tg-admins-billing .maintenanceAccountsTable .tableRowActions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important}.route-tg-admins-billing .maintenanceAccountsTable .tableRowActions .btn{min-width:86px!important;margin:0!important}
.licenseBillingOverviewCard .cardHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.licenseBillingOverviewCard .cardHead>div{min-width:0}.licenseBillingList{display:grid;gap:8px}.licenseBillingList>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d9e3ef;border-radius:12px;background:#fff}.licenseBillingList>article.hasConflict{border-color:#efb5ba;background:#fff7f7}.licenseBillingList>article>div:first-child{display:grid;gap:3px;min-width:0}.licenseBillingList small{color:#687991;line-height:1.4}.licenseBillingList .actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.licenseBillingList .actions form{margin:0}
@media(max-width:620px){.maintenanceTimeline>article,.licenseBillingList>article{grid-template-columns:1fr}.maintenanceTimeline>article>div{flex-direction:column}.maintenanceTimeline>article small{white-space:normal}.licenseBillingList .actions{justify-content:flex-start}.route-tg-admins-billing .maintenanceAccountsTable .tableRowActions{justify-content:flex-start!important}}

.reinstatementPromptDialog .dialogHead{text-align:center}.reinstatementPromptDialog .dialogHead>div{width:100%}.reinstatementPromptDialog .dialogBody{display:grid;gap:14px;text-align:center}.reinstatementPromptDialog .dialogBody>p{margin:0;color:#5f7189;line-height:1.6}.reinstatementPromptAmount{display:grid;gap:4px;padding:18px;border:1px solid #efb9bd;border-radius:14px;background:#fff3f4}.reinstatementPromptAmount span{color:#a32734;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.reinstatementPromptAmount b{font-size:30px;line-height:1}.reinstatementPromptBreakdown>span{display:grid;gap:5px;padding:12px;border:1px solid #d9e3ef;border-radius:12px;background:#f7f9fc;color:#66788f;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.reinstatementPromptBreakdown>span b{color:#11233d;font-size:17px;letter-spacing:0;text-transform:none}.reinstatementPromptDialog .dialogFooter{justify-content:center;gap:9px}.reinstatementPromptDialog .dialogFooter .btn{min-width:140px}
@media(max-width:520px){.reinstatementPromptDialog .dialogFooter{display:grid}.reinstatementPromptDialog .dialogFooter .btn{width:100%}}

/* ========================================================================
   Tactical Guardian R17 — entitlement, billing, recovery, support priority
   ======================================================================== */
.badge.lite-degraded,.badge.lite_degraded{
  border:1px solid #efb6bd!important;background:#fff0f2!important;color:#a31c2d!important;
  white-space:nowrap!important
}
.badge.reinstatement{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;max-width:max-content!important;padding:5px 9px!important;border:1px solid #c5b7f7!important;
  border-radius:999px!important;background:#f2efff!important;color:#5d39b8!important;font-size:9px!important;
  font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap!important
}
.maintenanceGlowAction{
  box-shadow:0 0 0 4px rgba(49,87,237,.10),0 10px 26px rgba(49,87,237,.30)!important;
  animation:tgMaintenanceGlow 2.2s ease-in-out infinite
}
@keyframes tgMaintenanceGlow{0%,100%{box-shadow:0 0 0 4px rgba(49,87,237,.10),0 10px 26px rgba(49,87,237,.22)}50%{box-shadow:0 0 0 8px rgba(49,87,237,.07),0 14px 34px rgba(49,87,237,.38)}}
.customerMaintenancePrice{display:grid;gap:2px;justify-items:end}.customerMaintenancePrice small{color:#8c5060;font-size:10px;font-weight:800}.customerMaintenancePrice b{font-size:16px}

/* Recovery prompt: true centered hierarchy and a checkout-consistent amount. */
.reinstatementPromptDialog .dialogHead,.reinstatementPromptDialog .dialogBody{text-align:center!important}
.reinstatementPromptDialog .dialogFooter{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}
.reinstatementPromptDialog .dialogFooter .btn{min-width:150px!important}
.reinstatementPromptAmount{justify-items:center!important}
.reinstatementPromptAmount small{margin-top:5px;color:#08713a;font-weight:850}
.reinstatementPromptBreakdown{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:590px;margin-inline:auto;width:100%}
.reinstatementPromptBreakdown>span{text-align:center!important;justify-items:center!important}
.maintenanceCustomerBreakdown{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.maintenanceDiscountFact{background:#effaf3!important;border-color:#b8e1c7!important}.maintenanceCheckoutFact{background:#eef2ff!important;border-color:#cbd7ff!important}

/* Billing order filters and list hierarchy. */
.billingOrderFilters{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;margin:0 0 13px!important;padding:9px 10px!important;border:1px solid #dce5f0!important;border-radius:13px!important;background:#f8fafc!important}
.billingOrderFilterLabel{margin-right:3px;color:#64758c;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.billingOrderFilters a{min-height:31px!important;padding:7px 12px!important;border:1px solid #d5dfec!important;border-radius:999px!important;background:#fff!important;color:#19304d!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important}
.billingOrderFilters a.active{border-color:#0a1c34!important;background:#0a1c34!important;color:#fff!important;box-shadow:0 7px 16px rgba(10,28,52,.16)!important}

/* Order modal: dates remain readable, reinstatement stays outside reconciliation. */
.billingOrderDetail{width:min(1040px,calc(100vw - 24px))!important}
.billingOrderDetail .dialogBody{padding:20px!important}
.billingDetailGrid{grid-template-columns:minmax(255px,320px) minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.billingOrderFacts{min-width:0!important;padding:17px!important}
.billingOrderFacts .definitionList>div{display:grid!important;grid-template-columns:minmax(100px,.8fr) minmax(125px,1.2fr)!important;align-items:start!important;gap:11px!important;padding:11px 0!important}
.billingOrderFacts .definitionList dt{min-width:0!important}.billingOrderFacts .definitionList dd{min-width:0!important;text-align:left!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.45!important}
.billingActionPanels{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.billingActionPanels>.billingMiniPanel,.billingActionPanels>form{min-width:0!important}
.reinstatementOrderPanel{border-color:#c9bcf4!important;background:linear-gradient(145deg,#faf8ff,#f2efff)!important}
.billingOrderTitleRow h2{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.billingOrderDeleteFooter{justify-content:center!important;border-top:1px solid #dce5ef!important;background:#fbfcfe!important}
.orderDeleteDetails{width:min(560px,100%)!important;text-align:center!important}.orderDeleteDetails>summary{list-style:none!important;cursor:pointer!important;margin:auto!important;max-width:180px!important}.orderDeleteDetails>summary::-webkit-details-marker{display:none}
.orderDeleteForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;margin-top:12px!important;padding:12px!important;border:1px solid #efb8bd!important;border-radius:12px!important;background:#fff4f5!important;text-align:left!important}.orderDeleteForm label{display:grid;gap:5px;font-weight:850}.orderDeleteForm input{width:100%}

/* Refund cards: denser, clearer, and never auto-open an empty detail panel. */
[data-refund-detail][hidden],.refundDetailPanel[hidden],.refundProviderDetails[hidden]{display:none!important}
.refundActivityList{gap:10px!important}
.refundActivityRow{grid-template-columns:minmax(220px,1.25fr) minmax(220px,.9fr) auto minmax(130px,.55fr)!important;gap:18px!important;padding:15px 17px!important;min-height:96px!important;align-items:center!important}
.refundActivityIdentity{gap:4px!important}.refundActivityIdentity>b{font-size:15px!important}.refundActivityIdentity>span{color:#50647d;font-size:11px}
.refundActivityFacts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.refundActivityFacts>span{display:grid;gap:3px;padding:8px 10px;border-left:2px solid #d8e2ef}.refundActivityFacts small{color:#6d7e93;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.refundActivityFacts b{font-size:11px;line-height:1.35}
.refundActivityBadges{justify-content:flex-start!important;align-content:center!important}.refundActivityAmount{gap:4px!important}
.billingHistoryGrid{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr)!important;gap:14px!important}.refundHistoryLink{grid-template-columns:minmax(0,1fr) auto!important;padding:10px 12px!important;min-height:86px!important}.refundHistoryBadges{align-items:center!important}.refundHistoryOpen{align-self:center!important}
.refundDetailPanel{scroll-margin-top:14px!important}

/* Maintenance account details: prevent collapsed/crushed control/history blocks. */
.maintenanceAccountDetail{width:min(1040px,calc(100vw - 24px))!important;max-height:min(92vh,980px)!important}
.maintenanceDetailBody{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;overflow-x:hidden!important}
.maintenanceDetailHero{min-height:126px!important}
.maintenanceDetailGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.maintenanceDetailGrid>.billingMiniPanel{min-height:310px!important}
.maintenanceOverridePanel,.maintenanceHistoryPanel{display:block!important;visibility:visible!important;opacity:1!important;min-height:150px!important;height:auto!important;overflow:visible!important;padding:17px!important}
.maintenanceOverridePanel .splitHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important}.maintenanceOverridePanel .splitHead>div{min-width:0!important}
.maintenanceOverrideForm{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;margin-top:14px!important;align-items:stretch!important}
.maintenanceOverrideChoice{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:9px!important;min-height:108px!important;padding:13px!important;border:1px solid #d6e1ee!important;border-radius:13px!important;background:#fff!important}
.maintenanceOverrideChoice span{display:grid;gap:4px}.maintenanceOverrideChoice small{color:#687a91;line-height:1.45}
.maintenanceCustomTotal,.maintenanceOverrideForm .spanAll,.maintenanceOverrideForm>.btn{grid-column:1/-1!important}.maintenanceOverrideForm>.btn{justify-self:center!important;min-width:240px!important}
.maintenanceHistoryPanel{min-height:180px!important}.maintenanceTimeline>article{min-height:78px!important}
.maintenanceStatusPill,.rolePill{flex:0 0 auto!important;align-self:flex-start!important;white-space:nowrap!important;max-width:max-content!important}
.maintenanceAccountActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;min-width:188px!important}.maintenanceAccountActions .btn{width:100%!important;min-width:0!important}
.maintenanceAccountsTable td{vertical-align:middle!important}

/* License attached billing distinguishes one purchase from any recovery payments. */
.licenseBillingList>article.isReinstatement{border-color:#cec2f6!important;background:#faf8ff!important}.licenseBillingList>article.isReinstatement .actions{align-items:center!important}

/* Customer insights centered 5-up metric set. */
.customerInsightStats{grid-template-columns:repeat(5,minmax(0,1fr))!important;justify-content:center!important;align-items:stretch!important}.customerInsightStats>article{min-width:0!important;justify-content:center!important}.customerDegradedMetric{background:#fff6f7!important}

/* Customer profile support records use the available space. */
.customerRecentTickets{display:grid!important;gap:10px!important}.customerTicketCard{display:grid!important;grid-template-columns:minmax(240px,1.2fr) minmax(360px,1fr) auto!important;align-items:center!important;gap:18px!important;padding:15px 16px!important;border:1px solid #d9e3ef!important;border-radius:14px!important;background:#fff!important}.customerTicketIdentity{display:grid;gap:4px}.customerTicketIdentity h3,.customerTicketIdentity p{margin:0}.customerTicketIdentity p{color:#64758d}.customerTicketFacts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.customerTicketFacts>span{display:grid;gap:3px;padding:8px;border-left:2px solid #dae4ef}.customerTicketFacts small{font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#6b7d93}.customerTicketFacts b{font-size:10px;overflow-wrap:anywhere}.customerTicketLinks{display:grid;justify-items:end;gap:5px;color:#66788f;font-size:10px}

/* Plan-prioritized support queues and overview counts. */
.supportTierTabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:12px 18px!important;border-bottom:1px solid #dce5ef!important;background:#f8fafc!important}.supportTierTabs a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;border:1px solid #d6e1ee!important;border-radius:12px!important;background:#fff!important;color:#16304f!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important}.supportTierTabs a b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:999px;background:#edf2f8}.supportTierTabs a.active{border-color:#0b1d36!important;background:#0b1d36!important;color:#fff!important}.supportTierTabs a.active b{background:#fff;color:#0b1d36}
.supportQueueRow.isProPriority{border-left:5px solid #3157ed!important}.supportQueueRow.isLiteSupport{border-left:5px solid #cbd5e1!important}.supportPlanLine{margin-bottom:3px}.supportTierBreakdown{display:block;margin-top:3px;color:#687991;font-size:9px}.supportHealthTile small{display:block;margin-top:4px;color:inherit;font-size:10px}

/* Collaboration cards use the entire row instead of compressing all metadata. */
.compactThreadList{display:grid!important;gap:11px!important}.compactThreadCard{width:100%!important}.compactThreadSummary{display:grid!important;grid-template-columns:auto minmax(220px,1.15fr) minmax(330px,.95fr) auto!important;align-items:center!important;gap:18px!important;min-height:112px!important;padding:16px 17px!important}.threadSummaryCopy{display:grid!important;gap:4px!important;min-width:0!important}.threadSummaryCopy h3,.threadSummaryCopy p{margin:0!important}.threadSummaryMeta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.threadSummaryMeta>span{display:grid;gap:3px;padding:8px 9px;border-left:2px solid #d9e3ef}.threadSummaryMeta small{color:#6c7d93;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.threadSummaryMeta b{font-size:10px;overflow-wrap:anywhere}.threadSummarySide{justify-self:end!important}

/* Mobile title/card alignment requested on customer dashboard. */
@media(max-width:900px){
 .refundActivityRow{grid-template-columns:1fr 1fr!important}.refundActivityBadges,.refundActivityAmount{justify-content:flex-start!important;justify-items:start!important;text-align:left!important}.refundActivityAmount{grid-column:2}
 .billingDetailGrid{grid-template-columns:1fr!important}.billingActionPanels{grid-template-columns:1fr!important}.billingHistoryGrid{grid-template-columns:1fr!important}
 .maintenanceOverrideForm{grid-template-columns:1fr!important}.maintenanceOverrideChoice,.maintenanceCustomTotal,.maintenanceOverrideForm .spanAll,.maintenanceOverrideForm>.btn{grid-column:1!important}.maintenanceDetailGrid{grid-template-columns:1fr!important}.maintenanceDetailGrid>.billingMiniPanel{min-height:0!important}
 .customerInsightStats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.customerTicketCard{grid-template-columns:1fr!important}.customerTicketLinks{justify-items:start!important}.customerTicketFacts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .compactThreadSummary{grid-template-columns:auto minmax(0,1fr) auto!important}.threadSummaryMeta{grid-column:2/-1!important}.supportTierTabs{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 .reinstatementPromptDialog .dialogHead h2,.reinstatementPromptDialog .dialogHead p,.customerCommandHero,.dashboardLicensesCard .cardHead,.dashboardSupportCard .cardHead{text-align:center!important}.customerCommandHero>div,.dashboardLicensesCard .cardHead>div,.dashboardSupportCard .cardHead>div{width:100%!important}.reinstatementPromptDialog .dialogFooter{display:grid!important;width:100%!important}.reinstatementPromptDialog .dialogFooter .btn{width:100%!important}.reinstatementPromptBreakdown{grid-template-columns:1fr!important}
 .customerMaintenanceBannerActions{justify-content:center!important;text-align:center!important}.customerMaintenancePrice{justify-items:center!important}
 .billingOrderFilters{justify-content:center!important}.billingOrderFilterLabel{width:100%;text-align:center}.billingOrderFilters a{flex:1 1 calc(50% - 7px)!important;text-align:center!important}
 .refundActivityRow{grid-template-columns:1fr!important}.refundActivityFacts,.refundActivityAmount{grid-column:1!important}.refundActivityFacts{grid-template-columns:1fr 1fr!important}.refundHistoryLink{grid-template-columns:1fr!important}
 .orderDeleteForm{grid-template-columns:1fr!important}.billingOrderFacts .definitionList>div{grid-template-columns:1fr!important}.billingOrderFacts .definitionList dd{text-align:left!important}
 .maintenanceAccountActions{grid-template-columns:1fr!important;min-width:130px!important}.customerInsightStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customerTicketFacts{grid-template-columns:1fr!important}
 .compactThreadSummary{grid-template-columns:auto minmax(0,1fr)!important}.threadSummaryMeta{grid-column:1/-1!important;grid-template-columns:1fr!important}.threadSummarySide{grid-column:1/-1!important;justify-self:stretch!important;display:flex!important;justify-content:space-between!important}
}
@media(max-width:420px){.customerInsightStats{grid-template-columns:1fr!important}.refundActivityFacts{grid-template-columns:1fr!important}}

/* TG R18 maintenance, collaboration, recovery checkout, and compact billing fixes */
.badge.reinstatement{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:132px!important;
  min-height:24px!important;
  padding:4px 9px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:8px!important;
  letter-spacing:.045em!important;
}
.billingOrderFacts{min-width:320px!important}
.billingOrderFacts .definitionList>div{grid-template-columns:minmax(118px,.9fr) minmax(170px,1.25fr)!important}
.billingOrderFacts .definitionList dd{overflow-wrap:normal!important;word-break:normal!important}
.billingOrderFacts .definitionList>div:nth-last-child(-n+3) dd{font-variant-numeric:tabular-nums}

.maintenanceAccountsCard .maintenanceAccountActions{display:flex!important;min-width:0!important;justify-content:flex-end!important}
.maintenanceRecoveryHistoryCard{margin-top:14px!important}
.maintenanceRecoveryHistoryList{display:grid;gap:10px}
.maintenanceRecoveryHistoryItem{
  display:grid;
  grid-template-columns:minmax(235px,1.05fr) minmax(420px,1.6fr) auto;
  gap:18px;
  align-items:center;
  padding:15px 16px;
  border:1px solid #d8e3ef;
  border-radius:14px;
  background:#fff;
}
.maintenanceRecoveryIdentity{display:grid;gap:4px;min-width:0}
.maintenanceRecoveryIdentity h3,.maintenanceRecoveryIdentity p{margin:0}
.maintenanceRecoveryIdentity p{color:#667990;line-height:1.4}
.maintenanceRecoveryFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.maintenanceRecoveryFacts>span{display:grid;gap:4px;min-width:0;padding:8px 10px;border-left:2px solid #dce5ef}
.maintenanceRecoveryFacts small{color:#6c7d92;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.maintenanceRecoveryFacts b{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.maintenanceRecoveryActions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.maintenanceRecoveryActions .btn{min-width:76px}
.maintenanceStatePill.is-current{border:1px solid #a9dfbf!important;background:#eaf9f0!important;color:#0b7b42!important}

.maintenanceAccountDetail{
  display:flex!important;
  flex-direction:column!important;
  width:min(1040px,calc(100vw - 28px))!important;
  max-height:min(92vh,980px)!important;
  overflow:hidden!important;
}
.maintenanceAccountDetail>.dialogHead{flex:0 0 auto!important}
.maintenanceAccountDetail>.maintenanceDetailBody{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  gap:14px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding-bottom:22px!important;
}
.maintenanceDetailHero{min-height:0!important;height:auto!important;flex:0 0 auto!important}
.maintenanceDetailGrid{align-items:start!important}
.maintenanceDetailGrid>.billingMiniPanel{min-height:0!important;height:auto!important}
.maintenanceOverridePanel,.maintenanceHistoryPanel{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
.maintenanceOverrideForm{align-items:start!important}
.maintenanceOverrideChoice{min-height:0!important;height:100%!important}
.maintenanceTimeline{display:grid!important;gap:9px!important;max-height:none!important;overflow:visible!important}
.maintenanceTimeline>article{min-height:0!important;height:auto!important;padding:13px 14px!important}
.maintenanceDetailDialog .dialogFooter{display:none!important}

/* Collaboration: compact related ticket, balanced list cards, and properly padded assignment select. */
.route-tg-admins-collaboration .compactThreadList{gap:12px!important}
.route-tg-admins-collaboration .compactThreadCard{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d8e3ef!important;
  border-radius:15px!important;
  background:#fff!important;
}
.route-tg-admins-collaboration .compactThreadSummary{
  display:grid!important;
  grid-template-columns:48px minmax(250px,1.25fr) minmax(360px,1fr) 94px!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
  min-height:0!important;
  padding:15px 16px!important;
  box-sizing:border-box!important;
}
.route-tg-admins-collaboration .compactThreadSummary>.profileAvatar{width:42px!important;height:42px!important;margin:0!important}
.route-tg-admins-collaboration .threadSummaryCopy{min-width:0!important}
.route-tg-admins-collaboration .threadSummaryCopy h3{font-size:15px!important;line-height:1.25!important}
.route-tg-admins-collaboration .threadSummaryCopy p{font-size:10px!important;line-height:1.4!important;color:#64758d!important}
.route-tg-admins-collaboration .threadSummaryMeta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  min-width:0!important;
}
.route-tg-admins-collaboration .threadSummaryMeta>span{min-width:0!important;padding:7px 8px!important;border-left:2px solid #dbe5ef!important}
.route-tg-admins-collaboration .threadSummaryMeta b{font-size:10px!important;line-height:1.35!important}
.route-tg-admins-collaboration .threadSummarySide{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}
.route-tg-admins-collaboration .threadSummarySide .badge{flex:0 0 auto!important;max-width:70px!important}
.route-tg-admins-collaboration .threadChevron{flex:0 0 32px!important;width:32px!important;height:32px!important}
.threadDetailDialog .threadDialogBody{display:flex!important;flex-direction:column!important;gap:12px!important}
.threadDetailDialog .compactTicketContext{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:0!important;
  height:auto!important;
  padding:11px 13px!important;
  border-radius:13px!important;
  background:#f7f9fd!important;
}
.threadTicketIdentity{display:grid!important;gap:3px!important;min-width:0!important}
.threadTicketIdentity span{font-size:8px!important;line-height:1.2!important}
.threadTicketIdentity b{font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.threadTicketControls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important}
.threadTicketControls .btn{min-height:34px!important;padding:7px 12px!important}
.threadAssignmentPanel{padding:13px 14px!important}
.threadAssignmentControls{grid-template-columns:minmax(260px,1fr) auto auto!important;gap:8px!important}
.threadAssignmentSelect select{
  width:100%!important;
  padding-left:14px!important;
  padding-right:38px!important;
  text-indent:0!important;
  line-height:1.2!important;
}
.threadAssignmentSelect select option{padding-left:8px!important}

/* Reinstatement-specific completion page: no first-purchase onboarding language. */
.reinstatementSuccessShell .checkoutSuccessCard{border-color:#b9d8c8!important}
.reinstatementSuccessShell .successMark{background:#e5f8ed!important;color:#087a43!important}
.reinstatementNextSteps{display:grid!important;gap:8px!important}
.reinstatementNextSteps p{margin:0!important;line-height:1.55!important}

@media(max-width:1050px){
  .maintenanceRecoveryHistoryItem{grid-template-columns:1fr!important;gap:12px!important}
  .maintenanceRecoveryFacts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .maintenanceRecoveryActions{justify-content:flex-start!important}
  .route-tg-admins-collaboration .compactThreadSummary{grid-template-columns:48px minmax(0,1fr) 90px!important}
  .route-tg-admins-collaboration .threadSummaryMeta{grid-column:2/4!important}
}
@media(max-width:700px){
  .billingOrderFacts{min-width:0!important}
  .billingOrderFacts .definitionList>div{grid-template-columns:1fr!important}
  .maintenanceRecoveryFacts{grid-template-columns:1fr!important}
  .maintenanceRecoveryActions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .route-tg-admins-collaboration .compactThreadSummary{grid-template-columns:42px minmax(0,1fr)!important;padding:13px!important}
  .route-tg-admins-collaboration .compactThreadSummary>.profileAvatar{width:38px!important;height:38px!important}
  .route-tg-admins-collaboration .threadSummaryMeta{grid-column:1/-1!important;grid-template-columns:1fr!important}
  .route-tg-admins-collaboration .threadSummarySide{grid-column:1/-1!important;justify-content:space-between!important}
  .threadDetailDialog .compactTicketContext{align-items:stretch!important;flex-direction:column!important}
  .threadTicketControls{justify-content:flex-start!important}
  .threadAssignmentControls{grid-template-columns:1fr!important}
  .threadAssignmentControls .btn{width:100%!important}
}

/* TG R19 searchable billing, effective plan state, and compact activity labels. */
.billingOrderSearch{display:flex;align-items:end;gap:9px;margin-bottom:12px;padding:12px;border:1px solid #dce5ef;border-radius:13px;background:#f8fafc}
.billingOrderSearch .grow{flex:1 1 420px}.billingOrderSearch .btn{flex:0 0 auto}
.billingOrderFilterLabel{align-self:center;margin-right:3px;color:#60728a;font-size:9px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.customerDirectoryFilters{align-items:end!important;gap:10px!important}.customerDirectoryFilters .grow{flex:1 1 420px!important}.customerPlanFilterField{min-width:190px}
.customerInsightPlanFilter{display:flex;align-items:center;gap:8px;margin-left:auto}.customerInsightPlanFilter label{color:#60728a;font-size:9px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.customerInsightPlanFilter select{min-width:170px}
.licenseEffectivePlanNotice{display:flex;align-items:flex-start;gap:7px;margin-top:7px!important;line-height:1.45!important}.badge.liteDegraded{background:#fff0f1!important;border-color:#f0b7bd!important;color:#a61f2d!important;white-space:nowrap!important}
.recentOrderTypeNote,.recentOrderRefund{display:block;margin-top:4px;line-height:1.35}.recentOrderRefund{color:#a61f2d;font-size:10px;font-weight:850}.badge.upgrade{background:#eef2ff!important;border-color:#c8d1ff!important;color:#294dcc!important}
@media(max-width:760px){.billingOrderSearch,.customerDirectoryFilters{display:grid!important;grid-template-columns:1fr!important}.billingOrderSearch .btn,.customerDirectoryFilters .btn{width:100%!important}.customerPlanFilterField{min-width:0!important}.customerInsightPlanFilter{width:100%;margin-left:0;justify-content:space-between}.customerInsightPlanFilter select{flex:1;min-width:0}}

/* R20 billing activity classification */
.billingActivityCell{min-width:190px}.billingActivityCell>.badge{display:inline-flex;margin-bottom:5px}.billingActivityCell>small{display:block;line-height:1.35}

/* R24 Operations Intelligence */
.opsIntelHero{margin-bottom:16px;background:linear-gradient(135deg,#fff 0%,#f4f7ff 100%)}
.opsIntelHero .cardHead{padding:28px}.opsIntelHero h1{max-width:850px;margin:7px 0 8px;font-size:clamp(27px,3.2vw,42px);line-height:1.05}
.opsIntelMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.opsIntelMetric{min-height:112px;padding:17px 18px;border:1px solid #d8e1ee;border-radius:17px;background:#fff;box-shadow:0 12px 28px rgba(20,40,78,.06);display:grid;align-content:center;gap:3px}
.opsIntelMetric span{color:#31506e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.opsIntelMetric b{font-size:29px;line-height:1}.opsIntelMetric small{color:#65778c}
.opsIntelMetric.is-alert{border-color:#efb6bd;background:linear-gradient(135deg,#fff,#fff2f3)}.opsIntelMetric.is-watch{border-color:#efd89a;background:linear-gradient(135deg,#fff,#fff9e9)}
.opsIntelTabs{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:0 0 16px;padding:8px;border:1px solid #d8e1ee;border-radius:15px;background:#fff;box-shadow:0 10px 26px rgba(20,40,78,.05)}
.opsIntelTabs a{padding:10px 14px;border-radius:10px;color:#243b58;text-decoration:none;font-weight:800;font-size:13px}.opsIntelTabs a:hover{background:#eef3fa}.opsIntelTabs a.active{background:#091a33;color:#fff;box-shadow:0 8px 18px rgba(9,26,51,.2)}
.opsIntelPanel{margin-bottom:18px}.opsIntelPanel>.cardHead{padding:22px 24px}.opsIntelPanel>.cardBody{padding:20px 24px 24px}.opsIntelPanel .splitHead{align-items:center}.opsIntelFilters{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.opsExceptionList,.opsEventList,.opsRefundList{display:grid;gap:12px}.opsExceptionItem{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:20px;padding:19px;border:1px solid #d9e2ee;border-left:5px solid #8aa1bb;border-radius:16px;background:#fbfdff}.opsExceptionItem.severity-critical{border-left-color:#c51f33;background:#fff7f8}.opsExceptionItem.severity-high{border-left-color:#e15b42;background:#fffaf6}.opsExceptionItem.severity-medium{border-left-color:#d79a20}.opsExceptionItem.severity-low{border-left-color:#5f86b2}
.opsExceptionTitle{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.opsExceptionTitle h3{margin:0;font-size:18px}.opsExceptionMain>p{margin:10px 0;color:#53677f;line-height:1.55}.opsExceptionMeta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#687b91;font-size:12px}.opsExceptionMeta span{display:grid}.opsExceptionMeta b{color:#1a304c}.opsExceptionLinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.opsExceptionLinks a{font-weight:800;text-decoration:none}.opsExceptionActions{display:grid;align-content:start;gap:10px}.opsResolveForm{display:grid;grid-template-columns:1fr auto;gap:7px}.opsResolveForm input{min-width:0}.opsResolution{padding:12px;border-radius:12px;background:#edf9f2;display:grid;gap:3px}.opsResolution span{font-size:12px;color:#4d6e5b}
.healthScoreRing{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:5px solid #cbd7e8;background:#fff;font-size:17px;font-weight:900}.health-healthy .healthScoreRing{border-color:#5bc98a}.health-watch .healthScoreRing{border-color:#e3b84a}.health-risk .healthScoreRing{border-color:#ed835e}.health-critical .healthScoreRing{border-color:#d74150}.opsHealthTable td:first-child{text-align:center}
.opsEventItem{border:1px solid #d9e2ee;border-radius:14px;background:#fff;overflow:hidden}.opsEventItem summary{cursor:pointer;display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(220px,auto) auto;align-items:center;gap:10px;padding:14px 16px;list-style:none}.opsEventItem summary::-webkit-details-marker{display:none}.opsEventItem[open] summary{border-bottom:1px solid #d9e2ee;background:#f7faff}.opsEventItem code{font-size:11px;overflow-wrap:anywhere}.opsEventItem time{color:#63768d;font-size:12px}.opsEventBody{padding:16px}.opsEventFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.opsEventFacts span{padding:10px;border:1px solid #e0e7f0;border-radius:11px;display:grid;gap:3px}.opsEventFacts small{color:#66798f;text-transform:uppercase;font-weight:800;font-size:10px}.opsEventFacts b{overflow-wrap:anywhere}.opsEventBody pre{max-height:380px;overflow:auto;padding:14px;border-radius:12px;background:#07162c;color:#d8e7ff;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.opsErrorBox{margin-bottom:12px;padding:12px;border:1px solid #efb6bd;border-radius:11px;background:#fff0f2;color:#9c1d2d;font-weight:700}.opsReplayForm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.opsReplayForm span{font-size:12px;color:#66798f}
.opsSectionTitle{margin:4px 0 12px}.opsSectionTitle:not(:first-child){margin-top:24px}.opsRefundItem{display:grid;grid-template-columns:minmax(230px,1fr) minmax(420px,1.4fr) auto;gap:18px;align-items:center;padding:16px;border:1px solid #d9e2ee;border-radius:15px;background:#fff}.opsRefundItem.is-dispute{border-color:#efb5bc;background:#fff7f8}.opsRefundItem h3{margin:7px 0 3px}.opsRefundItem p{margin:0;color:#61758d}.opsRefundFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.opsRefundFacts span{display:grid;gap:3px}.opsRefundFacts small{font-size:10px;text-transform:uppercase;font-weight:800;color:#71839a}.opsRefundFacts b{font-size:12px;line-height:1.4}
.opsSlaSummary{display:flex;gap:10px;flex-wrap:wrap}.opsSlaSummary span{padding:10px 13px;border:1px solid #d8e1ee;border-radius:12px;background:#fff;display:flex;align-items:center;gap:6px}.sla-breached{background:#fff4f5}.sla-warning{background:#fffaf0}
.opsRecoveryMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.opsRecoveryMetrics>div{padding:15px;border:1px solid #d9e2ee;border-radius:14px;background:linear-gradient(135deg,#fff,#f6f9fd);display:grid;gap:6px;text-align:center}.opsRecoveryMetrics span{font-size:11px;text-transform:uppercase;font-weight:800;color:#667a91}.opsRecoveryMetrics b{font-size:22px}
.opsReportBuilder{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin-bottom:22px}.opsReportScheduleForm,.opsReportNow{padding:16px;border:1px solid #d9e2ee;border-radius:15px;background:#f9fbfe}.opsReportScheduleForm{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.opsReportScheduleForm .grow{grid-column:span 2}.opsReportScheduleForm .checkRow{align-self:center}.opsReportNow form{display:grid;gap:10px}.opsReportNow .btn{margin-top:10px}.opsReportGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.opsReportGrid>div{min-width:0}.opsReportItem,.opsReportRun{display:flex;justify-content:space-between;gap:14px;padding:13px;border:1px solid #d9e2ee;border-radius:13px;background:#fff;margin-bottom:9px}.opsReportItem h4{margin:6px 0 3px}.opsReportItem p,.opsReportRun small{margin:0;color:#63768d}.opsReportItem>div:last-child{display:grid;text-align:right;gap:2px}.opsReportRun{align-items:center;justify-content:flex-start}.opsReportRun>div{display:grid;gap:3px}.opsCronNote{margin-top:18px;padding:14px;border:1px solid #b9d6c6;border-radius:13px;background:#effaf4;display:grid;gap:5px}.opsCronNote code{overflow-wrap:anywhere;color:#153e2b}.opsCronNote span{color:#4f6d5d;font-size:12px}
.maintenanceRecoveryActions form{margin:0}.maintenanceRecoveryActions .btn.red{white-space:nowrap}.maintenanceRecoveryHistoryItem{align-items:center}
@media(max-width:1180px){.opsIntelMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.opsRecoveryMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.opsReportScheduleForm{grid-template-columns:repeat(3,minmax(0,1fr))}.opsRefundItem{grid-template-columns:1fr}.opsEventItem summary{grid-template-columns:auto 1fr}.opsEventItem summary code,.opsEventItem summary time{grid-column:2}}
@media(max-width:900px){.opsIntelMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.opsExceptionItem{grid-template-columns:1fr}.opsEventFacts,.opsRefundFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.opsReportBuilder,.opsReportGrid{grid-template-columns:1fr}.opsReportScheduleForm{grid-template-columns:repeat(2,minmax(0,1fr))}.opsReportScheduleForm .grow{grid-column:span 2}}
@media(max-width:640px){.opsIntelHero .cardHead,.opsIntelPanel>.cardHead,.opsIntelPanel>.cardBody{padding:17px}.opsIntelMetrics,.opsRecoveryMetrics{grid-template-columns:1fr}.opsIntelMetric{min-height:92px;text-align:center}.opsIntelTabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.opsIntelTabs a{white-space:nowrap}.opsIntelFilters{justify-content:center}.opsEventFacts,.opsRefundFacts,.opsReportScheduleForm{grid-template-columns:1fr}.opsReportScheduleForm .grow{grid-column:auto}.opsResolveForm{grid-template-columns:1fr}.opsEventItem summary{grid-template-columns:auto 1fr}.opsExceptionActions .btn,.opsReplayForm .btn{width:100%}.opsRefundItem>.btn{width:100%}.opsSlaSummary{justify-content:center}.opsReportItem{flex-direction:column}.opsReportItem>div:last-child{text-align:left}.maintenanceRecoveryActions{justify-content:center}}
.maintenanceRecoveryDelete{position:relative}.maintenanceRecoveryDelete>summary{list-style:none;cursor:pointer;display:inline-flex}.maintenanceRecoveryDelete>summary::-webkit-details-marker{display:none}.maintenanceRecoveryDelete[open] form{position:absolute;right:0;top:calc(100% + 8px);z-index:10;width:285px;padding:13px;border:1px solid #efb6bd;border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(35,25,35,.18);display:grid;gap:10px}.maintenanceRecoveryDelete form label{display:grid;gap:6px;font-size:11px;font-weight:800}.maintenanceRecoveryDelete form input{width:100%}.maintenanceRecoveryActions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
@media(max-width:700px){.maintenanceRecoveryDelete[open] form{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}.maintenanceRecoveryActions{justify-content:center}}

/* R24 customer refund request workflow */
.customerRefundRequestBody{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
  gap:18px;
  align-items:start;
}
.customerRefundRequestHistory,
.customerRefundEligibleOrders{min-width:0}
.customerRefundRequestHistory>h3,
.customerRefundEligibleOrders>h3{margin:0 0 12px}
.customerRefundRequestHistory article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px 14px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line,#dbe4f0);
  border-radius:14px;
  background:#f8fbff;
  margin-bottom:10px;
}
.customerRefundRequestHistory article div{display:flex;flex-direction:column;gap:3px;min-width:0}
.customerRefundRequestHistory article p,
.customerRefundReviewNote{grid-column:1/-1;margin:0;color:var(--muted,#64748b)}
.customerRefundRequestOrder{
  border:1px solid var(--line,#dbe4f0);
  border-radius:15px;
  background:#fff;
  margin-bottom:10px;
  overflow:hidden;
}
.customerRefundRequestOrder summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
}
.customerRefundRequestOrder summary::-webkit-details-marker{display:none}
.customerRefundRequestOrder summary span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.customerRefundRequestForm{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  padding:16px;
  border-top:1px solid var(--line,#dbe4f0);
  background:#f8fbff;
}
.customerRefundRequestForm label{display:flex;flex-direction:column;gap:6px;font-weight:700}
.customerRefundRequestForm input,
.customerRefundRequestForm select,
.customerRefundRequestForm textarea{width:100%}
.customerRefundRequestForm textarea{min-height:96px;resize:vertical}
.customerRefundRequestForm .spanAll,
.customerRefundRequestForm .customerRefundMode{grid-column:1/-1}
.customerRefundMode{display:flex;flex-wrap:wrap;gap:10px 18px}
.customerRefundMode label{display:flex;flex-direction:row;align-items:center;gap:7px;font-weight:700}
.customerRefundMode input{width:auto}
.customerRefundPendingCopy{padding:14px 16px;border-top:1px solid var(--line,#dbe4f0);background:#fff8e6;color:#7a4c00;font-weight:700}
@media(max-width:900px){.customerRefundRequestBody{grid-template-columns:1fr}.customerRefundRequestForm{grid-template-columns:1fr}.customerRefundRequestForm .spanAll,.customerRefundRequestForm .customerRefundMode{grid-column:auto}}
@media(max-width:600px){.customerRefundRequestHistory article{grid-template-columns:1fr}.customerRefundRequestHistory article p,.customerRefundReviewNote{grid-column:auto}.customerRefundRequestOrder summary{align-items:flex-start;flex-direction:column}}

/* R24 Stripe payment-reference recovery */
.stripeReferenceRecoveryPanel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 16px;
  padding:15px 16px;
  border:1px solid #e8c86f;
  border-radius:14px;
  background:linear-gradient(135deg,#fffdf5,#fff8dd);
}
.stripeReferenceRecoveryPanel>div{display:grid;gap:4px;min-width:0}
.stripeReferenceRecoveryPanel strong{color:#5c4100;font-size:14px}
.stripeReferenceRecoveryPanel p{margin:0;color:#735d27;line-height:1.5}
.stripeReferenceRecoveryPanel form{margin:0;flex:0 0 auto}
.stripeReferenceRecoveryPanel .btn{white-space:nowrap}
@media(max-width:700px){
  .stripeReferenceRecoveryPanel{align-items:stretch;flex-direction:column}
  .stripeReferenceRecoveryPanel .btn{width:100%}
}

/* ================================================================
   R25 ADMIN WORKFLOW, INTELLIGENCE, BILLING, AND ACCESS POLISH
   ================================================================ */

/* Customer billing is a compact tabbed workspace instead of three long cards. */
.customerBillingTabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
  padding:10px;
  border:1px solid #d7e1ed;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(16,38,66,.07);
}
.customerBillingTabs a{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"icon title" "icon copy";
  gap:2px 11px;
  align-items:center;
  min-height:74px;
  padding:13px 15px;
  border:1px solid transparent;
  border-radius:14px;
  color:#203752;
  text-decoration:none;
  transition:.18s ease;
}
.customerBillingTabs a:hover{background:#f4f7fc;border-color:#d7e1ed;transform:translateY(-1px)}
.customerBillingTabs a.active{color:#fff;background:#0b1e38;border-color:#0b1e38;box-shadow:0 12px 24px rgba(10,28,53,.22)}
.customerBillingTabs a>span{grid-area:icon;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef3ff;color:#345cff}
.customerBillingTabs a.active>span{background:rgba(255,255,255,.14);color:#fff}
.customerBillingTabs svg{width:20px;height:20px}
.customerBillingTabs b{grid-area:title;font-size:14px}
.customerBillingTabs small{grid-area:copy;color:#6b7c91;line-height:1.35}
.customerBillingTabs a.active small{color:#d7e3f4}
.customerBillingTabs em{position:absolute;right:10px;top:9px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#3f63ff;color:#fff;font-size:11px;font-style:normal;font-weight:900}
.billingHistoryCard,.customerRefundRequestCard,.customerRefundHistoryCard{margin-bottom:18px}
.billingHistoryCard>.cardHead,.customerRefundRequestCard>.cardHead,.customerRefundHistoryCard>.cardHead{padding:20px 22px}
.billingHistoryCard>.cardBody,.customerRefundRequestCard>.cardBody,.customerRefundHistoryCard>.cardBody{padding:20px 22px 24px}
.customerRefundRequestBody{align-items:start}
.customerRefundRequestHistory,.customerRefundEligibleOrders{min-width:0}
.customerRefundRequestHistory>h3,.customerRefundEligibleOrders>h3{margin:0 0 12px}

/* Customer plan and period filters use clear professional pill bars. */
.adminPillFilterBar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:100%!important;
  margin:14px 0 4px!important;
  padding:8px!important;
  border:1px solid #d7e1ed!important;
  border-radius:14px!important;
  background:#f6f9fd!important;
}
.adminPillFilterLabel{padding:0 5px;color:#61748a;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.adminPillFilterBar a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid #d1dce9!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#17304d!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.adminPillFilterBar a:hover{border-color:#7896bc!important;background:#eef4fb!important}
.adminPillFilterBar a.active{border-color:#0b1e38!important;background:#0b1e38!important;color:#fff!important;box-shadow:0 8px 18px rgba(11,30,56,.17)!important}
.customerDirectoryFilters{align-items:end!important;gap:10px!important;margin-bottom:0!important}
.customerDirectoryFilters .field{min-width:240px}
.customerInsightsControlBar.customerInsightsPillControls{
  display:grid!important;
  grid-template-columns:minmax(210px,.7fr) minmax(320px,1.1fr) minmax(330px,1.25fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px!important;
}
.customerInsightsControlBar .adminPillFilterBar{margin:0!important}
.customerInsightsWindowSummary{padding:3px 8px}
.customerInsightsWindowSummary strong{font-size:15px}

/* Role SOP and customer identity verification dialogs. */
.adminLoginBriefingDialog .dialogPanel{width:min(860px,calc(100vw - 30px));max-height:min(820px,calc(100vh - 28px))}
.adminLoginBriefingPanel .dialogHead{padding:24px 26px 20px}
.adminBriefingBody{display:grid;gap:18px;padding:20px 26px 24px!important}
.adminQueueBrief{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid #bfd8c8;border-radius:15px;background:#f0fbf4}
.adminQueueBrief.has-work{border-color:#edc16d;background:#fff9e9}
.adminQueueBrief h3{margin:4px 0 3px}.adminQueueBrief p{margin:0;color:#60728a}
.adminSopGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adminSopGrid article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px;border:1px solid #d8e2ee;border-radius:14px;background:#fff}
.adminSopGrid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef3ff;color:#315cff;font-weight:900}
.adminSopGrid h3{margin:0 0 4px;font-size:15px}.adminSopGrid p{margin:0;color:#64768c;line-height:1.5}
.adminBriefingSecurityNote{display:grid;gap:4px;padding:14px 16px;border:1px solid #f0cf8f;border-radius:13px;background:#fff9eb;color:#654713}
.customerVerificationDialog .dialogPanel{width:min(600px,calc(100vw - 30px))}
.customerVerificationPanel .dialogBody{display:grid;gap:15px;padding:20px 24px 24px}
.customerVerificationPanel .verificationCodePanel{display:grid;gap:12px;padding:16px;border:1px solid #d8e2ee;border-radius:14px;background:#f8fbff}
.customerVerificationPanel input[inputmode="numeric"]{font-size:24px;letter-spacing:.28em;text-align:center;font-weight:900}

/* Flash and approval-code feedback stays visible in the current viewport. */
.flashStack{position:fixed!important;top:18px!important;left:50%!important;transform:translateX(-50%)!important;z-index:20050!important;width:min(760px,calc(100vw - 28px))!important;pointer-events:none}
.flashStack .flash{pointer-events:auto;box-shadow:0 18px 44px rgba(6,24,49,.22)!important;text-align:center!important}

/* License billing overview now includes refund intelligence. */
.licenseBillingOverviewCard>.cardBody{display:grid;gap:18px}
.licenseRefundOverview{display:grid;gap:13px;padding-top:18px;border-top:1px solid #dbe4ef}
.licenseRefundOverviewHead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.licenseRefundOverviewHead h3{margin:4px 0}.licenseRefundOverviewHead p{margin:0;color:#66788e;max-width:720px}
.licenseRefundOverviewList{display:grid;gap:10px}
.licenseRefundOverviewList article{display:grid;grid-template-columns:minmax(170px,.6fr) minmax(420px,1.6fr) auto;align-items:center;gap:16px;padding:14px 15px;border:1px solid #d8e2ee;border-radius:14px;background:#f9fbfe}
.licenseRefundOverviewList article>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.licenseRefundOverviewList article>div:first-child small{flex-basis:100%;color:#697b91}
.licenseRefundMeta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.licenseRefundMeta span{display:grid;gap:3px}.licenseRefundMeta small{font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#75869a}.licenseRefundMeta b{font-size:12px;line-height:1.35}
.supportLicenseReadOnlyGrid{gap:16px!important;align-items:start!important}.supportLicenseReadOnlyCard{min-height:0!important;height:auto!important}.supportLicenseReadOnlyCard .cardBody{min-height:0!important;padding:18px!important}.supportLicenseReadOnlyCard .empty{min-height:90px!important;display:grid!important;place-items:center!important;text-align:center!important}.readOnlyNotice{margin-bottom:16px!important}.pageActionBar{gap:8px!important;margin-bottom:14px!important}

/* Collaboration: spacious handoff cards, compact ticket context, aligned ownership controls. */
.teamRequestUnavailableNotice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:13px 15px;border:1px solid #edce8b;border-radius:13px;background:#fff9e9;color:#694d12}
.teamRequestUnavailableNotice b{white-space:nowrap}.teamRequestUnavailableNotice span{color:#765f32}
.compactThreadList{display:grid!important;gap:12px!important;padding:18px!important}
.compactThreadCard{border:1px solid #d7e1ed!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(16,38,66,.04)!important}
.compactThreadSummary{display:grid!important;grid-template-columns:auto minmax(230px,1.2fr) minmax(390px,1.5fr) auto!important;align-items:center!important;gap:18px!important;min-height:106px!important;padding:16px 18px!important;text-decoration:none!important;color:inherit!important}
.threadSummaryCopy h3{margin:3px 0!important}.threadSummaryCopy p{margin:0!important;color:#66788d!important}
.threadSummaryMeta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.threadSummaryMeta span{display:grid!important;gap:3px!important;padding-left:11px!important;border-left:1px solid #dce5ef!important}.threadSummaryMeta small{font-size:9px!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:900!important;color:#718299!important}.threadSummaryMeta b{font-size:12px!important;overflow-wrap:anywhere!important}
.threadSummarySide{display:flex!important;align-items:center!important;gap:9px!important}.threadChevron{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#eef3ff!important;color:#315cff!important}
.threadDetailDialog .dialogPanel{width:min(800px,calc(100vw - 30px))!important;max-height:min(900px,calc(100vh - 24px))!important}
.threadDialogBody{display:grid!important;gap:14px!important;padding:16px 20px 22px!important}
.compactTicketContext{min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:15px 16px!important;border-radius:14px!important}
.threadTicketIdentity{display:grid!important;gap:4px!important}.threadTicketIdentity span{font-size:10px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6f8197!important}.threadTicketControls{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.threadAssignmentPanel{padding:16px!important}.threadAssignmentControls{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:9px!important;align-items:center!important}.threadAssignmentSelect select{padding-left:13px!important;text-align:left!important}
.teamRequestDialog .dialogPanel{width:min(680px,calc(100vw - 30px))!important}

/* Operations Intelligence: professional cards instead of cramped spreadsheet output. */
.opsIntelPanel>.cardHead h2{max-width:900px}.opsIntelPanel>.cardHead p{max-width:950px}
.opsExceptionItem{grid-template-columns:minmax(0,1fr) minmax(260px,330px)!important;align-items:start!important;padding:20px!important}
.opsExceptionFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.opsExceptionFacts span{display:grid;gap:3px;padding:9px 10px;border-radius:10px;background:#fff}.opsExceptionFacts small{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#728399}.opsExceptionFacts b{font-size:11px;line-height:1.35}
.opsExceptionActions{display:grid;gap:10px!important}.opsExceptionActions form{margin:0}.opsResolveForm{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;border:1px solid #d5dfeb!important;border-radius:13px!important;background:#fff!important}.opsResolveForm label{display:grid!important;gap:6px!important}.opsResolveForm label>span{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#667a91}.opsResolveForm textarea{width:100%;min-height:92px;resize:vertical;padding:11px 12px;border:1px solid #cdd9e7;border-radius:10px;background:#f9fbfe;font:inherit;line-height:1.45}.opsResolveForm textarea:focus{outline:3px solid rgba(55,91,255,.13);border-color:#4e6fff}.opsDeleteOrderControl{padding:10px 11px;border:1px solid #f1c0c5;border-radius:12px;background:#fff6f7}.opsDeleteOrderControl summary{cursor:pointer;color:#ad2334;font-weight:900}.opsDeleteOrderControl form{display:grid;gap:8px;margin-top:10px}.opsDeleteOrderControl label{display:grid;gap:5px;font-size:11px}.opsDeleteOrderControl input{width:100%}
.opsHealthGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opsHealthCard{display:grid;gap:16px;padding:18px;border:1px solid #d8e2ee;border-top:4px solid #6e91ba;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(16,38,66,.05)}.opsHealthCard.health-healthy{border-top-color:#28a36a}.opsHealthCard.health-watch{border-top-color:#d8a027}.opsHealthCard.health-risk,.opsHealthCard.health-critical{border-top-color:#d1485a}.opsHealthCardHead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px}.opsHealthCardHead h3{margin:0 0 3px}.opsHealthCardHead p{margin:0;color:#687a90;line-height:1.4}.healthScoreRing{width:66px;height:66px;display:grid;place-items:center;align-content:center;border:4px solid #89a5c5;border-radius:50%;background:#f7faff}.healthScoreRing b{font-size:22px;line-height:1}.healthScoreRing small{font-size:9px;text-transform:uppercase;font-weight:900;color:#6a7d94}.health-healthy .healthScoreRing{border-color:#32aa74}.health-risk .healthScoreRing,.health-critical .healthScoreRing{border-color:#d75362}.opsHealthSignals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.opsHealthSignals span{display:grid;gap:3px;padding:10px;border:1px solid #e0e7ef;border-radius:11px;background:#f8fafd}.opsHealthSignals small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#718298}.opsHealthSignals b{font-size:12px}.opsHealthSignals em{font-size:10px;color:#687b92;font-style:normal}
.opsStripeList{display:grid;gap:13px}.opsStripeEvent{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(520px,1.9fr) auto;gap:17px;align-items:start;padding:17px;border:1px solid #d8e2ee;border-left:5px solid #7694b6;border-radius:15px;background:#fff}.opsStripeEvent.is-failed{border-left-color:#d54b5c;background:#fff8f9}.opsStripeEvent h3{margin:7px 0 4px}.opsStripeEvent p{margin:0;color:#61758d}.opsStripeFacts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.opsStripeFacts span{display:grid;gap:3px;padding:9px;border-radius:10px;background:#f7f9fc}.opsStripeFacts small{font-size:9px;font-weight:900;text-transform:uppercase;color:#718399}.opsStripeFacts b{font-size:10px;line-height:1.35;overflow-wrap:anywhere}.opsEventError{grid-column:1/-1;display:grid;gap:4px;padding:11px 13px;border:1px solid #efb8bf;border-radius:11px;background:#fff1f3;color:#882235}.opsStripeEvent details{grid-column:1/-1}.opsStripeEvent pre{max-height:280px;overflow:auto;padding:13px;border-radius:10px;background:#0b1d36;color:#e7f0ff;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.opsSubsectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:3px 0 13px}.opsSubsectionHead h3{margin:4px 0}.opsSubsectionHead p{margin:0;color:#687a90}.opsRefundRequestGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:25px}.opsRefundRequestGrid article{display:grid;gap:13px;padding:16px;border:1px solid #e6c677;border-radius:15px;background:#fffaf0}.opsRefundRequestGrid h3{margin:7px 0 3px}.opsRefundRequestGrid p{margin:0;color:#66798f}.opsRequestMessage{padding:11px 12px;border-radius:10px;background:#fff;color:#51667f;line-height:1.5}.opsRefundItem{grid-template-columns:minmax(240px,.8fr) minmax(500px,1.7fr) auto!important;padding:18px!important}.opsRefundIdentity h3{margin:8px 0 3px}.opsRefundFacts{grid-template-columns:repeat(4,minmax(0,1fr))!important}.opsRefundFacts span{padding:9px;border-radius:10px;background:#f7f9fc}
.opsConnectorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opsConnectorCard{display:grid;gap:15px;padding:18px;border:1px solid #d7e1ed;border-top:4px solid #35a56e;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(16,38,66,.05)}.opsConnectorCard.needs-attention{border-top-color:#d79721;background:linear-gradient(180deg,#fffaf0,#fff 34%)}.opsConnectorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.opsConnectorHead h3{margin:7px 0 3px}.opsConnectorHead p{margin:0;color:#687a90}.opsConnectorVersion{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:13px;border-radius:13px;background:#f4f7fb}.opsConnectorVersion>div{display:grid;gap:3px}.opsConnectorVersion small,.opsConnectorFacts small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#718399}.opsConnectorVersion b{font-size:18px}.opsConnectorVersion>span{color:#7a8ba0;font-size:20px}.opsConnectorFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.opsConnectorFacts span{display:grid;gap:3px;padding:9px;border:1px solid #e0e7ef;border-radius:10px}.opsConnectorFacts b{font-size:11px;line-height:1.35}
.opsSlaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.opsSlaCard{display:grid;gap:12px;padding:16px;border:1px solid #d8e2ee;border-left:5px solid #7292b7;border-radius:15px;background:#fff}.opsSlaCard.sla-breached{border-left-color:#d14959;background:#fff8f9}.opsSlaCard.sla-warning{border-left-color:#daa02a;background:#fffaf0}.opsSlaCardHead{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.opsSlaCardHead h3{flex-basis:100%;margin:2px 0}.opsSlaCard>p{margin:0;color:#687a90}.opsSlaFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.opsSlaFacts span{display:grid;gap:3px;padding:9px;border-radius:10px;background:#f6f9fc}.opsSlaFacts small{font-size:9px;font-weight:900;text-transform:uppercase;color:#718399}.opsSlaFacts b{font-size:11px}
.opsRecoveryMetrics{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-bottom:18px}.opsRecoveryMetrics>div{display:grid;gap:4px;min-height:116px;padding:16px;border:1px solid #d7e1ed;border-radius:14px;background:linear-gradient(145deg,#fff,#f5f8fd)}.opsRecoveryMetrics span{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#63768d}.opsRecoveryMetrics b{font-size:24px}.opsRecoveryMetrics small{color:#728399}.opsRecoveryList{display:grid;gap:12px}.opsRecoveryList article{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(560px,1.9fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid #d8e2ee;border-radius:15px;background:#fff}.opsRecoveryIdentity h3{margin:7px 0 3px}.opsRecoveryIdentity p{margin:0;color:#687a90}.opsRecoveryFacts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.opsRecoveryFacts span{display:grid;gap:3px;padding:9px;border-radius:10px;background:#f6f9fc}.opsRecoveryFacts small{font-size:9px;font-weight:900;text-transform:uppercase;color:#718399}.opsRecoveryFacts b{font-size:11px}
.opsReportBuilder{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-bottom:22px!important}.opsReportFormCard{padding:18px;border:1px solid #d7e1ed;border-radius:16px;background:#f8fafd}.opsReportScheduleForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;padding:0!important;border:0!important;background:transparent!important}.opsReportScheduleForm label,.opsReportNowForm label{display:grid;gap:6px;font-weight:800;color:#203752}.opsReportScheduleForm label>span,.opsReportNowForm label>span{font-size:11px}.opsReportScheduleForm .wide{grid-column:1/-1}.opsReportScheduleForm input,.opsReportScheduleForm select,.opsReportNowForm input,.opsReportNowForm select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cdd9e7;border-radius:11px;background:#fff;font:inherit}.opsScheduleToggle{grid-column:1/-1;display:flex!important;align-items:center!important;gap:10px!important;padding:12px;border:1px solid #d8e2ee;border-radius:11px;background:#fff}.opsScheduleToggle input{width:auto!important;min-height:0!important}.opsScheduleToggle>span{display:grid;gap:2px}.opsScheduleToggle small{font-weight:500;color:#6d7f94}.opsReportNowForm{display:grid;gap:13px}.opsReportNowForm .btn{width:100%}.opsReportGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.opsReportGrid>section{min-width:0;padding:16px;border:1px solid #d8e2ee;border-radius:15px;background:#fff}.opsReportList,.opsReportRunList{display:grid;gap:10px}.opsReportItem{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;margin:0!important}.opsReportDates{display:grid!important;grid-template-columns:repeat(2,minmax(120px,1fr))!important;gap:12px!important;text-align:left!important}.opsReportDates span{display:grid;gap:3px}.opsReportDates small{font-size:9px;font-weight:900;text-transform:uppercase;color:#718399}.opsReportRun{margin:0!important}.opsCronNote{display:grid!important;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr)!important;align-items:center!important;gap:18px!important;padding:17px!important}.opsCronNote>div{display:grid;gap:4px}.opsCronNote code{display:block;padding:11px 13px;border-radius:10px;background:#0b1e38;color:#e9f2ff!important}

@media(max-width:1100px){
  .customerInsightsControlBar.customerInsightsPillControls{grid-template-columns:1fr!important}
  .licenseRefundOverviewList article,.opsStripeEvent,.opsRecoveryList article{grid-template-columns:1fr!important}
  .licenseRefundMeta,.opsConnectorFacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compactThreadSummary{grid-template-columns:auto minmax(0,1fr) auto!important}.threadSummaryMeta{grid-column:2/3!important}.threadSummarySide{grid-column:3;grid-row:1/3}
  .opsHealthGrid,.opsRefundRequestGrid,.opsConnectorGrid,.opsSlaGrid{grid-template-columns:1fr}
  .opsHealthSignals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opsStripeFacts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .opsRecoveryFacts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .opsRecoveryMetrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .customerBillingTabs{grid-template-columns:1fr}
  .adminSopGrid{grid-template-columns:1fr}.adminQueueBrief{align-items:stretch;flex-direction:column}.adminQueueBrief .btn{width:100%}
  .licenseRefundMeta,.opsHealthSignals,.opsRefundFacts,.opsConnectorFacts,.opsSlaFacts,.opsRecoveryFacts,.opsStripeFacts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .compactThreadSummary{grid-template-columns:auto minmax(0,1fr)!important}.threadSummaryMeta{grid-column:1/-1!important;grid-template-columns:1fr!important}.threadSummarySide{grid-column:2!important;grid-row:1!important}.threadSummaryMeta span{border-left:0!important;border-top:1px solid #e2e8f0!important;padding:8px 0 0!important}
  .threadAssignmentControls{grid-template-columns:1fr!important}.threadAssignmentControls .btn{width:100%}
  .compactTicketContext{align-items:stretch!important;flex-direction:column!important}
  .opsExceptionItem{grid-template-columns:1fr!important}.opsExceptionFacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opsReportBuilder,.opsReportGrid{grid-template-columns:1fr!important}.opsCronNote{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .adminPillFilterBar{align-items:stretch!important}.adminPillFilterLabel{width:100%;padding:3px 4px}.adminPillFilterBar a{flex:1 1 calc(50% - 7px)!important}
  .customerDirectoryFilters{display:grid!important;grid-template-columns:1fr!important}.customerDirectoryFilters .btn{width:100%}
  .customerBillingTabs a{min-height:68px}
  .licenseRefundOverviewHead,.opsSubsectionHead{flex-direction:column}
  .licenseRefundMeta,.opsHealthSignals,.opsRefundFacts,.opsConnectorFacts,.opsSlaFacts,.opsRecoveryFacts,.opsStripeFacts,.opsExceptionFacts{grid-template-columns:1fr!important}
  .opsRecoveryMetrics{grid-template-columns:1fr!important}.opsReportScheduleForm{grid-template-columns:1fr!important}.opsReportScheduleForm .wide,.opsScheduleToggle{grid-column:auto!important}.opsReportDates{grid-template-columns:1fr!important}
}

/* ========================================================================== */
/* R26 — customer refund workflow and license billing rail corrections         */
/* ========================================================================== */

/* Customer refund request workspace */
.customerRefundRequestCard > .cardHead {
  align-items: center !important;
}
.customerRefundRequestCard > .cardHead > div {
  max-width: 820px;
}
.customerRefundRequestBody {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.customerRefundSectionHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 13px;
}
.customerRefundSectionHead h3 {
  margin: 4px 0 3px !important;
  font-size: 18px;
}
.customerRefundSectionHead p {
  margin: 0;
  color: #687b91;
  line-height: 1.5;
}
.customerRefundEmptyNotice {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 14px 16px;
  border: 1px solid #d9e3ee;
  border-radius: 14px;
  background: #f8fafd;
}
.customerRefundEmptyNotice > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  background: #eef3ff;
  color: #365cff;
}
.customerRefundEmptyNotice svg {
  width: 20px;
  height: 20px;
}
.customerRefundEmptyNotice > div {
  display: grid;
  gap: 3px;
}
.customerRefundEmptyNotice small {
  color: #687b91;
}
.customerRefundRequestHistory,
.customerRefundEligibleOrders {
  min-width: 0;
  padding: 17px;
  border: 1px solid #d9e3ee;
  border-radius: 16px;
  background: #fbfdff;
}
.customerRefundRequestHistoryList,
.customerRefundEligibleList {
  display: grid;
  gap: 11px;
}
.customerRefundRequestHistoryList article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 9px 16px !important;
  align-items: center !important;
  padding: 14px 15px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 13px !important;
  background: #fff !important;
}
.customerRefundRequestIdentity,
.customerRefundRequestStatus {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.customerRefundRequestIdentity {
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}
.customerRefundRequestIdentity small {
  color: #6c7e93;
}
.customerRefundRequestStatus {
  justify-content: flex-end;
}
.customerRefundRequestHistoryList article p,
.customerRefundRequestHistoryList .customerRefundReviewNote {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}
.customerRefundReviewNote {
  padding: 9px 11px;
  border-radius: 9px;
  background: #f1f5fb;
  color: #52677f;
}
.customerRefundRequestOrder {
  overflow: hidden;
  border: 1px solid #d7e2ee !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(16, 38, 66, .04);
}
.customerRefundRequestOrder[open] {
  border-color: #aebfff !important;
  box-shadow: 0 13px 28px rgba(40, 75, 170, .10);
}
.customerRefundRequestOrder summary {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 76px;
  padding: 13px 15px !important;
  cursor: pointer;
  list-style: none;
  background: #fff;
}
.customerRefundRequestOrder summary::-webkit-details-marker {
  display: none;
}
.customerRefundRequestOrder[open] summary {
  border-bottom: 1px solid #dbe4ef;
  background: #f7f9ff;
}
.customerRefundOrderIcon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #edf2ff;
  color: #365cff;
}
.customerRefundOrderIcon svg {
  width: 20px;
  height: 20px;
}
.customerRefundOrderSummary {
  display: grid !important;
  gap: 4px !important;
  min-width: 0;
}
.customerRefundOrderSummary b {
  font-size: 14px;
  color: #10233d;
}
.customerRefundOrderSummary small {
  color: #63768d;
}
.customerRefundSelectAction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 13px;
  border: 1px solid #c8d4e3;
  border-radius: 10px;
  background: #f8fafd;
  color: #213953;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
  transition: .18s ease;
}
.customerRefundRequestOrder summary:hover .customerRefundSelectAction {
  border-color: #91a8ff;
  background: #eef2ff;
  color: #294dcc;
}
.refundSelectOpen {
  display: none;
}
.customerRefundRequestOrder[open] .refundSelectClosed {
  display: none;
}
.customerRefundRequestOrder[open] .refundSelectOpen {
  display: inline;
}
.customerRefundPendingCopy {
  display: grid !important;
  gap: 4px !important;
  padding: 15px 17px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff9e9 !important;
  color: #6c5116 !important;
}
.customerRefundPendingCopy span {
  color: #806a38;
}
.customerRefundRequestForm {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 19px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}
.customerRefundFormIntro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.customerRefundFormIntro h4 {
  margin: 4px 0 0;
  font-size: 17px;
}
.customerRefundFormIntro > strong {
  flex: 0 0 auto;
  padding: 8px 11px;
  border-radius: 10px;
  background: #eaf8ef;
  color: #137142;
  font-size: 13px;
}
.customerRefundMode {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 11px !important;
}
.customerRefundModeOption {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 92px;
  padding: 14px !important;
  border: 1px solid #d5dfeb;
  border-radius: 13px;
  background: #fafcff;
  cursor: pointer;
  transition: .18s ease;
}
.customerRefundModeOption:hover,
.customerRefundModeOption.isSelected {
  border-color: #6682ff;
  background: #f1f4ff;
  box-shadow: inset 0 0 0 1px rgba(54, 92, 255, .08);
}
.customerRefundModeOption input {
  width: 16px !important;
  height: 16px !important;
  min-height: 0 !important;
  margin: 2px 0 0 !important;
  flex: 0 0 16px;
}
.customerRefundModeOption > span {
  display: grid;
  gap: 5px;
}
.customerRefundModeOption b {
  color: #132943;
}
.customerRefundModeOption small {
  color: #687b91;
  font-weight: 500;
  line-height: 1.45;
}
.customerRefundFields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.customerRefundFields label {
  display: grid !important;
  gap: 7px !important;
  min-width: 0;
  color: #243b57;
  font-weight: 850;
}
.customerRefundFields label > span {
  font-size: 12px;
}
.customerRefundFields input,
.customerRefundFields select,
.customerRefundFields textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 11px 12px !important;
  border: 1px solid #cbd7e5 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #10243e !important;
  font: inherit !important;
  box-shadow: none !important;
}
.customerRefundFields input:focus,
.customerRefundFields select:focus,
.customerRefundFields textarea:focus {
  outline: 3px solid rgba(54, 92, 255, .12) !important;
  border-color: #6682ff !important;
}
.customerRefundFields textarea {
  min-height: 128px !important;
  resize: vertical !important;
  line-height: 1.5;
}
.customerRefundFields label > small {
  color: #6f8196;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}
.customerRefundFields .spanAll {
  grid-column: 1 / -1 !important;
}
.customerRefundPartialField[hidden] {
  display: none !important;
}
.customerRefundFormActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 14px;
  border-top: 1px solid #e0e7f0;
}
.customerRefundFormActions p {
  max-width: 610px;
  margin: 0;
  color: #63758b;
  line-height: 1.5;
}
.customerRefundFormActions .btn {
  flex: 0 0 auto;
  min-width: 190px;
}

/* License entitlement billing rail: wider, readable, and vertically composed. */
.route-tg-admins-license .page {
  max-width: 1380px !important;
}
.route-tg-admins-license .licenseAdminWorkspace.licenseTab-entitlement,
.route-tg-admins-license .licenseTab-entitlement {
  grid-template-columns: minmax(0, 1.48fr) minmax(430px, 1fr) !important;
  gap: 20px !important;
}
.route-tg-admins-license .licenseRightRail.entitlementRail {
  min-width: 0 !important;
  width: 100% !important;
  grid-column: auto !important;
}
.route-tg-admins-license .licenseBillingOverviewCard {
  overflow: hidden;
}
.route-tg-admins-license .licenseBillingOverviewCard > .cardHead {
  padding: 19px 20px !important;
}
.route-tg-admins-license .licenseBillingOverviewCard > .cardBody {
  padding: 18px 20px !important;
  gap: 14px !important;
}
.route-tg-admins-license .licenseBillingOverviewCard .billingCountPill {
  flex: 0 0 auto;
  white-space: nowrap;
}
.route-tg-admins-license .licenseBillingList {
  gap: 10px !important;
}
.route-tg-admins-license .licenseBillingList > article {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 14px !important;
}
.route-tg-admins-license .licenseBillingList > article > div:first-child b {
  font-size: 14px;
}
.route-tg-admins-license .licenseBillingList .actions {
  justify-content: flex-start !important;
  gap: 8px !important;
}
.route-tg-admins-license .licenseBillingList .actions .badge {
  max-width: 100%;
  white-space: normal;
  line-height: 1.3;
}
.route-tg-admins-license .licenseRefundOverview {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 18px 20px 20px !important;
  border-top: 1px solid #dbe4ef !important;
  background: #fbfdff;
}
.route-tg-admins-license .licenseRefundOverviewHead {
  align-items: center !important;
}
.route-tg-admins-license .licenseRefundOverviewHead > div {
  min-width: 0;
}
.route-tg-admins-license .licenseRefundOverviewHead p {
  max-width: none !important;
}
.route-tg-admins-license .licenseRefundOverviewList {
  gap: 11px !important;
}
.route-tg-admins-license .licenseRefundOverviewList article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 14px !important;
  overflow: hidden;
}
.route-tg-admins-license .licenseRefundOverviewList article > div:first-child {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}
.route-tg-admins-license .licenseRefundOverviewList article > div:first-child b {
  font-size: 16px;
}
.route-tg-admins-license .licenseRefundOverviewList article > div:first-child small {
  grid-column: 1 / -1;
  flex-basis: auto !important;
  overflow-wrap: anywhere;
}
.route-tg-admins-license .licenseRefundMeta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.route-tg-admins-license .licenseRefundMeta span {
  min-width: 0;
  padding: 9px 10px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e0e7f0;
}
.route-tg-admins-license .licenseRefundMeta b {
  overflow-wrap: anywhere;
}
.route-tg-admins-license .licenseRefundOverviewList article > .btn {
  justify-self: start;
  min-width: 126px;
}

@media (max-width: 1180px) {
  .route-tg-admins-license .licenseAdminWorkspace.licenseTab-entitlement,
  .route-tg-admins-license .licenseTab-entitlement {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .route-tg-admins-license .licenseRightRail.entitlementRail {
    margin-top: 0 !important;
  }
}
@media (max-width: 760px) {
  .customerRefundRequestHistory,
  .customerRefundEligibleOrders,
  .customerRefundRequestForm {
    padding: 14px !important;
  }
  .customerRefundRequestOrder summary {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .customerRefundRequestOrder summary > :last-child {
    grid-column: 1 / -1;
    justify-self: stretch;
  }
  .customerRefundSelectAction {
    width: 100%;
  }
  .customerRefundMode,
  .customerRefundFields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .customerRefundFields .spanAll {
    grid-column: auto !important;
  }
  .customerRefundFormIntro,
  .customerRefundFormActions,
  .customerRefundSectionHead {
    align-items: stretch;
    flex-direction: column;
  }
  .customerRefundFormActions .btn {
    width: 100%;
    min-width: 0;
  }
  .customerRefundRequestHistoryList article {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .customerRefundRequestStatus {
    justify-content: flex-start;
  }
  .route-tg-admins-license .licenseRefundMeta {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* TG R27 portal polish, administrator security, scalable operations, and historical billing. */
.readonlyField,
input.readonlyField,
input[readonly].readonlyField,
input[disabled].readonlyField {
  background: #eef2f7 !important;
  border-color: #d6dee9 !important;
  color: #52647a !important;
  cursor: not-allowed !important;
  box-shadow: inset 0 1px 2px rgba(15, 35, 65, .035) !important;
  opacity: 1 !important;
}

/* Customer billing: compact cards, clear financial hierarchy, and clean refund history. */
.customerBillingAmount {
  display: grid;
  gap: 3px;
  min-width: 150px;
}
.customerBillingAmount > span,
.customerBillingAmount > small {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.35;
}
.customerBillingAmount em {
  color: #6a7c91;
  font-style: normal;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.customerPaidAmount b { color: #142b45; }
.customerRefundAmount b { color: #a12836; }
.customerNetAmount {
  margin-top: 3px;
  padding-top: 5px;
  border-top: 1px solid #dce4ee;
}
.customerNetAmount b { color: #12643c; }
.customerRefundRequestCard > .cardHead,
.customerRefundHistoryCard > .cardHead {
  padding: 22px 25px !important;
}
.customerRefundRequestBody {
  display: grid !important;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.45fr) !important;
  gap: 18px !important;
  padding: 20px 24px 25px !important;
  align-items: start !important;
}
.customerRefundRequestHistory,
.customerRefundEligibleOrders {
  min-width: 0;
  padding: 17px !important;
  border: 1px solid #dce4ee !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
}
.customerRefundEligibleOrders { background: #fbfcff !important; }
.customerRefundEmptyNotice {
  grid-column: 1 / -1;
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 15px 17px !important;
  border: 1px dashed #c9d5e4 !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
}
.customerRefundEmptyNotice > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  background: #eaf0ff;
  color: #365cff;
}
.customerRefundEmptyNotice svg { width: 19px; height: 19px; }
.customerRefundEmptyNotice > div { display: grid; gap: 3px; }
.customerRefundEmptyNotice small { color: #687b91; }
.customerRefundSectionHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}
.customerRefundSectionHead h3 { margin: 4px 0 3px; font-size: 18px; }
.customerRefundSectionHead p { margin: 0; color: #687b91; line-height: 1.45; }
.customerRefundRequestHistoryList,
.customerRefundEligibleList,
.customerRefundList {
  display: grid !important;
  gap: 11px !important;
}
.customerRefundRequestHistoryList article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px 14px !important;
  padding: 13px 14px !important;
  border: 1px solid #dce4ee !important;
  border-radius: 13px !important;
  background: #fff !important;
}
.customerRefundRequestHistoryList article > p,
.customerRefundReviewNote { grid-column: 1 / -1; margin: 0; }
.customerRefundRequestIdentity { display: grid; gap: 3px; }
.customerRefundRequestIdentity small,
.customerRefundReviewNote { color: #6b7d92; }
.customerRefundRequestStatus { display: flex; align-items: center; gap: 8px; }
.customerRefundRequestOrder {
  overflow: hidden;
  border: 1px solid #d8e2ee !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(23, 46, 88, .055);
}
.customerRefundRequestOrder summary {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  min-height: 88px !important;
  padding: 14px 15px !important;
}
.customerRefundOrderIcon {
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  align-self: center;
}
.customerRefundOrderMeta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px 12px !important;
  margin-top: 4px;
}
.customerRefundOrderMeta small {
  min-width: 0;
  color: #273f5b !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.35;
}
.customerRefundOrderMeta em {
  display: block;
  margin-bottom: 1px;
  color: #72849a;
  font-style: normal;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.customerRefundOrderMeta .remaining { color: #12643c !important; }
.customerRefundRequestForm { padding: 19px 20px 21px !important; }
.customerRefundPendingCopy { padding: 16px 20px !important; }
.customerRefundHistoryCard .cardBody { padding: 20px 24px 25px !important; }
.customerRefundRow {
  display: grid !important;
  grid-template-columns: minmax(230px, .85fr) minmax(0, 1.7fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 16px 17px !important;
  border: 1px solid #d9e3ef !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #fff, #f8fbff) !important;
}
.customerRefundIdentity {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  min-width: 0;
}
.customerRefundIdentity > div { display: grid; gap: 3px; min-width: 0; }
.customerRefundIdentity b { font-size: 16px; color: #10233d; }
.customerRefundIdentity small { color: #62768e; line-height: 1.4; }
.customerRefundFacts {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.customerRefundFacts span {
  min-width: 0;
  padding: 9px 10px;
  border-left: 1px solid #dbe4ef;
}
.customerRefundFacts small {
  display: block;
  margin-bottom: 3px;
  color: #718399;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.customerRefundFacts b { display: block; overflow-wrap: anywhere; font-size: 12px; line-height: 1.35; }

/* Administrator billing order modal: balanced columns, collapsed controls, and no bogus empty cards. */
.billingOrderDetail .wideDialogPanel,
.orderDetailDialog .wideDialogPanel {
  width: min(1120px, calc(100vw - 34px)) !important;
  max-width: 1120px !important;
}
.billingOrderDetail .dialogBody,
.orderDetailDialog .dialogBody { padding: 21px 22px 26px !important; }
.billingDetailGrid {
  display: grid !important;
  grid-template-columns: minmax(260px, .74fr) minmax(0, 1.86fr) !important;
  align-items: start !important;
  gap: 16px !important;
}
.billingOrderFacts {
  min-width: 0 !important;
  padding: 17px !important;
  position: sticky;
  top: 0;
}
.billingOrderFacts h3 { margin: 0 0 10px; }
.billingOrderFacts .definitionList { display: grid !important; gap: 0 !important; }
.billingOrderFacts .definitionList > div {
  display: grid !important;
  grid-template-columns: minmax(92px, .78fr) minmax(0, 1.22fr) !important;
  gap: 11px !important;
  align-items: start !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #e0e7f0 !important;
}
.billingOrderFacts dt {
  color: #5f728a !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
.billingOrderFacts dd {
  min-width: 0;
  margin: 0 !important;
  color: #10233d !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere;
}
.billingActionPanels {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 14px !important;
  min-width: 0;
}
.billingActionPanels > .refundControlDisclosure,
.billingActionPanels > .pendingRefundApprovalPanel,
.billingActionPanels > .refundUnavailablePanel,
.billingActionPanels > .refundHiddenForHistory,
.billingActionPanels > .stripeReferenceRecoveryPanel {
  grid-column: 1 / -1 !important;
}
.billingMiniPanel {
  min-width: 0;
  padding: 17px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.billingMiniPanel h3 { margin: 4px 0 6px; }
.billingMiniPanel p { margin: 0 0 12px; color: #61758d; line-height: 1.52; }
.billingRecordStateBand {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 14px !important;
  padding: 15px 17px !important;
  border: 1px solid #d9e3ee !important;
  border-radius: 14px !important;
  background: #f7f9fc !important;
}
.billingRecordStateBand::before {
  content: "";
  width: 5px;
  height: 100%;
  min-height: 48px;
  border-radius: 999px;
  background: #6f84a0;
}
.billingRecordStateBand .eyebrow { grid-column: 2; }
.billingRecordStateBand > div { grid-column: 2; margin-top: -8px; }
.billingRecordStateBand h3 { margin: 0 0 4px; font-size: 16px; }
.billingRecordStateBand p { margin: 0; color: #62758d; line-height: 1.5; }
.billingRecordStateBand.logRetentionPanel { background: #f6f8fb !important; }
.billingRecordStateBand.refundHiddenForHistory { background: #fffaf0 !important; border-color: #ead7a5 !important; }
.billingRecordStateBand.refundHiddenForHistory::before { background: #c08c1d; }
.billingNotePanel {
  display: grid !important;
  gap: 10px !important;
  align-content: start !important;
}
.billingNotePanel h3 { margin-bottom: 0; }
.billingNotePanel textarea,
.pendingRefundDecisionForm textarea,
.opsResolveForm input,
.customerEmailApprovalField input {
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid #cbd7e5 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #10233d !important;
  box-shadow: none !important;
}
.billingNotePanel textarea,
.pendingRefundDecisionForm textarea {
  min-height: 112px !important;
  padding: 11px 12px !important;
  resize: vertical !important;
  line-height: 1.5 !important;
}
.billingNotePanel textarea:focus,
.pendingRefundDecisionForm textarea:focus,
.opsResolveForm input:focus,
.customerEmailApprovalField input:focus {
  outline: 3px solid rgba(54, 92, 255, .12) !important;
  border-color: #6682ff !important;
}
.refundControlDisclosure {
  overflow: hidden;
  border: 1px solid #d7e1ed !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(20, 43, 81, .05);
}
.refundControlDisclosure > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 72px !important;
  padding: 15px 17px !important;
  cursor: pointer;
  list-style: none;
  background: linear-gradient(135deg, #fff, #f8fbff) !important;
}
.refundControlDisclosure > summary::-webkit-details-marker { display: none; }
.refundControlDisclosure > summary span:first-child { display: grid; gap: 3px; }
.refundControlDisclosure > summary b { color: #10233d; font-size: 15px; }
.refundControlDisclosure > summary small { color: #687b91; }
.refundDisclosureAction {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid #cbd7e5;
  border-radius: 10px;
  background: #fff;
  color: #263f5c;
  font-size: 11px;
  font-weight: 900;
}
.refundControlDisclosure[open] > summary {
  border-bottom: 1px solid #dbe4ef;
  background: #f2f5ff !important;
}
.refundControlDisclosure[open] .refundDisclosureAction::after { content: " · close"; }
.refundControlDisclosureBody { display: grid !important; gap: 14px !important; padding: 15px !important; }
.refundControlDisclosureBody > .billingMiniPanel { border-radius: 13px !important; }
.advancedRefundPanel .refundPanelHead { margin-bottom: 16px; }
.advancedRefundPanel .refundModeGrid,
.advancedRefundPanel .refundReasonGrid { gap: 10px !important; }
.billingRefundIndicator {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 5px !important;
  padding: 5px 8px !important;
  border: 1px solid #efbdc3 !important;
  border-radius: 999px !important;
  background: #fff1f2 !important;
  color: #a12635 !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap;
}
.billingOrderAmountCell { display: grid; gap: 3px; }
.billingOrderAmountCell > b { font-size: 13px; }
.billingOrderAmountCell > small { color: #66798f; line-height: 1.3; }
.billingOrderAmountCell .netAfterRefund { color: #12643c; font-weight: 850; }

/* Administrator account and owner security controls. */
.adminAccountGrid {
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .75fr) !important;
  align-items: start !important;
  gap: 18px !important;
}
.adminAccountGrid > .span7,
.adminAccountGrid > .span5 { grid-column: auto !important; }
.adminAccountProfileForm,
.adminPasswordCardBody,
.adminPasswordForm { display: grid !important; gap: 14px !important; }
.adminPasswordCardBody { padding: 20px !important; }
.adminSendCodeForm { margin: 0 !important; }
.compactAdminAvatarPicker { margin: 0 !important; }
.ownerAdminPasswordReset {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 15px;
  border: 1px solid #efc1c5;
  border-radius: 14px;
  background: #fff7f8;
}
.ownerAdminPasswordReset h3 { margin: 0; }
.ownerAdminPasswordReset p { margin: 0; color: #72545a; line-height: 1.45; }
.forcedPasswordDialog::backdrop { background: rgba(4, 17, 36, .78) !important; backdrop-filter: blur(4px); }
.forcedPasswordPanel { width: min(720px, calc(100vw - 28px)) !important; max-width: 720px !important; }
.forcedPasswordBody { display: grid !important; gap: 14px !important; padding: 20px 24px 25px !important; }
.forcedPasswordCodeForm { margin: 0 !important; }
.forcedPasswordFields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px !important;
}
.forcedPasswordFields .field { margin: 0 !important; }

/* Customer identity verification: professional challenge panel and visible expiration. */
.customerVerificationPanel { width: min(720px, calc(100vw - 28px)) !important; max-width: 720px !important; }
.customerVerificationPanel .dialogBody { gap: 16px !important; padding: 20px 24px 25px !important; }
.customerVerificationIdentity {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.customerVerificationIdentity > div {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #dbe4ef;
  border-radius: 13px;
  background: #f8fafc;
  display: grid;
  gap: 4px;
}
.customerVerificationIdentity span {
  color: #6b7e94;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.customerVerificationIdentity b { color: #10233d; overflow-wrap: anywhere; }
.customerVerificationIdentity .isExpired,
.customerVerificationIdentity > div.isExpired { border-color: #efb8be; background: #fff1f2; color: #9f2634; }
.customerVerificationForm {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid #ccd8e6 !important;
  border-radius: 14px !important;
  background: #fff !important;
}
.customerVerificationForm label { display: grid !important; gap: 7px !important; font-weight: 850; }
.customerVerificationForm input {
  min-height: 52px !important;
  padding: 11px 13px !important;
  border: 1px solid #c9d5e3 !important;
  border-radius: 11px !important;
  background: #f9fbfd !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: .28em !important;
  text-align: center !important;
}
.customerVerificationForm .btn { min-height: 52px; white-space: nowrap; }
.customerVerificationResend {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  background: #f5f8fc !important;
}
.customerVerificationResend span { color: #64778e; font-size: 11px; line-height: 1.45; }
.customerEmailApprovalField {
  display: grid;
  gap: 8px;
  padding: 13px;
  border: 1px solid #ead59e;
  border-radius: 13px;
  background: #fffaf0;
}

/* Dashboard incident awareness and incident/log workbench. */
.healthTileLink {
  color: inherit !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.healthTileLink:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(20, 43, 81, .09); }
.incidentCommandCard { overflow: hidden; }
.incidentCommandCard > .cardHead {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 22px 24px !important;
}
.incidentFilters { display: flex; gap: 7px; flex-wrap: wrap; }
.incidentMetrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 11px !important;
  padding: 18px 20px 0 !important;
}
.incidentMetric {
  display: grid;
  gap: 4px;
  min-height: 88px;
  align-content: center;
  padding: 14px 15px;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #f8fafc;
}
.incidentMetric b { font-size: 24px; }
.incidentMetric span { color: #63778f; font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.incidentTableWrap { margin: 18px 20px 22px !important; border-radius: 14px !important; }
.incidentDataTable { table-layout: fixed; width: 100%; }
.incidentDataTable th:nth-child(1) { width: 29%; }
.incidentDataTable th:nth-child(2) { width: 15%; }
.incidentDataTable th:nth-child(3) { width: 20%; }
.incidentDataTable th:nth-child(4) { width: 14%; }
.incidentDataTable th:nth-child(5) { width: 9%; }
.incidentDataTable th:nth-child(6) { width: 13%; }
.incidentDataTable th,
.incidentDataTable td { vertical-align: top !important; text-align: left !important; }
.incidentIdentityCell { display: grid !important; gap: 3px !important; }
.incidentIdentityCell > b { font-size: 14px; }
.incidentMessagePreview {
  display: -webkit-box;
  margin-top: 4px;
  overflow: hidden;
  color: #66798f;
  line-height: 1.35;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.incidentReferenceCode { display: inline-block; max-width: 100%; overflow-wrap: anywhere; font-size: 10px; }
.incidentImpact {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
.incidentImpact span { display: grid; gap: 2px; padding: 7px 8px; border: 1px solid #e0e7f0; border-radius: 9px; background: #fff; }
.incidentImpact b { font-size: 15px; }
.incidentImpact small { color: #73859a; font-size: 8px; text-transform: uppercase; font-weight: 850; }
.incidentDate { color: #51657d; font-size: 11px; line-height: 1.4; }
.incidentRowActions { display: grid !important; gap: 7px !important; align-items: start !important; }
.incidentRowActions .btn { width: 100%; min-width: 0; }
.incidentResolvedMeta { color: #53705e; font-size: 10px; line-height: 1.4; }
.incidentReferenceCallout {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 15px;
  padding: 14px 16px;
  border: 1px solid #cbd8e7;
  border-radius: 14px;
  background: #f5f8ff;
}
.incidentReferenceCallout > div { display: grid; gap: 4px; }
.incidentReferenceCallout p { margin: 0; color: #60738a; line-height: 1.45; }
.logReferenceHighlight { padding: 1px 3px; border-radius: 4px; background: #ffe68a; color: #4d3500; }

/* Connector adoption at scale: search/filter bar, compact summaries, expansion, pagination. */
.opsConnectorControls {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.7fr) repeat(2, minmax(150px, .55fr)) auto auto !important;
  align-items: end !important;
  gap: 11px !important;
  margin-bottom: 13px;
  padding: 14px;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #f8fafc;
}
.opsConnectorControls label { display: grid !important; gap: 6px !important; min-width: 0; }
.opsConnectorControls label > span { color: #5e728a; font-size: 9px; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; }
.opsConnectorControls input,
.opsConnectorControls select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 43px !important;
  border: 1px solid #cbd7e5 !important;
  border-radius: 10px !important;
  background: #fff !important;
}
.opsConnectorResultBar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 11px;
  padding: 9px 12px;
  border-radius: 10px;
  background: #f0f4f9;
  color: #53677f;
}
.opsConnectorList { display: grid !important; gap: 10px !important; }
.opsConnectorCard {
  overflow: hidden;
  border: 1px solid #d9e3ee;
  border-left: 4px solid #6c86a6;
  border-radius: 14px;
  background: #fff;
}
.opsConnectorCard.needs-attention { border-left-color: #d9515f; background: #fffafb; }
.opsConnectorCard.is-current { border-left-color: #35a56b; }
.opsConnectorCard > summary {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.7fr) repeat(3, minmax(105px, .7fr)) auto !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 76px;
  padding: 13px 15px !important;
  cursor: pointer;
  list-style: none;
}
.opsConnectorCard > summary::-webkit-details-marker { display: none; }
.opsConnectorCard[open] > summary { border-bottom: 1px solid #dce5ef; background: #f7f9fc; }
.opsConnectorCustomer { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0; }
.opsConnectorCustomer > span:last-child { display: grid; gap: 3px; min-width: 0; }
.opsConnectorCustomer b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.opsConnectorCustomer small { overflow: hidden; color: #64778e; text-overflow: ellipsis; white-space: nowrap; }
.opsConnectorVersionSummary { display: grid !important; gap: 3px !important; min-width: 0; }
.opsConnectorVersionSummary small { color: #72849a; font-size: 8px; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; }
.opsConnectorVersionSummary b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.opsConnectorExpanded { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 15px !important; align-items: center !important; padding: 15px !important; }
.opsConnectorFacts { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 9px !important; }
.opsConnectorFacts span { padding: 10px; border: 1px solid #dfe7f0; border-radius: 10px; background: #fbfcfe; display: grid; gap: 3px; }
.opsConnectorFacts small { color: #718399; font-size: 8px; font-weight: 950; text-transform: uppercase; }
.opsConnectorFacts b { font-size: 12px; }

/* Responsive R27 layouts. */
@media (max-width: 1050px) {
  .customerRefundRequestBody { grid-template-columns: minmax(0, 1fr) !important; }
  .customerRefundRow { grid-template-columns: minmax(0, 1fr) !important; }
  .customerRefundFacts { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .billingDetailGrid { grid-template-columns: minmax(0, 1fr) !important; }
  .billingOrderFacts { position: static; }
  .adminAccountGrid { grid-template-columns: minmax(0, 1fr) !important; }
  .opsConnectorControls { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .opsConnectorControls label:first-of-type { grid-column: 1 / -1; }
  .opsConnectorCard > summary { grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(100px, .7fr)) auto !important; }
  .opsConnectorCard > summary .opsConnectorVersionSummary:nth-of-type(4) { display: none !important; }
}
@media (max-width: 760px) {
  .customerRefundOrderMeta { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .customerRefundFacts { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .customerRefundFacts span { border-left: 0; border-top: 1px solid #dbe4ef; }
  .billingActionPanels { grid-template-columns: minmax(0, 1fr) !important; }
  .billingActionPanels > * { grid-column: auto !important; }
  .billingRecordStateBand { grid-template-columns: 4px minmax(0, 1fr) !important; }
  .refundControlDisclosure > summary { align-items: stretch !important; flex-direction: column !important; }
  .refundDisclosureAction { align-self: flex-start; }
  .forcedPasswordFields,
  .customerVerificationIdentity { grid-template-columns: minmax(0, 1fr) !important; }
  .customerVerificationForm { grid-template-columns: minmax(0, 1fr) !important; }
  .customerVerificationForm .btn { width: 100%; }
  .customerVerificationResend { align-items: stretch !important; flex-direction: column !important; }
  .incidentCommandCard > .cardHead,
  .incidentReferenceCallout { align-items: stretch !important; flex-direction: column !important; }
  .incidentMetrics { grid-template-columns: minmax(0, 1fr) !important; }
  .incidentTableWrap { overflow-x: auto !important; }
  .incidentDataTable { min-width: 900px; }
  .opsConnectorControls { grid-template-columns: minmax(0, 1fr) !important; }
  .opsConnectorControls label:first-of-type { grid-column: auto; }
  .opsConnectorControls .btn { width: 100%; }
  .opsConnectorCard > summary { grid-template-columns: minmax(0, 1fr) auto !important; }
  .opsConnectorCard > summary .opsConnectorVersionSummary { display: none !important; }
  .opsConnectorExpanded { grid-template-columns: minmax(0, 1fr) !important; }
  .opsConnectorFacts { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 520px) {
  .customerRefundOrderMeta,
  .customerRefundFacts,
  .opsConnectorFacts { grid-template-columns: minmax(0, 1fr) !important; }
  .customerRefundRequestOrder summary { grid-template-columns: 40px minmax(0, 1fr) !important; }
  .customerRefundRequestOrder summary > :last-child { grid-column: 1 / -1; width: 100%; }
  .customerRefundSelectAction { width: 100%; }
}

/* R27 financial amount micro-layout corrections. */
.customerBillingAmount .customerRefundAmount {
  display: grid !important;
  grid-template-columns: auto auto !important;
  gap: 2px 10px !important;
}
.customerBillingAmount .customerRefundAmount > small { justify-self: start; }
.customerBillingAmount .customerRefundAmount > b { justify-self: end; }
.customerBillingAmount .customerRefundAmount > em {
  grid-column: 1 / -1;
  justify-self: end;
  color: #8a5960;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
}
.billingOrderAmountCell > small { display: block; margin-top: 4px; color: #12643c; font-weight: 850; }
.customerRefundRequestBody:has(> .customerRefundEmptyNotice) .customerRefundEligibleOrders { grid-column: 1 / -1; }

/* ========================================================================== 
   R28 — Security, role workspaces, incidents, comparisons, and layout polish
   ========================================================================== */

/* Brand mark: the artwork is the identity; do not put it inside another box. */
.brandMark,
.brandMark:hover,
.brandMark:focus {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.brandMark img,
.brandMark svg {
  display: block !important;
  width: 50px !important;
  height: 50px !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Public password recovery experiences. */
.authExperienceShell {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr);
  align-items: center;
  gap: clamp(36px, 6vw, 88px);
  min-height: min(680px, calc(100dvh - 270px));
  padding: clamp(42px, 7vh, 86px) 0;
}
.authExperienceIntro { max-width: 720px; }
.authExperienceIntro h1 {
  max-width: 700px;
  margin: 10px 0 14px;
  font-size: clamp(38px, 5.3vw, 72px);
  line-height: .98;
  letter-spacing: -.055em;
}
.authExperienceIntro > p {
  max-width: 650px;
  margin: 0;
  color: #586d88;
  font-size: 17px;
  line-height: 1.72;
}
.authSecurityPoints {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}
.authSecurityPoints > span {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 3px 10px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #d8e2ef;
  border-radius: 16px;
  background: rgba(255,255,255,.76);
}
.authSecurityPoints svg { grid-row: 1 / span 2; width: 24px; height: 24px; color: #3158f5; }
.authSecurityPoints b { font-size: 13px; line-height: 1.25; }
.authSecurityPoints small { color: #667a92; font-size: 11px; line-height: 1.45; }
.authExperienceCard {
  width: 100%;
  max-width: 520px;
  justify-self: end;
  overflow: hidden;
  border: 1px solid #cfdbea;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(18,38,70,.14);
}
.authExperienceCardHead {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 26px 28px 22px;
  border-bottom: 1px solid #e0e7f0;
  background: linear-gradient(135deg,#fbfdff,#f4f7ff);
}
.authExperienceCardHead h2 { margin: 4px 0 5px; font-size: 25px; line-height: 1.1; }
.authExperienceCardHead p { margin: 0; color: #62758c; line-height: 1.5; }
.authExperienceIcon,
.securityRecoveryIcon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #eaf0ff;
  color: #3157f5;
}
.authExperienceIcon svg,
.securityRecoveryIcon svg { width: 27px; height: 27px; }
.authExperienceForm { display: grid; gap: 16px; padding: 26px 28px; }
.authExperienceFoot {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 28px;
  border-top: 1px solid #e0e7f0;
  background: #f8fafd;
  color: #66798f;
  font-size: 12px;
}
.authExperienceFoot a { font-weight: 900; }
.passwordRequirementPanel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 28px;
  padding: 18px;
  border: 1px solid #cfe0f7;
  border-radius: 18px;
  background: rgba(239,245,255,.82);
}
.passwordRequirementPanel b { grid-column: 1 / -1; margin-bottom: 2px; }
.passwordRequirementPanel span {
  position: relative;
  padding-left: 18px;
  color: #526980;
  font-size: 12px;
  line-height: 1.45;
}
.passwordRequirementPanel span::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #0b8c52;
  font-weight: 950;
}

/* Fraud-alert and identity-recovery pages. */
.securityRecoveryShell {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
  min-height: min(720px, calc(100dvh - 250px));
  padding: clamp(40px, 7vh, 82px) 0;
}
.securityRecoveryIntro { max-width: 620px; }
.securityRecoveryIntro h1 {
  margin: 12px 0 16px;
  font-size: clamp(40px, 5vw, 68px);
  line-height: .98;
  letter-spacing: -.05em;
}
.securityRecoveryIntro > p { color: #5b6f88; font-size: 17px; line-height: 1.7; }
.securityRecoveryCard {
  overflow: hidden;
  border: 1px solid #cfdaea;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(17,39,70,.14);
}
.securityRecoveryCardHead {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  gap: 17px;
  padding: 26px 28px;
  border-bottom: 1px solid #e0e8f1;
  background: linear-gradient(135deg,#fbfdff,#f2f6ff);
}
.securityRecoveryCardHead h2 { margin: 5px 0 6px; font-size: 27px; }
.securityRecoveryCardHead p { margin: 0; color: #62758c; line-height: 1.55; }
.securityRecoveryForm { display: grid; gap: 18px; padding: 26px 28px 28px; }
.securityFactorGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.securityFactorGrid .span2 { grid-column: 1 / -1; }
.securityRecoveryWarning,
.securityRecoveryStatus {
  display: grid;
  gap: 5px;
  padding: 16px 18px;
  border: 1px solid #f0cf8e;
  border-radius: 14px;
  background: #fff8e8;
  color: #6f4a0b;
}
.securityRecoveryStatus { margin: 24px 28px; }
.securityRecoveryStatus.success { border-color: #a9e2c5; background: #edfbf4; color: #12613d; }
.securityRecoveryStatus.danger { border-color: #f1b8bb; background: #fff1f2; color: #8c202a; }
.securityRecoveryStatus span,
.securityRecoveryWarning span { color: inherit; opacity: .86; line-height: 1.55; }

/* Permanent customer security code and post-purchase presentation. */
.accountSecurityCodeCard { grid-column: 1 / -1; overflow: hidden; }
.accountSecurityCodeBody {
  display: grid;
  grid-template-columns: 74px minmax(0,1fr) auto;
  gap: 20px;
  align-items: center;
}
.accountSecurityShield {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border-radius: 20px;
  background: #edf2ff;
  color: #2e55f4;
}
.accountSecurityShield svg { width: 34px; height: 34px; }
.accountSecurityCodeValue {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  margin: 8px 0;
  padding: 0 18px;
  border: 1px solid #bfcdeb;
  border-radius: 13px;
  background: #0d2342;
  color: #fff;
  font: 950 19px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing: .09em;
}
.accountSecurityCodeWarning {
  margin: 5px 0 0;
  color: #9a2f30;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.5;
}
.purchaseSecurityCodeCard {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #efbd75;
  border-radius: 16px;
  background: linear-gradient(135deg,#fffaf0,#fff4dd);
}
.purchaseSecurityCodeCard strong { display: block; margin-bottom: 5px; font-size: 15px; }
.purchaseSecurityCodeCard code {
  display: inline-block;
  padding: 12px 15px;
  border-radius: 10px;
  background: #0c2343;
  color: #fff;
  font: 950 17px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing: .08em;
}
.purchaseSecurityCodeCard p { margin: 6px 0 0; color: #7d4e12; font-size: 12px; line-height: 1.5; }

/* Administrator command-center card alignment. */
.roleStatGrid > .statCard,
.roleStatGrid > .billingOverviewStat { min-width: 0; }
.billingOverviewStat {
  position: relative;
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  overflow: hidden;
}
.billingOverviewStat .statIcon { grid-row: 1 / span 2; }
.billingOverviewStat strong,
.billingOverviewStat .statValue {
  min-width: 0;
  font-size: clamp(21px, 2.25vw, 32px) !important;
  line-height: 1 !important;
  letter-spacing: -.035em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.billingOverviewStat .statDetailButton {
  position: static !important;
  grid-column: 2;
  justify-self: start;
  max-width: 100%;
  margin-top: 3px;
  font-size: 8px !important;
  white-space: nowrap;
}
.operationsHealthCard { align-self: start; }
.billingAttentionCard .cardBody { display: grid; gap: 12px; }
.billingAttentionCard .healthTile { min-height: 74px; }
.billingAttentionCard .actions { display: grid; grid-template-columns: 1fr; gap: 9px; }
.healthTileLink {
  grid-template-columns: 54px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}
.healthTileLink > strong,
.healthTileLink > b { align-self: center; }
.healthTileLink > span,
.healthTileLink > small { min-width: 0; }

/* Incidents: one clear workspace with aligned portal/tenant tabs. */
.incidentWorkspaceTabs {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 0 0 16px;
  padding: 8px;
  border: 1px solid #d8e1ec;
  border-radius: 16px;
  background: #fff;
}
.incidentWorkspaceTabs a {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 2px 12px;
  align-items: center;
  min-height: 66px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #233a58;
  text-decoration: none;
}
.incidentWorkspaceTabs a::before {
  content: "";
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #eaf0ff;
  box-shadow: inset 0 0 0 1px #d9e3ff;
}
.incidentWorkspaceTabs a b { font-size: 14px; }
.incidentWorkspaceTabs a small { color: #6b7f96; line-height: 1.35; }
.incidentWorkspaceTabs a.active {
  border-color: #173357;
  background: #0d2342;
  color: #fff;
  box-shadow: 0 12px 26px rgba(12,35,67,.17);
}
.incidentWorkspaceTabs a.active::before { background: rgba(255,255,255,.13); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.incidentWorkspaceTabs a.active small { color: #c8d5e7; }
.incidentCommandCard > .cardHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.incidentCommandCard > .cardHead > div:first-child { min-width: 0; }
.incidentFilters { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 0 auto; }
.incidentMetrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 15px; }
.incidentMetric { min-height: 92px; padding: 18px; border: 1px solid #dbe4ee; border-radius: 14px; background: #f8fafc; }
.incidentMetric b { display: block; margin-bottom: 5px; font-size: 26px; }
.incidentMetric span { color: #667a91; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.incidentDataTable { table-layout: fixed; width: 100%; }
.incidentDataTable th,
.incidentDataTable td { vertical-align: middle !important; text-align: left !important; }
.incidentDataTable td { padding-top: 15px !important; padding-bottom: 15px !important; }
.incidentIdentityCell { display: grid; gap: 4px; min-width: 0; }
.incidentIdentityCell b,
.incidentMessagePreview { overflow-wrap: anywhere; }
.incidentReferenceCode { display: inline-flex; max-width: 100%; padding: 6px 9px; border: 1px solid #dce4ee; border-radius: 8px; background: #fff; font: 850 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.incidentImpact { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.incidentImpact span { display: grid; gap: 2px; min-width: 0; padding: 9px; border: 1px solid #dce4ee; border-radius: 10px; background: #fff; }
.incidentImpact b { font-size: 15px; }
.incidentImpact small { color: #687c94; font-size: 7px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }
.incidentDate { white-space: nowrap; font-size: 10px; color: #556b84; }
.incidentRowActions { display: grid; gap: 7px; align-content: center; }
.incidentRowActions .btn { width: 100%; min-height: 34px; padding: 7px 10px; }

/* Log inspection: make incident context and controls read as one system. */
.logViewerCard > .cardBody { display: grid; gap: 18px; }
.logSearch {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 10px;
  align-items: end;
  padding: 16px;
  border: 1px solid #dce4ee;
  border-radius: 15px;
  background: #f8fafc;
}
.logSearch input { min-width: 0; }
.logReferenceNotice {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid #cfdced;
  border-radius: 14px;
  background: #f4f7fc;
}
.logReferenceNotice.found { border-color: #a8ddc3; background: #eefaf4; }
.logReferenceNotice.missing { border-color: #efb7bb; background: #fff1f2; }
.logReferenceHighlight { display: inline-block; margin-left: 5px; padding: 5px 8px; border-radius: 7px; background: #ffef83; color: #463a00; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; }
.logStats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.logStat { display: grid; gap: 3px; padding: 15px 17px; border: 1px solid #dce4ee; border-radius: 13px; background: #fbfcfe; }
.logStat b { font-size: 24px; }
.logStat span { color: #687b92; font-size: 8px; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.logFileMeta { padding: 12px 15px; border: 1px solid #dce4ee; border-radius: 12px; background: #f8fafc; line-height: 1.55; overflow-wrap: anywhere; }
.logViewer { margin: 0; min-height: 180px; padding: 18px; border-radius: 14px; }

/* General settings belong in their own workspace, not Diagnostics. */
.generalSettingsGrid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.generalSettingCard {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  border: 1px solid #dce4ee;
  border-radius: 15px;
  background: #fbfcfe;
}
.generalSettingCard h3 { margin: 0; }
.generalSettingCard p { margin: 0; color: #63768d; line-height: 1.55; }

/* Team chat: the current administrator is always on the right. */
.adminChatFeed,
.collaborationMessages { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
.adminChatMessage,
.collaborationMessage {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 10px !important;
  width: min(76%, 760px) !important;
  max-width: min(76%, 760px) !important;
  margin: 0 auto 10px 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 16px 16px 16px 5px !important;
  background: #f7f9fc !important;
  box-shadow: none !important;
}
.adminChatMessage.mine,
.collaborationMessage.mine {
  grid-template-columns: minmax(0,1fr) 42px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  border-color: #b9c9ff !important;
  border-radius: 16px 16px 5px 16px !important;
  background: #edf2ff !important;
}
.adminChatMessage.mine > .profileAvatar,
.collaborationMessage.mine > .profileAvatar { grid-column: 2; grid-row: 1; }
.adminChatMessage.mine > div:last-child,
.collaborationMessage.mine > div:last-child { grid-column: 1; grid-row: 1; text-align: right; }
.adminChatMessage .profileAvatar,
.collaborationMessage .profileAvatar { width: 38px !important; height: 38px !important; }
.adminChatMessage p,
.collaborationMessage p { margin: 6px 0 0 !important; color: #30465f !important; line-height: 1.55 !important; overflow-wrap: anywhere; }
.adminChatMessage.mine .messageByline,
.collaborationMessage.mine .messageByline { justify-content: flex-end; }
.badge.in_progress {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 27px;
  padding: 6px 10px !important;
  border: 1px solid #a8c2f5 !important;
  border-radius: 999px !important;
  background: #eaf2ff !important;
  color: #174d97 !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Controlled checkout-link creation. */
.linkToolsGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.linkToolCard { min-width: 0; }
.compactLinkForm { display: grid; gap: 16px; }
.compactLinkForm .formGrid.twoColumns { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.compactLinkForm .field { min-width: 0; }
.inputSuffix {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: stretch !important;
  overflow: hidden;
  border: 1px solid #cbd8e8;
  border-radius: 12px;
  background: #fff;
}
.inputSuffix input {
  width: 100%;
  min-width: 0;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.inputSuffix span {
  display: grid;
  place-items: center;
  min-width: 76px;
  padding: 0 13px;
  border-left: 1px solid #d6e0eb;
  background: #f4f7fb;
  color: #334a64;
  font-size: 12px;
  font-weight: 900;
}
.linkFormActions { justify-content: flex-end; margin-top: 2px; }

/* Forced administrator password replacement. */
.forcedPasswordPanel {
  width: min(780px, calc(100vw - 28px)) !important;
  max-width: 780px !important;
  overflow: hidden;
  border-radius: 22px !important;
  box-shadow: 0 32px 90px rgba(7,24,48,.28) !important;
}
.forcedPasswordDialog .dialogHead { padding: 24px 26px 20px !important; background: linear-gradient(135deg,#fbfdff,#f3f7ff); }
.forcedPasswordDialog .dialogHead h2 { margin: 5px 0 6px; font-size: 27px; }
.forcedPasswordBody { display: grid; gap: 16px; padding: 20px 26px 26px !important; }
.adminBriefingSecurityNote {
  display: grid;
  gap: 5px;
  padding: 16px 18px;
  border: 1px solid #edc77f;
  border-radius: 14px;
  background: #fff8e8;
}
.adminBriefingSecurityNote span { color: #6e521e; line-height: 1.55; }
.forcedPasswordFields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.forcedPasswordForm { display: grid; gap: 16px; }

/* Comparison page: concise, data-dense, and enterprise-positioned. */
.comparisonHeroV2 {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr);
  gap: 24px;
  align-items: stretch;
  padding: clamp(34px,5vw,64px);
  border: 1px solid #cedaea;
  border-radius: 26px;
  background: radial-gradient(circle at 88% 14%,rgba(74,100,255,.14),transparent 31%),linear-gradient(135deg,#fff,#f5f8ff);
  box-shadow: 0 22px 55px rgba(29,51,83,.09);
}
.comparisonHeroV2 h2 { max-width: 850px; margin: 11px 0 15px; font-size: clamp(38px,4.7vw,66px); line-height: .99; letter-spacing: -.052em; }
.comparisonHeroV2 > div > p { max-width: 820px; color: #586d86; font-size: 16px; line-height: 1.7; }
.comparisonPositioningCard {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 24px;
  border: 1px solid #c4d2e7;
  border-radius: 20px;
  background: rgba(255,255,255,.9);
}
.comparisonPositioningCard h3 { margin: 0; font-size: 24px; }
.comparisonPositioningCard > p { margin: 0 0 6px; color: #63768c; line-height: 1.55; }
.comparisonPositioningCard > div { display: grid; gap: 3px; padding: 11px 0; border-top: 1px solid #e0e7f0; }
.comparisonPositioningCard > div span { color: #6d8096; font-size: 8px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.compareArchitectureFlow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto auto; align-items: center; gap: 12px; margin-top: 16px; }
.compareArchitectureFlow article { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 12px; align-items: center; min-height: 92px; padding: 16px; border: 1px solid #d6e0eb; border-radius: 16px; background: #fff; }
.compareArchitectureFlow article > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #edf2ff; color: #3157f5; }
.compareArchitectureFlow article small { display: block; margin-top: 4px; color: #687b91; line-height: 1.45; }
.compareArchitectureFlow > i { color: #2e55f4; font-size: 22px; font-style: normal; font-weight: 950; }
.compareCapabilityGrid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.compareCapabilityGrid article { min-width: 0; padding: 20px; border: 1px solid #dce4ee; border-radius: 16px; background: #fbfcfe; }
.compareCapabilityGrid article.featured { border-color: #9eb4ff; background: linear-gradient(145deg,#f5f7ff,#fff); box-shadow: 0 12px 30px rgba(49,87,245,.08); }
.compareCapabilityGrid article > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #eaf0ff; color: #3157f5; }
.compareCapabilityGrid h3 { margin: 13px 0 7px; font-size: 21px; }
.compareCapabilityGrid p { color: #5f7389; line-height: 1.55; }
.compareCapabilityGrid ul { margin: 14px 0 0; padding-left: 18px; color: #334b65; line-height: 1.55; }
.competitorLandscapeGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.competitorLandscapeGrid article { display: grid; gap: 12px; min-width: 0; padding: 20px; border: 1px solid #dce4ee; border-radius: 16px; background: #fbfcfe; }
.competitorHeading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.competitorHeading h3 { margin: 0; font-size: 22px; }
.competitorHeading a { font-size: 10px; font-weight: 900; }
.competitorLandscapeGrid p { margin: 0; color: #5e7289; line-height: 1.6; }
.competitorLandscapeGrid small { color: #657990; line-height: 1.55; }
.competitorPrice { display: grid; gap: 4px; padding: 13px 14px; border: 1px solid #cfdced; border-radius: 12px; background: #fff; }
.competitorPrice span { color: #6b7e94; font-size: 8px; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; }
.compareOperatingTable { min-width: 1050px; }
.compareOperatingTable th:first-child,
.compareOperatingTable td:first-child { position: sticky; left: 0; z-index: 1; min-width: 230px; background: inherit; }
.compareState { display: inline-flex; align-items: center; justify-content: center; min-height: 25px; padding: 5px 9px; border-radius: 999px; font-size: 8px; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; white-space: nowrap; }
.compareState.core { background: #dff8eb; color: #0c7142; }
.compareState.available { background: #e8efff; color: #234fae; }
.compareState.limited { background: #fff3d9; color: #81550b; }
.compareState.none { background: #eef1f5; color: #627185; }
.comparisonPricingGuidance {
  display: grid;
  grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr);
  gap: 20px;
  padding: 28px;
  border: 1px solid #cbd8ea;
  border-radius: 22px;
  background: linear-gradient(135deg,#0d2342,#173a6b);
  color: #fff;
}
.comparisonPricingGuidance p { color: #d1dded; line-height: 1.65; }
.comparisonPricingTiers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.comparisonPricingTiers article { padding: 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.08); }
.comparisonPricingTiers article.recommended { background: #fff; color: #0d2342; }
.comparisonPricingTiers span { display: block; margin-bottom: 7px; color: inherit; opacity: .72; font-size: 8px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.comparisonPricingTiers b { display: block; font-size: 20px; line-height: 1.2; }
.comparisonPricingTiers small { display: block; margin-top: 7px; color: inherit; opacity: .76; line-height: 1.45; }

/* Responsive R28. */
@media (max-width: 1100px) {
  .authExperienceShell,
  .securityRecoveryShell,
  .comparisonHeroV2,
  .comparisonPricingGuidance { grid-template-columns: minmax(0,1fr); }
  .authExperienceCard { max-width: none; justify-self: stretch; }
  .compareArchitectureFlow { grid-template-columns: minmax(0,1fr); }
  .compareArchitectureFlow > i { transform: rotate(90deg); justify-self: center; }
  .linkToolsGrid { grid-template-columns: minmax(0,1fr); }
  .billingOverviewStat strong,
  .billingOverviewStat .statValue { font-size: 24px !important; }
}
@media (max-width: 820px) {
  .authSecurityPoints,
  .passwordRequirementPanel,
  .compareCapabilityGrid,
  .comparisonPricingTiers { grid-template-columns: minmax(0,1fr); }
  .passwordRequirementPanel b { grid-column: auto; }
  .securityFactorGrid,
  .generalSettingsGrid,
  .competitorLandscapeGrid,
  .incidentWorkspaceTabs { grid-template-columns: minmax(0,1fr); }
  .securityFactorGrid .span2 { grid-column: auto; }
  .accountSecurityCodeBody,
  .purchaseSecurityCodeCard { grid-template-columns: minmax(0,1fr); }
  .accountSecurityCodeActions { justify-self: start; }
  .incidentCommandCard > .cardHead { align-items: stretch; flex-direction: column; }
  .incidentFilters { width: 100%; }
  .incidentFilters .btn { flex: 1; }
  .incidentMetrics,
  .logStats { grid-template-columns: minmax(0,1fr); }
  .logSearch { grid-template-columns: minmax(0,1fr); }
  .logSearch .btn { width: 100%; }
  .logReferenceNotice { grid-template-columns: minmax(0,1fr); }
  .adminChatMessage,
  .collaborationMessage,
  .adminChatMessage.mine,
  .collaborationMessage.mine { width: 90% !important; max-width: 90% !important; }
}
@media (max-width: 620px) {
  .authExperienceShell,
  .securityRecoveryShell { padding: 28px 0; }
  .authExperienceIntro h1,
  .securityRecoveryIntro h1 { font-size: 40px; }
  .authExperienceCardHead,
  .securityRecoveryCardHead { grid-template-columns: minmax(0,1fr); }
  .authExperienceForm,
  .authExperienceCardHead,
  .securityRecoveryForm,
  .securityRecoveryCardHead { padding-left: 19px; padding-right: 19px; }
  .authExperienceFoot { align-items: flex-start; flex-direction: column; padding-left: 19px; padding-right: 19px; }
  .compactLinkForm .formGrid.twoColumns,
  .forcedPasswordFields { grid-template-columns: minmax(0,1fr); }
  .comparisonHeroV2 { padding: 24px; }
  .comparisonHeroV2 h2 { font-size: 39px; }
  .adminChatMessage,
  .collaborationMessage,
  .adminChatMessage.mine,
  .collaborationMessage.mine { width: 100% !important; max-width: 100% !important; }
}

/* R28 follow-up corrections for exact markup. */
.compareArchitectureFlow { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); }
.logReferenceNotice.is-found { border-color: #a8ddc3; background: #eefaf4; }
.logReferenceNotice.is-cleared { border-color: #efc58f; background: #fff8e9; }
.accountSecurityCodeBody { grid-template-columns: minmax(0,1fr) auto; }
.accountSecurityCodeValue { max-width: 520px; }
.accountSecurityCodeActions { justify-self: end; }
.accountSecurityCodeWarning { grid-column: 1 / -1; display: grid; gap: 4px; }
.purchaseSecurityCodeCard { display: block; }
.purchaseSecurityCodeCard h2 { margin: 7px 0 12px; }
.purchaseSecurityCodeValue {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 11px;
  background: #0c2343;
  color: #fff;
  font: 950 18px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing: .09em;
}
.purchaseSecurityCodeWarning { display: grid; gap: 3px; margin-top: 14px; padding: 13px 14px; border: 1px solid #efbf78; border-radius: 11px; background: rgba(255,255,255,.55); color: #70450f; }
.comparisonPricingTiers h3 { margin: 0; font-size: 22px; }
.comparisonPricingTiers p { margin: 7px 0 0; color: inherit; opacity: .76; line-height: 1.5; }
@media (max-width: 1100px) { .compareArchitectureFlow { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 820px) {
  .accountSecurityCodeBody { grid-template-columns: minmax(0,1fr); }
  .accountSecurityCodeActions { justify-self: start; }
}
.comparisonPricingTiers > article > b { display: block; margin-top: 7px; font-size: 18px; line-height: 1.25; }
.securityRecoveryShell > :only-child { grid-column: 1 / -1; width: min(760px,100%); justify-self: center; }
.securityRecoveryShell > .securityRecoveryIntro:only-child { padding: 32px; border: 1px solid #cfdaea; border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgba(17,39,70,.14); }
.securityRecoveryIntro h2 { margin: 12px 0 16px; font-size: clamp(38px,4.6vw,62px); line-height: 1; letter-spacing: -.05em; }
.securityRecoveryIntro form + .btn { margin-top: 10px; }
.securityRecoveryCard > .btn { width: calc(100% - 56px); margin: 0 28px 28px; }
@media (max-width: 620px) {
  .securityRecoveryShell > .securityRecoveryIntro:only-child { padding: 22px; }
  .securityRecoveryIntro h2 { font-size: 38px; }
  .securityRecoveryCard > .btn { width: calc(100% - 38px); margin-left: 19px; margin-right: 19px; }
}
.accountSecurityCodeBody { align-items: end; }
.accountSecurityCodeBody > div:first-child { min-width: 0; }
.accountSecurityCodeActions { display: grid; grid-template-columns: minmax(210px,1fr) auto; gap: 10px; align-items: end; min-width: min(100%,470px); }
.accountSecurityCodeActions .field { margin: 0; }
.accountSecurityCodeActions .btn { min-height: 46px; white-space: nowrap; }
@media (max-width: 820px) { .accountSecurityCodeActions { grid-template-columns: minmax(0,1fr); min-width: 0; width: 100%; } }
.route-forgot-password .pageHead,
.route-reset-password .pageHead,
.route-security-alert .pageHead,
.route-recover-account .pageHead,
.route-compare .pageHead { display: none; }

/* ========================================================================== */
/* R29 — portal workflow and spacing corrections (2026-08-05)                */
/* ========================================================================== */

/* Compare: preserve the approved comparison structure while accommodating the
   five added vendors without clipping or silently dropping columns. */
.route-compare .comparisonDesktopMatrix {
  width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
}
.route-compare .expandedComparisonMatrix table {
  width: max-content !important;
  min-width: 1780px !important;
  table-layout: fixed !important;
}
.route-compare .expandedComparisonMatrix th:first-child,
.route-compare .expandedComparisonMatrix td:first-child {
  width: 310px !important;
  min-width: 310px !important;
}
.route-compare .expandedComparisonMatrix th:not(:first-child),
.route-compare .expandedComparisonMatrix td:not(:first-child) {
  width: 142px !important;
  min-width: 142px !important;
}
.route-compare .comparisonSourceNote {
  margin: 16px 0 0 !important;
  line-height: 1.6 !important;
}
@media (max-width: 760px) {
  .route-compare .expandedComparisonMatrix table,
  .route-compare .expandedComparisonMatrix tbody {
    width: 100% !important;
    min-width: 0 !important;
  }
  .route-compare .expandedComparisonMatrix td:nth-child(7)::before { content: "RafflePress"; }
  .route-compare .expandedComparisonMatrix td:nth-child(8)::before { content: "Woorise"; }
  .route-compare .expandedComparisonMatrix td:nth-child(9)::before { content: "ShortStack"; }
  .route-compare .expandedComparisonMatrix td:nth-child(10)::before { content: "Woobox"; }
  .route-compare .expandedComparisonMatrix td:nth-child(11)::before { content: "Agorapulse"; }
}

/* Collaboration: use the whole workspace and keep chat messages readable. */
.route-tg-admins-collaboration .collaborationHero,
.route-tg-admins-collaboration .collaborationWorkspaceTabs,
.route-tg-admins-collaboration .adminChatCard,
.route-tg-admins-collaboration .collaborationDirectoryCard {
  width: 100% !important;
  max-width: none !important;
}
.route-tg-admins-collaboration .adminChatCard {
  overflow: hidden !important;
}
.route-tg-admins-collaboration .adminChatFeed {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
  min-height: 420px !important;
  max-height: min(58dvh, 620px) !important;
  padding: 20px !important;
}
.route-tg-admins-collaboration .adminChatMessage {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 12px !important;
  width: min(78%, 900px) !important;
  max-width: 900px !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  align-self: flex-start !important;
}
.route-tg-admins-collaboration .adminChatMessage.mine {
  align-self: flex-end !important;
  border-color: #b8caff !important;
  background: #eef3ff !important;
}
.route-tg-admins-collaboration .adminChatMessage > div {
  min-width: 0 !important;
}
.route-tg-admins-collaboration .adminChatMessage .messageByline {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.route-tg-admins-collaboration .adminChatMessage .messageByline strong,
.route-tg-admins-collaboration .adminChatMessage .messageByline small {
  position: static !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
.route-tg-admins-collaboration .adminChatMessage p {
  margin: 7px 0 0 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}
.route-tg-admins-collaboration .adminChatComposer {
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  padding: 18px 20px !important;
}
.route-tg-admins-collaboration .adminChatComposer textarea {
  min-height: 86px !important;
}
.route-tg-admins-collaboration .adminChatComposer .btn {
  min-width: 132px !important;
  min-height: 46px !important;
}

/* Ticket handoffs: separate identity, assignment facts, state, and action. */
.route-tg-admins-collaboration .compactThreadList {
  justify-items: stretch !important;
  gap: 12px !important;
}
.route-tg-admins-collaboration .compactThreadCard {
  width: 100% !important;
  max-width: none !important;
}
.route-tg-admins-collaboration .compactThreadSummary {
  display: grid !important;
  grid-template-columns: 48px minmax(230px,1.15fr) minmax(420px,1.35fr) auto !important;
  gap: 16px 20px !important;
  align-items: center !important;
  min-height: 112px !important;
  padding: 18px 20px !important;
}
.route-tg-admins-collaboration .threadSummaryMeta {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(120px,1fr)) !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.route-tg-admins-collaboration .threadSummaryMeta > span {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  border-left: 1px solid #dce5f0 !important;
}
.route-tg-admins-collaboration .threadSummaryMeta small {
  color: #6b7d92 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
.route-tg-admins-collaboration .threadSummaryMeta b {
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}
.route-tg-admins-collaboration .threadSummarySide {
  min-width: 118px !important;
}
.route-tg-admins-collaboration .threadDetailPanel {
  width: min(920px, calc(100vw - 32px)) !important;
}
.route-tg-admins-collaboration .threadDialogBody {
  gap: 18px !important;
  padding: 20px !important;
}
.route-tg-admins-collaboration .threadViewOnlyNotice {
  display: grid !important;
  gap: 5px !important;
  padding: 15px 17px !important;
  border: 1px solid #d5dfed !important;
  border-radius: 13px !important;
  background: #f7f9fc !important;
}
@media (max-width: 1080px) {
  .route-tg-admins-collaboration .compactThreadSummary {
    grid-template-columns: 44px minmax(0,1fr) auto !important;
  }
  .route-tg-admins-collaboration .threadSummaryMeta {
    grid-column: 2 / -1 !important;
  }
}
@media (max-width: 720px) {
  .route-tg-admins-collaboration .adminChatMessage,
  .route-tg-admins-collaboration .adminChatMessage.mine {
    width: 100% !important;
    max-width: 100% !important;
  }
  .route-tg-admins-collaboration .adminChatComposer {
    grid-template-columns: 1fr !important;
  }
  .route-tg-admins-collaboration .adminChatComposer .btn {
    width: 100% !important;
  }
  .route-tg-admins-collaboration .compactThreadSummary {
    grid-template-columns: 40px minmax(0,1fr) !important;
  }
  .route-tg-admins-collaboration .threadSummaryMeta,
  .route-tg-admins-collaboration .threadSummarySide {
    grid-column: 1 / -1 !important;
  }
  .route-tg-admins-collaboration .threadSummaryMeta {
    grid-template-columns: 1fr !important;
  }
  .route-tg-admins-collaboration .threadSummaryMeta > span {
    min-height: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #e2e9f2 !important;
  }
  .route-tg-admins-collaboration .threadSummarySide {
    justify-self: stretch !important;
    justify-content: space-between !important;
  }
}

/* Billing dashboard: combine volume with Orders and make action tiles clean. */
.route-tg-admins-index .roleStatGrid {
  align-items: stretch !important;
}
.route-tg-admins-index .roleStatGrid > article,
.route-tg-admins-index .roleStatGrid > a {
  min-width: 0 !important;
  min-height: 122px !important;
}
.route-tg-admins-index .billingOrdersOverviewStat {
  display: grid !important;
  grid-template-columns: 54px minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
}
.route-tg-admins-index .billingOrdersOverviewStat > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.route-tg-admins-index .billingVolumeSummary {
  display: block !important;
  margin-top: 5px !important;
  color: #53677f !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}
.route-tg-admins-index .statCardLink {
  color: inherit !important;
  text-decoration: none !important;
}
.route-tg-admins-index .statCardAction {
  align-self: center !important;
  color: #3157ed !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.route-tg-admins-index .operationsHealthCard .cardBody,
.route-tg-admins-index .billingAttentionCard .cardBody {
  gap: 11px !important;
  padding: 16px 18px 18px !important;
}
.route-tg-admins-index .healthTileLink {
  display: grid !important;
  grid-template-columns: 48px minmax(120px,.8fr) minmax(0,1.2fr) !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 78px !important;
  padding: 13px 15px !important;
  color: inherit !important;
  text-decoration: none !important;
}
.route-tg-admins-index .healthTileLink > b {
  font-size: 25px !important;
  text-align: center !important;
}
.route-tg-admins-index .healthTileLink > span {
  font-weight: 850 !important;
  line-height: 1.35 !important;
}
.route-tg-admins-index .healthTileLink > small {
  line-height: 1.45 !important;
  text-align: left !important;
}
@media (max-width: 760px) {
  .route-tg-admins-index .billingOrdersOverviewStat {
    grid-template-columns: 48px minmax(0,1fr) !important;
  }
  .route-tg-admins-index .billingOrdersOverviewStat .statDetailButton {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  .route-tg-admins-index .healthTileLink {
    grid-template-columns: 46px minmax(0,1fr) !important;
  }
  .route-tg-admins-index .healthTileLink > small {
    grid-column: 1 / -1 !important;
  }
}

/* Billing order dialog: remove vertical dead zones and give each panel its own
   natural height instead of stretching grid rows to the tallest neighbor. */
.route-tg-admins-billing .orderDetailDialog .billingOrderDetail {
  width: min(1120px, calc(100vw - 34px)) !important;
  max-height: min(92dvh, 980px) !important;
}
.route-tg-admins-billing .billingOrderDetail .dialogHead {
  padding: 22px 24px 18px !important;
}
.route-tg-admins-billing .billingOrderDetail .dialogBody {
  display: block !important;
  max-height: calc(92dvh - 150px) !important;
  padding: 20px 22px 24px !important;
  overflow: auto !important;
}
.route-tg-admins-billing .billingDetailGrid {
  display: grid !important;
  grid-template-columns: minmax(270px,.78fr) minmax(0,1.72fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
.route-tg-admins-billing .billingActionPanels {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  align-items: start !important;
  gap: 14px !important;
}
.route-tg-admins-billing .billingActionPanels > *,
.route-tg-admins-billing .billingMiniPanel,
.route-tg-admins-billing .billingRecordStateBand {
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
}
.route-tg-admins-billing .billingRecordStateBand {
  display: grid !important;
  grid-template-columns: 4px minmax(0,1fr) !important;
  gap: 14px !important;
  padding: 18px !important;
}
.route-tg-admins-billing .billingRecordStateBand::before {
  content: "" !important;
  width: 4px !important;
  height: 100% !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  background: #7b8ca1 !important;
}
.route-tg-admins-billing .billingRecordStateBand > .eyebrow,
.route-tg-admins-billing .billingRecordStateBand > div {
  grid-column: 2 !important;
}
.route-tg-admins-billing .billingRecordStateBand h3 {
  margin: 4px 0 6px !important;
}
.route-tg-admins-billing .billingRecordStateBand p {
  margin: 0 !important;
  line-height: 1.55 !important;
}
@media (max-width: 900px) {
  .route-tg-admins-billing .billingDetailGrid,
  .route-tg-admins-billing .billingActionPanels {
    grid-template-columns: 1fr !important;
  }
}

/* Incidents: render one real icon per tab and prevent the action column from
   being crushed against the table edge. */
.route-tg-admins-incidents .incidentWorkspaceTabs {
  gap: 12px !important;
  padding: 8px !important;
}
.route-tg-admins-incidents .incidentWorkspaceTabs a {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 86px !important;
  padding: 15px 17px !important;
}
.route-tg-admins-incidents .incidentWorkspaceTabs a::before {
  display: none !important;
  content: none !important;
}
.route-tg-admins-incidents .incidentWorkspaceTabs a > span {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid #d7e2f2 !important;
  border-radius: 13px !important;
  background: #edf3ff !important;
  color: #3157ed !important;
}
.route-tg-admins-incidents .incidentWorkspaceTabs a.active > span {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.13) !important;
  color: #fff !important;
}
.route-tg-admins-incidents .incidentWorkspaceTabs a > span svg {
  width: 22px !important;
  height: 22px !important;
}
.route-tg-admins-incidents .incidentWorkspaceTabs a > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.route-tg-admins-incidents .incidentWorkspaceTabs a b,
.route-tg-admins-incidents .incidentWorkspaceTabs a small {
  display: block !important;
  min-width: 0 !important;
  line-height: 1.4 !important;
}
.route-tg-admins-incidents .incidentCommandCard .tableWrap {
  width: 100% !important;
  overflow-x: auto !important;
}
.route-tg-admins-incidents .incidentCommandCard .incidentDataTable {
  min-width: 1040px !important;
  table-layout: auto !important;
}
.route-tg-admins-incidents .incidentIdentityCell {
  min-width: 260px !important;
}
.route-tg-admins-incidents .incidentImpact {
  min-width: 190px !important;
}
.route-tg-admins-incidents .incidentRowActions {
  display: grid !important;
  gap: 8px !important;
  min-width: 150px !important;
}
.route-tg-admins-incidents .incidentRowActions .btn {
  width: 100% !important;
  min-height: 38px !important;
  white-space: normal !important;
}
.route-tg-admins-incidents .incidentMessagePreview {
  display: block !important;
  max-width: 420px !important;
  margin-top: 5px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

/* Account: compact the permanent-code policy and make the mandatory password
   replacement dialog visually unambiguous. */
.route-account .accountGrid {
  align-items: start !important;
}
.route-account .accountSecurityCodeCard {
  margin-top: 18px !important;
}
.route-account .accountSecurityCodeBodyReadOnly {
  display: grid !important;
  grid-template-columns: minmax(0,1.45fr) minmax(280px,.75fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
  padding: 20px !important;
}
.route-account .accountSecurityCodeWarning {
  display: grid !important;
  gap: 5px !important;
  margin-top: 12px !important;
  line-height: 1.5 !important;
}
.route-account .accountSecurityCodePolicy {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 100% !important;
  padding: 16px !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 14px !important;
  background: #f7f9fd !important;
}
.route-account .accountSecurityCodePolicy > span {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #eaf0ff !important;
  color: #3157ed !important;
}
.route-account .accountSecurityCodePolicy > div {
  display: grid !important;
  gap: 4px !important;
}
.route-account .customerForcedPasswordPanel {
  width: min(640px, calc(100vw - 30px)) !important;
  max-height: min(92dvh, 760px) !important;
}
.route-account .customerForcedPasswordHead {
  padding: 22px 24px 18px !important;
}
.route-account .customerForcedPasswordBody {
  display: grid !important;
  gap: 18px !important;
  padding: 20px 24px !important;
}
.route-account .forcedSecuritySummary {
  display: grid !important;
  gap: 6px !important;
  padding: 14px 16px !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 13px !important;
  background: #f7f9fd !important;
  line-height: 1.5 !important;
}
.route-account .customerForcedPasswordFields {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
}
.route-account .customerForcedPasswordFields .field:first-child {
  grid-column: 1 / -1 !important;
}
.route-account .customerForcedPasswordFields .field {
  margin: 0 !important;
}
.route-account .customerForcedPasswordFooter {
  padding: 16px 24px 22px !important;
}
@media (max-width: 700px) {
  .route-account .accountSecurityCodeBodyReadOnly,
  .route-account .customerForcedPasswordFields {
    grid-template-columns: 1fr !important;
  }
  .route-account .customerForcedPasswordFields .field:first-child {
    grid-column: auto !important;
  }
}

/* Checkout success: the permanent code gate is compact, centered, and cannot
   look like an ordinary dismissible notice. */
.purchaseSecurityCopyDialog .purchaseSecurityCopyPanel {
  width: min(650px, calc(100vw - 30px)) !important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead {
  padding: 22px 24px 18px !important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyBody {
  display: grid !important;
  gap: 13px !important;
  padding: 20px 24px 24px !important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyCode {
  padding: 17px 18px !important;
  border: 2px solid #3157ed !important;
  border-radius: 14px !important;
  background: #f1f5ff !important;
  color: #0b1730 !important;
  font: 950 clamp(18px,3vw,27px)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace !important;
  letter-spacing: .06em !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  user-select: all !important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyWarning {
  display: grid !important;
  gap: 5px !important;
  padding: 14px 16px !important;
  border: 1px solid #efbf78 !important;
  border-radius: 13px !important;
  background: #fff8e8 !important;
  color: #70450f !important;
  line-height: 1.5 !important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyStatus {
  margin: 0 !important;
  color: #66798f !important;
  font-size: 12px !important;
  text-align: center !important;
}

/* Security-alert and recovery states: center the identity block and establish
   consistent space between icon, heading, explanation, callout, and actions. */
.route-security-alert .securityRecoveryShell,
.route-recover-account .securityRecoveryShell {
  min-height: min(680px, calc(100dvh - 230px)) !important;
  padding: 54px 0 !important;
}
.route-security-alert .securityRecoveryIntro {
  display: grid !important;
  justify-items: center !important;
  width: min(620px,100%) !important;
  max-width: 620px !important;
  padding: 34px !important;
  text-align: center !important;
}
.route-security-alert .securityRecoveryIntro > .securityRecoveryIcon {
  margin: 0 auto 4px !important;
}
.route-security-alert .securityRecoveryIntro .eyebrow {
  margin-top: 2px !important;
}
.route-security-alert .securityRecoveryIntro h2 {
  margin: 10px 0 14px !important;
  max-width: 12ch !important;
}
.route-security-alert .securityRecoveryIntro > p {
  max-width: 48ch !important;
  margin: 0 auto 20px !important;
}
.route-security-alert .securityRecoveryIntro .securityRecoveryStatus {
  width: 100% !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}
.route-security-alert .securityRecoveryIntro form,
.route-security-alert .securityRecoveryIntro > .btn {
  width: min(100%, 460px) !important;
}
.route-security-alert .securityRecoveryIntro form + .btn {
  margin-top: 10px !important;
}
.route-recover-account .securityRecoveryCard {
  width: min(760px,100%) !important;
}
.route-recover-account .securityRecoveryCardHead {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 12px !important;
  padding: 28px !important;
  text-align: center !important;
}
.route-recover-account .securityRecoveryCardHead > div {
  display: grid !important;
  justify-items: center !important;
}
.route-recover-account .securityRecoveryCardHead h2 {
  margin: 7px 0 7px !important;
}
.route-recover-account .securityRecoveryCardHead p {
  max-width: 54ch !important;
}
.route-recover-account .securityRecoveryStatus {
  margin: 22px 28px 16px !important;
}
.route-recover-account .securityRecoveryCard > .btn {
  margin-top: 0 !important;
}
@media (max-width: 620px) {
  .route-security-alert .securityRecoveryIntro {
    padding: 24px 20px !important;
  }
  .route-security-alert .securityRecoveryIntro h2 {
    font-size: 38px !important;
  }
  .route-recover-account .securityRecoveryCardHead {
    padding: 22px 19px !important;
  }
}

/* R29 role-aware login queue breakdown. */
.adminQueueBriefSummary {
  display: grid !important;
  gap: 5px !important;
  margin: 7px 0 0 !important;
  line-height: 1.5 !important;
}
.adminQueueBriefSummary strong,
.adminQueueBriefSummary span {
  display: block !important;
}


/* R30 follow-up: billing workspace, comparison matrix, account security card,
   public refund history, and collaboration message layout fixes. */
.route-tg-admins-billing .billingOrderSummaryStrip {
  margin-bottom: 14px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.route-tg-admins-billing .billingDialogActions { margin-bottom: 12px !important; }
.route-tg-admins-billing .billingHistoryGrid { align-items: start !important; }
.route-tg-admins-billing .refundDecisionHistoryItem {
  display: grid !important;
  gap: 8px !important;
  border-color: #f0d4d8 !important;
  background: linear-gradient(135deg, #fff8f9, #ffffff) !important;
}
.route-tg-admins-billing .refundDecisionNote,
.route-tg-admins-billing .deniedRefundActivityRow .refundActivityAmount span {
  color: #6b7d92 !important;
  line-height: 1.45 !important;
}
.route-tg-admins-billing .deniedRefundActivityRow {
  cursor: default !important;
  border-color: #f0d4d8 !important;
  background: linear-gradient(135deg, #fff8f9, #ffffff) !important;
}
.roleWorkspace .roleStatGrid:has(.billingPaidVolumeStat) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.billingPaidVolumeStat .roleStatContent small {
  color: #66798f !important;
  line-height: 1.45 !important;
}
.supportPriorityStat {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}
.supportPriorityStat .roleStatIcon { margin: 0 !important; }
.supportPriorityStat .roleStatContent { min-width: 0 !important; }
.supportPriorityStat .roleStatContent strong,
.supportPriorityStat .roleStatContent span,
.supportPriorityStat .roleStatContent small {
  display: block !important;
}
.supportPriorityStat .roleStatContent small { color: #66798f !important; line-height: 1.45 !important; }
.supportPriorityStat .roleStatLink { align-self: center !important; justify-self: end !important; }
.route-tg-admins-collaboration .adminChatFeed {
  padding: 16px !important;
  gap: 16px !important;
}
.route-tg-admins-collaboration .adminChatMessage {
  width: min(100%, 1040px) !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 15px 16px !important;
}
.route-tg-admins-collaboration .adminChatMessage.mine {
  grid-template-columns: minmax(0, 1fr) 48px !important;
}
.route-tg-admins-collaboration .adminChatMessage > div:last-child,
.route-tg-admins-collaboration .adminChatMessage.mine > div:first-child {
  min-width: 0 !important;
  width: 100% !important;
}
.route-tg-admins-collaboration .adminChatMessage .messageByline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px 12px !important;
  align-items: baseline !important;
}
.route-tg-admins-collaboration .adminChatMessage.mine .messageByline {
  grid-template-columns: auto minmax(0, 1fr) !important;
}
.route-tg-admins-collaboration .adminChatMessage .messageByline strong,
.route-tg-admins-collaboration .adminChatMessage .messageByline small {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.route-tg-admins-collaboration .adminChatMessage p {
  margin: 9px 0 0 !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}
.route-compare .comparisonScrollHint {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 0 10px !important;
  color: #536780 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.route-compare .comparisonDesktopMatrix {
  position: relative !important;
}
@media (max-width: 760px) {
  .route-compare .comparisonScrollHint {
    justify-content: flex-start !important;
    padding: 0 2px !important;
  }
  .route-compare .expandedComparisonMatrix table {
    width: max-content !important;
    min-width: 1760px !important;
  }
  .route-compare .comparisonDesktopMatrix {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .route-compare .comparisonMobileVendor {
    grid-template-columns: minmax(0, 96px) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .route-compare .comparisonMobileVendor > span,
  .route-compare .comparisonMobileVendor > b {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
}
.accountSecurityCodeBodyReadOnly {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
.accountSecurityCodeValue {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 52px !important;
}
.accountSecurityCodeWarning {
  max-width: 720px !important;
}
@media (max-width: 900px) {
  .accountSecurityCodeBodyReadOnly {
    grid-template-columns: 1fr !important;
  }
  .roleWorkspace .roleStatGrid:has(.billingPaidVolumeStat) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.deniedRefundCopy {
  border-top: 1px solid #efd5d9 !important;
  background: linear-gradient(135deg, #fff8f9, #ffffff) !important;
}
.customerRefundRow.deniedRequestRow {
  border-color: #efd5d9 !important;
  background: linear-gradient(135deg, #fff8f9, #ffffff) !important;
}
.customerRefundRow.deniedRequestRow .customerRefundFacts {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* ========================================================================== */
/* R31 — Enterprise managed-service layer                                     */
/* ========================================================================== */
.badge.enterprise,
.enterprisePill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 27px !important;
  padding: 6px 10px !important;
  border: 1px solid #9d83ff !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#171f45,#4b2fae) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 20px rgba(58,37,132,.15) !important;
}
.enterpriseButton {
  border: 1px solid #684ee8 !important;
  background: linear-gradient(135deg,#171f45,#5636d2) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(67,43,160,.2) !important;
}
.enterpriseButton:hover { transform: translateY(-1px); }

/* Superadmin Enterprise command center. */
.enterpriseAdminHero {
  background: linear-gradient(135deg,#0f1d3a 0%,#1c2854 56%,#4b2fae 130%) !important;
  color: #fff !important;
}
.enterpriseAdminHero .eyebrow,
.enterpriseAdminHero p { color: #cbd6ff !important; }
.enterpriseAdminHero h2 { color: #fff !important; }
.enterpriseMetrics { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.enterpriseMetrics article.metricAlert { border-color: #e6aa35 !important; background: #fff9e8 !important; }
.enterpriseAdminGrid { align-items: start !important; }
.enterpriseAccountListCard,
.enterpriseAccountDetailCard,
.enterpriseStakeholderCard,
.enterpriseMilestoneCard,
.enterpriseRequestCard { overflow: hidden !important; }
.enterpriseAccountList { display: grid !important; gap: 11px !important; }
.enterpriseAccountRow {
  display: grid !important;
  grid-template-columns: minmax(240px,1.05fr) minmax(0,1.35fr) 130px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg,#fff,#f8faff) !important;
  color: #10233d !important;
  text-decoration: none !important;
}
.enterpriseAccountRow:hover,
.enterpriseAccountRow.selected { border-color: #8e7aed !important; box-shadow: 0 12px 30px rgba(54,39,133,.1) !important; }
.enterpriseAccountRow.selected { background: linear-gradient(135deg,#f5f2ff,#fff) !important; }
.enterpriseAccountIdentity { display: flex !important; align-items: flex-start !important; gap: 10px !important; min-width: 0 !important; }
.enterpriseAccountIdentity > div { display: grid !important; gap: 3px !important; min-width: 0 !important; }
.enterpriseAccountIdentity b { font-size: 15px !important; overflow-wrap: anywhere !important; }
.enterpriseAccountIdentity small { color: #65778e !important; line-height: 1.4 !important; overflow-wrap: anywhere !important; }
.enterpriseAccountFacts { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; }
.enterpriseAccountFacts span { display: grid !important; gap: 3px !important; min-width: 0 !important; padding: 9px 10px !important; border-radius: 10px !important; background: #f3f6fb !important; }
.enterpriseAccountFacts small { color: #74849a !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .05em !important; text-transform: uppercase !important; }
.enterpriseAccountFacts b { font-size: 11px !important; overflow-wrap: anywhere !important; }
.enterpriseProgressCompact { display: grid !important; gap: 5px !important; }
.enterpriseProgressCompact > span,
.enterpriseProgressTrack,
.enterpriseCustomerProgress > span {
  display: block !important;
  height: 9px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e5e9f3 !important;
}
.enterpriseProgressCompact > span::before,
.enterpriseProgressTrack::before,
.enterpriseProgressTrack i,
.enterpriseCustomerProgress > span i {
  content: "" !important;
  display: block !important;
  width: var(--enterprise-progress,0%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg,#3157ed,#754ce5) !important;
}
.enterpriseProgressCompact small { color: #64778f !important; font-size: 9px !important; text-align: right !important; }
.enterpriseAccountDetailBody { display: grid !important; gap: 17px !important; }
.enterpriseProgressPanel {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  gap: 13px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border: 1px solid #d8def2 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg,#f4f2ff,#fff) !important;
}
.enterpriseProgressPanel > div { display: grid !important; }
.enterpriseProgressPanel b { color: #3d29a0 !important; font-size: 24px !important; }
.enterpriseProgressPanel span { color: #5f7187 !important; }
.enterpriseProgressPanel small { color: #687a90 !important; white-space: nowrap !important; }
.enterpriseAccountForm { display: grid !important; gap: 15px !important; }
.enterpriseFormSection {
  padding: 17px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  background: #fbfcff !important;
}
.enterpriseFormSectionHead { margin-bottom: 13px !important; }
.enterpriseFormSectionHead h3 { margin: 4px 0 0 !important; font-size: 19px !important; }
.enterpriseFormSection .fourColumns { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.enterpriseFormSection .threeColumns { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.enterpriseTwoColumnBody,
.enterpriseMilestoneLayout,
.enterpriseRequestLayout,
.enterpriseRequestWorkspaceBody {
  display: grid !important;
  grid-template-columns: minmax(0,1.65fr) minmax(300px,.72fr) !important;
  gap: 17px !important;
  align-items: start !important;
}
.enterpriseSideForm {
  display: grid !important;
  gap: 10px !important;
  padding: 16px !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 15px !important;
  background: #f8faff !important;
  position: sticky !important;
  top: 15px !important;
}
.enterpriseContactList,
.enterpriseMilestoneList,
.enterpriseRequestList { display: grid !important; gap: 11px !important; min-width: 0 !important; }
.enterpriseContactList article {
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid #dde5ef !important;
  border-radius: 14px !important;
  background: #fff !important;
}
.enterpriseContactList article > div { min-width: 0 !important; }
.enterpriseContactList h3 { margin: 7px 0 4px !important; font-size: 16px !important; }
.enterpriseContactList h3 small { color: #6a7b91 !important; font-size: 9px !important; }
.enterpriseContactList p { margin: 0 !important; color: #63758b !important; line-height: 1.45 !important; overflow-wrap: anywhere !important; }
.enterpriseMilestoneRow,
.enterpriseRequestRow {
  display: grid !important;
  grid-template-columns: minmax(250px,.86fr) minmax(0,1.5fr) !important;
  gap: 15px !important;
  padding: 15px !important;
  border: 1px solid #dce4ef !important;
  border-radius: 15px !important;
  background: #fff !important;
}
.enterpriseMilestoneRow.completed { border-color: #a7dfc4 !important; background: #f5fff9 !important; }
.enterpriseMilestoneTitle,
.enterpriseRequestIdentity { min-width: 0 !important; }
.enterpriseMilestoneTitle { display: flex !important; align-items: flex-start !important; gap: 9px !important; }
.enterpriseMilestoneTitle > div { display: grid !important; gap: 4px !important; min-width: 0 !important; }
.enterpriseMilestoneTitle b,
.enterpriseRequestIdentity b { overflow-wrap: anywhere !important; }
.enterpriseMilestoneTitle small,
.enterpriseRequestIdentity small { color: #6a7b91 !important; }
.enterpriseMilestoneControls,
.enterpriseRequestControls { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; }
.enterpriseMilestoneControls textarea,
.enterpriseRequestControls textarea { grid-column: 1 / -1 !important; }
.enterpriseMilestoneControls .btn,
.enterpriseRequestControls .btn { min-height: 38px !important; }
.enterpriseRequestRow { border-left: 5px solid #b9c5d5 !important; }
.enterpriseRequestRow.priority-high { border-left-color: #d99a23 !important; }
.enterpriseRequestRow.priority-urgent { border-left-color: #a81f35 !important; }
.enterpriseRequestIdentity p { margin: 10px 0 0 !important; color: #455d76 !important; line-height: 1.55 !important; }
.enterpriseCreateDialog { width: min(880px,calc(100vw - 30px)) !important; }

/* Enterprise customer hub. */
.enterpriseCustomerHero {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 210px !important;
  gap: 22px !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  padding: 30px !important;
  border: 1px solid #c8d3ec !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg,#f5f3ff 0%,#fff 54%,#eef3ff 100%) !important;
  box-shadow: 0 20px 50px rgba(33,42,94,.09) !important;
}
.enterpriseHeroCopy h1 { margin: 11px 0 10px !important; font-size: clamp(34px,4.5vw,58px) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; }
.enterpriseHeroCopy > p { max-width: 820px !important; margin: 0 !important; color: #53677f !important; font-size: 15px !important; line-height: 1.7 !important; }
.enterpriseHeroActions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 20px !important; }
.enterpriseHeroStatus {
  display: grid !important;
  gap: 6px !important;
  padding: 20px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg,#121b3a,#4d31b7) !important;
  color: #fff !important;
}
.enterpriseHeroStatus span { color: #cbd4ff !important; font-size: 9px !important; font-weight: 950 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
.enterpriseHeroStatus b { font-size: 27px !important; }
.enterpriseHeroStatus small { color: #dbe1ff !important; line-height: 1.45 !important; }
.enterpriseServicePauseNotice {
  display: grid !important;
  gap: 4px !important;
  margin-bottom: 16px !important;
  padding: 14px 17px !important;
  border: 1px solid #e8ba5d !important;
  border-radius: 14px !important;
  background: #fff9e8 !important;
}
.enterpriseOwnerGrid,
.enterpriseCommitmentGrid { display: grid !important; gap: 14px !important; margin-bottom: 18px !important; }
.enterpriseOwnerGrid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.enterpriseOwnerCard {
  display: grid !important;
  grid-template-columns: 62px minmax(0,1fr) !important;
  gap: 15px !important;
  align-items: start !important;
  padding: 19px !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 13px 34px rgba(29,50,87,.06) !important;
}
.enterpriseOwnerAvatar { width: 58px !important; height: 58px !important; }
.enterpriseOwnerCard > div { display: grid !important; gap: 5px !important; min-width: 0 !important; }
.enterpriseOwnerCard span { color: #6042c6 !important; font-size: 9px !important; font-weight: 950 !important; letter-spacing: .07em !important; text-transform: uppercase !important; }
.enterpriseOwnerCard h2 { margin: 0 !important; font-size: 21px !important; }
.enterpriseOwnerCard p { margin: 0 !important; color: #60738a !important; line-height: 1.55 !important; }
.enterpriseOwnerCard a { color: #3157ed !important; font-weight: 800 !important; overflow-wrap: anywhere !important; }
.enterpriseCommitmentGrid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.enterpriseCommitmentGrid article {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 11px !important;
  padding: 16px !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg,#fff,#f8faff) !important;
}
.enterpriseCommitmentGrid article > span { display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; border-radius: 12px !important; background: #edeaff !important; color: #5538c4 !important; }
.enterpriseCommitmentGrid article > div { display: grid !important; gap: 4px !important; min-width: 0 !important; }
.enterpriseCommitmentGrid small { color: #6c7e94 !important; font-size: 8px !important; font-weight: 950 !important; letter-spacing: .065em !important; text-transform: uppercase !important; }
.enterpriseCommitmentGrid b { font-size: 17px !important; overflow-wrap: anywhere !important; }
.enterpriseCommitmentGrid p { margin: 0 !important; color: #61748b !important; font-size: 11px !important; line-height: 1.45 !important; }
.enterpriseCustomerGrid { align-items: start !important; }
.enterpriseCapacityGrid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 11px !important; }
.enterpriseCapacityGrid article {
  display: grid !important;
  gap: 5px !important;
  min-height: 126px !important;
  padding: 15px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 14px !important;
  background: #f9fbff !important;
}
.enterpriseCapacityGrid small { color: #6d7f95 !important; font-size: 8px !important; font-weight: 950 !important; letter-spacing: .065em !important; text-transform: uppercase !important; }
.enterpriseCapacityGrid b { color: #172b47 !important; font-size: 20px !important; line-height: 1.2 !important; overflow-wrap: anywhere !important; }
.enterpriseCapacityGrid span { color: #687a90 !important; font-size: 11px !important; line-height: 1.45 !important; }
.enterpriseServiceMenu { display: grid !important; gap: 10px !important; }
.enterpriseServiceMenu > span { display: grid !important; gap: 4px !important; padding: 13px 14px 13px 42px !important; border: 1px solid #dbe4ef !important; border-radius: 13px !important; background: #f8fafc !important; position: relative !important; }
.enterpriseServiceMenu > span::before { content: "✓" !important; position: absolute !important; left: 14px !important; top: 14px !important; display: grid !important; place-items: center !important; width: 20px !important; height: 20px !important; border-radius: 999px !important; background: #dff7e9 !important; color: #087d4d !important; font-weight: 950 !important; }
.enterpriseServiceMenu > span.notIncluded { opacity: .56 !important; }
.enterpriseServiceMenu > span.notIncluded::before { content: "—" !important; background: #e9edf3 !important; color: #68788d !important; }
.enterpriseServiceMenu b { font-size: 13px !important; }
.enterpriseServiceMenu small { color: #65788e !important; line-height: 1.4 !important; }
.enterpriseProgressBadge { display: grid !important; place-items: center !important; width: 58px !important; height: 58px !important; border-radius: 999px !important; background: #edeaff !important; color: #4a2eb5 !important; font-weight: 950 !important; }
.enterpriseCustomerProgress { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 10px !important; align-items: center !important; margin-bottom: 14px !important; }
.enterpriseCustomerMilestones { display: grid !important; gap: 9px !important; }
.enterpriseCustomerMilestones article { display: grid !important; grid-template-columns: 28px minmax(0,1fr) !important; gap: 10px !important; padding: 12px 13px !important; border: 1px solid #dde5ef !important; border-radius: 13px !important; background: #fff !important; }
.enterpriseCustomerMilestones article > span { display: grid !important; place-items: center !important; width: 28px !important; height: 28px !important; border-radius: 999px !important; background: #eef2f8 !important; color: #65778e !important; font-weight: 950 !important; }
.enterpriseCustomerMilestones article.completed { border-color: #aaddc1 !important; background: #f6fff9 !important; }
.enterpriseCustomerMilestones article.completed > span { background: #dff7e9 !important; color: #087d4d !important; }
.enterpriseCustomerMilestones article > div { display: grid !important; gap: 3px !important; min-width: 0 !important; }
.enterpriseCustomerMilestones small { color: #6c7d92 !important; }
.enterpriseCustomerMilestones p { margin: 4px 0 0 !important; color: #4f657e !important; line-height: 1.45 !important; }
.enterpriseCustomerContacts { display: grid !important; gap: 10px !important; }
.enterpriseCustomerContacts article { display: grid !important; gap: 5px !important; padding: 13px !important; border: 1px solid #dce4ef !important; border-radius: 13px !important; background: #f9fbff !important; }
.enterpriseCustomerContacts a { color: #3157ed !important; font-weight: 800 !important; overflow-wrap: anywhere !important; }
.enterpriseCustomerRequestList { display: grid !important; gap: 11px !important; min-width: 0 !important; }
.enterpriseCustomerRequestList > article { display: grid !important; grid-template-columns: minmax(0,1fr) 170px !important; gap: 14px !important; padding: 15px !important; border: 1px solid #dce4ef !important; border-left: 5px solid #b9c6d6 !important; border-radius: 14px !important; background: #fff !important; }
.enterpriseCustomerRequestList > article.priority-high { border-left-color: #db9e29 !important; }
.enterpriseCustomerRequestList h3 { margin: 7px 0 4px !important; font-size: 16px !important; }
.enterpriseCustomerRequestList p { margin: 9px 0 0 !important; color: #455e77 !important; line-height: 1.55 !important; }
.enterpriseCustomerRequestList aside { display: grid !important; align-content: start !important; gap: 4px !important; padding: 12px !important; border-radius: 12px !important; background: #f4f7fb !important; }
.enterpriseCustomerRequestList aside small { margin-top: 5px !important; color: #6e8095 !important; font-size: 8px !important; font-weight: 950 !important; text-transform: uppercase !important; }
.enterpriseResolutionNote { display: grid !important; gap: 4px !important; margin-top: 10px !important; padding: 11px !important; border-radius: 11px !important; background: #eef3ff !important; color: #294067 !important; }
.enterpriseCustomerRequestForm { display: grid !important; gap: 10px !important; padding: 17px !important; border: 1px solid #d8e1ef !important; border-radius: 15px !important; background: #f8faff !important; position: sticky !important; top: 15px !important; }
.enterpriseCustomerRequestForm h3 { margin: 0 0 3px !important; }
.dashboardEnterpriseBanner {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  padding: 18px 20px !important;
  border: 1px solid #bdb0f2 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg,#f4f1ff,#fff) !important;
}
.dashboardEnterpriseIdentity { display: flex !important; align-items: center !important; gap: 12px !important; }
.dashboardEnterpriseIdentity h2 { margin: 0 0 4px !important; font-size: 20px !important; }
.dashboardEnterpriseIdentity p { margin: 0 !important; color: #60738a !important; }
.dashboardEnterpriseFacts { display: flex !important; align-items: center !important; gap: 10px !important; }
.dashboardEnterpriseFacts > span { display: grid !important; gap: 3px !important; min-width: 95px !important; padding: 9px 11px !important; border-radius: 11px !important; background: #fff !important; }
.dashboardEnterpriseFacts small { color: #6b7e93 !important; font-size: 8px !important; font-weight: 950 !important; text-transform: uppercase !important; }
.customerEnterpriseAdminAction { display: grid !important; grid-template-columns: 42px minmax(0,1fr) !important; gap: 10px !important; padding: 14px !important; border: 1px solid #d9e2ef !important; border-radius: 14px !important; background: #f8faff !important; }
.customerEnterpriseAdminAction.enabled { border-color: #b9aaf1 !important; background: #f5f2ff !important; }
.customerEnterpriseAdminAction > span { display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; border-radius: 12px !important; background: #eae5ff !important; color: #5036bd !important; }
.customerEnterpriseAdminAction > div { display: grid !important; gap: 3px !important; }
.customerEnterpriseAdminAction small { color: #687b91 !important; line-height: 1.45 !important; }
.customerEnterpriseAdminAction .btn { grid-column: 1 / -1 !important; }
.enterpriseTicketCommitmentCard { border-color: #b9aaf1 !important; background: linear-gradient(135deg,#f5f2ff,#fff) !important; }
.enterpriseTicketCommitmentBody { display: grid !important; gap: 10px !important; }
.enterpriseTicketCommitmentBody > span { display: grid !important; gap: 3px !important; padding: 10px !important; border-radius: 11px !important; background: #fff !important; }
.enterpriseTicketCommitmentBody small { color: #6b7d92 !important; font-size: 8px !important; font-weight: 950 !important; text-transform: uppercase !important; }
.platformUrgentSupportLock.enterpriseCriticalLock { border-color: #9b83ed !important; background: linear-gradient(135deg,#f4f1ff,#fff) !important; }
.supportQueueRow.isEnterprisePriority { border-left: 6px solid #6546d7 !important; background: linear-gradient(135deg,#fbfaff,#fff) !important; box-shadow: 0 12px 32px rgba(70,48,165,.09) !important; }
.enterpriseHealthTile { border-color: #b9aaf1 !important; }
.opsSlaSummary { flex-wrap: wrap !important; }

@media (max-width: 1100px) {
  .enterpriseMetrics,
  .enterpriseCommitmentGrid,
  .enterpriseCapacityGrid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .enterpriseAccountRow { grid-template-columns: minmax(0,1fr) !important; }
  .enterpriseAccountFacts { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .enterpriseFormSection .fourColumns { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .enterpriseTwoColumnBody,
  .enterpriseMilestoneLayout,
  .enterpriseRequestLayout,
  .enterpriseRequestWorkspaceBody { grid-template-columns: minmax(0,1fr) !important; }
  .enterpriseSideForm,
  .enterpriseCustomerRequestForm { position: static !important; }
  .dashboardEnterpriseBanner { grid-template-columns: minmax(0,1fr) !important; }
  .dashboardEnterpriseFacts { flex-wrap: wrap !important; }
}
@media (max-width: 760px) {
  .enterpriseMetrics,
  .enterpriseOwnerGrid,
  .enterpriseCommitmentGrid,
  .enterpriseCapacityGrid,
  .enterpriseFormSection .fourColumns,
  .enterpriseFormSection .threeColumns { grid-template-columns: minmax(0,1fr) !important; }
  .enterpriseCustomerHero { grid-template-columns: minmax(0,1fr) !important; padding: 21px !important; }
  .enterpriseHeroActions { display: grid !important; }
  .enterpriseHeroActions .btn { width: 100% !important; }
  .enterpriseOwnerCard { grid-template-columns: 48px minmax(0,1fr) !important; }
  .enterpriseOwnerAvatar { width: 46px !important; height: 46px !important; }
  .enterpriseAccountFacts { grid-template-columns: minmax(0,1fr) !important; }
  .enterpriseProgressPanel { grid-template-columns: minmax(0,1fr) !important; }
  .enterpriseProgressPanel small { white-space: normal !important; }
  .enterpriseMilestoneRow,
  .enterpriseRequestRow { grid-template-columns: minmax(0,1fr) !important; }
  .enterpriseMilestoneControls,
  .enterpriseRequestControls { grid-template-columns: minmax(0,1fr) !important; }
  .enterpriseCustomerRequestList > article { grid-template-columns: minmax(0,1fr) !important; }
  .dashboardEnterpriseIdentity { align-items: flex-start !important; flex-direction: column !important; }
  .dashboardEnterpriseFacts { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .dashboardEnterpriseFacts .btn { grid-column: 1 / -1 !important; }
}


/* R31 Enterprise plan positioning */
.enterprisePlanSection {
  display: grid;
  gap: 18px;
  margin: 24px auto 0;
  padding: 26px;
  border: 1px solid #bfcdf2;
  border-radius: 22px;
  background: linear-gradient(135deg,#0d203b 0%,#132b50 58%,#1f3f78 100%);
  color: #fff;
  box-shadow: 0 24px 60px rgba(12,30,57,.18);
}
.enterprisePlanIntro {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 16px;
  align-items: center;
}
.enterprisePlanIntro h2 { margin: 0 0 7px; color: #fff; font-size: clamp(26px,3.4vw,42px); line-height: 1.08; }
.enterprisePlanIntro p { max-width: 920px; margin: 0; color: #cdd9ec; line-height: 1.65; }
.enterprisePlanValueGrid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; }
.enterprisePlanValueGrid article {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr);
  gap: 10px;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 15px;
  background: rgba(255,255,255,.075);
}
.enterprisePlanValueGrid article > span { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:rgba(255,255,255,.12); }
.enterprisePlanValueGrid svg { width:20px; height:20px; }
.enterprisePlanValueGrid b { display:block; color:#fff; line-height:1.3; }
.enterprisePlanValueGrid small { display:block; margin-top:5px; color:#c9d6e9; line-height:1.5; }
.enterprisePlanBoundary { display:flex; gap:12px; align-items:center; padding:14px 16px; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:rgba(4,15,31,.28); }
.enterprisePlanBoundary b { flex:0 0 auto; }
.enterprisePlanBoundary span { color:#d7e2f2; line-height:1.5; }
@media (max-width: 1080px) { .enterprisePlanValueGrid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) {
  .enterprisePlanSection { padding:20px; }
  .enterprisePlanIntro { grid-template-columns:1fr; }
  .enterprisePlanIntro .enterprisePill { justify-self:start; }
  .enterprisePlanIntro .btn { width:100%; }
  .enterprisePlanValueGrid { grid-template-columns:1fr; }
  .enterprisePlanBoundary { align-items:flex-start; flex-direction:column; }
}


/* R31 Enterprise customer operational health */
.enterpriseOperationalHealth {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:11px;
  margin:16px 0;
}
.enterpriseOperationalHealth article {
  display:grid;
  gap:5px;
  min-width:0;
  padding:15px;
  border:1px solid #d8e3ef;
  border-radius:15px;
  background:#fff;
  box-shadow:0 10px 26px rgba(19,43,78,.055);
}
.enterpriseOperationalHealth article.healthy { border-color:#bde5cd; background:#f5fff9; }
.enterpriseOperationalHealth article.watch { border-color:#d5def5; background:#f7f9ff; }
.enterpriseOperationalHealth article.attention { border-color:#efc6cc; background:#fff7f8; }
.enterpriseOperationalHealth small { color:#6d8096; font-weight:900; letter-spacing:.055em; text-transform:uppercase; }
.enterpriseOperationalHealth b { color:#10233d; font-size:24px; overflow-wrap:anywhere; }
.enterpriseOperationalHealth span { color:#5e7188; line-height:1.4; }
@media (max-width:1080px){.enterpriseOperationalHealth{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:700px){.enterpriseOperationalHealth{grid-template-columns:1fr;}}


/* R31 exact billing overview stat markup */
.route-tg-admins-index .roleStatGrid:has(.billingPaidVolumeStat) {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
.route-tg-admins-index .billingOrdersOverviewStat,
.route-tg-admins-index .billingPaidVolumeStat,
.route-tg-admins-index .billingRefundedStat,
.route-tg-admins-index .supportPriorityStat {
  min-width:0 !important;
  overflow:hidden !important;
}
.route-tg-admins-index .billingPaidVolumeStat {
  border-color:#bfcdf8 !important;
  background:linear-gradient(135deg,#f4f7ff,#fff) !important;
}
.route-tg-admins-index .supportPriorityStat {
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:15px !important;
}
.route-tg-admins-index .supportPriorityStat > span:first-child {
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  border-radius:12px !important;
}
.route-tg-admins-index .supportPriorityStat > div { min-width:0 !important; }
.route-tg-admins-index .supportPriorityStat b,
.route-tg-admins-index .supportPriorityStat em,
.route-tg-admins-index .supportPriorityStat small { display:block !important; min-width:0 !important; overflow-wrap:anywhere !important; }
.route-tg-admins-index .supportPriorityStat .statCardAction { justify-self:end !important; align-self:center !important; }
@media(max-width:1050px){.route-tg-admins-index .roleStatGrid:has(.billingPaidVolumeStat){grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:620px){
  .route-tg-admins-index .roleStatGrid:has(.billingPaidVolumeStat){grid-template-columns:1fr!important;}
  .route-tg-admins-index .supportPriorityStat{grid-template-columns:42px minmax(0,1fr)!important;}
  .route-tg-admins-index .supportPriorityStat .statCardAction{grid-column:1/-1;justify-self:stretch;text-align:center;}
}

/* R31 compare mobile correction: use the purpose-built cards on phone widths;
   the horizontal hint belongs to the desktop/tablet matrix only. */
@media (max-width:760px) {
  .route-compare .comparisonScrollHint { display:none !important; }
  .route-compare .comparisonDesktopMatrix { display:none !important; }
  .route-compare .comparisonMobileMatrix { display:grid !important; width:100% !important; gap:14px !important; }
  .route-compare .comparisonMobileCard { width:100% !important; min-width:0 !important; overflow:hidden !important; }
  .route-compare .comparisonMobileVendor {
    display:grid !important;
    grid-template-columns:minmax(88px,108px) minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
  }
  .route-compare .comparisonMobileVendor > span,
  .route-compare .comparisonMobileVendor > b {
    min-width:0 !important;
    width:auto !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .route-compare .comparisonMobileVendor > b { justify-self:stretch !important; text-align:left !important; }
}

/* ========================================================================== */
/* R32 — scalable billing, license workspace, demo mode, and mobile alignment */
/* ========================================================================== */

.tgDemoMode { padding-top: 0; }
.tgDemoBanner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 14px !important;
  min-height: 44px !important;
  padding: 9px 18px !important;
  background: #f7b731 !important;
  color: #151b28 !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
}
.tgDemoBanner strong {
  display: inline-flex !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #151b28 !important;
  color: #fff !important;
  letter-spacing: .08em !important;
}
.tgDemoBanner code { font-weight: 950 !important; }
.tgDemoBanner a { color: #0c285e !important; font-weight: 950 !important; }

/* License detail: no narrow right rail; billing history receives the width it needs. */
.route-tg-admins-license-12 .licenseAdminWorkspace,
[class*="route-tg-admins-license-"] .licenseAdminWorkspace.licenseTab-entitlement {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}
[class*="route-tg-admins-license-"] .licenseOverviewCard,
[class*="route-tg-admins-license-"] .licenseRightRail.entitlementRail {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}
[class*="route-tg-admins-license-"] .licenseOverviewCard .cardBody {
  display: grid !important;
  gap: 18px !important;
}
[class*="route-tg-admins-license-"] .licenseOverviewCard form.topGap .formGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: start !important;
}
[class*="route-tg-admins-license-"] .licenseRightRail.entitlementRail {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(320px, .8fr) !important;
  gap: 18px !important;
  align-items: start !important;
}
[class*="route-tg-admins-license-"] .licenseBillingOverviewCard,
[class*="route-tg-admins-license-"] .licenseMaintenanceCard {
  min-width: 0 !important;
  margin: 0 !important;
}
[class*="route-tg-admins-license-"] .licenseBillingOverviewCard .cardHead,
[class*="route-tg-admins-license-"] .licenseRefundOverviewHead {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
[class*="route-tg-admins-license-"] .licenseBillingList {
  display: grid !important;
  gap: 10px !important;
}
[class*="route-tg-admins-license-"] .licenseBillingList > article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 14px 15px !important;
}
[class*="route-tg-admins-license-"] .licenseBillingList .actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
[class*="route-tg-admins-license-"] .licenseRefundOverview {
  margin-top: 0 !important;
  border-top: 1px solid #dfe7f1 !important;
}
[class*="route-tg-admins-license-"] .licenseRefundOverviewList {
  display: grid !important;
  gap: 9px !important;
  max-height: 470px !important;
  padding-right: 5px !important;
  overflow: auto !important;
  scrollbar-gutter: stable !important;
}
[class*="route-tg-admins-license-"] .licenseRefundOverviewList > article {
  display: grid !important;
  grid-template-columns: minmax(180px, .75fr) minmax(0, 1.6fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 13px 14px !important;
}
[class*="route-tg-admins-license-"] .licenseRefundMeta {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  min-width: 0 !important;
}
[class*="route-tg-admins-license-"] .licenseRefundMeta > span {
  min-width: 0 !important;
  padding: 8px 9px !important;
  border-radius: 10px !important;
  background: #f7f9fc !important;
}
[class*="route-tg-admins-license-"] .licenseRefundMeta b,
[class*="route-tg-admins-license-"] .licenseRefundMeta small {
  display: block !important;
  overflow-wrap: anywhere !important;
}
[class*="route-tg-admins-license-"] .licenseMaintenanceBody {
  display: grid !important;
  gap: 16px !important;
}

/* All admin-role support stat cards use the same physical card shell. */
.route-tg-admins .roleStatGrid > .supportPriorityStat,
[class*="route-tg-admins-"] .roleStatGrid > .supportPriorityStat {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 16px !important;
  border: 1px solid #d7e1ed !important;
  border-radius: 17px !important;
  background: #fff !important;
  color: #0e203a !important;
  box-shadow: 0 10px 30px rgba(18, 42, 80, .055) !important;
  text-decoration: none !important;
}
.roleStatGrid > .supportPriorityStat > span:first-child {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
  background: #eef3ff !important;
  color: #3157ed !important;
}
.roleStatGrid > .supportPriorityStat > div { min-width: 0 !important; }
.roleStatGrid > .supportPriorityStat b,
.roleStatGrid > .supportPriorityStat em,
.roleStatGrid > .supportPriorityStat small {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.roleStatGrid > .supportPriorityStat b { font-size: 25px !important; line-height: 1 !important; }
.roleStatGrid > .supportPriorityStat em { margin-top: 4px !important; font-style: normal !important; font-weight: 850 !important; }
.roleStatGrid > .supportPriorityStat small { margin-top: 4px !important; color: #65778d !important; line-height: 1.4 !important; }
.roleStatGrid > .supportPriorityStat .statCardAction { justify-self: end !important; }

/* Billing order list clearly records denied requests. */
.billingDenialIndicator {
  display: block !important;
  margin-top: 6px !important;
  color: #a02132 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

/* Order detail histories stay compact and independently scroll instead of
   pushing the modal into an unbounded document. */
.route-tg-admins-billing .billingHistoryGrid {
  display: grid !important;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr) !important;
  gap: 14px !important;
  align-items: start !important;
  margin-top: 14px !important;
}
.route-tg-admins-billing .billingHistoryGrid > div {
  min-width: 0 !important;
  max-height: 470px !important;
  padding: 14px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 15px !important;
  background: #fbfcfe !important;
  overflow: auto !important;
  scrollbar-gutter: stable !important;
}
.route-tg-admins-billing .billingHistoryGrid > div > h3 {
  position: sticky !important;
  top: -14px !important;
  z-index: 2 !important;
  margin: -14px -14px 12px !important;
  padding: 14px !important;
  border-bottom: 1px solid #dbe4ef !important;
  background: #fff !important;
}
.route-tg-admins-billing .refundHistoryLink,
.route-tg-admins-billing .refundDecisionHistoryItem {
  width: 100% !important;
  margin-bottom: 9px !important;
  padding: 12px !important;
  text-align: left !important;
}
.route-tg-admins-billing .refundHistoryTopline,
.route-tg-admins-billing .refundHistoryBadges {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* Intelligence: paginated request ledger. */
.opsRefundCommandCenter .cardHead { align-items: flex-start !important; }
.opsRefundMetricStrip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(110px, 1fr)) !important;
  gap: 8px !important;
  min-width: min(100%, 360px) !important;
}
.opsRefundMetricStrip > span {
  display: grid !important;
  gap: 2px !important;
  padding: 10px 12px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #64768c !important;
  font-size: 10px !important;
}
.opsRefundMetricStrip b { color: #10233d !important; font-size: 19px !important; }
.opsRefundWorkspace { display: grid !important; gap: 22px !important; }
.opsRefundLedgerSection {
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 17px !important;
  background: #fbfcfe !important;
}
.opsRefundRequestLedger { display: grid !important; gap: 9px !important; }
.opsRefundRequestRow {
  overflow: hidden !important;
  border: 1px solid #d9e3ee !important;
  border-radius: 13px !important;
  background: #fff !important;
}
.opsRefundRequestRow.status-denied { border-color: #efcfd4 !important; }
.opsRefundRequestRow > summary {
  display: grid !important;
  grid-template-columns: auto minmax(220px, 1.25fr) minmax(130px, .75fr) minmax(130px, .75fr) minmax(130px, .75fr) auto !important;
  gap: 11px !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 12px 13px !important;
  cursor: pointer !important;
  list-style: none !important;
}
.opsRefundRequestRow > summary::-webkit-details-marker { display: none !important; }
.opsRefundRequestRow > summary > span { min-width: 0 !important; }
.opsRefundRequestRow > summary small,
.opsRefundRequestRow > summary b { display: block !important; overflow-wrap: anywhere !important; }
.opsRefundRequestRow > summary small { color: #708197 !important; font-size: 9px !important; }
.opsRefundRequestPrimary { display: grid !important; gap: 3px !important; }
.opsRefundRequestChevron { color: #3157ed !important; font-size: 10px !important; font-weight: 900 !important; }
.opsRefundRequestDetails {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 14px !important;
  border-top: 1px solid #dfe7f0 !important;
  background: #f8fafc !important;
}
.opsRefundRequestDetails > div { padding: 9px !important; border-radius: 10px !important; background: #fff !important; }
.opsRefundRequestDetails small,
.opsRefundRequestDetails b { display: block !important; }
.opsRefundRequestDetails p { grid-column: 1 / -1 !important; display: grid !important; gap: 5px !important; margin: 0 !important; padding: 11px !important; border-radius: 11px !important; background: #fff !important; }
.opsRefundRequestDetails .btn { grid-column: 1 / -1 !important; justify-self: start !important; }
.compactRefundLedger { max-height: 620px !important; overflow: auto !important; scrollbar-gutter: stable !important; }

/* Settings numeric field and Demo Mode management. */
.route-tg-admins-settings input[name="admin_rows_per_page"] {
  width: 130px !important;
  max-width: 130px !important;
}
.demoEnvironmentWorkspace { display: grid !important; gap: 17px !important; }
.demoEnvironmentStatusGrid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.demoEnvironmentStatusGrid article {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
}
.demoEnvironmentStatusGrid span { color: #687b91 !important; font-size: 9px !important; font-weight: 950 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
.demoEnvironmentStatusGrid b,
.demoEnvironmentStatusGrid small { overflow-wrap: anywhere !important; }
.demoEnvironmentConfigGrid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
.demoEnvironmentConfigGrid .spanAll { grid-column: 1 / -1 !important; }
.demoRestrictionGrid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
.demoRestrictionGrid article { display: grid !important; gap: 6px !important; padding: 14px !important; border: 1px solid #dbe4ef !important; border-radius: 14px !important; background: #fff !important; }
.demoRestrictionGrid span { color: #63768d !important; line-height: 1.5 !important; }
.demoEnvironmentActions { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; padding-top: 4px !important; }

/* New-support-response dialog: center message and choices as one deliberate task. */
.responseAlertDialog .responseAlertHead { text-align: center !important; justify-content: center !important; }
.responseAlertDialog .responseAlertHead > div { margin-inline: auto !important; }
.responseAlertDialog .responseAlertList { text-align: center !important; }
.responseAlertDialog .responseAlertFooter {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
.responseAlertDialog .responseAlertFooter .btn { min-width: 122px !important; }

/* Mobile comparison: all marks occupy the same column just after the vendor. */
@media (max-width: 760px) {
  .route-compare .comparisonMobileVendor {
    display: grid !important;
    grid-template-columns: minmax(108px, 118px) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .route-compare .comparisonMobileVendor > span {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  .route-compare .comparisonMobileVendor > b {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-width: 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }
  .route-compare .comparisonMobileVendor .compareMark {
    flex: 0 0 27px !important;
    margin: 0 !important;
  }
}

@media (max-width: 980px) {
  [class*="route-tg-admins-license-"] .licenseRightRail.entitlementRail,
  [class*="route-tg-admins-license-"] .licenseOverviewCard form.topGap .formGrid,
  .demoEnvironmentStatusGrid,
  .demoRestrictionGrid,
  .opsRefundRequestDetails {
    grid-template-columns: 1fr !important;
  }
  [class*="route-tg-admins-license-"] .licenseRefundOverviewList > article,
  .route-tg-admins-billing .billingHistoryGrid {
    grid-template-columns: 1fr !important;
  }
  [class*="route-tg-admins-license-"] .licenseRefundMeta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .opsRefundRequestRow > summary {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }
  .opsRefundRequestRow > summary > span:not(.badge):not(.opsRefundRequestPrimary):not(.opsRefundRequestChevron) {
    display: none !important;
  }
}

@media (max-width: 680px) {
  .tgDemoBanner { align-items: flex-start !important; flex-direction: column !important; text-align: left !important; }
  .demoEnvironmentConfigGrid,
  .demoEnvironmentStatusGrid,
  .demoRestrictionGrid { grid-template-columns: 1fr !important; }
  [class*="route-tg-admins-license-"] .licenseRefundMeta { grid-template-columns: 1fr !important; }
  .roleStatGrid > .supportPriorityStat { grid-template-columns: 42px minmax(0, 1fr) !important; }
  .roleStatGrid > .supportPriorityStat .statCardAction { grid-column: 1 / -1 !important; justify-self: stretch !important; text-align: center !important; }
  .responseAlertDialog .responseAlertFooter { flex-direction: column-reverse !important; }
  .responseAlertDialog .responseAlertFooter .btn { width: 100% !important; }
}


/* R33 precision fixes: uniform overview stats, Demo & Diagnostics isolation,
   incident action gutters, compact denied decisions, and license filtering. */
.route-tg-admins-index .roleStatGrid > .roleStatCard,
.route-tg-admins-index .roleStatGrid > article {
  min-height: 112px !important;
}
.route-tg-admins-index .supportPriorityStat {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 18px !important;
}
.route-tg-admins-index .supportPriorityStat > span:first-child {
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
}
.route-tg-admins-index .supportPriorityStat > div { min-width: 0 !important; }
.route-tg-admins-index .supportPriorityStat b { font-size: 25px !important; line-height: 1 !important; }
.route-tg-admins-index .supportPriorityStat em { margin-top: 4px !important; }
.route-tg-admins-index .supportPriorityStat .supportTierBreakdown {
  display: block !important;
  margin-top: 7px !important;
  color: #687b91 !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}
.route-tg-admins-settings .settingsWorkspacePanel[hidden] { display: none !important; }
.route-tg-admins-settings .settingsWorkspacePanel[data-settings-panel="diagnostics"] {
  display: grid;
  gap: 16px;
}
.route-tg-admins-incidents .incidentTableWrap {
  margin: 18px 20px 24px !important;
  padding: 0 12px 0 0 !important;
  overflow-x: auto !important;
}
.route-tg-admins-incidents .incidentDataTable {
  width: 100% !important;
  min-width: 930px !important;
  table-layout: auto !important;
}
.route-tg-admins-incidents .incidentDataTable th,
.route-tg-admins-incidents .incidentDataTable td { padding: 15px 13px !important; }
.route-tg-admins-incidents .incidentDataTable th:last-child,
.route-tg-admins-incidents .incidentDataTable td:last-child {
  width: 170px !important;
  min-width: 170px !important;
  padding-right: 14px !important;
}
.route-tg-admins-incidents .incidentRowActions {
  width: 100% !important;
  display: grid !important;
  gap: 8px !important;
  align-content: center !important;
}
.route-tg-admins-incidents .incidentRowActions .btn,
.route-tg-admins-incidents .incidentRowActions form { width: 100% !important; }
.route-tg-admins-incidents .incidentRowActions form .btn { min-width: 0 !important; }
.route-tg-admins-billing .refundHistoryLink,
.route-tg-admins-billing .refundDecisionHistoryItem {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  padding: 13px 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.route-tg-admins-billing .refundDecisionHistoryItem {
  grid-template-rows: auto auto minmax(0,1fr) !important;
}
.route-tg-admins-billing .refundDecisionExplanation {
  display: grid !important;
  grid-template-columns: minmax(110px,.35fr) minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin-top: 2px !important;
  padding-top: 8px !important;
  border-top: 1px solid #f0d7db !important;
}
.route-tg-admins-billing .refundDecisionExplanationLabel {
  color: #8d3440 !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}
.route-tg-admins-billing .refundDecisionNote {
  display: -webkit-box !important;
  color: #4f6279 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.route-tg-admins-licenses .licenseFilterBar { align-items: end !important; }
.route-tg-admins-licenses .licensePlanFilterField { width: min(220px,100%) !important; }
.route-tg-admins-licenses .licensePlanFilterField select { min-height: 44px !important; }
@media (max-width: 760px) {
  .route-tg-admins-licenses .licenseFilterBar { display: grid !important; grid-template-columns: 1fr !important; }
  .route-tg-admins-licenses .licensePlanFilterField { width: 100% !important; }
}


/* R34 — license entitlement command layout and permanent recovery-code gate. */
.route-tg-admins-license-12 .licenseAdminWorkspace.licenseTab-entitlement,
.licenseAdminWorkspace.licenseTab-entitlement {
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.licenseAdminWorkspace.licenseTab-entitlement>.licenseOverviewCard {
  grid-column:1!important;
  width:auto!important;
  min-width:0!important;
}
.licenseAdminWorkspace.licenseTab-entitlement>.entitlementRail {
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  width:auto!important;
  min-width:0!important;
  align-content:start!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .cardHead {
  padding:17px 20px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .cardBody {
  padding:18px 20px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .keyBox {
  padding:15px 17px!important;
  border-radius:14px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .keyBox code {
  margin:6px 0 10px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .formGrid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .field input,
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .field select {
  min-height:43px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .divider {
  margin:16px 0!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .warningBox {
  padding:13px 15px!important;
  line-height:1.5!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseBillingOverviewCard,
.licenseAdminWorkspace.licenseTab-entitlement .licenseMaintenanceCard {
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseBillingOverviewCard .cardHead,
.licenseAdminWorkspace.licenseTab-entitlement .licenseMaintenanceCard .cardHead {
  padding:16px 17px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseBillingOverviewCard .cardBody,
.licenseAdminWorkspace.licenseTab-entitlement .licenseMaintenanceCard .cardBody {
  padding:15px 17px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseBillingList,
.licenseAdminWorkspace.licenseTab-entitlement .licenseRefundOverviewList {
  max-height:310px!important;
  overflow:auto!important;
  padding-right:4px!important;
}
.licenseAdminWorkspace.licenseTab-entitlement .licenseBillingList article {
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
  text-align:center!important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead>div {
  display:grid!important;
  justify-items:center!important;
  width:100%!important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead h2 {
  margin:8px 0 8px!important;
  text-align:center!important;
}
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead p {
  max-width:56ch!important;
  margin:0 auto!important;
  text-align:center!important;
  line-height:1.55!important;
}
.purchaseSecurityCopyDialog .securityLockMark {
  align-self:start!important;
}
.globalSecurityCodeGate::backdrop,
.purchaseSecurityCopyDialog::backdrop {
  background:rgba(5,14,29,.76)!important;
  backdrop-filter:blur(3px)!important;
}
.globalSecurityCodeGate .purchaseSecurityCopyPanel {
  box-shadow:0 36px 100px rgba(2,12,30,.35)!important;
}
.checkoutSuccessCard {
  grid-template-columns:minmax(380px,.96fr) minmax(460px,1.04fr)!important;
}
.checkoutSuccessMedia img {
  width:min(100%,430px)!important;
  max-height:470px!important;
}
.checkoutSuccessMedia {
  padding:34px!important;
}
.purchaseSecurityCodeCard {
  width:100%!important;
}
@media(max-width:1050px){
  .licenseAdminWorkspace.licenseTab-entitlement{grid-template-columns:1fr!important}
  .licenseAdminWorkspace.licenseTab-entitlement>.licenseOverviewCard,
  .licenseAdminWorkspace.licenseTab-entitlement>.entitlementRail{grid-column:1!important}
  .licenseAdminWorkspace.licenseTab-entitlement>.entitlementRail{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important}
  .licenseAdminWorkspace.licenseTab-entitlement .licenseBillingOverviewCard{grid-column:1!important}
  .licenseAdminWorkspace.licenseTab-entitlement .licenseMaintenanceCard{grid-column:2!important}
}
@media(max-width:820px){
  .licenseAdminWorkspace.licenseTab-entitlement>.entitlementRail{grid-template-columns:1fr!important}
  .licenseAdminWorkspace.licenseTab-entitlement .licenseBillingOverviewCard,
  .licenseAdminWorkspace.licenseTab-entitlement .licenseMaintenanceCard{grid-column:1!important}
  .licenseAdminWorkspace.licenseTab-entitlement .licenseOverviewCard .formGrid{grid-template-columns:1fr!important}
  .checkoutSuccessCard{grid-template-columns:1fr!important}
  .checkoutSuccessMedia img{width:min(100%,390px)!important}
  .purchaseSecurityCopyDialog .purchaseSecurityCopyHead{grid-template-columns:1fr!important}
  .purchaseSecurityCopyDialog .securityLockMark{justify-self:center!important;grid-row:1!important}
}


/* R34 tenant incident search and scalable event queue. */
.tenantIncidentSearchForm{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto!important;gap:10px!important;align-items:end!important;margin:0 0 18px!important;padding:14px!important;border:1px solid #d8e2ef!important;border-radius:14px!important;background:#f8fbff!important}.tenantIncidentSearchForm label{display:grid!important;gap:6px!important;margin:0!important}.tenantIncidentSearchForm label span{font-size:10px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#62758d!important}.tenantIncidentSearchForm input{min-height:43px!important}.tenantIncidentCommandCard .incidentSubhead{display:flex!important;align-items:center!important;min-height:42px!important;margin:18px 0 10px!important;padding:0 12px!important;border-left:4px solid #3157ed!important;background:#f5f8ff!important;border-radius:8px!important}.tenantIncidentCommandCard .tableWrap{max-height:560px!important;overflow:auto!important}.tenantIncidentCommandCard .dataTable td:nth-child(2){min-width:300px!important}.tenantIncidentCommandCard .dataTable td:last-child{min-width:125px!important}.tenantIncidentCommandCard .incidentRowActions,.tenantIncidentCommandCard .actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:flex-start!important}@media(max-width:760px){.tenantIncidentSearchForm{grid-template-columns:1fr!important}.tenantIncidentSearchForm .btn{width:100%!important}}

/* R34 recovery-code gate final centering. */
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead{position:relative!important;display:block!important;padding-left:54px!important;padding-right:54px!important;text-align:center!important}
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead>div{display:grid!important;justify-items:center!important;width:100%!important}
.purchaseSecurityCopyDialog .purchaseSecurityCopyHead .securityLockMark{position:absolute!important;top:0!important;right:0!important;margin:0!important}
@media(max-width:620px){.purchaseSecurityCopyDialog .purchaseSecurityCopyHead{padding:50px 0 0!important}.purchaseSecurityCopyDialog .purchaseSecurityCopyHead .securityLockMark{left:50%!important;right:auto!important;transform:translateX(-50%)!important}}

/* R34 checkout visual balance after permanent-code panel addition. */
.checkoutSuccessProfessional{width:min(1180px,calc(100% - 32px))!important}
.checkoutSuccessCard{grid-template-columns:minmax(430px,.94fr) minmax(500px,1.06fr)!important}
.checkoutSuccessMedia{min-height:650px!important;padding:38px!important}
.checkoutSuccessMedia .successVisualFrame{width:100%!important;min-height:420px!important;padding:28px!important}
.checkoutSuccessMedia .successVisualFrame img{width:min(100%,460px)!important;max-height:410px!important}
@media(max-width:900px){.checkoutSuccessCard{grid-template-columns:1fr!important}.checkoutSuccessMedia{min-height:360px!important}.checkoutSuccessMedia .successVisualFrame{min-height:300px!important}}

/* R34 tenant incident command center — scalable issue and occurrence ledgers. */
.route-tg-admins-incidents .tenantIncidentSearchForm{
  grid-template-columns:minmax(300px,1fr) minmax(150px,190px) auto auto!important;
}
.route-tg-admins-incidents .tenantIncidentSearchForm select{
  min-height:43px!important;
  border:1px solid #cbd8e7!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:0 11px!important;
}
.route-tg-admins-incidents .tenantIncidentMetrics{
  margin:0 0 22px!important;
}
.route-tg-admins-incidents .incidentSectionHeader{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 12px!important;
  padding:15px 17px!important;
  border:1px solid #d8e2ef!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f9fbff,#f1f6ff)!important;
}
.route-tg-admins-incidents .incidentSectionHeader h3{
  margin:4px 0 4px!important;
  font-size:17px!important;
}
.route-tg-admins-incidents .incidentSectionHeader p{
  max-width:780px!important;
  margin:0!important;
  color:#5d7088!important;
  line-height:1.5!important;
}
.route-tg-admins-incidents .tenantIncidentDataTable td,
.route-tg-admins-incidents .tenantEventDataTable td{
  vertical-align:top!important;
}
.route-tg-admins-incidents .tenantIncidentDataTable td:nth-child(1){min-width:205px!important}
.route-tg-admins-incidents .tenantIncidentDataTable td:nth-child(2){min-width:330px!important}
.route-tg-admins-incidents .tenantIncidentDataTable td:nth-child(6){min-width:190px!important}
.route-tg-admins-incidents .tenantEventDataTable td:nth-child(1){min-width:190px!important}
.route-tg-admins-incidents .tenantEventDataTable td:nth-child(2){min-width:220px!important}
.route-tg-admins-incidents .tenantEventDataTable td:nth-child(3){min-width:270px!important}
.route-tg-admins-incidents .tenantEventDataTable td:nth-child(4){min-width:340px!important}
.route-tg-admins-incidents .tenantEventDataTable .incidentReferenceCode{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:7px!important;
}
.route-tg-admins-incidents .tenantIncidentCommandCard .incidentRowActions{
  display:flex!important;
  width:auto!important;
  min-width:180px!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.route-tg-admins-incidents .tenantIncidentCommandCard .incidentRowActions .btn,
.route-tg-admins-incidents .tenantIncidentCommandCard .incidentRowActions form{
  width:auto!important;
}
.route-tg-admins-incidents .tenantIncidentCommandCard .pagination{
  margin:15px 0 2px!important;
}
@media(max-width:900px){
  .route-tg-admins-incidents .tenantIncidentSearchForm{grid-template-columns:1fr 180px!important}
  .route-tg-admins-incidents .tenantIncidentSearchForm .btn{width:100%!important}
  .route-tg-admins-incidents .incidentSectionHeader{display:grid!important}
}
@media(max-width:620px){
  .route-tg-admins-incidents .tenantIncidentSearchForm{grid-template-columns:1fr!important}
}

/* R35 license workspace layout refresh */
.licenseAdminWorkspace.licenseTab-entitlement{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr)!important;gap:18px!important;align-items:start!important}.licenseAdminWorkspace.licenseTab-entitlement>.licenseOverviewCard{grid-column:1!important;width:auto!important;margin:0!important}.licenseAdminWorkspace.licenseTab-entitlement>.licenseRightRail{grid-column:2!important;width:auto!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-content:start!important}.licenseOverviewCard .cardBody{padding:18px!important}.licenseOverviewCard .formGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.licenseOverviewCard .keyBox{margin-bottom:8px!important}.licenseBillingOverviewCard,.licenseMaintenanceCard{margin:0!important}.licenseBillingOverviewCard .cardHead,.licenseMaintenanceCard .cardHead{padding:16px 18px!important}.licenseBillingOverviewCard .cardBody,.licenseMaintenanceCard .cardBody{padding:16px 18px!important}.licenseBillingList>article{padding:10px 12px!important}.licenseMaintenanceBody{min-height:0!important}.lifetimeGrantForm{display:grid!important;gap:10px!important}.lifetimeGrantForm .btn{width:100%!important}.licenseAdminWorkspace.licenseTab-domains{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.licenseAdminWorkspace.licenseTab-domains>.licenseRightRail,.licenseAdminWorkspace.licenseTab-domains>.licenseDomainsCard{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important}.licenseTenantCard .cardBody{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:12px!important}.licenseTenantCard .tenantCard{min-width:0!important;padding:16px 18px!important;overflow-wrap:anywhere}.licenseDomainsCard .inlineDomainForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:end!important}.licenseDomainsCard .tableWrap{overflow:auto!important}@media(max-width:1080px){.licenseAdminWorkspace.licenseTab-entitlement{grid-template-columns:1fr!important}.licenseAdminWorkspace.licenseTab-entitlement>.licenseOverviewCard,.licenseAdminWorkspace.licenseTab-entitlement>.licenseRightRail{grid-column:1!important}.licenseOverviewCard .formGrid{grid-template-columns:1fr!important}.licenseDomainsCard .inlineDomainForm{grid-template-columns:1fr!important}}

/* R36 — responsive customer workspace alignment + admin license/tenant polish. */
[class*="route-tg-admins-license-"] .licenseAdminWorkspace.licenseTab-entitlement{
  grid-template-columns:minmax(0,1.72fr) minmax(320px,.72fr)!important;
  gap:16px!important;
}
[class*="route-tg-admins-license-"] .licenseRightRail.entitlementRail{
  gap:12px!important;
}
[class*="route-tg-admins-license-"] .licenseBillingOverviewCard .cardHead,
[class*="route-tg-admins-license-"] .licenseMaintenanceCard .cardHead{
  padding:13px 15px!important;
}
[class*="route-tg-admins-license-"] .licenseBillingOverviewCard .cardBody,
[class*="route-tg-admins-license-"] .licenseMaintenanceCard .cardBody{
  padding:13px 15px!important;
}
[class*="route-tg-admins-license-"] .licenseMaintenanceCard p{margin:0!important;line-height:1.45!important}
[class*="route-tg-admins-license-"] .licenseMaintenanceCard .field{margin-top:10px!important}
[class*="route-tg-admins-license-"] .licenseOverviewCard .formGrid{grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(150px,1fr)!important}
[class*="route-tg-admins-license-"] .tenantRouteRow{
  display:grid!important;
  grid-template-columns:minmax(240px,1.2fr) minmax(240px,1fr) auto auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:86px!important;
  padding:16px 18px!important;
}
[class*="route-tg-admins-license-"] .tenantRouteIdentity,
[class*="route-tg-admins-license-"] .tenantRouteDatabase{display:grid!important;gap:5px!important;min-width:0!important}
[class*="route-tg-admins-license-"] .tenantRouteDatabase code{overflow-wrap:anywhere!important;white-space:normal!important}
[class*="route-tg-admins-license-"] .tenantRouteState{justify-self:end!important}
[class*="route-tg-admins-license-"] .tenantManageButton{justify-self:end!important;white-space:nowrap!important;text-decoration:none!important}
.tenantDirectoryToolbar{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(180px,230px) auto auto!important;gap:12px!important;align-items:end!important;margin-bottom:14px!important}
.tenantDirectoryToolbar label{display:grid!important;gap:6px!important;margin:0!important}.tenantDirectoryToolbar label>span{font-size:10px!important;font-weight:900!important;letter-spacing:.065em!important;text-transform:uppercase!important;color:#61758e!important}.tenantDirectoryToolbar input,.tenantDirectoryToolbar select{min-height:44px!important}.tenantDirectorySummary{display:flex!important;align-items:baseline!important;gap:8px!important;margin:0 0 12px!important;color:#60738b!important}.tenantDirectorySummary b{font-size:20px!important;color:#0d2444!important}
.maintenanceCollapsible,.settingsMajorCollapse{overflow:hidden!important}.maintenanceCollapsible>summary,.settingsMajorCollapse>summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:17px 19px!important}.maintenanceCollapsible>summary::-webkit-details-marker,.settingsMajorCollapse>summary::-webkit-details-marker{display:none!important}.maintenanceCollapsible>summary:after,.settingsMajorCollapse>summary:after{content:"+";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3ff;color:#17345e;font-size:20px;font-weight:900;flex:0 0 auto}.maintenanceCollapsible[open]>summary:after,.settingsMajorCollapse[open]>summary:after{content:"−"}.maintenanceCollapsible>summary h3,.settingsMajorCollapse>summary h2,.settingsMajorCollapse>summary h3{margin:0!important}.maintenanceCollapsible>summary p,.settingsMajorCollapse>summary p{margin:4px 0 0!important}.stripeConnectionGroup .stripeCredentialField{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;align-items:start!important}.stripeConnectionGroup .stripeCredentialField small{display:block!important;margin:0!important;max-width:720px!important;line-height:1.4!important;color:#687b91!important}

@media(max-width:760px){
  .route-dashboard .pageShell,.route-license .pageShell,.route-account .pageShell,[class*="route-ticket-"] .pageShell{padding-left:14px!important;padding-right:14px!important}
  .route-dashboard .dashboardLicensesCard .cardHead,.route-dashboard .dashboardSupportCard .cardHead,.route-dashboard .dashboardLicenseRow,.route-dashboard .dashboardLicenseIdentity,.route-dashboard .dashboardLicenseFacts,.route-dashboard .dashboardSupportCard .cardBody{text-align:center!important;justify-items:center!important;align-items:center!important}
  .route-dashboard .dashboardLicensesCard .splitHead{display:grid!important;justify-items:center!important;gap:14px!important}.route-dashboard .dashboardLicensesCard .splitHead>.btn{justify-self:center!important}
  .route-dashboard .dashboardLicenseIdentity{display:grid!important;grid-template-columns:1fr!important}.route-dashboard .dashboardLicenseIdentity>div{width:100%!important}.route-dashboard .dashboardLicenseFacts{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.route-dashboard .dashboardLicenseFacts>div{display:grid!important;justify-items:center!important;text-align:center!important}.route-dashboard .dashboardLicenseRow>.btn,.route-dashboard .dashboardLicenseRow .btn{justify-self:center!important;width:min(100%,280px)!important}.route-dashboard .dashboardSupportCard .supportSummary{margin-left:auto!important;margin-right:auto!important}.route-dashboard .dashboardSupportCard .actions{display:grid!important;width:100%!important}.route-dashboard .dashboardSupportCard .actions .btn{width:100%!important}
  .route-license .licenseWorkspaceCard,.route-license .licenseWorkspaceCard .cardHead,.route-license .licenseWorkspaceCard .cardBody,.route-license .keyBox,.route-license .licenseSummaryList{text-align:center!important}.route-license .keyBox{display:grid!important;justify-items:center!important}.route-license .keyBox code{display:block!important;width:100%!important;overflow-wrap:anywhere!important}.route-license .licenseSummaryList div{display:grid!important;justify-items:center!important;gap:5px!important}.route-license .licenseSummaryList dt,.route-license .licenseSummaryList dd{margin-left:0!important;text-align:center!important}
  [class*="route-ticket-"] .ticketHeroCompact{text-align:center!important;display:grid!important;justify-items:center!important}[class*="route-ticket-"] .ticketHeroBadges{display:flex!important;justify-content:center!important;align-items:center!important;width:auto!important}[class*="route-ticket-"] .ticketHeroBadges .badge{display:inline-flex!important;width:auto!important;min-width:0!important;max-width:max-content!important;padding:7px 12px!important;border-radius:999px!important;line-height:1!important;justify-content:center!important}[class*="route-ticket-"] .ticketConversationCard .cardHead{text-align:center!important}
  .route-account .accountSecurityCodeCard .cardHead,.route-account .accountSecurityCodeBodyReadOnly,.route-account .accountSecurityCodeWarning,.route-account .accountSecurityCodePolicy{text-align:center!important;justify-items:center!important}.route-account .accountSecurityCodeCard .splitHead{display:grid!important;justify-items:center!important}.route-account .accountSecurityShield{margin:0 auto!important}.route-account .accountSecurityCodeValue{margin-left:auto!important;margin-right:auto!important;justify-content:center!important;text-align:center!important}.route-account .accountSecurityCodePolicy{display:grid!important}.route-account .accountSecurityCodePolicy>div{justify-items:center!important}
  .tenantDirectoryToolbar{grid-template-columns:1fr!important}.tenantDirectoryToolbar .btn{width:100%!important}.tenantDirectorySummary{justify-content:center!important;text-align:center!important}
}
@media(max-width:1080px){[class*="route-tg-admins-license-"] .licenseAdminWorkspace.licenseTab-entitlement{grid-template-columns:1fr!important}[class*="route-tg-admins-license-"] .tenantRouteRow{grid-template-columns:1fr!important;justify-items:start!important}[class*="route-tg-admins-license-"] .tenantRouteState,[class*="route-tg-admins-license-"] .tenantManageButton{justify-self:start!important}}

/* R36 inline incident log workbench. */
.incidentRawLogCard{margin-top:18px!important}.incidentLogSearch{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto!important;gap:10px!important;align-items:center!important;margin-bottom:12px!important}.incidentLogSearch input{min-height:44px!important}.incidentLogMeta{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:center!important;margin-bottom:10px!important;padding:10px 12px!important;border:1px solid #d9e3ef!important;border-radius:11px!important;background:#f8fbff!important;color:#5e7188!important;font-size:11px!important}.incidentLogMeta code{overflow-wrap:anywhere!important}.incidentInlineLog{max-height:520px!important;overflow:auto!important}.incidentReferenceLink{text-decoration:none!important}.incidentReferenceLink:hover .incidentReferenceCode{box-shadow:0 0 0 2px rgba(49,87,237,.18)!important}
@media(max-width:760px){.incidentLogSearch{grid-template-columns:1fr!important}.incidentLogSearch .btn{width:100%!important}.incidentLogMeta{display:grid!important;text-align:center!important;justify-items:center!important}}

/* R36 customer mobile alignment pass */
@media(max-width:760px){
  body:not([class*="route-tg-admins-"]) .pageShell{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
  body:not([class*="route-tg-admins-"]) .pageTitle,
  body:not([class*="route-tg-admins-"]) .pageTitleBlock,
  body:not([class*="route-tg-admins-"]) .pageHero,
  body:not([class*="route-tg-admins-"]) .customerCommandHero,
  body:not([class*="route-tg-admins-"]) .cardHead:not(.formCardHead),
  body:not([class*="route-tg-admins-"]) .emptyState{text-align:center!important}
  body:not([class*="route-tg-admins-"]) .cardHead.splitHead:not(.formCardHead),
  body:not([class*="route-tg-admins-"]) .splitHead.customerSplitHead{display:grid!important;justify-items:center!important;gap:12px!important}
  body:not([class*="route-tg-admins-"]) .cardHead:not(.formCardHead)>div{width:100%!important;max-width:100%!important}
  body:not([class*="route-tg-admins-"]) .eyebrow{display:block!important;text-align:center!important}
  body:not([class*="route-tg-admins-"]) .statGrid,
  body:not([class*="route-tg-admins-"]) .summaryGrid{justify-items:center!important}
  body:not([class*="route-tg-admins-"]) .emptyState{justify-items:center!important}
  body:not([class*="route-tg-admins-"]) .actions:not(.fieldActions):not(.formActions){justify-content:center!important}
  .route-dashboard .dashboardLicenseRow{padding:18px 16px!important}
  .route-dashboard .dashboardLicenseIdentity h3,.route-dashboard .dashboardLicenseIdentity p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .route-dashboard .dashboardLicenseFacts{gap:8px!important}
  .route-dashboard .dashboardLicenseFacts>div{min-height:62px!important;padding:11px!important;border-radius:13px!important}
  .route-dashboard .dashboardSupportCard .cardHead{padding-left:16px!important;padding-right:16px!important}
  .route-dashboard .dashboardSupportCard .supportSummary{width:min(100%,230px)!important}
  .route-license .licenseWorkspaceCard{margin-inline:auto!important}.route-license .licenseSummaryList{width:100%!important}.route-license .licenseSummaryList>div{padding:13px 0!important}
  [class*="route-ticket-"] .customerTicketHero .ticketHeroBadges{justify-self:center!important;align-self:center!important;max-width:max-content!important;margin-inline:auto!important}
  [class*="route-ticket-"] .customerTicketHero .ticketHeroBadges>*{flex:0 0 auto!important;width:auto!important;max-width:max-content!important}
  .route-account .accountSecurityCodeCard .cardHead{padding-left:16px!important;padding-right:16px!important}.route-account .accountSecurityCodeBodyReadOnly{padding-left:16px!important;padding-right:16px!important}.route-account .accountSecurityCodeWarning,.route-account .accountSecurityCodePolicy{width:100%!important;max-width:100%!important;margin-inline:auto!important}.route-account .accountSecurityCodeValue{max-width:100%!important;overflow-wrap:anywhere!important}
}

/* R36 mobile polish: customer-facing views center their information hierarchy. */
@media(max-width:760px){
  .tgDemoBanner,.sitewidePromo{display:grid!important;justify-items:center!important;text-align:center!important;gap:7px!important;padding-left:16px!important;padding-right:16px!important}
  .tgDemoBanner strong,.tgDemoBanner span,.tgDemoBanner a,.sitewidePromo strong,.sitewidePromo span,.sitewidePromo a{text-align:center!important}
  body:not([class*="route-tg-admins-"]) .customerNavInner{justify-content:center!important}
  body:not([class*="route-tg-admins-"]) .customerBrand{justify-content:center!important}
  .route-dashboard .dashboardLicensesCard .cardBody,.route-dashboard .dashboardSupportCard .cardBody{padding-left:14px!important;padding-right:14px!important}
  .route-dashboard .dashboardLicenseRow{width:100%!important;margin-inline:auto!important}
  .route-dashboard .dashboardLicenseIdentity .badge{margin-inline:auto!important}
  .route-dashboard .dashboardLicenseFacts>div{width:100%!important}
  .route-license .keyBox .btn,.route-license .licenseWorkspaceCard .btn{margin-inline:auto!important}
  [class*="route-ticket-"] .ticketHeroBadges{display:inline-flex!important;place-self:center!important;width:max-content!important;max-width:100%!important}
  [class*="route-ticket-"] .ticketHeroBadges .badge{display:inline-flex!important;width:max-content!important;max-width:100%!important;min-width:0!important;padding:7px 12px!important}
  .route-account .accountSecurityCodeCard .cardHead.splitHead{grid-template-columns:1fr!important;justify-items:center!important}
  .route-account .accountSecurityShield{grid-row:auto!important;justify-self:center!important}
}

/* R36 final customer mobile centering against current route markup. */
@media (max-width:760px){
  .route-dashboard .dashboardSupportHead,
  .route-dashboard .dashboardSupportIntro,
  .route-dashboard .dashboardSupportBody,
  .route-dashboard .supportTicketSummary,
  .route-dashboard .dashboardSupportActions{ text-align:center!important; justify-items:center!important; }
  .route-dashboard .supportTicketSummary{display:grid!important;width:min(100%,230px)!important;margin-inline:auto!important;place-items:center!important}
  .route-dashboard .dashboardSupportActions{display:grid!important;width:100%!important;gap:9px!important}
  .route-dashboard .dashboardSupportActions .btn{width:100%!important;justify-content:center!important}
  .route-license .grid>.card,
  .route-license .grid>.card .cardHead,
  .route-license .grid>.card .cardBody{ text-align:center!important; }
  .route-license .grid>.card .cardHead.splitHead{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:10px!important}
  .route-license .grid>.card .cardHead .badge{margin-inline:auto!important}
  .route-license .keyBox{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important}
  .route-license .keyBox>div{display:grid!important;justify-items:center!important}
  .route-license .keyBox code{display:block!important;max-width:100%!important;text-align:center!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .route-license .infoList{width:100%!important}
  .route-license .infoRow{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:6px!important;text-align:center!important}
  .route-license .infoRow dt,.route-license .infoRow dd{margin:0!important;text-align:center!important}
  .route-license .statusNote{display:block!important;text-align:center!important;margin-inline:auto!important}
  .route-account .accountSecurityCodeCard .cardHead>div{display:grid!important;justify-items:center!important}
  .route-account .accountSecurityCodeCard h2,.route-account .accountSecurityCodeCard p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .route-dashboard .responseAlertDialog .dialogHead,
  .route-dashboard .responseAlertDialog .dialogBody,
  .route-dashboard .responseAlertDialog .dialogFooter{text-align:center!important;justify-content:center!important}
  .route-dashboard .responseAlertDialog .dialogFooter{display:flex!important;flex-wrap:wrap!important}
}