.layout-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.triple-icon {
  font-size: 10px;
  letter-spacing: 1px;
  white-space: nowrap;
}

@media (max-width: 360px) {
  .layout-cards {
    grid-template-columns: 1fr;
  }
}

.timestamp-box {
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid #66c9a244;
  border-radius: 9px;
  background: #66c9a20b;
}

.timestamp-box strong,
.timestamp-box small {
  display: block;
}

.timestamp-box strong {
  color: #d9f4e9;
  font-size: 11px;
}

.timestamp-box small {
  margin-top: 4px;
  color: #8eaa9f;
  font-size: 9px;
  line-height: 1.4;
}

.timestamp-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 10px;
}

.timestamp-btn {
  min-width: 0;
  padding: 8px 5px;
  font-size: 9px;
}

.orientation-badge {
  margin-left: auto;
  padding: 4px 7px;
  border: 1px solid #d6a76655;
  border-radius: 10px;
  background: #d6a76612;
  color: #d6a766;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .06em;
  white-space: nowrap;
}

.adjust-panel .reset-mini {
  margin-left: 0;
}

.orientation-note {
  margin: -6px 0 15px;
  color: #8e99aa;
  font-size: 9px;
  line-height: 1.4;
}