/* PulseBot v22.7.0 — contextual Premium information.
   Scoped additions only; existing colors, typography and controls remain unchanged. */

/* Dashboard home: compact, non-intrusive Premium card. */
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 20px 22px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(12,16,22,.72);
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(75,145,255,.24);
  border-radius: 11px;
  background: rgba(75,145,255,.07);
  color: #82b1ff;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-icon .ui-icon {
  width: 19px;
  height: 19px;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-copy {
  min-width: 0;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-copy > span {
  display: block;
  margin-bottom: 4px;
  color: #7faeff;
  font-size: .66rem;
  font-weight: 650;
  letter-spacing: .09em;
  text-transform: uppercase;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-copy h2 {
  margin: 0;
  color: #eef2f7;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 18px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-copy li {
  position: relative;
  padding-left: 13px;
  color: #929ca9;
  font-size: .78rem;
  line-height: 1.45;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-copy li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #6f9ef5;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-action {
  min-width: 150px;
  display: grid;
  justify-items: end;
  gap: 3px;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-action strong {
  color: #f2f5f9;
  font-size: 1rem;
  font-weight: 650;
}
body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-action small {
  margin-bottom: 7px;
  color: #818b98;
  font-size: .7rem;
}

/* Contextual locks in Tickets and Automod. */
body#pulsebot-app.dashboard-mode .premium-lock-card.premium-lock-card-v2270 {
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) auto !important;
  align-items: start !important;
  gap: 16px !important;
  padding: 20px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.018) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-card-v2270 .premium-lock-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-card-v2270 .premium-lock-copy > strong {
  color: #eef2f7 !important;
  font-size: .94rem !important;
  font-weight: 640 !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-card-v2270 .premium-lock-copy > p {
  color: #929ca9 !important;
  font-size: .8rem !important;
  line-height: 1.5 !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-benefits {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px 14px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-benefits li {
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  color: #aab2bd !important;
  font-size: .75rem !important;
  line-height: 1.45 !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-benefits .ui-icon {
  width: 13px !important;
  min-width: 13px !important;
  height: 13px !important;
  margin-top: 2px !important;
  color: #79aaff !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-price {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 7px 12px !important;
  padding-top: 3px !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-price b {
  color: #dce5f4 !important;
  font-size: .77rem !important;
  font-weight: 620 !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-price span {
  color: #778392 !important;
  font-size: .7rem !important;
}
body#pulsebot-app.dashboard-mode .premium-lock-card-v2270 > .btn {
  align-self: center !important;
  white-space: nowrap !important;
}

/* Templates: one informative row before the catalog. */
body#pulsebot-app.dashboard-active-templates .template-upgrade-note-v2270 {
  grid-column: 1 / -1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 12px;
  background: rgba(255,255,255,.018);
}
body#pulsebot-app.dashboard-active-templates .template-upgrade-copy-v2270 {
  min-width: 0;
}
body#pulsebot-app.dashboard-active-templates .template-upgrade-copy-v2270 strong {
  color: #eef2f7;
  font-size: .88rem;
  font-weight: 640;
}
body#pulsebot-app.dashboard-active-templates .template-upgrade-copy-v2270 p {
  margin: 5px 0 0;
  color: #8f99a6;
  font-size: .76rem;
  line-height: 1.5;
}
body#pulsebot-app.dashboard-active-templates .template-card.is-premium-locked .template-card-actions .btn {
  opacity: 1;
  cursor: pointer;
}

/* Public Premium page: plain product use cases and UI previews. */
body#pulsebot-app.premium-context-v2270 .pb2270-audience-section,
body#pulsebot-app.premium-context-v2270 .pb2270-preview-section {
  border-top: 1px solid rgba(255,255,255,.045);
}
body#pulsebot-app.premium-context-v2270 .pb2270-audience-grid,
body#pulsebot-app.premium-context-v2270 .pb2270-preview-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
body#pulsebot-app.premium-context-v2270 .pb2270-audience-card {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 22px;
  border: 1px solid var(--pb-line-2);
  border-radius: var(--pb-r-lg);
  background: var(--pb-surface);
}
body#pulsebot-app.premium-context-v2270 .pb2270-audience-card > span,
body#pulsebot-app.premium-context-v2270 .pb2270-preview-card > header > span {
  width: 38px;
  height: 38px;
  min-width: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--pb-line-2);
  border-radius: var(--pb-r-sm);
  background: var(--pb-surface-3);
  color: var(--pb-text-2);
}
body#pulsebot-app.premium-context-v2270 .pb2270-audience-card .ui-icon,
body#pulsebot-app.premium-context-v2270 .pb2270-preview-card > header > span .ui-icon {
  width: 16px;
  height: 16px;
}
body#pulsebot-app.premium-context-v2270 .pb2270-audience-card h3,
body#pulsebot-app.premium-context-v2270 .pb2270-preview-card h3 {
  margin: 0;
  color: var(--pb-text);
  font-size: .96rem;
  font-weight: 600;
  line-height: 1.35;
}
body#pulsebot-app.premium-context-v2270 .pb2270-audience-card p {
  margin: 7px 0 0;
  color: var(--pb-muted);
  font-size: .84rem;
  line-height: 1.58;
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--pb-line-2);
  border-radius: var(--pb-r-lg);
  background: var(--pb-surface);
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-card > header {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border-bottom: 1px solid var(--pb-line);
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-card > header small {
  display: block;
  margin-bottom: 4px;
  color: var(--pb-soft);
  font-size: .64rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-list {
  display: grid;
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-list > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 56px;
  padding: 10px 18px;
  border-top: 1px solid var(--pb-line);
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-list > div:first-child {
  border-top: 0;
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-list b {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid var(--pb-line-2);
  border-radius: 6px;
  color: #9ab5ff;
  font-size: .68rem;
  font-weight: 600;
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-list b .ui-icon {
  width: 12px;
  height: 12px;
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-list span {
  overflow: hidden;
  color: var(--pb-text-2);
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body#pulsebot-app.premium-context-v2270 .pb2270-preview-list small {
  color: var(--pb-soft);
  font-size: .68rem;
  text-align: right;
}

/* Per-server Premium page: explicit unlock list. */
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-list {
  display: grid;
}
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) minmax(110px,auto);
  gap: 14px;
  align-items: center;
  padding: 15px 20px;
  border-top: 1px solid rgba(255,255,255,.06);
}
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row:first-child {
  border-top: 0;
}
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 9px;
  background: rgba(255,255,255,.02);
  color: #8db5ff;
}
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row > span .ui-icon {
  width: 15px;
  height: 15px;
}
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row strong {
  color: #edf2f7;
  font-size: .84rem;
  font-weight: 620;
}
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row p {
  margin: 4px 0 0;
  color: #8994a2;
  font-size: .74rem;
  line-height: 1.45;
}
body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row > b {
  color: #a8c2f6;
  font-size: .76rem;
  font-weight: 620;
  text-align: right;
}

@media (max-width: 980px) {
  body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium {
    grid-template-columns: 44px minmax(0,1fr);
  }
  body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-action {
    grid-column: 2;
    min-width: 0;
    justify-items: start;
  }
  body#pulsebot-app.dashboard-mode .premium-lock-benefits {
    grid-template-columns: 1fr !important;
  }
  body#pulsebot-app.premium-context-v2270 .pb2270-audience-grid,
  body#pulsebot-app.premium-context-v2270 .pb2270-preview-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium,
  body#pulsebot-app.dashboard-mode .premium-lock-card.premium-lock-card-v2270 {
    grid-template-columns: 1fr !important;
  }
  body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-action {
    grid-column: 1;
    width: 100%;
  }
  body#pulsebot-app.dashboard-home-v2177 .pb2270-home-premium-action .btn,
  body#pulsebot-app.dashboard-mode .premium-lock-card-v2270 > .btn {
    width: 100% !important;
    justify-content: center !important;
  }
  body#pulsebot-app.dashboard-active-templates .template-upgrade-note-v2270 {
    align-items: stretch;
    flex-direction: column;
  }
  body#pulsebot-app.dashboard-active-templates .template-upgrade-note-v2270 .btn {
    width: 100%;
    justify-content: center;
  }
  body#pulsebot-app.premium-context-v2270 .pb2270-preview-list > div {
    grid-template-columns: 28px minmax(0,1fr);
  }
  body#pulsebot-app.premium-context-v2270 .pb2270-preview-list small {
    grid-column: 2;
    text-align: left;
  }
  body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row {
    grid-template-columns: 36px minmax(0,1fr);
    padding: 14px 16px;
  }
  body#pulsebot-app.dashboard-premium-v2178 .pb2270-unlock-row > b {
    grid-column: 2;
    text-align: left;
  }
}
