.gtocore-hha-wrap {
  --bg: #f4f9fb !important;
  --bg2: #eef6f8 !important;
  --panel: #ffffff !important;
  --panel2: #f7fafb !important;
  --border: #d7e3e8 !important;
  --text: #11263a !important;
  --muted: #587087 !important;
  --accent: #0d8f9c !important;
  --accent2: #5968e8 !important;
  --danger: #b42318 !important;
  --ok: #087f5b !important;
  --shadow: 0 18px 48px rgba(17, 38, 58, .10) !important;
  color: var(--text) !important;
  width: min(1180px, calc(100% - 32px));
  margin: 48px auto 72px;
}

.gtocore-hha-wrap .gtocore-hha-shell {
  background: linear-gradient(145deg, #f7fbfc 0%, #eef7f8 100%) !important;
  border-color: #d5e4e8 !important;
  border-radius: 28px !important;
  padding: clamp(18px, 3vw, 34px) !important;
  box-shadow: var(--shadow) !important;
}

.gtocore-hha-wrap .gtocore-hha-head { margin-bottom: 24px !important; }
.gtocore-hha-wrap .gtocore-hha-head::before {
  content: "SESSION REVIEW";
  display: inline-flex;
  margin-bottom: 10px;
  padding: 6px 10px;
  border: 1px solid #b9e1e3;
  border-radius: 999px;
  background: #edfafa;
  color: #087b87;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
}

.gtocore-hha-wrap .gtocore-hha-head h2,
.gtocore-hha-wrap .gtocore-hha-card h3,
.gtocore-hha-wrap .gtocore-hha-usage-card h3,
.gtocore-hha-wrap .gtocore-hha-results h3,
.gtocore-hha-wrap .gtocore-hha-results h4,
.gtocore-hha-wrap .gtocore-hha-label,
.gtocore-hha-wrap strong { color: var(--text) !important; }

.gtocore-hha-wrap .gtocore-hha-head h2 {
  font-size: clamp(32px, 5vw, 54px) !important;
  letter-spacing: -.04em;
}

.gtocore-hha-wrap .gtocore-hha-head p {
  max-width: 760px;
  color: var(--muted) !important;
  font-size: 16px !important;
}

.gtocore-hha-wrap .gtocore-hha-grid {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 20px !important;
}

.gtocore-hha-wrap .gtocore-hha-card,
.gtocore-hha-wrap .gtocore-hha-usage-card,
.gtocore-hha-wrap .gtocore-hha-results,
.gtocore-hha-wrap .gtocore-hha-message {
  background: #ffffff !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 30px rgba(17, 38, 58, .06) !important;
}

.gtocore-hha-wrap .gtocore-hha-card { padding: 20px !important; }
.gtocore-hha-wrap .gtocore-hha-usage-card { top: 104px !important; padding: 20px !important; }

.gtocore-hha-wrap .gtocore-hha-help,
.gtocore-hha-wrap .gtocore-hha-plan-message,
.gtocore-hha-wrap .gtocore-hha-usage-note,
.gtocore-hha-wrap .gtocore-hha-results p,
.gtocore-hha-wrap .gtocore-hha-message p { color: var(--muted) !important; }

.gtocore-hha-wrap .gtocore-hha-filebox {
  min-height: 116px !important;
  border-color: #8dcfd3 !important;
  background: #f0fbfb !important;
}

.gtocore-hha-wrap .gtocore-hha-filebox:hover,
.gtocore-hha-wrap .gtocore-hha-filebox.is-dragover {
  border-color: #0d8f9c !important;
  background: #e3f7f7 !important;
}

.gtocore-hha-wrap .gtocore-hha-filetext strong { color: var(--text) !important; }
.gtocore-hha-wrap .gtocore-hha-filetext span { color: var(--muted) !important; }

.gtocore-hha-wrap .gtocore-hha-textarea,
.gtocore-hha-wrap .gtocore-hha-textarea:hover,
.gtocore-hha-wrap .gtocore-hha-textarea:focus,
.gtocore-hha-wrap .gtocore-hha-textarea:active {
  background: #f8fafb !important;
  border-color: #cbdbe2 !important;
  color: #11263a !important;
  -webkit-text-fill-color: #11263a !important;
  caret-color: #11263a !important;
}

.gtocore-hha-wrap .gtocore-hha-textarea::placeholder {
  color: #71869a !important;
  -webkit-text-fill-color: #71869a !important;
}

.gtocore-hha-wrap .gtocore-hha-textarea:focus {
  border-color: #0d8f9c !important;
  box-shadow: 0 0 0 4px rgba(13, 143, 156, .12) !important;
}

.gtocore-hha-wrap .gtocore-hha-btn,
.gtocore-hha-wrap .gtocore-hha-refresh-plan,
.gtocore-hha-wrap .gtocore-hha-upgrade {
  min-height: 48px;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #078e9c, #5968e8) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(42, 102, 171, .20) !important;
}

.gtocore-hha-wrap .gtocore-hha-btn:hover,
.gtocore-hha-wrap .gtocore-hha-refresh-plan:hover,
.gtocore-hha-wrap .gtocore-hha-upgrade:hover { transform: translateY(-1px); filter: brightness(.98); }

.gtocore-hha-wrap .gtocore-hha-usage-lines { color: #39546b !important; }
.gtocore-hha-wrap .gtocore-hha-error { background: #fff5f4 !important; border-color: #f0b7b2 !important; }
.gtocore-hha-wrap .gtocore-hha-error p { color: #922b21 !important; }
.gtocore-hha-wrap .gtocore-hha-success { background: #effbf6 !important; border-color: #9ddcc5 !important; }
.gtocore-hha-wrap .gtocore-hha-success p { color: #176a4d !important; }
.gtocore-hha-wrap .gtocore-hha-results hr { border-color: var(--border) !important; }

@media (max-width: 900px) {
  .gtocore-hha-wrap .gtocore-hha-grid { grid-template-columns: 1fr !important; }
  .gtocore-hha-wrap .gtocore-hha-usage-card { position: static !important; }
}

@media (max-width: 640px) {
  .gtocore-hha-wrap { width: min(100% - 20px, 1180px); margin: 24px auto 48px; }
  .gtocore-hha-wrap .gtocore-hha-shell {
    border: 1px solid var(--border) !important;
    border-radius: 20px !important;
    padding: 14px !important;
  }
  .gtocore-hha-wrap .gtocore-hha-head h2 { font-size: 34px !important; }
}