/* Techclick app polish, 2026-06-22.
   Shared across the chat.techclick.in app pages so the product surfaces as a
   focused workflow tool instead of stacked cross-site navigation. */

body.tc-page #techclick-unified-banner,
body.tc-page .mobile-desktop-banner,
body.tc-page .tc-bar,
body.tc-page .tc-bar-mini,
body.tc-page .tc-modal-bg {
  display: none !important;
}

body.tc-page {
  background: #081016;
  color: #e5edf7;
  overflow-x: hidden;
}

body.tc-page :is(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]):focus-visible {
  outline: 3px solid #f59e0b !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px rgba(245, 158, 11, .22) !important;
}

body.tc-page :is(button, [role="button"], a[href]) {
  touch-action: manipulation;
}

@media (prefers-reduced-motion: reduce) {
  body.tc-page *,
  body.tc-page *::before,
  body.tc-page *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

body.tc-page-intel .topnav,
body.tc-page-ai .hdr,
body.tc-page-netfix .header {
  background: rgba(6, 10, 16, .96) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .14) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .02);
}

body.tc-page-intel .brand-mark,
body.tc-page-intel .send-btn,
body.tc-page-netfix .header-right a[href="/netfix.html"] {
  box-shadow: none !important;
}

body.tc-page-intel .sidebar {
  background: #0d1420;
  border-right-color: rgba(148, 163, 184, .12);
}

body.tc-page-intel .content,
body.tc-page-ai .section,
body.tc-page-netfix .main-content {
  background:
    linear-gradient(180deg, rgba(20, 33, 46, .72), rgba(8, 16, 22, .94)),
    #081016;
}

body.tc-page-intel #chat-messages {
  padding: 20px;
  gap: 16px;
}

body.tc-page-intel .app,
body.tc-page-intel .content,
body.tc-page-intel .panel,
body.tc-page-intel #chat-messages,
body.tc-page-intel .welcome-hero,
body.tc-page-intel .tc-pillars,
body.tc-page-intel .tc-pillar {
  min-width: 0;
  max-width: 100%;
}

body.tc-page-intel .welcome-hero {
  flex: 0 0 auto;
  margin: 0 0 16px;
  padding: 22px 24px;
  border-radius: 8px;
  border-color: rgba(148, 163, 184, .18);
  background:
    linear-gradient(135deg, rgba(17, 24, 39, .98), rgba(13, 31, 38, .96)),
    #101820;
}

body.tc-page-intel .welcome-hero::before {
  display: none;
}

body.tc-page-intel .hero-eyebrow {
  color: #58c7d9;
  letter-spacing: 1.5px;
}

body.tc-page-intel .hero-title {
  max-width: 820px;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: 0;
  line-height: 1.02;
  margin-bottom: 10px;
  overflow-wrap: break-word;
}

body.tc-page-intel .hero-desc {
  width: 100%;
  max-width: 900px;
  color: #b4c2d3;
  margin-bottom: 14px;
  white-space: normal;
  overflow-wrap: break-word;
}

.tc-quick-lookup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  width: 100%;
  max-width: 860px;
  margin: 16px 0 12px;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 8px;
  background: rgba(2, 6, 12, .42);
}

.tc-quick-lookup input {
  min-width: 0;
  width: 100%;
  height: 46px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f8fafc;
  font: 500 14px/1.2 var(--ui, Inter, system-ui, sans-serif);
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-quick-lookup input::placeholder {
  color: #718096;
}

.tc-quick-lookup button {
  min-width: 122px;
  border: 0;
  border-radius: 6px;
  background: #25b7c8;
  color: #041014;
  cursor: pointer;
  font: 800 12px/1 var(--mono, ui-monospace, monospace);
  letter-spacing: .2px;
}

.tc-quick-lookup button:hover {
  filter: brightness(1.05);
}

.tc-upgrade-btn {
  height: 27px;
  border: 1px solid rgba(245, 158, 11, .45);
  border-radius: 6px;
  background: rgba(245, 158, 11, .13);
  color: #f8d57a;
  cursor: pointer;
  font: 800 11px/1 var(--mono, ui-monospace, monospace);
  padding: 0 10px;
}

.tc-upgrade-btn:hover {
  background: rgba(245, 158, 11, .2);
  border-color: rgba(245, 158, 11, .75);
}

.tc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 12px;
}

.tc-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 6px;
  padding: 0 14px;
  text-decoration: none;
  cursor: pointer;
  font: 800 11px/1 var(--mono, ui-monospace, monospace);
  border: 1px solid rgba(148, 163, 184, .2);
}

.tc-hero-primary {
  background: #25b7c8;
  border-color: #25b7c8;
  color: #041014;
}

.tc-hero-secondary {
  background: rgba(59, 130, 246, .12);
  color: #a8c7ff;
  border-color: rgba(59, 130, 246, .35);
}

.tc-hero-ghost {
  background: rgba(245, 158, 11, .1);
  color: #f8d57a;
  border-color: rgba(245, 158, 11, .35);
}

body.tc-page-intel .tc-pricing {
  flex: 0 0 auto;
  margin: 14px 0 16px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 8px;
  background: rgba(8, 14, 23, .76);
  padding: 18px;
  max-width: 100%;
}

body.tc-page-intel .tc-pricing.tc-pricing-focus {
  border-color: rgba(245, 158, 11, .55);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.tc-pricing-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.tc-pricing-kicker {
  color: #58c7d9;
  font: 800 10px/1 var(--mono, ui-monospace, monospace);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.tc-pricing h2 {
  color: #f8fafc;
  font: 800 22px/1.15 var(--display, Syne, system-ui, sans-serif);
  letter-spacing: 0;
  max-width: 720px;
}

.tc-plan-status {
  flex: 0 0 auto;
  border: 1px solid rgba(16, 185, 129, .28);
  border-radius: 6px;
  background: rgba(16, 185, 129, .08);
  color: #81e6bd;
  font: 800 11px/1 var(--mono, ui-monospace, monospace);
  padding: 9px 10px;
}

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

.tc-plan-card {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 8px;
  background: rgba(9, 15, 24, .8);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tc-plan-featured {
  border-color: rgba(245, 158, 11, .42);
  background: linear-gradient(180deg, rgba(245, 158, 11, .08), rgba(9, 15, 24, .86));
}

.tc-plan-badge {
  align-self: flex-start;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 5px;
  color: #b7c4d5;
  background: rgba(255, 255, 255, .035);
  font: 800 10px/1 var(--mono, ui-monospace, monospace);
  padding: 5px 7px;
}

.tc-plan-featured .tc-plan-badge {
  color: #f8d57a;
  border-color: rgba(245, 158, 11, .38);
  background: rgba(245, 158, 11, .12);
}

.tc-plan-card h3 {
  color: #f8fafc;
  font: 800 17px/1.1 var(--display, Syne, system-ui, sans-serif);
  letter-spacing: 0;
}

.tc-plan-price {
  color: #f8fafc;
  font: 800 24px/1 var(--mono, ui-monospace, monospace);
}

.tc-plan-price span {
  color: #94a3b8;
  font-size: 12px;
  margin-left: 3px;
}

.tc-plan-card p {
  color: #b4c2d3;
  font-size: 12px;
  line-height: 1.5;
  min-height: 36px;
}

.tc-plan-card ul {
  list-style: none;
  display: grid;
  gap: 7px;
  color: #d8e1ee;
  font: 500 11.5px/1.45 var(--ui, Inter, system-ui, sans-serif);
  margin: 0 0 4px;
}

.tc-plan-card li {
  position: relative;
  padding-left: 15px;
}

.tc-plan-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #25b7c8;
}

.tc-plan-featured li::before {
  background: #f59e0b;
}

.tc-plan-btn {
  margin-top: auto;
  min-height: 38px;
  width: 100%;
  border: 0;
  border-radius: 6px;
  background: #25b7c8;
  color: #041014;
  cursor: pointer;
  font: 900 11px/1 var(--mono, ui-monospace, monospace);
  padding: 0 12px;
}

.tc-plan-btn:hover {
  filter: brightness(1.06);
}

.tc-plan-btn:disabled {
  cursor: progress;
  opacity: .72;
}

.tc-plan-btn-muted {
  background: rgba(148, 163, 184, .12);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, .18);
}

body.tc-page-intel .hero-chips {
  gap: 7px;
}

body.tc-page-intel .chip {
  border-radius: 6px;
  border-color: rgba(148, 163, 184, .16);
  background: rgba(255, 255, 255, .03);
}

body.tc-page-intel .tc-pillars {
  flex: 0 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: none;
  margin: 12px 0 0;
}

body.tc-page-intel .tc-pillar {
  border-radius: 8px;
  background: rgba(9, 15, 24, .72);
  padding: 16px;
  min-height: 246px;
}

body.tc-page-intel .tc-pillar:hover {
  transform: translateY(-2px);
}

body.tc-page-intel .tc-pillar-ico {
  font-size: 24px;
}

body.tc-page-intel .tc-pillar-feats {
  font-size: 11px;
}

body.tc-page-intel .feature-slider {
  display: none;
}

body.tc-page-intel .hero-cta-strip {
  display: none !important;
}

body.tc-page-intel .chat-footer,
body.tc-page-ai .chat-footer,
body.tc-page-netfix .input-bar {
  border-top-color: rgba(148, 163, 184, .14) !important;
  background: rgba(6, 10, 16, .96) !important;
}

body.tc-page-ai .hdr,
body.tc-page-netfix .header {
  min-height: 58px;
}

body.tc-page-ai .hdr-left .back-btn,
body.tc-page-netfix .header-right a {
  border-radius: 6px !important;
}

body.tc-page-ai .welcome,
body.tc-page-netfix .welcome-screen {
  background: transparent;
}

body.tc-page-ai .chat-footer textarea,
body.tc-page-netfix .input-container textarea,
body.tc-page-intel .chat-inp {
  font-size: 14px !important;
}

@media (max-width: 1180px) {
  body.tc-page-intel .tc-pillars {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tc-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 660px) {
  body.tc-page-intel .topnav {
    height: 56px;
    padding: 0 12px;
  }

  body.tc-page-intel .nav-tabs,
  body.tc-page-intel #guest-banner {
    display: none !important;
  }

  body.tc-page-intel .app {
    height: calc(100dvh - 56px);
    width: 100%;
    overflow-x: hidden;
  }

  body.tc-page-intel .content,
  body.tc-page-intel .panel,
  body.tc-page-intel #chat-messages {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body.tc-page-intel #chat-messages {
    padding: 12px 12px 84px;
  }

  body.tc-page-intel .welcome-hero {
    padding: 18px 14px;
  }

  body.tc-page-intel .hero-title {
    font-size: 28px;
    line-height: 1.05;
    max-width: 100%;
  }

  body.tc-page-intel .hero-desc {
    font-size: 13px;
    line-height: 1.55;
    max-width: 100%;
  }

  .tc-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .tc-hero-btn {
    width: 100%;
    min-height: 40px;
  }

  .tc-quick-lookup {
    grid-template-columns: 1fr;
    padding: 7px;
    overflow: hidden;
  }

  .tc-quick-lookup button {
    height: 42px;
    width: 100%;
  }

  body.tc-page-intel .tc-pillars {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  body.tc-page-intel .tc-pillar {
    min-height: 0;
    padding: 14px;
  }

  body.tc-page-intel .tc-pricing {
    padding: 14px;
    margin: 10px 0 12px;
  }

  .tc-pricing-head {
    display: grid;
    gap: 10px;
  }

  .tc-pricing h2 {
    font-size: 18px;
  }

  .tc-plan-status {
    width: 100%;
    text-align: center;
  }

  body.tc-page-intel .tc-pillar-feats li:nth-child(n+3) {
    display: none;
  }

  body.tc-page-intel .chat-footer {
    padding-bottom: 76px !important;
  }

  body.tc-page-intel .input-bar {
    border-radius: 8px;
  }

  body.tc-page-ai .hdr,
  body.tc-page-netfix .header {
    min-height: 56px;
    height: auto !important;
    padding: 8px 10px !important;
  }

  body.tc-page-ai .sec-tabs,
  body.tc-page-ai .hdr-right,
  body.tc-page-netfix .header-right {
    display: none !important;
  }

  body.tc-page-ai .hdr {
    justify-content: space-between;
  }

  body.tc-page-ai .tc-workflow-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.tc-page-ai .tc-wf-card {
    min-width: 0;
    max-width: 100%;
  }

  body.tc-page-netfix .nf-module-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  body.tc-page-netfix .nf-mode {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
  }

  body.tc-page-netfix .nf-scenario-bar {
    display: block !important;
    overflow: visible !important;
  }

  body.tc-page-netfix .nf-scenario-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 5px !important;
    margin: 0 0 8px !important;
  }

  body.tc-page-netfix .nfsf-btn {
    flex: 1 1 54px !important;
    min-width: 0 !important;
  }

  body.tc-page-netfix .nf-scenario-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.tc-page-netfix .nf-scenario-card {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.tc-page-ai .section,
  body.tc-page-netfix .app-container {
    padding-bottom: 70px;
  }
}

/* Professional theme refresh: quieter SaaS/operations workspace. */
body.tc-page-intel {
  --bg: #f5f7fb;
  --bg2: #ffffff;
  --bg3: #f1f5f9;
  --bg4: #e6edf5;
  --bg5: #e6f4f1;
  --border: rgba(15, 23, 42, .09);
  --border2: rgba(15, 23, 42, .16);
  --border3: rgba(15, 118, 110, .36);
  --cyan: #0f766e;
  --cyan2: #0d9488;
  --cyan-dim: rgba(15, 118, 110, .08);
  --green: #15803d;
  --red: #b42318;
  --amber: #b7791f;
  --purple: #6d28d9;
  --blue: #2563eb;
  --text: #172033;
  --text2: #536174;
  --text3: #7b8798;
  --text4: #a3adba;
  --display: var(--ui, Inter, system-ui, sans-serif);
  background: #f5f7fb !important;
  color: #172033 !important;
}

body.tc-page-intel::before {
  display: none !important;
}

body.tc-page-intel .topnav {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .1) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

body.tc-page-intel .brand-mark {
  background: #0f766e !important;
  color: #ffffff !important;
  border-radius: 7px !important;
}

body.tc-page-intel .brand-name {
  color: #111827 !important;
  letter-spacing: 0 !important;
}

body.tc-page-intel .brand-name em {
  color: #2563eb !important;
}

body.tc-page-intel .brand-tag,
body.tc-page-intel .nav-user-badge {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, .12) !important;
  color: #64748b !important;
}

body.tc-page-intel .brand-logo-img {
  display: block;
  width: 150px;
  height: 40px;
  object-fit: contain;
  object-position: left center;
}

body.tc-page-intel .brand-product {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  background: #ecfdf5;
  border: 1px solid rgba(15, 118, 110, .22);
  color: #0f766e;
  font: 800 11px/1 var(--mono, ui-monospace, monospace);
  letter-spacing: .4px;
}

body.tc-page-intel .nav-tab {
  color: #526173 !important;
  border: 1px solid transparent !important;
}

body.tc-page-intel .nav-tab:hover {
  background: #f1f5f9 !important;
  color: #172033 !important;
}

body.tc-page-intel .nav-tab.active {
  background: #ecfdf5 !important;
  border-color: rgba(15, 118, 110, .28) !important;
  color: #0f766e !important;
}

body.tc-page-intel .nav-status {
  border-left-color: rgba(15, 23, 42, .1) !important;
}

body.tc-page-intel .status-text {
  color: #64748b !important;
}

body.tc-page-intel .sidebar {
  background: #ffffff !important;
  border-right: 1px solid rgba(15, 23, 42, .09) !important;
}

body.tc-page-intel .sb-section {
  border-bottom-color: rgba(15, 23, 42, .08) !important;
}

body.tc-page-intel .sb-label,
body.tc-page-intel .qa-sub,
body.tc-page-intel .tf-type,
body.tc-page-intel .tf-time {
  color: #8792a2 !important;
}

body.tc-page-intel .qa-btn {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .1) !important;
  color: #526173 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}

body.tc-page-intel .qa-btn:hover,
body.tc-page-intel .qa-btn.active,
body.tc-page-intel .sb-tool-btn.active {
  background: #ecfdf5 !important;
  border-color: rgba(15, 118, 110, .28) !important;
  color: #0f766e !important;
}

body.tc-page-intel .content {
  background:
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
}

body.tc-page-intel #chat-messages {
  padding: 20px !important;
  gap: 20px !important;
}

body.tc-page-intel .welcome-hero,
body.tc-page-intel .tc-pricing,
body.tc-page-intel .feature-slider,
body.tc-page-intel .card,
body.tc-page-intel .tool-workspace {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .1) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .06) !important;
}

body.tc-page-intel .welcome-hero {
  padding: 26px !important;
  border-left: 4px solid #0f766e !important;
}

body.tc-page-intel .hero-eyebrow {
  color: #0f766e !important;
  font-size: 11px !important;
  letter-spacing: .9px !important;
}

body.tc-page-intel .hero-eyebrow::before {
  display: none !important;
}

body.tc-page-intel .hero-title {
  color: #111827 !important;
  font-family: var(--ui, Inter, system-ui, sans-serif) !important;
  font-size: clamp(30px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  max-width: 880px !important;
}

body.tc-page-intel .hero-desc {
  color: #465568 !important;
  font-size: 15px !important;
  max-width: 920px !important;
}

body.tc-page-intel .tc-quick-lookup {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, .12) !important;
}

body.tc-page-intel .tc-quick-lookup input {
  color: #172033 !important;
}

body.tc-page-intel .tc-quick-lookup input::placeholder {
  color: #8792a2 !important;
}

body.tc-page-intel .tc-quick-lookup button,
body.tc-page-intel .tc-hero-primary,
body.tc-page-intel .tc-plan-btn,
body.tc-page-intel .send-btn {
  background: #0f766e !important;
  color: #ffffff !important;
  border-color: #0f766e !important;
}

body.tc-page-intel .tc-hero-secondary {
  background: #eef4ff !important;
  color: #1d4ed8 !important;
  border-color: rgba(37, 99, 235, .22) !important;
}

body.tc-page-intel .tc-hero-ghost,
body.tc-page-intel .tc-upgrade-btn {
  background: #fffbeb !important;
  color: #92400e !important;
  border-color: rgba(180, 83, 9, .24) !important;
}

body.tc-page-intel .chip {
  border-radius: 6px !important;
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .12) !important;
  color: #536174 !important;
}

body.tc-page-intel .chip:hover {
  background: #ecfdf5 !important;
  color: #0f766e !important;
  border-color: rgba(15, 118, 110, .28) !important;
}

body.tc-page-intel .tc-pillars {
  gap: 14px !important;
}

body.tc-page-intel .tc-pillar {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .1) !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .05) !important;
}

body.tc-page-intel .tc-pillar:hover {
  border-color: rgba(15, 118, 110, .3) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
}

body.tc-page-intel .tc-pillar-ico {
  width: 34px !important;
  height: 34px !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f1f5f9 !important;
  color: #0f766e !important;
  font: 800 12px/1 var(--mono, ui-monospace, monospace) !important;
}

body.tc-page-intel .tc-pillar-name,
body.tc-page-intel .tc-pillar-threat .tc-pillar-name,
body.tc-page-intel .tc-pillar-netfix .tc-pillar-name,
body.tc-page-intel .tc-pillar-chat .tc-pillar-name,
body.tc-page-intel .tc-pillar-analyze .tc-pillar-name {
  color: #172033 !important;
  font-family: var(--ui, Inter, system-ui, sans-serif) !important;
  font-size: 15px !important;
}

body.tc-page-intel .tc-pillar-tag,
body.tc-page-intel .tc-pillar-feats {
  color: #64748b !important;
}

body.tc-page-intel .tc-pillar-feats li::before {
  color: #0f766e !important;
}

body.tc-page-intel .tc-pillar-cta,
body.tc-page-intel .tc-pillar-threat .tc-pillar-cta,
body.tc-page-intel .tc-pillar-chat .tc-pillar-cta,
body.tc-page-intel .tc-pillar-analyze .tc-pillar-cta {
  color: #0f766e !important;
}

body.tc-page-intel .tc-pricing h2,
body.tc-page-intel .tc-plan-card h3,
body.tc-page-intel .tc-plan-price {
  color: #111827 !important;
  font-family: var(--ui, Inter, system-ui, sans-serif) !important;
  letter-spacing: 0 !important;
}

body.tc-page-intel .tc-pricing-kicker {
  color: #0f766e !important;
}

body.tc-page-intel .tc-plan-status {
  background: #ecfdf5 !important;
  border-color: rgba(15, 118, 110, .24) !important;
  color: #0f766e !important;
}

body.tc-page-intel .tc-plan-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .1) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .04) !important;
}

body.tc-page-intel .tc-plan-featured {
  border-color: rgba(15, 118, 110, .34) !important;
  background: #f6fffd !important;
}

body.tc-page-intel .tc-plan-badge {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, .1) !important;
  color: #64748b !important;
}

body.tc-page-intel .tc-plan-featured .tc-plan-badge {
  background: #ecfdf5 !important;
  border-color: rgba(15, 118, 110, .24) !important;
  color: #0f766e !important;
}

body.tc-page-intel .tc-plan-card p,
body.tc-page-intel .tc-plan-card ul,
body.tc-page-intel .tc-plan-price span {
  color: #536174 !important;
}

body.tc-page-intel .tc-plan-btn-muted {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, .12) !important;
  color: #475569 !important;
}

body.tc-page-intel .chat-footer {
  background: rgba(255, 255, 255, .96) !important;
  border-top: 1px solid rgba(15, 23, 42, .1) !important;
}

body.tc-page-intel .input-bar {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .16) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;
}

body.tc-page-intel .chat-inp {
  color: #172033 !important;
}

body.tc-page-intel .mobile-bottom-bar {
  background: rgba(255, 255, 255, .98) !important;
  border-top-color: rgba(15, 23, 42, .12) !important;
}

body.tc-page-intel .mbb-btn {
  color: #64748b !important;
}

body.tc-page-intel .mbb-btn.active {
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

@media (max-width: 660px) {
  body.tc-page-intel #chat-messages {
    padding: 12px 10px 84px !important;
  }

  body.tc-page-intel .nav-brand {
    gap: 7px !important;
  }

  body.tc-page-intel .brand-logo-img {
    width: 132px;
    height: 36px;
  }

  body.tc-page-intel .brand-product {
    height: 22px;
    padding: 0 7px;
    font-size: 10px;
  }

  body.tc-page-intel .welcome-hero {
    padding: 18px 14px !important;
    border-left-width: 3px !important;
    overflow: hidden !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  body.tc-page-intel .hero-title {
    font-size: 26px !important;
    line-height: 1.08 !important;
    width: 100% !important;
    max-width: 320px !important;
    overflow-wrap: anywhere !important;
  }

  body.tc-page-intel .hero-desc {
    font-size: 13px !important;
    width: 100% !important;
    max-width: 320px !important;
    overflow-wrap: anywhere !important;
  }

  body.tc-page-intel .tc-quick-lookup,
  body.tc-page-intel .tc-hero-actions {
    width: 100% !important;
    max-width: 320px !important;
  }

  body.tc-page-intel .tc-pillars,
  body.tc-page-intel .tc-pricing {
    width: 100% !important;
    max-width: calc(100vw - 20px) !important;
  }

  body.tc-page-intel .mbb-btn .mbb-ico {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
  }

  body.tc-page-intel .tc-plan-card p {
    min-height: 0 !important;
  }
}

/* Professional theme for AI Studio (/chat). */
body.tc-page-ai {
  --bg: #f5f7fb;
  --bg2: #ffffff;
  --bg3: #f1f5f9;
  --bg4: #e6edf5;
  --border: rgba(15, 23, 42, .09);
  --border2: rgba(15, 118, 110, .28);
  --cyan: #0f766e;
  --green: #15803d;
  --amber: #b7791f;
  --red: #b42318;
  --purple: #6d28d9;
  --text: #172033;
  --text2: #536174;
  --text3: #7b8798;
  --mono: var(--ui, Inter, system-ui, sans-serif);
  background: #f5f7fb !important;
  color: #172033 !important;
}

body.tc-page-ai .hdr {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .1) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
  min-height: 58px !important;
}

body.tc-page-ai #particles-header,
body.tc-page-ai .hdr-particles canvas {
  display: none !important;
}

body.tc-page-ai .ai-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  min-width: 0;
}

body.tc-page-ai .ai-brand img {
  display: block;
  width: 150px;
  height: 40px;
  object-fit: contain;
  object-position: left center;
}

body.tc-page-ai .ai-brand span {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  background: #ecfdf5;
  border: 1px solid rgba(15, 118, 110, .22);
  color: #0f766e;
  font: 800 11px/1 var(--mono, ui-monospace, monospace);
  letter-spacing: .2px;
  white-space: nowrap;
}

body.tc-page-ai .sec-tabs {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: auto !important;
  flex: 0 0 auto !important;
  background: #f1f5f9 !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
}

body.tc-page-ai .sec-tab {
  color: #64748b !important;
  border: 1px solid transparent !important;
  font-weight: 700 !important;
}

body.tc-page-ai .sec-tab.active,
body.tc-page-ai .sec-tab:hover {
  background: #0f766e !important;
  color: #ffffff !important;
}

body.tc-page-ai .hdr-right span {
  color: #64748b !important;
}

body.tc-page-ai #nav-username {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, .12) !important;
  color: #475569 !important;
}

body.tc-page-ai .section {
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
}

body.tc-page-ai .msgs {
  padding: 20px !important;
}

body.tc-page-ai .welcome {
  width: min(980px, calc(100vw - 48px));
  margin: 34px auto 0 !important;
  padding: 0 !important;
  color: #172033 !important;
}

body.tc-page-ai .welcome-icon {
  display: none !important;
}

body.tc-page-ai .welcome h2 {
  color: #111827 !important;
  font: 800 32px/1.15 var(--ui, Inter, system-ui, sans-serif) !important;
  letter-spacing: 0 !important;
  margin-bottom: 10px !important;
}

body.tc-page-ai .welcome p {
  color: #536174 !important;
  font: 500 14px/1.6 var(--ui, Inter, system-ui, sans-serif) !important;
}

body.tc-page-ai .tc-workflow-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  max-width: 980px !important;
  margin: 22px auto 0 !important;
}

body.tc-page-ai .tc-wf-card {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .1) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .05) !important;
  color: #172033 !important;
  min-height: 154px !important;
}

body.tc-page-ai .tc-wf-card:hover {
  border-color: rgba(15, 118, 110, .32) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
  transform: translateY(-2px) !important;
}

body.tc-page-ai .tc-wf-ico {
  width: 34px !important;
  height: 34px !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f1f5f9 !important;
  color: #0f766e !important;
  font-size: 16px !important;
}

body.tc-page-ai .tc-wf-name {
  color: #172033 !important;
  font: 800 15px/1.2 var(--ui, Inter, system-ui, sans-serif) !important;
  letter-spacing: 0 !important;
}

body.tc-page-ai .tc-wf-desc {
  color: #536174 !important;
  font: 500 12px/1.45 var(--ui, Inter, system-ui, sans-serif) !important;
}

body.tc-page-ai .tc-wf-tag {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, .1) !important;
  color: #64748b !important;
}

body.tc-page-ai .starter {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  color: #475569 !important;
  border-radius: 7px !important;
}

body.tc-page-ai .starter:hover {
  background: #ecfdf5 !important;
  border-color: rgba(15, 118, 110, .28) !important;
  color: #0f766e !important;
}

body.tc-page-ai .chat-footer {
  background: rgba(255, 255, 255, .96) !important;
  border-top: 1px solid rgba(15, 23, 42, .1) !important;
}

body.tc-page-ai .input-row {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .16) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;
}

body.tc-page-ai .inp {
  color: #172033 !important;
}

body.tc-page-ai .inp::placeholder {
  color: #94a3b8 !important;
}

body.tc-page-ai .send-btn {
  background: #0f766e !important;
  color: #ffffff !important;
  border-radius: 7px !important;
}

body.tc-page-ai .footer-meta,
body.tc-page-ai .footer-note,
body.tc-page-ai .clear-btn {
  color: #64748b !important;
}

body.tc-page-ai .tc-image-layout {
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  background: #f8fafc !important;
}

body.tc-page-ai .tc-image-panel {
  min-width: 0 !important;
  background: #ffffff !important;
  border-right: 1px solid rgba(15, 23, 42, .1) !important;
  padding: 18px !important;
  overflow: auto !important;
}

body.tc-page-ai .tc-image-form {
  display: grid !important;
  gap: 16px !important;
}

body.tc-page-ai .tc-image-select {
  width: 100% !important;
  min-height: 38px !important;
  border: 1px solid rgba(15, 23, 42, .14) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #172033 !important;
  font: 700 12px/1.2 var(--ui, Inter, system-ui, sans-serif) !important;
  padding: 0 10px !important;
  outline: none !important;
}

body.tc-page-ai .tc-image-status {
  min-height: 18px !important;
  color: #64748b !important;
  font: 700 10.5px/1.5 var(--mono, ui-monospace, monospace) !important;
  text-align: center !important;
}

body.tc-page-ai .tc-image-output {
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 24px !important;
  overflow: auto !important;
  background:
    linear-gradient(90deg, rgba(15, 23, 42, .035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(15, 23, 42, .035) 1px, transparent 1px),
    #eef3f8 !important;
  background-size: 34px 34px !important;
}

body.tc-page-ai .tc-image-placeholder {
  width: min(520px, 100%) !important;
  min-height: 260px !important;
  border: 1px dashed rgba(15, 118, 110, .32) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .82) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  text-align: center !important;
  font: 600 14px/1.5 var(--ui, Inter, system-ui, sans-serif) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06) !important;
}

body.tc-page-ai .tc-image-placeholder strong {
  color: #0f766e !important;
}

body.tc-page-ai .tc-image-placeholder-icon {
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: #ecfdf5 !important;
  border: 1px solid rgba(15, 118, 110, .18) !important;
  color: #0f766e !important;
  font-size: 22px !important;
  margin-bottom: 12px !important;
}

body.tc-page-ai #imgResult {
  display: block;
  width: auto !important;
  max-width: min(100%, 960px) !important;
  max-height: 70vh !important;
  border-radius: 10px !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  background: #ffffff !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .18) !important;
}

body.tc-page-ai .tc-image-actions {
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.tc-page-ai #imgBtn:disabled {
  opacity: .65 !important;
  cursor: wait !important;
}

body.tc-page-ai .mobile-bottom-bar {
  background: rgba(255, 255, 255, .98) !important;
  border-top-color: rgba(15, 23, 42, .12) !important;
}

body.tc-page-ai .mbb-btn {
  color: #64748b !important;
}

body.tc-page-ai .mbb-btn.active {
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

@media (max-width: 760px) {
  body.tc-page-ai .tc-image-layout {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  body.tc-page-ai .tc-image-panel {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .1) !important;
    padding: 14px !important;
  }

  body.tc-page-ai .tc-image-output {
    padding: 14px 14px 86px !important;
  }

  body.tc-page-ai #imgResult {
    max-height: 58vh !important;
  }
}

body.tc-page-ai #auth-overlay {
  background:
    radial-gradient(circle at 18% 12%, rgba(14, 165, 233, .13), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(16, 185, 129, .12), transparent 30%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
  padding: 24px !important;
}

body.tc-page-ai #auth-overlay .tc-auth-card {
  max-width: 448px !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  border-radius: 12px !important;
  padding: 28px 28px 22px !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .16) !important;
}

body.tc-page-ai #auth-overlay .tc-auth-brand {
  margin-bottom: 20px !important;
}

body.tc-page-ai #auth-overlay .tc-auth-logo {
  display: block;
  width: min(260px, 76vw);
  height: 68px;
  margin: 0 auto 6px;
  object-fit: contain;
  object-position: center;
}

body.tc-page-ai #auth-overlay .tc-auth-kicker {
  color: #0f766e;
  font: 800 12px/1.2 var(--ui, Inter, system-ui, sans-serif);
  letter-spacing: .3px;
  text-transform: uppercase;
}

body.tc-page-ai #auth-overlay .tc-auth-copy {
  color: #64748b;
  font: 500 13px/1.45 var(--ui, Inter, system-ui, sans-serif);
  margin-top: 5px;
}

body.tc-page-ai #auth-overlay #au-tab-login,
body.tc-page-ai #auth-overlay #au-tab-register {
  font: 800 12px/1 var(--ui, Inter, system-ui, sans-serif) !important;
  letter-spacing: 0 !important;
}

body.tc-page-ai #auth-overlay input,
body.tc-page-ai #auth-overlay select {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .14) !important;
  border-radius: 7px !important;
  color: #172033 !important;
  font-family: var(--ui, Inter, system-ui, sans-serif) !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03) !important;
}

body.tc-page-ai #auth-overlay input::placeholder {
  color: #94a3b8 !important;
}

body.tc-page-ai #auth-overlay input:focus,
body.tc-page-ai #auth-overlay select:focus {
  border-color: rgba(15, 118, 110, .5) !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12) !important;
}

body.tc-page-ai #auth-overlay #au-sso-btn,
body.tc-page-ai #auth-overlay #au-login-btn,
body.tc-page-ai #auth-overlay #au-register-btn {
  background: #0f766e !important;
  border-color: rgba(15, 118, 110, .35) !important;
  border-radius: 7px !important;
  box-shadow: 0 10px 22px rgba(15, 118, 110, .18) !important;
  color: #ffffff !important;
  font-family: var(--ui, Inter, system-ui, sans-serif) !important;
  letter-spacing: 0 !important;
}

body.tc-page-ai #auth-overlay #au-guest-btn {
  background: #ffffff !important;
  border: 1px solid rgba(15, 118, 110, .32) !important;
  border-radius: 7px !important;
  color: #0f766e !important;
  font-family: var(--ui, Inter, system-ui, sans-serif) !important;
  letter-spacing: 0 !important;
}

body.tc-page-ai #auth-overlay #au-guest-sub,
body.tc-page-ai #auth-overlay .tc-auth-footer {
  color: #64748b !important;
  font-family: var(--ui, Inter, system-ui, sans-serif) !important;
}

@media (max-width: 980px) {
  body.tc-page-ai .tc-workflow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 660px) {
  body.tc-page-ai .hdr {
    padding: 8px 10px !important;
  }

  body.tc-page-ai .ai-brand img {
    width: 132px;
    height: 36px;
  }

  body.tc-page-ai .ai-brand span {
    height: 22px;
    padding: 0 7px;
    font-size: 10px;
  }

  body.tc-page-ai .welcome {
    width: calc(100vw - 20px);
    margin-top: 14px !important;
  }

  body.tc-page-ai .welcome h2 {
    font-size: 25px !important;
  }

  body.tc-page-ai .tc-workflow-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.tc-page-ai .tc-wf-card {
    min-height: 0 !important;
    padding: 14px !important;
  }
}