.admin-shell {
  min-height: 100vh;
}

.admin-main {
  padding: 28px 30px 44px;
}

.admin-title {
  margin-bottom: 14px;
}

.admin-toolbar {
  align-items: center;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
}

.admin-toolbar .search-form {
  max-width: none;
}

.toolbar-actions {
  flex: none;
}

.admin-add-button {
  border-radius: 7px !important;
  gap: 5px;
  padding-inline: 15px !important;
}

.bulk-delete-all-form {
  margin: 0;
}

.danger-outline {
  border-color: #efc8cb !important;
  color: var(--danger) !important;
  background: #fff !important;
}

.danger-outline:hover {
  border-color: var(--danger) !important;
  background: #fff5f5 !important;
}

.button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.bulk-bar {
  padding: 11px 13px;
}

.data-table input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--primary);
}

.data-table td:nth-child(2) {
  font-weight: 600;
}

.company-table-wrap {
  overflow-x: hidden;
}

.company-data-table {
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
}

.company-data-table .col-select { width: 3%; }
.company-data-table .col-cn { width: 14%; }
.company-data-table .col-en { width: 18%; }
.company-data-table .col-short { width: 8%; }
.company-data-table .col-text { width: 5.5%; }
.company-data-table .col-url { width: 14%; }
.company-data-table .col-hot { width: 8%; }
.company-data-table .col-actions { width: 9%; }

.company-data-table th,
.company-data-table td {
  min-width: 0;
  overflow: hidden;
  padding: 10px 7px;
}

.company-data-table th {
  white-space: normal;
  line-height: 1.35;
}

.company-data-table .text-ellipsis,
.company-data-table .url-cell,
.company-data-table .url-cell a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-data-table .url-cell a {
  display: block;
  width: 100%;
}

.company-data-table .url-cell span {
  color: #98a2b3;
}

.company-data-table .row-actions {
  gap: 3px;
  white-space: nowrap;
}

.company-data-table .hot-pill {
  margin-left: 3px;
  padding-inline: 4px;
}

.log-table .log-details {
  min-width: 360px;
  max-width: 680px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.log-table .log-device {
  min-width: 155px;
  color: var(--muted-fg);
}

@media (max-width: 900px) {
  .admin-main { padding: 20px 14px; }
  .admin-toolbar { align-items: stretch; }
  .toolbar-actions, .bulk-bar { flex-wrap: wrap; }
  .bulk-bar { align-items: flex-start; }
  .bulk-bar span { width: 100%; margin-left: 0; }
  .bulk-delete-all-form { display: inline-flex; }
}
