.tkcc-calculator {
  color: #1d252c;
  font-family: Arial, Helvetica, sans-serif;
}

.tkcc-calculator[hidden],
.tkcc-calculator [hidden] {
  display: none !important;
}

.tkcc-calculator * {
  box-sizing: border-box;
}

.tkcc-header {
  margin-bottom: 18px;
}

.tkcc-header-with-action {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.tkcc-return-dashboard {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  padding: 0 14px;
  text-decoration: none;
}

.tkcc-header h2,
.tkcc-panel h3,
.tkcc-result h3,
.tkcc-step h4 {
  margin: 0;
  line-height: 1.15;
  letter-spacing: 0;
}

.tkcc-header p,
.tkcc-small {
  color: #636363;
}

.tkcc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 18px;
  align-items: start;
}

.tkcc-panel,
.tkcc-result {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 18px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.tkcc-section + .tkcc-section {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #E6E6E6;
}

.tkcc-section-panel {
  padding-top: 14px;
}

.tkcc-section-toggle {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 42px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8fafb;
  color: #1d252c;
  font: inherit;
  cursor: pointer;
  text-align: left;
}

.tkcc-section-toggle > span:first-child {
  font-weight: 700;
}

.tkcc-section-toggle::after {
  content: "+";
  flex: 0 0 auto;
  width: 22px;
  color: #2490D1;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.tkcc-section-panel.is-open .tkcc-section-toggle::after {
  content: "-";
}

.tkcc-section-cue {
  margin-left: auto;
  color: #636363;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-section-body {
  display: none;
  margin-top: 12px;
}

.tkcc-section-panel.is-open .tkcc-section-body {
  display: block;
}

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

.tkcc-label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
}

.tkcc-required {
  color: #a33a00;
}

.tkcc-input,
.tkcc-select {
  width: 100%;
  min-height: 42px;
  border: 1px solid #b9c3cb;
  border-radius: 6px;
  padding: 9px 10px;
  background: #fff;
  color: #1d252c;
  font-size: 15px;
}

.tkcc-textarea {
  min-height: 110px;
  resize: vertical;
}

.tkcc-choice {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  min-height: 48px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 10px;
  background: #fbfcfd;
}

.tkcc-choice input {
  flex: 0 0 auto;
  width: 16px;
  min-height: 16px;
  margin-top: 2px;
}

.tkcc-choice span {
  font-size: 14px;
  font-weight: 700;
}

.tkcc-account-summary {
  display: grid;
  gap: 4px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 12px;
  background: #fbfcfd;
}

.tkcc-account-summary strong {
  color: #1d252c;
}

.tkcc-account-summary span {
  color: #636363;
  font-size: 14px;
}

.tkcc-project-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #f8fafb;
}

.tkcc-conditional {
  display: none;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid #d5e5dd;
  border-radius: 8px;
  background: #f5fbf7;
}

.tkcc-conditional.is-visible {
  display: block;
}

.tkcc-sales .tkcc-sales-quote-panel .tkcc-section-cue {
  color: #2490D1;
}

.tkcc-inline-actions {
  margin-top: 12px;
}

.tkcc-internal-next ul {
  margin: 8px 0 0;
  padding-left: 20px;
}

.tkcc-internal-next li {
  margin: 4px 0;
}

.tkcc-dashboard-metrics,
.tkcc-sales-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0 22px;
}

.tkcc-dashboard-metrics > div,
.tkcc-sales-metrics > div {
  min-height: 90px;
  padding: 16px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #f8fafb;
}

.tkcc-dashboard-metrics span,
.tkcc-sales-metrics span {
  display: block;
  margin-bottom: 8px;
  color: #566675;
  font-size: 13px;
  font-weight: 700;
}

.tkcc-dashboard-metrics strong,
.tkcc-sales-metrics strong {
  color: #2490D1;
  font-size: 26px;
  line-height: 1.1;
}

.tkcc-sales-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 18px;
  align-items: start;
}

.tkcc-sales-accounts {
  margin-top: 18px;
}

.tkcc-sales-portal-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}

.tkcc-sales-portal-tiles .tkcc-portal-tile {
  text-align: left;
}

.tkcc-sales-portal-tiles .tkcc-portal-tile.is-active {
  border-color: #2490D1;
  background: #eef8ff;
  box-shadow: inset 0 0 0 1px #2490D1;
}

.tkcc-sales-view[hidden] {
  display: none;
}

.tkcc-sales-filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.35fr);
  gap: 12px;
  margin-bottom: 12px;
}

.tkcc-account-table {
  display: grid;
  gap: 8px;
}

.tkcc-account-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.1fr) minmax(170px, 1fr) minmax(120px, 0.75fr) minmax(90px, 0.55fr) minmax(110px, 0.7fr) minmax(180px, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-account-head {
  background: #f8fafb;
  color: #566675;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.tkcc-account-row small {
  display: block;
  margin-top: 3px;
  color: #636363;
  font-size: 12px;
}

.tkcc-sales-pipeline-list {
  display: grid;
  gap: 12px;
}

.tkcc-sales-pipeline-card {
  display: grid;
  gap: 0;
  padding: 0;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.tkcc-sales-pipeline-card[hidden] {
  display: none;
}

.tkcc-sales-pipeline-card.is-open {
  border-color: #2490D1;
  box-shadow: 0 8px 18px rgba(25, 54, 82, 0.08);
}

.tkcc-sales-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(180px, 0.55fr) minmax(170px, 0.45fr);
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 84px;
  border: 0;
  padding: 14px;
  background: #fff;
  color: #1f2933;
  text-align: left;
  cursor: pointer;
}

.tkcc-sales-card-summary:hover,
.tkcc-sales-card-summary:focus-visible {
  background: #f8fafb;
}

.tkcc-sales-card-summary strong,
.tkcc-sales-card-summary small,
.tkcc-sales-card-summary em {
  display: block;
  font-style: normal;
  letter-spacing: 0;
}

.tkcc-sales-card-summary strong {
  font-size: 15px;
}

.tkcc-sales-card-summary small {
  margin-top: 4px;
  color: #566675;
  font-size: 12px;
}

.tkcc-sales-card-status em {
  display: inline-block;
  border: 1px solid #d8e1e8;
  border-radius: 999px;
  padding: 5px 9px;
  background: #f8fafb;
  color: #314457;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-sales-card-order {
  text-align: right;
}

.tkcc-sales-card-detail {
  display: grid;
  gap: 14px;
  padding: 14px;
  border-top: 1px solid #E6E6E6;
  background: #fbfcfd;
}

.tkcc-sales-card-detail[hidden] {
  display: none;
}

.tkcc-sales-pipeline-main {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.tkcc-sales-pipeline-main h4,
.tkcc-sales-pipeline-main p {
  margin: 0;
}

.tkcc-sales-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.tkcc-sales-badges span {
  border: 1px solid #d8e1e8;
  border-radius: 999px;
  padding: 5px 9px;
  background: #f8fafb;
  color: #314457;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.tkcc-sales-pipeline-meta,
.tkcc-sales-pipeline-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.tkcc-sales-pipeline-meta span {
  min-height: 62px;
  padding: 10px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fbfcfd;
  color: #314457;
  font-size: 13px;
}

.tkcc-sales-pipeline-meta strong {
  display: block;
  margin-bottom: 4px;
  color: #566675;
  font-size: 11px;
  text-transform: uppercase;
}

.tkcc-sales-pipeline-meta em,
.tkcc-sales-assignment-summary em {
  display: block;
  color: #314457;
  font-style: normal;
}

.tkcc-sales-assignment {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d8e1e8;
  border-radius: 6px;
  background: #f8fafb;
}

.tkcc-sales-assignment-summary,
.tkcc-sales-assignment-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.tkcc-sales-assignment-summary span {
  min-height: 62px;
  padding: 10px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #ffffff;
  color: #314457;
  font-size: 13px;
}

.tkcc-sales-assignment-summary strong {
  display: block;
  margin-bottom: 4px;
  color: #566675;
  font-size: 11px;
  text-transform: uppercase;
}

.tkcc-sales-note-field {
  grid-column: 1 / -1;
}

.tkcc-sales-pipeline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.tkcc-sales-pipeline-actions .tkcc-status {
  margin: 0;
  padding: 8px 10px;
}

.tkcc-sales-followup-list {
  display: grid;
  gap: 10px;
}

.tkcc-sales-followup-card {
  display: grid;
  grid-template-columns: minmax(210px, 0.75fr) minmax(0, 1.25fr);
  gap: 14px;
  padding: 14px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-sales-followup-card .tkcc-sales-pipeline-actions {
  grid-column: 1 / -1;
}

.tkcc-sales-followup-card h4,
.tkcc-sales-followup-card p {
  margin: 0;
}

.tkcc-sales-followup-reason {
  display: inline-block;
  margin-bottom: 8px;
  border: 1px solid #d8e1e8;
  border-radius: 999px;
  padding: 5px 9px;
  background: #eef8ff;
  color: #164b74;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-sales-followup-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.tkcc-sales-followup-summary span {
  min-height: 58px;
  padding: 9px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fbfcfd;
  color: #314457;
  font-size: 12px;
}

.tkcc-sales-followup-summary strong {
  display: block;
  margin-bottom: 4px;
  color: #566675;
  font-size: 11px;
  text-transform: uppercase;
}

.tkcc-sales-followup-fields {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding-top: 2px;
}

.tkcc-sales-resource-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  margin-bottom: 14px;
}

.tkcc-sales-resource-toolbar label {
  min-width: 220px;
}

.tkcc-sales-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tkcc-sales-resource-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-sales-resource-card h4,
.tkcc-sales-resource-card p {
  margin: 0;
}

.tkcc-sales-resource-card textarea {
  min-height: 190px;
  resize: vertical;
}

.tkcc-sales-resource-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.tkcc-sales-resource-links {
  margin-top: 16px;
}

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

.tkcc-sales-link-grid a {
  display: grid;
  gap: 4px;
  min-height: 70px;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fbfcfd;
  color: #1f2933;
  text-decoration: none;
}

.tkcc-sales-link-grid a:hover,
.tkcc-sales-link-grid a:focus-visible {
  border-color: #2490D1;
  background: #eef8ff;
}

.tkcc-sales-link-grid span {
  font-weight: 700;
}

.tkcc-sales-link-grid small {
  color: #566675;
  overflow-wrap: anywhere;
}

.tkcc-performance-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.tkcc-performance-summary > div {
  min-height: 82px;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fbfcfd;
}

.tkcc-performance-summary span,
.tkcc-performance-metrics strong {
  display: block;
  margin-bottom: 5px;
  color: #566675;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.tkcc-performance-summary strong {
  color: #2490D1;
  font-size: 24px;
}

.tkcc-performance-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.tkcc-performance-filters .tkcc-mini-button.is-active,
.tkcc-order-filters .tkcc-mini-button.is-active {
  background: #2490D1;
  color: #fff;
}

.tkcc-performance-list {
  display: grid;
  gap: 10px;
}

.tkcc-performance-row {
  display: grid;
  grid-template-columns: minmax(190px, 0.5fr) minmax(0, 1fr) minmax(160px, 0.35fr);
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-performance-row[hidden] {
  display: none;
}

.tkcc-performance-row h4,
.tkcc-performance-row p {
  margin: 0;
}

.tkcc-performance-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.tkcc-performance-metrics span {
  min-height: 56px;
  padding: 8px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fbfcfd;
  color: #314457;
  font-size: 12px;
}

.tkcc-performance-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.tkcc-performance-flags span {
  border: 1px solid #d8e1e8;
  border-radius: 999px;
  padding: 5px 8px;
  background: #f8fafb;
  color: #314457;
  font-size: 11px;
  font-weight: 700;
}

.tkcc-commission-settings {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.45fr);
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fbfcfd;
}

.tkcc-commission-settings h4,
.tkcc-commission-settings p {
  margin: 0;
}

.tkcc-commission-settings form {
  display: grid;
  gap: 10px;
}

.tkcc-commission-settings .tkcc-status {
  margin: 0;
}

.tkcc-commission-readonly {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fff;
  color: #314457;
  font-size: 13px;
}

.tkcc-commission-readonly span {
  color: #566675;
}

.tkcc-deal-code-note,
.tkcc-deal-code-settings,
.tkcc-deal-code-create,
.tkcc-deal-code-row {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-deal-code-note {
  grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
  background: #fbfcfd;
}

.tkcc-deal-code-note strong,
.tkcc-deal-code-result strong {
  color: #1d252c;
}

.tkcc-deal-code-note span,
.tkcc-deal-code-result small {
  color: #566675;
  font-size: 13px;
}

.tkcc-deal-code-settings,
.tkcc-deal-code-create {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: #fbfcfd;
}

.tkcc-deal-code-settings > div,
.tkcc-deal-code-create > div:first-child,
.tkcc-deal-code-actions,
.tkcc-deal-code-result {
  grid-column: 1 / -1;
}

.tkcc-deal-code-settings h4,
.tkcc-deal-code-settings p,
.tkcc-deal-code-create h4,
.tkcc-deal-code-create p,
.tkcc-deal-code-row h4,
.tkcc-deal-code-row p {
  margin: 0;
}

.tkcc-deal-code-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.tkcc-deal-code-actions .tkcc-status {
  margin: 0;
}

.tkcc-deal-code-result {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid #cfe6d4;
  border-radius: 6px;
  background: #f5fbf6;
}

.tkcc-deal-code-result span {
  color: #2490D1;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
}

.tkcc-deal-code-list {
  display: grid;
  gap: 10px;
}

.tkcc-deal-code-row {
  grid-template-columns: minmax(190px, 0.4fr) minmax(0, 1fr);
  margin-bottom: 0;
}

.tkcc-deal-code-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.tkcc-deal-code-metrics span {
  min-height: 56px;
  padding: 8px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fbfcfd;
  color: #314457;
  font-size: 12px;
}

.tkcc-deal-code-metrics strong {
  display: block;
  margin-bottom: 5px;
  color: #566675;
  font-size: 11px;
  text-transform: uppercase;
}

.tkcc-commission-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.tkcc-commission-summary > div {
  min-height: 82px;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-commission-summary span,
.tkcc-commission-order-metrics strong {
  display: block;
  margin-bottom: 5px;
  color: #566675;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.tkcc-commission-summary strong {
  color: #2490D1;
  font-size: 22px;
}

.tkcc-commission-period {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-commission-period-header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.tkcc-commission-period-header h4,
.tkcc-commission-period-header p,
.tkcc-commission-period > p {
  margin: 0;
}

.tkcc-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #e9f5fc;
  color: #1d6f9f;
  font-size: 12px;
  font-weight: 800;
}

.tkcc-commission-period-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.tkcc-commission-period-summary > div {
  min-height: 74px;
  padding: 10px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fbfcfd;
}

.tkcc-commission-period-summary span {
  display: block;
  margin-bottom: 5px;
  color: #566675;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.tkcc-commission-period-summary strong {
  display: block;
  color: #2490D1;
  font-size: 20px;
}

.tkcc-commission-period-summary small {
  display: block;
  margin-top: 4px;
  color: #566675;
}

.tkcc-commission-period-form {
  display: grid;
  grid-template-columns: minmax(160px, 0.35fr) minmax(0, 1fr);
  gap: 10px;
}

.tkcc-commission-period-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-column: 1 / -1;
}

.tkcc-commission-period-form .tkcc-status {
  grid-column: 1 / -1;
  margin: 0;
}

.tkcc-commission-order-list {
  display: grid;
  gap: 10px;
}

.tkcc-commission-order-row {
  display: grid;
  grid-template-columns: minmax(190px, 0.45fr) minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-commission-order-row h4,
.tkcc-commission-order-row p {
  margin: 0;
}

.tkcc-commission-order-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.tkcc-commission-order-metrics span {
  min-height: 56px;
  padding: 8px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fbfcfd;
  color: #314457;
  font-size: 12px;
}

.tkcc-order-list {
  display: grid;
  gap: 10px;
}

.tkcc-order-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.tkcc-order-card {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
}

.tkcc-order-card-main {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.tkcc-order-card h4,
.tkcc-order-card p {
  margin: 0;
}

.tkcc-order-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.tkcc-order-metrics span {
  min-height: 56px;
  padding: 8px;
  border: 1px solid #edf1f4;
  border-radius: 6px;
  background: #fbfcfd;
  color: #314457;
  font-size: 12px;
}

.tkcc-order-metrics strong,
.tkcc-order-products strong {
  display: block;
  margin-bottom: 5px;
  color: #566675;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.tkcc-order-products {
  padding-top: 2px;
}

.tkcc-quote-fields .tkcc-grid {
  margin-bottom: 12px;
}

.tkcc-quote-note-label {
  margin-top: 8px;
}

.tkcc-fee-builder {
  margin-top: 12px;
}

.tkcc-fee-builder-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}

.tkcc-fee-row {
  display: grid;
  grid-template-columns: minmax(130px, 0.9fr) minmax(150px, 1fr) minmax(110px, 0.7fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}

.tkcc-mini-button {
  min-height: 36px;
  border: 1px solid #2490D1;
  border-radius: 6px;
  padding: 7px 10px;
  background: #2490D1;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
}

.tkcc-mini-button.secondary {
  background: #fff;
  color: #1E5BA8;
}

.tkcc-stain-row {
  display: grid;
  grid-template-columns: minmax(150px, 0.9fr) minmax(180px, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}

.tkcc-result {
  position: sticky;
  top: 16px;
}

.tkcc-empty {
  padding: 16px;
  background: #f6f8f9;
  border: 1px dashed #E6E6E6;
  border-radius: 8px;
  color: #636363;
}

.tkcc-step {
  margin-top: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 13px;
  background: #fbfcfd;
}

.tkcc-step-label {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-bottom: 8px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef7fc;
  color: #1e5f8a;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-product-line {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 8px 0;
  border-top: 1px solid #E6E6E6;
}

.tkcc-product-heading {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  min-width: 0;
}

.tkcc-product-select {
  flex: 0 0 auto;
  width: 16px;
  min-height: 16px;
  margin-top: 2px;
}

.tkcc-product-line:first-of-type {
  border-top: 0;
}

.tkcc-qty {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid #c9d7df;
  border-radius: 6px;
  background: #f3f8fb;
  color: #1e5f8a;
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
  word-break: normal;
}

.tkcc-qty span {
  color: #636363;
  font-size: 12px;
}

.tkcc-inline-help {
  border: 0;
  padding: 0;
  background: transparent;
  color: #1e5f8a;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.tkcc-inline-help:hover,
.tkcc-inline-help:focus {
  text-decoration: underline;
}

.tkcc-product-heading strong,
.tkcc-product-note {
  overflow-wrap: normal;
  word-break: normal;
}

.tkcc-notice {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #f0d08b;
  border-radius: 8px;
  background: #fff6df;
  color: #9a5b00;
  font-size: 13px;
  font-weight: 700;
}

.tkcc-quote-summary {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 13px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fbfcfd;
}

.tkcc-quote-summary div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.tkcc-quote-summary span {
  color: #636363;
  font-size: 13px;
  font-weight: 700;
}

.tkcc-quote-summary strong {
  color: #1d252c;
}

.tkcc-quote-summary p {
  margin: 4px 0 0;
}

.tkcc-quote-summary ul {
  margin: 0;
  padding-left: 18px;
  color: #636363;
  font-size: 13px;
}

.tkcc-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 14px;
}

.tkcc-status {
  display: none;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b9c3cb;
  border-radius: 8px;
  background: #f6f8f9;
  color: #1d252c;
  font-size: 13px;
  font-weight: 700;
}

.tkcc-status.is-visible {
  display: block;
}

.tkcc-status.is-success {
  border-color: #B8DDF4;
  background: #F2F8FD;
  color: #1E5BA8;
}

.tkcc-status.is-error {
  border-color: #efb7b7;
  background: #fff0f0;
  color: #8a1e1e;
}

.tkcc-button {
  min-height: 42px;
  border: 1px solid #2490D1;
  border-radius: 6px;
  background: #2490D1;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

.tkcc-button.secondary {
  background: #fff;
  color: #1E5BA8;
}


.tkcc-button:hover,
.tkcc-button:focus-visible,
.tkcc-mini-button:hover,
.tkcc-mini-button:focus-visible,
.tkcc-dashboard-button:hover,
.tkcc-dashboard-button:focus-visible {
  background: #f7f9fb;
  border-color: #e6e6e6;
  color: #1E5BA8;
}

.tkcc-button.secondary:hover,
.tkcc-button.secondary:focus-visible,
.tkcc-mini-button.secondary:hover,
.tkcc-mini-button.secondary:focus-visible {
  background: #2490D1;
  border-color: #2490D1;
  color: #fff;
}

.tkcc-button:disabled,
.tkcc-mini-button:disabled {
  opacity: 0.58;
  cursor: not-allowed;
}
.tkcc-dashboard {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #E6E6E6;
}

.tkcc-dashboard-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.tkcc-dashboard-header h2,
.tkcc-dashboard-subhead,
.tkcc-project-card h4 {
  margin: 0;
  line-height: 1.15;
  letter-spacing: 0;
}

.tkcc-dashboard-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  padding: 0 16px;
  text-decoration: none;
}

.tkcc-dashboard-empty {
  padding: 16px;
  border: 1px dashed #E6E6E6;
  border-radius: 8px;
  background: #f6f8f9;
  color: #636363;
}

.tkcc-dashboard-subhead {
  margin: 18px 0 10px;
}

.tkcc-project-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
  gap: 12px;
  align-items: end;
  margin-bottom: 12px;
}

.tkcc-dashboard-search,
.tkcc-project-status-filter {
  display: block;
  margin: 0;
}

.tkcc-project-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tkcc-project-filters .tkcc-mini-button.is-active {
  border-color: #2490D1;
  background: #2490D1;
  color: #fff;
}

.tkcc-project-list {
  display: grid;
  gap: 10px;
}

.tkcc-project-card {
  display: grid;
  gap: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.tkcc-project-card-compact {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.tkcc-project-show-all {
  margin-top: 12px;
}

.tkcc-project-card-main {
  min-width: 0;
}

.tkcc-project-card-main p {
  margin: 6px 0 0;
}

.tkcc-project-materials {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #f7f9fb;
}

.tkcc-project-materials strong {
  font-size: 13px;
  line-height: 1.2;
}

.tkcc-project-materials ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tkcc-project-materials li {
  display: grid;
  gap: 2px;
  line-height: 1.25;
}

.tkcc-project-materials li span {
  font-weight: 700;
}

.tkcc-project-materials li small {
  color: #636363;
}

.tkcc-project-materials.is-order-panel {
  margin-top: 0;
  background: #fff;
}

.tkcc-project-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.tkcc-project-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid #c9d7df;
  border-radius: 999px;
  background: #f3f8fb;
  color: #1e5f8a;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-project-quick-actions,
.tkcc-project-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
}

.tkcc-project-card-compact .tkcc-project-quick-actions {
  padding-top: 2px;
}

.tkcc-portal-advisor-view {
  width: min(1120px, calc(100vw - 48px));
  max-width: none;
}

.tkcc-portal-advisor-view .tkcc-calculator-root,
.tkcc-portal-advisor-view [data-tkcc-portal-project-advisor],
.tkcc-portal-advisor-view .tkcc-contractor {
  width: 100%;
  max-width: none;
}

.tkcc-portal-advisor-view .tkcc-layout {
  grid-template-columns: minmax(420px, 1.15fr) minmax(340px, 0.85fr);
}

.tkcc-portal-advisor-nav {
  margin-bottom: 12px;
}

.tkcc-project-order-panel {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  border: 1px solid #b9def6;
  border-radius: 8px;
  padding: 12px;
  background: #f7fbff;
}

.tkcc-project-tool-stage {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  border: 1px solid #b9def6;
  border-radius: 8px;
  padding: 14px;
  background: #f7fbff;
}

.tkcc-project-tool-stage[hidden] {
  display: none !important;
}

.tkcc-project-tool-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7eaf8;
}

.tkcc-project-tool-heading h3 {
  margin: 2px 0 4px;
  letter-spacing: 0;
}

.tkcc-project-tool-heading span {
  color: #1E5BA8;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-project-tool-heading p {
  margin: 0;
}

.tkcc-project-tool-heading .tkcc-mini-button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.tkcc-project-tool-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 8px 0 0;
}

.tkcc-project-tool-summary div {
  display: grid;
  gap: 2px;
}

.tkcc-project-tool-summary dt {
  color: #5f6f7b;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-project-tool-summary dd {
  margin: 0;
  color: #1f2933;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.tkcc-project-tool-panel {
  display: grid;
}

.tkcc-project-tool-panel[hidden] {
  display: none !important;
}

.tkcc-project-tool-panel .tkcc-ai-tool-card {
  border: 0;
  padding: 0;
  background: transparent;
}

.tkcc-project-order-panel p {
  margin: 0;
}

.tkcc-project-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tkcc-project-manage {
  grid-column: 1 / -1;
  border-top: 1px solid #E6E6E6;
  padding-top: 10px;
}

.tkcc-project-manage summary {
  cursor: pointer;
  color: #1E5BA8;
  font-weight: 700;
}

.tkcc-project-update {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
  margin-top: 10px;
}

.tkcc-project-update .tkcc-button {
  grid-column: 1 / -1;
}
.tkcc-ai-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tkcc-ai-tool-card {
  display: grid;
  gap: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.tkcc-ai-tool-card h3 {
  margin: 0;
  line-height: 1.15;
  letter-spacing: 0;
}

.tkcc-ai-tool-card .tkcc-button {
  min-height: 44px;
  padding: 11px 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
}

.tkcc-ai-output {
  min-height: 190px;
}

.tkcc-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  padding: 22px;
}

.tkcc-modal.is-open {
  display: grid;
  place-items: center;
}

body.tkcc-modal-open {
  overflow: hidden;
}

.tkcc-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 20, 28, 0.48);
}

.tkcc-modal-panel {
  position: relative;
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 44px));
  overflow: auto;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

.tkcc-modal-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid #E6E6E6;
}

.tkcc-modal-header h3 {
  margin: 0;
  line-height: 1.15;
  letter-spacing: 0;
}

.tkcc-icon-button {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border: 1px solid #b9c3cb;
  border-radius: 6px;
  background: #fff;
  color: #1d252c;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.tkcc-faq-list {
  padding: 8px 18px 4px;
}

.tkcc-faq-item {
  border-bottom: 1px solid #E6E6E6;
  padding: 12px 0;
}

.tkcc-faq-item summary {
  cursor: pointer;
  color: #1d252c;
  font-weight: 700;
}

.tkcc-faq-item p {
  margin: 9px 0 0;
  color: #636363;
  line-height: 1.5;
}

.tkcc-modal-actions {
  padding: 16px 18px 18px;
}

@media (max-width: 860px) {
  .tkcc-layout,
  .tkcc-grid,
  .tkcc-project-controls,
  .tkcc-header-with-action,
  .tkcc-dashboard-header,
  .tkcc-project-card,
  .tkcc-project-update,
  .tkcc-fee-row,
  .tkcc-sales-grid,
  .tkcc-dashboard-metrics,
  .tkcc-sales-metrics,
  .tkcc-sales-portal-tiles,
  .tkcc-sales-filter-bar,
  .tkcc-sales-card-summary,
  .tkcc-sales-followup-card,
  .tkcc-sales-followup-fields,
  .tkcc-sales-followup-summary,
  .tkcc-sales-resource-grid,
  .tkcc-sales-link-grid,
  .tkcc-performance-summary,
  .tkcc-performance-row,
  .tkcc-performance-metrics,
  .tkcc-order-metrics,
  .tkcc-deal-code-note,
  .tkcc-deal-code-settings,
  .tkcc-deal-code-create,
  .tkcc-deal-code-row,
  .tkcc-deal-code-metrics,
  .tkcc-commission-settings,
  .tkcc-commission-summary,
  .tkcc-commission-period-summary,
  .tkcc-commission-period-form,
  .tkcc-commission-order-row,
  .tkcc-commission-order-metrics,
  .tkcc-sales-pipeline-fields,
  .tkcc-sales-pipeline-meta,
  .tkcc-sales-assignment-summary,
  .tkcc-sales-assignment-fields,
  .tkcc-ai-tool-grid,
  .tkcc-account-row,
  .tkcc-choices {
    grid-template-columns: 1fr;
  }

  .tkcc-sales-pipeline-main,
  .tkcc-sales-badges {
    display: grid;
    justify-content: stretch;
  }

  .tkcc-sales-card-order {
    text-align: left;
  }

  .tkcc-performance-flags {
    justify-content: flex-start;
  }

  .tkcc-sales-resource-toolbar {
    display: grid;
    align-items: stretch;
  }

  .tkcc-dashboard-header {
    display: grid;
  }

  .tkcc-project-toolbar {
    grid-template-columns: 1fr;
  }

  .tkcc-dashboard-button {
    width: 100%;
  }

  .tkcc-return-dashboard {
    width: 100%;
  }

  .tkcc-result {
    position: static;
    margin-top: 16px;
  }
}


.tkcc-map-control { margin-top: 10px; }
.tkcc-map-open { width: 100%; }
.tkcc-map-panel { width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 48px); }
.tkcc-map-search { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-bottom: 12px; }
.tkcc-map-canvas { width: 100%; min-height: 460px; border: 1px solid #E6E6E6; background: #f7f9fb; }
.tkcc-map-summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-top: 12px; }
.tkcc-map-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.tkcc-map-canvas .mapboxgl-ctrl-group button { min-width: 29px; }
.tkcc-map-modal .tkcc-button, .tkcc-map-control .tkcc-button, .tkcc-map-canvas .mapboxgl-ctrl-group button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0; line-height: 1.2; text-transform: none; min-height: 42px; -webkit-font-smoothing: auto; text-rendering: auto; }
.tkcc-map-modal .tkcc-button { padding: 11px 16px; border-radius: 6px; white-space: nowrap; }
.tkcc-map-modal [data-tkcc-map-search-button] { min-width: 92px; }
.tkcc-map-modal [data-tkcc-map-clear] { min-width: 86px; }
.tkcc-map-modal [data-tkcc-map-use] { min-width: 178px; background: #2490D1; color: #fff; }
.tkcc-map-modal [data-tkcc-map-use]:disabled { opacity: 0.55; }
.tkcc-map-modal .tkcc-icon-button { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0; min-width: 42px; min-height: 42px; }
.tkcc-map-summary strong { font-family: Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: 0; }
.tkcc-calculator .tkcc-map-modal .tkcc-button, .tkcc-calculator .tkcc-map-control .tkcc-button, .tkcc-calculator .tkcc-map-modal .tkcc-icon-button, .tkcc-calculator .tkcc-map-summary strong { font-family: Arial, Helvetica, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
.tkcc-calculator .tkcc-map-modal .tkcc-button, .tkcc-calculator .tkcc-map-control .tkcc-button { font-size: 14px !important; font-weight: 700 !important; }
.tkcc-map-address-block { margin-top: 16px; padding-top: 16px; border-top: 1px solid #E6E6E6; }
.tkcc-map-address-heading { display: grid; gap: 4px; margin-bottom: 12px; }
.tkcc-map-address-heading strong { font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0; }
@media (max-width: 700px) { .tkcc-map-search, .tkcc-map-summary { display: grid; grid-template-columns: 1fr; } .tkcc-map-canvas { min-height: 360px; } .tkcc-map-actions .tkcc-button { width: 100%; } }
.tkcc-ai-tool-form {
  display: grid;
  gap: 14px;
}

.tkcc-ai-contact-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tkcc-ai-products {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 8px;
}

.tkcc-ai-social-fields {
  display: grid;
  gap: 12px;
}

.tkcc-ai-photo-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tkcc-ai-output {
  min-height: 190px;
  font-family: Arial, Helvetica, sans-serif;
}

.tkcc-language-context {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid #d8e5ef;
  border-radius: 6px;
  background: #f6fbff;
  color: #1f2a37;
  font-size: 13px;
}

.tkcc-language-context strong,
.tkcc-language-context span {
  display: block;
}

.tkcc-language-helper {
  grid-column: 1 / -1;
  margin: -2px 0 0;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.35;
}

.tkcc-communication-preview {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.tkcc-email-confirmation {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #DDE5DF;
  border-radius: 8px;
  background: #F8FBF9;
}

.tkcc-email-confirmation strong {
  color: #1d252c;
}

.tkcc-email-confirmation .tkcc-small {
  margin: 0;
}

.tkcc-copy-field {
  display: grid;
  gap: 6px;
}

.tkcc-copy-field-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tkcc-copy-field-header .tkcc-label {
  margin: 0;
}

.tkcc-copy-feedback {
  min-height: 16px;
  color: #1f7a3f;
  font-size: 12px;
  font-weight: 700;
}

.tkcc-ai-tool-card .tkcc-actions {
  align-items: center;
}

.tkcc-ai-copy-actions {
  margin-top: -4px;
}

@media (max-width: 700px) {
  .tkcc-ai-contact-grid,
  .tkcc-ai-photo-grid,
  .tkcc-ai-products,
  .tkcc-project-tool-summary {
    grid-template-columns: 1fr;
  }

  .tkcc-copy-field-header {
    align-items: flex-start;
    flex-direction: column;
  }
}
.tkcc-growth-center {
  display: grid;
  gap: 22px;
}

.tkcc-growth-hero {
  display: grid;
  gap: 8px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
}

.tkcc-growth-hero h2,
.tkcc-growth-block-heading h3,
.tkcc-growth-category h3,
.tkcc-growth-saved-drafts h3 {
  margin: 0;
  letter-spacing: 0;
}

.tkcc-growth-hero p {
  margin: 7px 0 4px;
  color: #1d252c;
  line-height: 1.5;
}

.tkcc-growth-hero small,
.tkcc-growth-block-heading small,
.tkcc-growth-card small,
.tkcc-growth-chip small,
.tkcc-growth-panel-heading small,
.tkcc-growth-saved-drafts p {
  color: #636363;
}

.tkcc-growth-profile {
  display: grid;
  gap: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.tkcc-growth-profile[hidden] {
  display: none !important;
}

.tkcc-growth-profile-card {
  display: grid;
  gap: 13px;
  border: 1px solid #B8DDF4;
  border-radius: 8px;
  padding: 16px;
  background: #F8FBFE;
}

.tkcc-growth-profile-card.is-incomplete {
  border-color: #F1C36D;
  background: #FFF9EC;
}

.tkcc-growth-profile-card-main {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
}

.tkcc-growth-profile-card h3,
.tkcc-growth-profile-card p {
  margin: 0;
}

.tkcc-growth-profile-card p,
.tkcc-growth-missing-list {
  color: #636363;
  line-height: 1.45;
}

.tkcc-growth-profile-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.tkcc-growth-profile-summary-grid span {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid #D7EAF8;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
  color: #1d252c;
  overflow-wrap: anywhere;
}

.tkcc-growth-profile-summary-grid strong,
.tkcc-growth-missing-list strong {
  color: #1d252c;
}

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

.tkcc-growth-mode-option,
.tkcc-growth-choice {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 10px 11px;
  background: #fff;
  color: #1d252c;
  line-height: 1.35;
}

.tkcc-growth-mode-option input,
.tkcc-growth-choice input {
  margin-top: 2px;
}

.tkcc-growth-profile-form {
  display: grid;
  gap: 14px;
}

.tkcc-growth-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tkcc-growth-wide {
  grid-column: 1 / -1;
}

.tkcc-growth-direct-fields,
.tkcc-growth-guided-fields {
  display: grid;
  gap: 12px;
}

.tkcc-growth-direct-fields[hidden],
.tkcc-growth-guided-fields[hidden] {
  display: none !important;
}

.tkcc-growth-choice-group {
  display: grid;
  gap: 9px;
  margin: 0;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 12px;
  background: #fbfcfd;
}

.tkcc-growth-choice-group legend {
  padding: 0 5px;
  color: #1d252c;
  font-weight: 700;
}

.tkcc-growth-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.tkcc-growth-choice-other {
  margin-top: 2px;
}

.tkcc-growth-tool-note {
  border: 1px solid #B8DDF4;
  border-radius: 8px;
  padding: 10px 12px;
  background: #F2F8FD;
  color: #1E5BA8;
  font-size: 13px;
  line-height: 1.45;
}

.tkcc-business-ai-tool-card {
  display: grid;
  gap: 10px;
}

.tkcc-growth-project-picker {
  display: grid;
  gap: 12px;
  border: 1px solid #b9def6;
  border-radius: 8px;
  padding: 14px;
  background: #F2F8FD;
}

.tkcc-growth-project-search {
  display: grid;
  gap: 10px;
}

.tkcc-growth-project-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tkcc-growth-project-results {
  display: grid;
  gap: 8px;
}

.tkcc-growth-project-result {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  text-align: left;
  border: 1px solid #D7EAF8;
  border-radius: 8px;
  padding: 11px 12px;
  background: #fff;
  color: #1d252c;
  cursor: pointer;
}

.tkcc-growth-project-result:hover,
.tkcc-growth-project-result:focus-visible {
  border-color: #2490D1;
  background: #F8FBFE;
}

.tkcc-growth-project-result span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.tkcc-growth-project-result strong,
.tkcc-growth-project-result small {
  overflow-wrap: anywhere;
}

.tkcc-growth-project-result em {
  justify-self: end;
  border: 1px solid #B8DDF4;
  border-radius: 999px;
  padding: 3px 8px;
  background: #F2F8FD;
  color: #005CB9;
  font-style: normal;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
}

.tkcc-growth-selected-project {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #B8DDF4;
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.tkcc-growth-selected-project[hidden],
.tkcc-growth-project-search[hidden] {
  display: none;
}

.tkcc-growth-selected-project > div {
  display: grid;
  gap: 3px;
}

.tkcc-growth-selected-project span {
  color: #636363;
  font-size: 12px;
  line-height: 1.3;
}

.tkcc-growth-selected-project strong,
.tkcc-growth-selected-project small {
  overflow-wrap: anywhere;
}

.tkcc-growth-block,
.tkcc-growth-saved-drafts {
  display: grid;
  gap: 12px;
}

.tkcc-growth-section-stage,
.tkcc-growth-section-panel {
  display: grid;
  gap: 14px;
}

.tkcc-growth-section-panel[hidden] {
  display: none !important;
}

.tkcc-growth-card-grid,
.tkcc-growth-category-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tkcc-growth-category-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.tkcc-growth-card,
.tkcc-growth-chip {
  width: 100%;
  min-height: 96px;
  display: grid;
  gap: 6px;
  align-content: start;
  text-align: left;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  color: #1d252c;
  cursor: pointer;
}

.tkcc-growth-card span,
.tkcc-growth-chip span,
.tkcc-growth-panel-heading span {
  font-weight: 700;
}

.tkcc-growth-card.is-active,
.tkcc-growth-chip.is-active {
  border-color: #B8DDF4;
  box-shadow: inset 0 0 0 1px rgba(36, 144, 209, 0.14);
}

.tkcc-growth-card.is-active:hover,
.tkcc-growth-chip.is-active:hover,
.tkcc-growth-card.is-active:focus-visible,
.tkcc-growth-chip.is-active:focus-visible,
.tkcc-growth-card.is-selected,
.tkcc-growth-chip.is-selected {
  border-color: #2490D1;
  background: #F2F8FD;
  color: #1E5BA8;
  box-shadow: inset 4px 0 0 #2490D1;
}

.tkcc-growth-card.is-disabled,
.tkcc-growth-chip.is-disabled {
  cursor: not-allowed;
  opacity: 0.68;
}

.tkcc-growth-category {
  display: grid;
  gap: 10px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.tkcc-growth-chip-grid {
  display: grid;
  gap: 8px;
}

.tkcc-growth-tool-nav {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tkcc-growth-chip {
  min-height: 68px;
  padding: 11px 12px;
}

.tkcc-growth-tool-stage {
  display: grid;
  gap: 12px;
}

.tkcc-growth-empty,
.tkcc-growth-panel {
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.tkcc-growth-empty {
  padding: 16px;
  border-color: #b9def6;
  background: #F2F8FD;
}

.tkcc-growth-empty strong {
  color: #1E5BA8;
}

.tkcc-growth-empty p {
  margin: 5px 0 0;
  color: #636363;
}

.tkcc-growth-panel[hidden],
.tkcc-growth-empty[hidden] {
  display: none !important;
}

.tkcc-growth-panel-heading {
  display: grid;
  gap: 4px;
  padding: 15px 16px;
  border-bottom: 1px solid #E6E6E6;
  background: #F2F8FD;
}

.tkcc-growth-panel-body {
  padding: 14px;
}

.tkcc-growth-panel-body .tkcc-ai-tool-card {
  border: 0;
  padding: 0;
}

.tkcc-growth-saved-drafts {
  border: 1px dashed #E6E6E6;
  border-radius: 8px;
  padding: 16px;
  background: #fbfcfd;
}

.tkcc-growth-saved-draft-list {
  display: grid;
  gap: 10px;
}

.tkcc-growth-draft {
  display: grid;
  gap: 10px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 13px;
  background: #fff;
}

.tkcc-growth-draft-heading {
  display: grid;
  gap: 3px;
}

.tkcc-growth-draft-heading span,
.tkcc-growth-draft-heading small,
.tkcc-growth-draft p,
.tkcc-growth-draft-empty {
  color: #636363;
}

.tkcc-growth-draft-heading strong {
  color: #1d252c;
}

.tkcc-growth-draft p {
  margin: 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.tkcc-growth-draft-viewer {
  margin-top: 2px;
}

.tkcc-growth-coach-intro {
  display: grid;
  gap: 5px;
  border: 1px solid #B8DDF4;
  border-radius: 8px;
  padding: 14px;
  background: #F2F8FD;
  color: #1d252c;
}

.tkcc-growth-coach-intro strong {
  color: #1E5BA8;
}

.tkcc-growth-coach-intro p {
  margin: 0;
  color: #636363;
  line-height: 1.45;
}

.tkcc-growth-coach-selector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.tkcc-growth-coach-topic {
  width: 100%;
  min-height: 112px;
  display: grid;
  gap: 6px;
  align-content: start;
  text-align: left;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  color: #1d252c;
  cursor: pointer;
}

.tkcc-growth-coach-topic span {
  font-weight: 700;
}

.tkcc-growth-coach-topic small {
  color: #636363;
  line-height: 1.45;
}

.tkcc-growth-coach-topic:hover,
.tkcc-growth-coach-topic:focus-visible,
.tkcc-growth-coach-topic.is-selected {
  border-color: #2490D1;
  background: #F2F8FD;
  color: #1E5BA8;
  box-shadow: inset 4px 0 0 #2490D1;
}

.tkcc-growth-coach-stage {
  display: grid;
  gap: 12px;
}

.tkcc-growth-coach-panel,
.tkcc-growth-coach-empty {
  display: grid;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.tkcc-growth-coach-panel[hidden],
.tkcc-growth-coach-empty[hidden] {
  display: none !important;
}

.tkcc-growth-coach-empty {
  gap: 5px;
  padding: 16px;
  border-color: #B8DDF4;
  background: #F8FBFE;
}

.tkcc-growth-coach-empty strong {
  color: #1E5BA8;
}

.tkcc-growth-coach-empty p {
  margin: 0;
  color: #636363;
  line-height: 1.45;
}

.tkcc-growth-coach-heading {
  display: grid;
  gap: 6px;
  padding: 15px 16px;
  border-bottom: 1px solid #E6E6E6;
  background: #fbfcfd;
}

.tkcc-growth-coach-heading span {
  color: #1E5BA8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.tkcc-growth-coach-heading h4,
.tkcc-growth-coach-heading p,
.tkcc-growth-coach-step h5,
.tkcc-growth-coach-finish h5,
.tkcc-growth-coach-step ul,
.tkcc-growth-coach-finish ul {
  margin: 0;
}

.tkcc-growth-coach-heading h4 {
  color: #1d252c;
  font-size: 16px;
  line-height: 1.3;
}

.tkcc-growth-coach-heading p {
  color: #636363;
  line-height: 1.45;
}

.tkcc-growth-coach-welcome,
.tkcc-growth-coach-step-wrap,
.tkcc-growth-coach-finish {
  display: grid;
  gap: 14px;
  padding: 15px 16px;
}

.tkcc-growth-coach-welcome[hidden],
.tkcc-growth-coach-step-wrap[hidden],
.tkcc-growth-coach-finish[hidden],
.tkcc-growth-coach-step[hidden] {
  display: none !important;
}

.tkcc-growth-coach-welcome strong,
.tkcc-growth-coach-finish strong {
  color: #1d252c;
  font-size: 16px;
  line-height: 1.3;
}

.tkcc-growth-coach-welcome p,
.tkcc-growth-coach-finish p,
.tkcc-growth-coach-step p {
  margin: 0;
  color: #636363;
  line-height: 1.45;
}

.tkcc-growth-coach-progress {
  display: grid;
  gap: 7px;
}

.tkcc-growth-coach-progress span {
  color: #1E5BA8;
  font-size: 13px;
  font-weight: 700;
}

.tkcc-growth-coach-progress div {
  height: 7px;
  border-radius: 999px;
  background: #E6E6E6;
  overflow: hidden;
}

.tkcc-growth-coach-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2490D1;
  transition: width 0.18s ease;
}

.tkcc-growth-coach-step {
  display: grid;
  gap: 10px;
  min-height: 230px;
  align-content: start;
}

.tkcc-growth-coach-step h5,
.tkcc-growth-coach-finish h5 {
  color: #1d252c;
  font-size: 16px;
  line-height: 1.3;
}

.tkcc-growth-coach-step ul,
.tkcc-growth-coach-finish ul {
  display: grid;
  gap: 7px;
  padding-left: 20px;
  color: #1d252c;
  line-height: 1.45;
}

.tkcc-growth-coach-step textarea {
  min-height: 86px;
  resize: vertical;
  background: #F8FBFE;
}

.tkcc-growth-coach-link {
  display: grid;
  gap: 7px;
  justify-items: start;
  border: 1px solid #D7EAF8;
  border-radius: 8px;
  padding: 12px;
  background: #F8FBFE;
}

.tkcc-growth-coach-link small {
  color: #636363;
  line-height: 1.45;
}

.tkcc-growth-coach-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid #E6E6E6;
}

.tkcc-growth-coach-controls .tkcc-button[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}

.tkcc-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.tkcc-project-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid #E6E6E6;
}

@media (max-width: 980px) {
  .tkcc-growth-card-grid,
  .tkcc-growth-category-grid,
  .tkcc-growth-profile-summary-grid,
  .tkcc-growth-choice-grid,
  .tkcc-growth-tool-nav,
  .tkcc-growth-coach-selector {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .tkcc-growth-card-grid,
  .tkcc-growth-category-grid,
  .tkcc-growth-profile-grid,
  .tkcc-growth-profile-summary-grid,
  .tkcc-growth-choice-grid,
  .tkcc-growth-setup-mode,
  .tkcc-growth-tool-nav,
  .tkcc-growth-coach-selector {
    grid-template-columns: 1fr;
  }

  .tkcc-growth-profile-card-main {
    align-items: stretch;
    flex-direction: column;
  }

  .tkcc-growth-project-result,
  .tkcc-growth-selected-project {
    grid-template-columns: 1fr;
  }

  .tkcc-growth-selected-project {
    align-items: stretch;
  }

  .tkcc-growth-project-result em {
    justify-self: start;
  }
}
/* Keep dashboard typography sharp and isolated from theme button/headline fonts. */
.tkcc-calculator,
.tkcc-calculator * {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
}

.tkcc-calculator button,
.tkcc-calculator input,
.tkcc-calculator select,
.tkcc-calculator textarea,
.tkcc-calculator label,
.tkcc-calculator h1,
.tkcc-calculator h2,
.tkcc-calculator h3,
.tkcc-calculator h4,
.tkcc-calculator h5,
.tkcc-calculator h6,
.tkcc-calculator summary,
.tkcc-calculator small,
.tkcc-calculator span,
.tkcc-calculator p {
  text-transform: none !important;
}

.tkcc-calculator button,
.tkcc-calculator .tkcc-button,
.tkcc-calculator .tkcc-mini-button,
.tkcc-calculator .tkcc-dashboard-button,
.tkcc-calculator .tkcc-growth-card,
.tkcc-calculator .tkcc-growth-chip,
.tkcc-calculator .tkcc-growth-coach-topic {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.tkcc-calculator .tkcc-growth-card small,
.tkcc-calculator .tkcc-growth-chip small,
.tkcc-calculator .tkcc-growth-coach-topic small,
.tkcc-calculator .tkcc-small,
.tkcc-calculator small {
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}
.tkcc-contractor-portal {
  display: grid;
  gap: 18px;
}

.tkcc-contractor-portal .tkcc-dashboard,
.tkcc-contractor-portal .tkcc-growth-center {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.tkcc-portal-home {
  display: grid;
  gap: 16px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
}

.tkcc-portal-heading h2 {
  margin: 0;
  letter-spacing: 0;
}

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

.tkcc-portal-metrics > div {
  min-height: 74px;
  padding: 14px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: #f7f9fb;
}

.tkcc-portal-metrics span {
  display: block;
  color: #636363;
  font-size: 13px;
  line-height: 1.35;
}

.tkcc-portal-metrics strong {
  display: block;
  margin-top: 5px;
  color: #2490D1;
  font-size: 22px;
  line-height: 1.15;
}


.tkcc-contractor-status {
  display: grid;
  gap: 9px;
  padding: 14px;
  border: 1px solid #b9def6;
  border-radius: 8px;
  background: #F2F8FD;
  color: #1d252c;
}

.tkcc-status-eyebrow {
  color: #636363;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.tkcc-contractor-status > strong {
  color: #2490D1;
  font-size: 24px;
  line-height: 1.1;
}

.tkcc-status-bar {
  overflow: hidden;
  height: 12px;
  border-radius: 999px;
  background: #E6E6E6;
}

.tkcc-status-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2490D1;
}

.tkcc-contractor-status p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.tkcc-status-check::before {
  content: "\2713";
  margin-right: 6px;
  color: #1E5BA8;
  font-weight: 700;
}

.tkcc-status-next {
  display: grid;
  gap: 2px;
}

.tkcc-status-next span {
  color: #636363;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.tkcc-status-next strong {
  color: #1d252c;
  font-size: 15px;
}

.tkcc-legacy-dashboard-hidden {
  display: none !important;
}
.tkcc-portal-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tkcc-portal-tile {
  min-height: 92px;
  display: grid;
  align-content: start;
  gap: 6px;
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  color: #1d252c;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.tkcc-portal-tile span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.tkcc-portal-tile small {
  color: #636363;
}

.tkcc-portal-tile:hover,
.tkcc-portal-tile:focus-visible,
.tkcc-portal-tile.is-selected {
  border-color: #2490D1;
  background: #F2F8FD;
  color: #1E5BA8;
}

.tkcc-portal-tile.is-disabled,
.tkcc-portal-tile:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.tkcc-portal-view-wrap {
  display: grid;
  gap: 16px;
}

.tkcc-portal-view[hidden] {
  display: none !important;
}

@media (max-width: 860px) {
  .tkcc-portal-metrics,
  
.tkcc-contractor-status {
  display: grid;
  gap: 9px;
  padding: 14px;
  border: 1px solid #b9def6;
  border-radius: 8px;
  background: #F2F8FD;
  color: #1d252c;
}

.tkcc-status-eyebrow {
  color: #636363;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.tkcc-contractor-status > strong {
  color: #2490D1;
  font-size: 24px;
  line-height: 1.1;
}

.tkcc-status-bar {
  overflow: hidden;
  height: 12px;
  border-radius: 999px;
  background: #E6E6E6;
}

.tkcc-status-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2490D1;
}

.tkcc-contractor-status p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.tkcc-status-check::before {
  content: "\2713";
  margin-right: 6px;
  color: #1E5BA8;
  font-weight: 700;
}

.tkcc-status-next {
  display: grid;
  gap: 2px;
}

.tkcc-status-next span {
  color: #636363;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.tkcc-status-next strong {
  color: #1d252c;
  font-size: 15px;
}

.tkcc-legacy-dashboard-hidden {
  display: none !important;
}
.tkcc-portal-grid {
    grid-template-columns: 1fr;
  }
}