/* 23-TEAM-CARDS — inner card components */
@layer pages {

/* ── Inner cards ── */

.tm-card {
  background: var(--white-a05);
  border: 1px solid var(--white-a12);
  border-radius: 7px;
  overflow: hidden;
}

.tm-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  background: var(--clr-berry-700);
  border-bottom: 1px solid var(--white-a12);
}

.tm-card-title {
  font-size: var(--fs-base-s);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--clr-white);
}

.tm-card-btns {
  display: flex;
  gap: 4px;
  align-items: center;
}

.tm-card-btns .edit-section,
.tm-card-btns .cancel-btn {
  width: 24px;
  height: 24px;
  border-radius: var(--comp-radius);
  border: 1px solid var(--white-a14);
  background: transparent;
  color: var(--white-a75);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--fs-md-s);
  padding: 0;
  transition: background 0.1s, color 0.1s;
}
.tm-card-btns .edit-section:hover,
.tm-card-btns .cancel-btn:hover {
  background: var(--white-a12);
  color: var(--clr-white);
}

.tm-card-btns .save-btn {
  width: 24px;
  height: 24px;
  border-radius: var(--comp-radius);
  border: 1px solid rgba(25,135,84,0.4);
  background: rgba(25,135,84,0.12);
  color: var(--clr-success-light);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--fs-md-s);
  padding: 0;
  transition: background 0.1s;
}
.tm-card-btns .save-btn:hover {
  background: rgba(25,135,84,0.25);
}

/* ── Card body — field rows ── */

.tm-card-body {
  padding: 10px 12px;
}

.tm-field-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 4px 0;
  border-bottom: var(--tr-border);
  font-size: var(--fs-md-s);
  min-height: 24px;
}
.tm-field-row:last-child {
  border-bottom: var(--tr-border);
}

.tm-label {
  font-size: var(--fs-sm-s);
  font-weight: 600;
  color: var(--white-a50);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  width: 70px;
  min-width: 70px;
  flex-shrink: 0;
}

.tm-field-row .view-field {
  color: var(--clr-white);
  font-size: var(--fs-md-s);
  flex: 1;
  word-break: break-word;
}
.tm-field-row a.view-field {
  color: var(--white-a65);
  text-decoration: none;
}
.tm-field-row a.view-field:hover {
  color: var(--clr-white);
}

/* ── Edit mode ── */

.tm-card .edit-mode {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tm-card .edit-mode.d-none {
  display: none !important;
}

.tm-card .tm-input {
  display: block;
  width: 100%;
  background: var(--white-a08);
  border: 1px solid var(--white-a14);
  border-radius: var(--comp-radius);
  color: var(--clr-white);
  font-size: var(--fs-md-s);
  padding: 5px 8px;
  outline: none;
  font-family: inherit;
  transition: border-color 0.15s, background 0.15s;
}
.tm-card .tm-input:focus {
  border-color: var(--white-a30);
  background: var(--white-a12);
}
.tm-card .tm-input::placeholder {
  color: var(--text-placeholder);
}

/* ── Delete row ── */

.tm-delete-row {
  display: flex;
  justify-content: flex-end;
  padding-top: 6px;
}

.tm-delete-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: var(--comp-radius);
  border: 1px solid rgba(234,84,85,0.3);
  background: transparent;
  color: var(--clr-danger-light);
  font-size: var(--fs-md-s);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.tm-delete-btn:hover {
  background: rgba(234,84,85,0.15);
  border-color: rgba(234,84,85,0.5);
}

/* ── Responsive ── */

@media (max-width: 700px) {
  .tm-acc-mobile, .tm-acc-email { display: none; }
}

/* Bottom spacer below accordion view */
.tm-view-spacer { height: 150px; }

/* ── Position card wrapper — dark bg, edge-to-edge rows ── */

.tm-position-card {
  background: transparent !important;
  --bs-card-bg: transparent;
  border: 1px solid var(--white-a14) !important;
  border-radius: 8px !important;
}
.tm-position-card > .card-body {
  padding: 0 !important;
  background: transparent !important;
  font-size: inherit !important;
}

/* Kill white accordion bg inside team accordions */
.tm-position-card .accordion {
  --bs-accordion-bg: transparent;
  margin-bottom: 0 !important;
}
.tm-position-card .accordion-collapse {
  background: transparent !important;
}

/* Prevent h-100 from stretching cards taller than content */
.locteam-block-col {
  padding-top: 0 !important;
}

.locteam-block-col .tm-position-card {
  height: auto !important;
}

/* Remove default accordion-item spacing inside position cards */
.tm-position-card .tm-accordion-item {
  background: transparent !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}


} /* end @layer pages */