/* HOLDz interaction surfaces — chat and identity */
[data-page="chat"] .comms-workspace-inner {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.comms-context-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: -2px 0 14px;
  border: 1px solid rgba(255, 255, 255, .09);
  background: rgba(255, 255, 255, .018);
}

.comms-context-row div {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 12px 16px;
  border-right: 1px solid rgba(255, 255, 255, .075);
}

.comms-context-row div:last-child { border-right: 0; }
.comms-context-row i { width: 7px; height: 7px; flex: none; border-radius: 50%; background: #65e7df; box-shadow: 0 0 12px rgba(101, 231, 223, .36); }
.comms-context-row small,
.comms-context-row strong { display: block; }
.comms-context-row small { color: #59636d; font: 700 7px/1 var(--mono); letter-spacing: .12em; }
.comms-context-row strong { margin-top: 6px; color: #cbd2d7; font-size: 10px; }

.auth-password-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.auth-password-field input { min-width: 0; }
.auth-password-field button {
  min-width: 62px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-left: 0;
  color: #aab2b9;
  background: rgba(255, 255, 255, .035);
  font-size: 10px;
  font-weight: 750;
}

.auth-password-field button:hover,
.auth-password-field button[aria-pressed="true"] { color: #fff; background: rgba(101, 231, 223, .08); }

.auth-trust-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .09);
}

.auth-trust-row div { padding: 16px; border-right: 1px solid rgba(255, 255, 255, .075); }
.auth-trust-row div:last-child { border-right: 0; }
.auth-trust-row small { display: block; color: #5e6871; font: 700 7px/1 var(--mono); letter-spacing: .11em; }
.auth-trust-row strong { display: block; margin-top: 7px; color: #c8ced3; font-size: 10px; line-height: 1.35; }

@media (max-width: 720px) {
  .comms-context-row { grid-template-columns: repeat(3, 1fr); }
  .comms-context-row div { min-height: 48px; padding: 8px; border-right: 1px solid rgba(255, 255, 255, .075); }
  .comms-context-row i,
  .comms-context-row small { display: none; }
  .comms-context-row strong { margin-top: 0; font-size: 8px; line-height: 1.35; text-align: center; }
  .auth-trust-row { grid-template-columns: 1fr; }
  .auth-trust-row div { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .075); }
  .auth-trust-row div:last-child { border-bottom: 0; }
}