/* TheaCRM v2.8.624 – timezone and personal security */

.thea-profile-security-v28624__panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  min-height: 5rem;
  padding: .85rem;
  border: 1px solid #dde8e0;
  border-radius: .95rem;
  background: linear-gradient(145deg, #f4faf6, #fff);
}

.thea-profile-security-v28624__icon {
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: .82rem;
  color: #fff;
  background: #267a42;
  font-size: 1.15rem;
}

.thea-profile-security-v28624__copy {
  min-width: 0;
}

.thea-profile-security-v28624__copy small,
.thea-profile-security-v28624__copy strong,
.thea-profile-security-v28624__copy em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thea-profile-security-v28624__copy small {
  color: #758078;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.thea-profile-security-v28624__copy strong {
  color: #244c31;
  font-size: .86rem;
}

.thea-profile-security-v28624__copy em {
  margin-top: .12rem;
  color: #748078;
  font-size: .68rem;
  font-style: normal;
}

.thea-timezone-settings-v28624__scope {
  padding: .85rem;
  border: 1px solid #e0e9e2;
  border-radius: .9rem;
  background: #f8fbf9;
}

.thea-timezone-settings-v28624__scope > strong {
  color: #365d42;
  font-size: .78rem;
}

.thea-timezone-settings-v28624__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .55rem;
}

.thea-timezone-settings-v28624__chips span {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .32rem .52rem;
  border-radius: 999px;
  color: #2d653e;
  background: #eaf5ed;
  font-size: .67rem;
  font-weight: 750;
}

.thea-timezone-settings-v28624__clock {
  margin-bottom: 1rem;
  padding: .75rem;
  border-radius: .85rem;
  color: #fff;
  background: linear-gradient(135deg, #236e3b, #3c8a50);
  font-size: 1.15rem;
  font-weight: 800;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 420px) {
  .thea-profile-security-v28624__panel {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .thea-profile-security-v28624__panel > .btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}