.platform-admin .value-ellipsis,
.platform-customer .value-ellipsis {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-admin .value-ellipsis[title],
.platform-customer .value-ellipsis[title] {
  cursor: help;
}

.platform-customer .device-directory {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.platform-customer .device-compact-meta,
.platform-customer .device-more-grid {
  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
}

.platform-customer .customer-directory-head .terminal-tools {
  justify-content: flex-end;
}

.platform-customer .device-view-toolbar {
  flex-wrap: wrap;
}

.platform-customer .device-actions-compact {
  grid-template-columns: repeat(auto-fit, minmax(5.25rem, 1fr));
  justify-items: stretch;
}

.platform-customer .device-actions-compact > * {
  width: 100%;
}

.platform-customer .device-actions-compact form {
  width: 100%;
}

.platform-customer .device-actions-compact form > .btn {
  width: 100%;
}

@media (max-width: 1199.98px) {
  .platform-customer .customer-directory-head .terminal-tools {
    flex: 1 1 100%;
    width: 100%;
  }

  .platform-customer .customer-directory-head .terminal-tools .btn {
    flex: 1 1 calc(50% - 0.4rem);
    min-width: 8.5rem;
  }
}

@media (max-width: 991.98px) {
  .platform-customer .device-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-customer .device-compact-meta,
  .platform-customer .device-more-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .platform-customer .device-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-customer .device-compact-meta,
  .platform-customer .device-more-grid {
    grid-template-columns: 1fr;
  }

  .platform-customer .device-actions {
    gap: 0.35rem;
  }

  .platform-customer .device-actions .btn,
  .platform-customer .device-more > summary {
    width: 100%;
  }

  .platform-customer .device-actions-compact {
    grid-template-columns: 1fr;
  }

  .platform-customer .device-rename-form {
    flex-direction: column;
    align-items: stretch;
  }

  .platform-customer .device-rename-form .btn {
    width: 100%;
  }
}

.platform-admin .admin-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: var(--platform-radius);
  background: var(--bs-card-bg);
  box-shadow: var(--bs-box-shadow-sm);
  -webkit-overflow-scrolling: touch;
}

.platform-admin .admin-table-scroll table {
  box-shadow: none;
  border-radius: 0;
}

.platform-admin .admin-table-scroll .admin-wide-table {
  min-width: 980px;
}

.platform-admin .admin-table-scroll .admin-extra-wide-table {
  min-width: 1120px;
}

.platform-admin .admin-device-detail-table td,
.platform-admin .admin-device-detail-table th {
  vertical-align: top;
}

.platform-admin .admin-device-detail-table .value-ellipsis {
  max-width: 22rem;
}
