/* [TFH-941:TFH_SETUP_FINAL_REFINEMENTS:CSS-START] */
.tfh-footer-status{min-width:170px;max-width:320px;color:#d8e7f4!important;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfh-footer-status.is-error{color:#ffd2cd!important}.tfh-footer-status.is-success{color:#c9f4df!important}
.tfh-setup-grid-wrap{height:calc(100% - 120px);max-height:calc(100% - 120px);overflow:auto;margin-bottom:15px}
.tfh-users-table-wrap{height:calc(100% - 92px)!important;max-height:calc(100% - 92px)!important;overflow:auto!important;margin-bottom:15px}
.tfh-setup-profile-hero,.tfh-vehicle-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:14px;padding:18px 20px;border:1px solid rgba(255,255,255,.65);border-radius:18px;color:#fff;background:radial-gradient(circle at 86% 20%,rgba(216,181,110,.22),transparent 28%),linear-gradient(145deg,#071a31,#174d7d);box-shadow:0 18px 38px rgba(7,26,49,.2)}
.tfh-setup-profile-mark,.tfh-vehicle-profile-icon{width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:19px;font-size:1.35rem;font-weight:900;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04));box-shadow:inset 0 1px rgba(255,255,255,.25)}
.tfh-setup-profile-hero span,.tfh-vehicle-profile-hero span{color:#d8b56e;font-size:.66rem;font-weight:900;letter-spacing:.16em}.tfh-setup-profile-hero h2,.tfh-vehicle-profile-hero h2{margin:4px 0;font-size:1.35rem}.tfh-setup-profile-hero p,.tfh-vehicle-profile-hero p{margin:0;color:rgba(255,255,255,.7);font-size:.82rem}
.tfh-setup-code-card{min-width:145px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:13px;text-align:right;background:rgba(255,255,255,.07)}.tfh-setup-code-card small,.tfh-setup-code-card strong{display:block}.tfh-setup-code-card small{color:#d8b56e;font-size:.59rem;letter-spacing:.1em}.tfh-setup-code-card strong{margin-top:4px;font-size:1.05rem}
.tfh-setup-form-card.refined,.tfh-vehicle-form-card.refined{min-height:330px;align-content:start;padding:24px;gap:17px;background:linear-gradient(160deg,#fff,#f4f8fb)}
.tfh-company-address-screen {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg,#edf3f8,#f9fbfd);
}

.tfh-company-address-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 18px 22px;
}

.tfh-company-address-card {
  min-height: 510px;
  display: grid;
  grid-template-columns: 330px minmax(0,1fr);
  overflow: hidden;
  border: 1px solid #bcc9d4;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(17,49,84,.13);
}

.tfh-company-logo-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 22px;
  color: #fff;
  text-align: center;
  background:
    radial-gradient(circle at 50% 14%,rgba(216,181,110,.2),transparent 30%),
    linear-gradient(155deg,#071a31,#164a78);
}

.tfh-company-panel-kicker {
  margin-bottom: 12px;
  color: #d8b56e;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .14em;
}

.tfh-company-logo-frame {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(0,0,0,.24);
}

.tfh-company-logo-frame.is-main {
  width: 205px;
  height: 135px;
  margin-bottom: 14px;
}

.tfh-company-logo-frame.is-thumbnail {
  width: 122px;
  height: 92px;
  margin: 10px auto;
}

.tfh-company-logo-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tfh-company-logo-frame span {
  color: #31536e;
  font-size: 1.75rem;
  font-weight: 900;
}

.tfh-company-logo-panel h2 {
  margin: 0 0 4px;
  font-size: 1.35rem;
}

.tfh-company-logo-panel > p {
  max-width: 250px;
  margin: 0 0 16px;
  color: rgba(255,255,255,.7);
  font-size: .76rem;
  line-height: 1.45;
}

.tfh-company-thumbnail-block {
  width: 100%;
  margin-top: auto;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 15px;
  background: rgba(255,255,255,.07);
}

.tfh-company-thumbnail-block small,
.tfh-company-thumbnail-block strong {
  display: block;
}

.tfh-company-thumbnail-block small {
  color: #d8b56e;
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .11em;
}

.tfh-company-thumbnail-block strong {
  margin-top: 3px;
  font-size: .88rem;
}

.tfh-company-thumbnail-block button {
  width: 100%;
  margin-top: 8px;
}

.tfh-company-address-content {
  display: grid;
  align-content: center;
  gap: 18px;
  padding: 30px 38px;
}

.tfh-company-title-display {
  padding: 18px 20px;
  border: 1px solid #c9d4de;
  border-radius: 15px;
  background:
    linear-gradient(135deg,rgba(233,242,250,.95),rgba(255,255,255,.98));
  box-shadow: inset 4px 0 #b98732;
}

.tfh-company-title-display > span {
  color: #9e6c20;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .14em;
}

.tfh-company-title-display h2 {
  margin: 5px 0 4px;
  color: #12345c;
  font-size: 1.55rem;
}

.tfh-company-title-display p {
  margin: 0;
  color: #687a8b;
  font-size: .78rem;
}

.tfh-company-address-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

.tfh-company-address-fields label {
  display: grid;
  gap: 6px;
}

.tfh-company-address-fields label.is-wide {
  grid-column: 1/-1;
}

.tfh-company-address-fields span {
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .08em;
  color: #526579;
}

.tfh-company-address-fields input {
  width: 100%;
  min-height: 45px;
  padding: 10px 12px;
  border: 1px solid #bdc9d4;
  border-radius: 10px;
  background: #fff;
}

@media(max-width:820px) {
  .tfh-setup-profile-hero,
  .tfh-vehicle-profile-hero {
    grid-template-columns: auto 1fr;
  }

  .tfh-setup-code-card {
    grid-column: 1/-1;
    text-align: left;
  }

  .tfh-company-address-card {
    grid-template-columns: 1fr;
  }

  .tfh-company-logo-panel {
    min-height: 520px;
  }

  .tfh-company-address-content {
    padding: 24px;
  }
}

@media(max-width:580px) {
  .tfh-company-address-fields {
    grid-template-columns: 1fr;
  }

  .tfh-company-address-fields label.is-wide {
    grid-column: auto;
  }

  .tfh-footer-status {
    order: 2;
    width: 100%;
    max-width: none;
  }

  .tfh-setup-profile-hero,
  .tfh-vehicle-profile-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .tfh-setup-profile-mark,
  .tfh-vehicle-profile-icon {
    margin: auto;
  }
}
/* [TFH-941:TFH_SETUP_FINAL_REFINEMENTS:CSS-END] */