/* Marlaine standard list system — v98
   Reuse these classes for every new searchable/bulk-operable list. */

:root {
  --marlaine-list-accent: #0891b2;
  --marlaine-list-accent-soft: #ecfeff;
  --marlaine-list-border: #dfe6ed;
  --marlaine-list-surface: #ffffff;
  --marlaine-list-alt: #f3f7fa;
  --marlaine-list-hover: #e8f5f8;
  --marlaine-list-muted: #687386;
}

.ax-standard-list-card,
.ax-list-console,
.marlaine-standard-list {
  overflow: hidden;
  border: 1px solid var(--marlaine-list-border);
  border-radius: 18px;
  background: var(--marlaine-list-surface);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
}

.ax-standard-list-head {
  min-height: 78px;
  background: linear-gradient(100deg, #f8fafc 0%, #f4fbfc 100%) !important;
}

.ax-standard-result-count,
[data-list-result-count] {
  white-space: nowrap;
  color: var(--marlaine-list-muted);
  font-size: 10px;
  font-weight: 850;
}

.ax-standard-result-count {
  border: 1px solid #cbeaf0;
  border-radius: 999px;
  background: var(--marlaine-list-accent-soft);
  padding: 7px 11px;
  color: #0e7490;
}

.ax-standard-list-toolbar,
.ax-list-console-toolbar,
.ax-process-toolbar,
.ax-asset-toolbar,
.ax-card > .ax-toolbar,
.marlaine-list-toolbar {
  display: flex;
  align-items: end;
  gap: 12px;
  min-height: 66px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--marlaine-list-border);
  background: #fbfcfd;
}

.ax-standard-list-toolbar .ax-search,
.ax-list-console-toolbar .ax-search,
.ax-process-toolbar .ax-search,
.ax-card > .ax-toolbar .ax-search,
.marlaine-list-toolbar .ax-search {
  min-width: min(430px, 42vw);
  flex: 1 1 340px;
  border-color: #dfe6ed;
  background: #fff;
}

.ax-standard-list-toolbar .ax-search:focus-within,
.ax-list-console-toolbar .ax-search:focus-within,
.ax-process-toolbar .ax-search:focus-within,
.ax-card > .ax-toolbar .ax-search:focus-within,
.marlaine-list-toolbar .ax-search:focus-within {
  border-color: #22b8cf;
  box-shadow: 0 0 0 3px rgba(8, 145, 178, .12);
}

.ax-list-console-filter {
  display: grid;
  gap: 5px;
  min-width: 150px;
  color: #566174;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ax-list-console-filter select {
  height: 42px;
  min-width: 150px;
  border: 1px solid #dfe6ed;
  border-radius: 11px;
  background: #fff;
  padding: 0 34px 0 11px;
  color: #263043;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: normal;
  text-transform: none;
  outline: none;
}

.ax-standard-bulk,
.ax-list-console-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  margin-left: auto;
}

.ax-standard-list-toolbar .ax-btn,
.ax-list-console-actions .ax-btn,
.ax-process-toolbar .ax-btn,
.ax-card > .ax-toolbar .ax-btn,
.marlaine-list-toolbar .ax-btn {
  min-height: 38px;
  border-radius: 10px;
  padding: 8px 11px;
  box-shadow: 0 2px 5px rgba(15, 23, 42, .05);
}

.ax-standard-table,
.ax-table,
.ax-list-console-table,
.ax-process-table,
.marlaine-data-table {
  width: 100%;
  border-collapse: collapse;
}

.ax-standard-table thead tr,
.ax-table thead tr,
.ax-list-console-table thead tr,
.ax-process-table thead tr,
.marlaine-data-table thead tr {
  background: #f8fafc;
}

.ax-standard-table th,
.ax-table th,
.ax-list-console-table th,
.ax-process-table th,
.marlaine-data-table th {
  height: 42px;
  border-bottom: 1px solid #dfe6ed;
  color: #647084 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase;
  white-space: nowrap;
}

.ax-standard-table td,
.ax-table td,
.ax-list-console-table td,
.ax-process-table td,
.marlaine-data-table td {
  height: 58px;
  border-bottom: 1px solid #e9eef3;
  vertical-align: middle;
}

.ax-standard-table tbody tr:nth-child(odd),
.ax-table tbody tr:nth-child(odd),
.ax-list-console-table tbody tr:nth-child(odd),
.ax-process-table tbody tr:nth-child(odd),
.marlaine-data-table tbody tr:nth-child(odd) {
  background: #fff;
}

.ax-standard-table tbody tr:nth-child(even),
.ax-table tbody tr:nth-child(even),
.ax-list-console-table tbody tr:nth-child(even),
.ax-process-table tbody tr:nth-child(even),
.marlaine-data-table tbody tr:nth-child(even) {
  background: var(--marlaine-list-alt);
}

.ax-standard-table tbody tr:hover,
.ax-table tbody tr:hover,
.ax-list-console-table tbody tr:hover,
.ax-process-table tbody tr:hover,
.marlaine-data-table tbody tr:hover {
  background: var(--marlaine-list-hover);
}

.ax-standard-table input[type="checkbox"],
.ax-table input[type="checkbox"],
.ax-list-console-table input[type="checkbox"],
.ax-process-table input[type="checkbox"],
.marlaine-data-table input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--marlaine-list-accent);
}

.ax-actions-column {
  text-align: right !important;
}

.ax-row-actions .ax-icon-btn {
  width: 33px;
  height: 33px;
  border-radius: 10px;
}

.ax-row-actions .ax-icon-btn.activate {
  border-color: #b8e5d4;
  background: #effaf6;
  color: #087a57;
}

.ax-row-actions .ax-icon-btn.pause {
  border-color: #f1d3a3;
  background: #fff8ec;
  color: #a65d08;
}

.ax-row-actions .ax-icon-btn.edit {
  border-color: #bde6ed;
  background: #effbfc;
  color: #0e7490;
}

.ax-row-actions .ax-icon-btn.danger {
  border-color: #f0c5ca;
  background: #fff5f6;
  color: #c73542;
}

.ax-remote-table {
  min-width: 920px;
}

.ax-muted-value {
  color: #9aa3b2;
}

[data-theme="dark"] .ax-standard-list-card,
[data-theme="dark"] .ax-list-console,
[data-theme="dark"] .marlaine-standard-list {
  border-color: rgba(255,255,255,.1);
  background: #111114;
}

[data-theme="dark"] .ax-standard-list-head,
[data-theme="dark"] .ax-standard-list-toolbar,
[data-theme="dark"] .ax-list-console-toolbar,
[data-theme="dark"] .ax-process-toolbar,
[data-theme="dark"] .ax-asset-toolbar,
[data-theme="dark"] .ax-card > .ax-toolbar,
[data-theme="dark"] .marlaine-list-toolbar {
  border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.035) !important;
}

[data-theme="dark"] .ax-standard-table tbody tr:nth-child(odd),
[data-theme="dark"] .ax-table tbody tr:nth-child(odd),
[data-theme="dark"] .ax-list-console-table tbody tr:nth-child(odd),
[data-theme="dark"] .ax-process-table tbody tr:nth-child(odd),
[data-theme="dark"] .marlaine-data-table tbody tr:nth-child(odd) {
  background: #111114;
}

[data-theme="dark"] .ax-standard-table tbody tr:nth-child(even),
[data-theme="dark"] .ax-table tbody tr:nth-child(even),
[data-theme="dark"] .ax-list-console-table tbody tr:nth-child(even),
[data-theme="dark"] .ax-process-table tbody tr:nth-child(even),
[data-theme="dark"] .marlaine-data-table tbody tr:nth-child(even) {
  background: rgba(255,255,255,.035);
}

[data-theme="dark"] .ax-standard-table tbody tr:hover,
[data-theme="dark"] .ax-table tbody tr:hover,
[data-theme="dark"] .ax-list-console-table tbody tr:hover,
[data-theme="dark"] .ax-process-table tbody tr:hover,
[data-theme="dark"] .marlaine-data-table tbody tr:hover {
  background: rgba(6,182,212,.08);
}

@media (max-width: 1100px) {
  .ax-standard-list-toolbar,
  .ax-list-console-toolbar,
  .ax-process-toolbar,
  .ax-card > .ax-toolbar,
  .marlaine-list-toolbar {
    flex-wrap: wrap;
  }

  .ax-standard-bulk,
  .ax-list-console-actions {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
    flex-wrap: wrap;
  }
}

@media (max-width: 700px) {
  .ax-standard-list-head,
  .ax-standard-list-toolbar,
  .ax-list-console-toolbar,
  .ax-process-toolbar,
  .ax-card > .ax-toolbar,
  .marlaine-list-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .ax-standard-list-toolbar .ax-search,
  .ax-list-console-toolbar .ax-search,
  .ax-process-toolbar .ax-search,
  .ax-card > .ax-toolbar .ax-search,
  .marlaine-list-toolbar .ax-search,
  .ax-list-console-filter,
  .ax-list-console-filter select {
    width: 100%;
    min-width: 0;
  }
}
