* {
  box-sizing: border-box;
}

:root {
  --background: #191b20;
  --surface: #292c33;
  --surface-dark: #111318;
  --surface-hover: #323640;

  --border: #383c45;
  --border-light: #474c57;

  --primary: #2f7de1;
  --primary-light: #8dbbff;
  --primary-soft: rgba(47, 125, 225, 0.14);

  --text: #f5f7fa;
  --text-muted: #aeb6c4;
  --text-dim: #939aa6;

  --success: #55c786;
  --success-soft: rgba(85, 199, 134, 0.13);

  --danger: #ef6b73;
  --danger-soft: rgba(239, 107, 115, 0.13);

  --warning: #f2c45e;
  --warning-soft: rgba(242, 196, 94, 0.14);
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--background);
  color: var(--text);
}

.version {
  color: #dbe9ff;
  font-size: 14px;
}

nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: var(--surface-dark);
  border-bottom: 1px solid #30343c;
}

nav a {
  padding: 17px 22px;
  color: var(--text);
  text-decoration: none;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

nav a:hover,
nav a.active {
  background: var(--primary);
}

main {
  width: 92%;
  max-width: 1150px;
  margin: 36px auto;
}

.notice {
  margin-bottom: 26px;
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.notice h2 {
  margin-top: 0;
}

.notice p:last-child {
  margin-bottom: 0;
  color: var(--text-muted);
}

/* Dashboard summary cards */

.summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 18px;
}

.summary-card {
  padding: 22px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.summary-card h3 {
  margin: 0 0 12px;
  color: var(--text-muted);
  font-size: 15px;
}

.summary-card > strong {
  display: block;
  font-size: 28px;
}

.summary-card p {
  margin: 8px 0;
  line-height: 1.4;
}

.summary-card p strong {
  display: inline;
  font-size: inherit;
}

.waiting {
  margin-top: 8px;
  color: var(--primary-light);
  font-size: 14px;
}

/* Accounts page */

.accounts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 20px;
  align-items: start;
}

.account-card {
  position: relative;
  overflow: hidden;
  padding: 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

.account-card:hover {
  transform: translateY(-2px);
  background: var(--surface-hover);
  border-color: var(--border-light);
}

.account-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  background: var(--border);
}

.account-card--enabled::before {
  background: var(--success);
}

.account-card--disabled::before {
  background: var(--danger);
}

.account-card--main {
  border-color: rgba(242, 196, 94, 0.55);
}

.account-card--main::before {
  background: var(--warning);
}

.account-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.account-card__identity {
  min-width: 0;
}

.account-card__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.account-card__name {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 21px;
}

.account-card__username {
  margin: 5px 0 0;
  color: var(--text-muted);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.account-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 16px;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 9px;
  border: 1px solid var(--border-light);
  border-radius: 999px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.badge--enabled {
  color: var(--success);
  background: var(--success-soft);
  border-color: rgba(85, 199, 134, 0.35);
}

.badge--disabled {
  color: var(--danger);
  background: var(--danger-soft);
  border-color: rgba(239, 107, 115, 0.35);
}

.badge--main {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: rgba(242, 196, 94, 0.4);
}

.badge--group {
  color: var(--primary-light);
  background: var(--primary-soft);
  border-color: rgba(47, 125, 225, 0.4);
}

.badge--nickname {
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.04);
}

.account-card__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 16px;
}

.account-stat {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 11px;
  background: var(--surface-dark);
  border: 1px solid var(--border);
  border-radius: 9px;
}

.account-stat--wide {
  grid-column: 1 / -1;
}

.account-stat__label {
  min-width: 0;
  color: var(--text-muted);
  font-size: 12px;
}

.account-stat__value {
  min-width: 0;
  color: var(--text);
  font-size: 14px;
  text-align: right;
  white-space: nowrap;
}


.account-card__details {
  padding: 11px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.account-card__details p {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
  font-size: 13px;
}

.account-card__details span {
  color: var(--text-muted);
}

.account-card__details strong {
  text-align: right;
  overflow-wrap: anywhere;
}

.account-card__notes {
  margin-top: 14px;
}

.account-card__notes-label {
  display: block;
  margin-bottom: 6px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.account-card__notes p {
  margin: 0;
  color: #d9dde4;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* Loading, empty and error states */

.loading-message,
.empty-state,
.error-message {
  grid-column: 1 / -1;
  margin: 0;
  padding: 28px;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.loading-message {
  color: var(--text-muted);
}

.empty-state h3,
.error-message h3 {
  margin-top: 0;
}

.empty-state p,
.error-message p {
  margin-bottom: 0;
  color: var(--text-muted);
}

.error-message {
  border-color: rgba(239, 107, 115, 0.45);
}

.error-message h3 {
  color: var(--danger);
}

footer {
  padding: 35px 20px;
  text-align: center;
  color: var(--text-dim);
}

@media (max-width: 720px) {
  .accounts-grid {
    grid-template-columns: 1fr;
  }
}

/* Search page */

.search-panel {
  margin-bottom: 20px;
  padding: 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.search-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.search-filter {
  padding: 8px 13px;
  color: var(--text-muted);
  background: var(--surface-dark);
  border: 1px solid var(--border-light);
  border-radius: 999px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}

.search-filter:hover:not(:disabled) {
  color: var(--text);
  border-color: var(--primary);
}

.search-filter--active {
  color: var(--text);
  background: var(--primary);
  border-color: var(--primary);
}

.search-filter:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.search-label {
  display: block;
  margin-bottom: 9px;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
}

.search-input {
  width: 100%;
  padding: 14px 16px;
  color: var(--text);
  background: var(--surface-dark);
  border: 1px solid var(--border-light);
  border-radius: 9px;
  font: inherit;
  outline: none;
}

.search-input::placeholder {
  color: var(--text-dim);
}

.search-input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-soft);
}

.search-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 20px;
  align-items: start;
}

.search-result-count {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--text-muted);
  font-size: 14px;
}

.inventory-result-card {

  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;

  padding: 20px;

  display: flex;
  flex-direction: column;

  gap: 16px;

}

.inventory-result-card__accounts {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.inventory-result-card__accounts h4 {
  margin: 0 0 9px;
  color: var(--text-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.inventory-result-card__accounts p {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 7px 0;
}

.inventory-result-card__accounts span {
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.inventory-result-card__accounts strong {
  text-align: right;
}

@media (max-width: 600px) {
  header h1 {
    font-size: 30px;
  }

  nav a {
    padding: 14px;
    font-size: 14px;
  }

  main {
    width: 94%;
    margin-top: 24px;
  }

  .account-card {
    padding: 17px;
  }

  .account-card__header {
    flex-direction: column;
  }

  .account-card__stats {
    grid-template-columns: 1fr;
  }

  .account-card__details p {
    flex-direction: column;
    gap: 5px;
  }

  .account-card__details strong {
    text-align: left;
  }
}

/* Search range filters */

.search-field {
  margin-bottom: 20px;
}

.search-range-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.search-range-group {
  min-width: 0;
  margin: 0;
  padding: 15px;
  background: var(--surface-dark);
  border: 1px solid var(--border);
  border-radius: 10px;
}

.search-range-group legend {
  padding: 0 6px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}

.search-range-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.search-range-fields label {
  min-width: 0;
}

.search-range-fields label span {
  display: block;
  margin-bottom: 7px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
}

.search-range-input {
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  color: var(--text);
  background: var(--background);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font: inherit;
  outline: none;
}

.search-range-input::placeholder {
  color: var(--text-dim);
}

.search-range-input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-soft);
}

.search-range-input--invalid {
  border-color: var(--danger);
}

.search-range-input--invalid:focus {
  border-color: var(--danger);
  box-shadow: 0 0 0 3px var(--danger-soft);
}

.search-panel__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.search-filter-help {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
}

.search-clear-button {
  flex-shrink: 0;
  padding: 10px 15px;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

.search-clear-button:hover {
  background: var(--surface-hover);
  border-color: var(--primary);
}

.inventory-result-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.inventory-result-card__header h3 {
  margin: 10px 0 0;
  overflow-wrap: anywhere;
}

.inventory-result-card__details {
  display: grid;
  gap: 8px;
}

.inventory-result-card__details p {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 10px 11px;
  background: var(--surface-dark);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.inventory-result-card__details span {
  color: var(--text-muted);
}

.inventory-result-card__details strong {
  text-align: right;
}

@media (max-width: 850px) {

  .search-range-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 600px) {

  .search-range-fields {
    grid-template-columns: 1fr;
  }

  .search-panel__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .search-clear-button {
    width: 100%;
  }

}

/* Search sorting */

.search-sort-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
}

.search-sort-label {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
}

.search-sort-select {
  min-width: 220px;
  padding: 10px 36px 10px 12px;
  color: var(--text);
  background: var(--surface-dark);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  outline: none;
}

.search-sort-select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-soft);
}

.search-sort-select option {
  color: var(--text);
  background: var(--surface-dark);
}

@media (max-width: 600px) {

  .search-sort-row {
    flex-direction: column;
    align-items: stretch;
  }

  .search-sort-select {
    width: 100%;
    min-width: 0;
  }

}

/* ===== Header Branding ===== */

.site-header {
    background: #2F7DE1;
    text-align: center;
    padding: 16px 20px 18px;
}

.site-header__inner {
  width: 92%;
  max-width: 1150px;
  margin: 0 auto;
}

.site-logo {
  display: block;
  width: 100%;
  max-width: 780px;
  margin: 0 auto 18px;
}

.site-tagline {
  margin: 0;
  font-size: 20px;
  color: #ffffff;
}

.version {
  margin-top: 10px;
  color: #dbe9ff;
  font-size: 15px;
}

/* Account synchronization controls */

.accounts-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.accounts-header h2 {
  margin-top: 0;
}

.accounts-sync-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.primary-button,
.secondary-button {
  padding: 10px 15px;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease;
}

.primary-button {
  color: #ffffff;
  background: var(--primary);
  border: 1px solid var(--primary);
}

.primary-button:hover:not(:disabled) {
  background: #276ec8;
  border-color: #276ec8;
}

.secondary-button {
  color: var(--warning);
  background: var(--warning-soft);
  border: 1px solid rgba(242, 196, 94, 0.45);
}

.secondary-button:hover:not(:disabled) {
  background: rgba(242, 196, 94, 0.22);
  border-color: var(--warning);
}

.primary-button:disabled,
.secondary-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.secondary-button[hidden] {
  display: none;
}


/* Sync status */

.sync-status {
  margin-top: 16px;
}

.sync-status:empty {
  display: none;
}

.sync-status p {
  margin: 7px 0;
}

.sync-status--running {
  color: var(--primary-light);
}

.sync-status--success {
  color: var(--success);
}

.sync-status--warning {
  color: var(--warning);
}

.sync-status--error {
  color: var(--danger);
}

.sync-failure-summary {
  margin-top: 16px;
  padding: 14px;
  color: var(--text);
  background: var(--surface-dark);
  border: 1px solid rgba(239, 107, 115, 0.45);
  border-radius: 9px;
}

.sync-failure-summary h3 {
  margin: 0 0 10px;
  color: var(--danger);
  font-size: 14px;
}

.sync-failure-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sync-failure {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: var(--danger-soft);
  border-radius: 7px;
}

.sync-failure__account {
  color: var(--text);
}

.sync-failure__message {
  color: var(--danger);
  font-size: 13px;
}


/* Failed account card */

.account-card--sync-failed {
  border-color: rgba(239, 107, 115, 0.75);
  box-shadow:
    0 0 0 2px rgba(239, 107, 115, 0.12);
}

.account-card--sync-failed::before {
  background: var(--danger);
}

.account-card--sync-failed::after {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 7px;
  content: "Sync Failed";
  color: var(--danger);
  background: var(--danger-soft);
  border: 1px solid rgba(239, 107, 115, 0.4);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

@media (max-width: 720px) {

  .accounts-header {
    flex-direction: column;
  }

  .accounts-sync-actions {
    width: 100%;
    justify-content: flex-start;
  }

}

/* Exclusive Daycare page */

.daycare-summary-grid {
  margin-bottom: 26px;
}

.daycare-section {
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.daycare-section__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}

.daycare-section__header h2 {
  margin: 0 0 8px;
}

.daycare-section__header p {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.5;
}

.badge--warning {
  flex-shrink: 0;
  color: var(--warning);
  background: var(--warning-soft);
  border-color: rgba(242, 196, 94, 0.4);
}

.badge--variant {
  color: var(--primary-light);
  background: var(--primary-soft);
  border-color: rgba(47, 125, 225, 0.4);
}

.badge--titanic {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: rgba(242, 196, 94, 0.4);
}

.daycare-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 10px;
}

.daycare-table {
  width: 100%;
  min-width: 1150px;
  border-collapse: collapse;
  background: var(--surface-dark);
}

.daycare-table th,
.daycare-table td {
  padding: 14px 15px;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid var(--border);
}

.daycare-table th {
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.025);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.daycare-table td {
  color: var(--text);
  font-size: 14px;
}

.daycare-table tbody tr:last-child td {
  border-bottom: 0;
}

.daycare-table tbody tr:hover {
  background: var(--surface-hover);
}

.daycare-row--example {
  opacity: 0.88;
}

.daycare-development-note {
  margin: 16px 0 0;
  color: var(--warning);
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 700px) {

  .daycare-section {
    padding: 18px;
  }

  .daycare-section__header {
    flex-direction: column;
  }

}

/* Live Exclusive Daycare states */

.daycare-table-message {
  margin: 0;
  padding: 24px;
  color: var(--text-muted);
  text-align: center;
  line-height: 1.5;
}

.daycare-table-message strong {
  display: block;
  margin-bottom: 7px;
  color: var(--text);
}

.daycare-table-message p {
  margin: 0;
}

.daycare-value--unknown {
  color: var(--text-dim);
  font-style: italic;
}


/* Daycare variant badge colours */

.badge--variant-normal {
  color: #8ec5ff;
  background: rgba(47, 125, 225, 0.16);
  border-color: rgba(47, 125, 225, 0.65);
}

.badge--variant-gold {
  color: #ffd76a;
  background: rgba(214, 160, 20, 0.16);
  border-color: rgba(214, 160, 20, 0.65);
}

.badge--variant-rainbow {
  color: #c4a7ff;
  background: rgba(132, 85, 220, 0.16);
  border-color: rgba(132, 85, 220, 0.65);
}

.badge--variant-shiny {
  color: #76e6b1;
  background: rgba(30, 170, 112, 0.16);
  border-color: rgba(30, 170, 112, 0.65);
}

.badge--variant-shiny-gold {
  color: #ffb66e;
  background: rgba(225, 116, 36, 0.16);
  border-color: rgba(225, 116, 36, 0.7);
}

.badge--variant-shiny-rainbow {
  color: #ff9fd8;
  background: rgba(218, 61, 154, 0.16);
  border-color: rgba(218, 61, 154, 0.7);
}

/* Pet class badge colours */

.badge--class-huge {
  color: #76e6b1;
  background: rgba(30, 170, 112, 0.16);
  border-color: rgba(30, 170, 112, 0.65);
}

.badge--class-titanic {
  color: #c4a7ff;
  background: rgba(132, 85, 220, 0.16);
  border-color: rgba(132, 85, 220, 0.65);
}

.badge--class-gargantuan {
  color: #ff8b8b;
  background: rgba(201, 60, 60, 0.16);
  border-color: rgba(201, 60, 60, 0.7);
}
/* Daycare management cards */

.daycare-next-due-section {
  margin-bottom: 26px;
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.daycare-next-due-list {
  display: grid;
  gap: 18px;
}

.daycare-due-group {
  display: grid;
  gap: 9px;
}

.daycare-due-group__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--text);
  font-size: 15px;
}

.daycare-due-group__heading strong {
  min-width: 28px;
  padding: 3px 8px;
  color: var(--text-muted);
  background: var(--surface-dark);
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 12px;
  text-align: center;
}

.daycare-due-group__list {
  display: grid;
  gap: 8px;
}

.daycare-next-due-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 14px 16px;
  color: var(--text);
  background: var(--surface-dark);
  border: 1px solid var(--border);
  border-left: 4px solid var(--success);
  border-radius: 9px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease, transform 150ms ease, background 150ms ease;
}

.daycare-next-due-item:hover,
.daycare-next-due-item:focus-visible {
  background: rgba(47, 125, 225, 0.08);
  border-color: var(--primary);
  outline: none;
  transform: translateY(-1px);
}

.daycare-next-due-item--today {
  border-left-color: var(--warning);
}

.daycare-next-due-item--overdue {
  border-left-color: var(--danger);
}

.daycare-next-due-item__account {
  display: grid;
  gap: 4px;
}

.daycare-next-due-item small,
.daycare-next-due-item time {
  color: var(--text-muted);
  font-size: 13px;
}

.daycare-next-due-item time {
  flex-shrink: 0;
  color: var(--text);
  font-weight: 700;
}

.daycare-empty-message {
  margin: 0;
  padding: 18px;
  color: var(--text-muted);
  text-align: center;
}

.daycare-accounts-list {
  display: grid;
  gap: 18px;
}

.daycare-account-card {
  padding: 20px;
  background: var(--surface-dark);
  border: 1px solid var(--border);
  border-left: 5px solid var(--success);
  border-radius: 11px;
}

.daycare-account-card--highlighted {
  animation: daycare-card-highlight 1.8s ease;
}

@keyframes daycare-card-highlight {
  0%, 100% {
    box-shadow: none;
  }

  20%, 70% {
    box-shadow: 0 0 0 3px rgba(47, 125, 225, 0.5);
  }
}

.daycare-account-card--soon {
  border-left-color: var(--warning);
}

.daycare-account-card--overdue {
  border-left-color: var(--danger);
}

.daycare-account-card--empty,
.daycare-account-card--unknown {
  border-left-color: var(--text-dim);
}

.daycare-account-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.daycare-account-card__header h3 {
  margin: 0 0 7px;
  font-size: 20px;
}

.daycare-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--success);
  font-size: 13px;
  font-weight: 700;
}

.daycare-status::before {
  content: "";
  width: 9px;
  height: 9px;
  background: currentColor;
  border-radius: 50%;
}

.daycare-status--soon {
  color: var(--warning);
}

.daycare-status--overdue {
  color: var(--danger);
}

.daycare-status--empty,
.daycare-status--unknown {
  color: var(--text-muted);
}

.daycare-account-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 12px;
  margin: 0;
}

.daycare-account-metrics div {
  min-width: 0;
  padding: 13px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.daycare-account-metrics dt {
  margin-bottom: 7px;
  color: var(--text-muted);
  font-size: 12px;
}

.daycare-account-metrics dd {
  margin: 0;
  color: var(--text);
  font-size: 17px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.daycare-account-details {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
}

.daycare-table--account {
  min-width: 1050px;
}

.daycare-view-pets-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 1000px) {
  .daycare-account-metrics {
    grid-template-columns: repeat(3, minmax(130px, 1fr));
  }
}

@media (max-width: 700px) {
  .daycare-next-due-section {
    padding: 18px;
  }

  .daycare-next-due-item,
  .daycare-account-card__header {
    align-items: stretch;
    flex-direction: column;
  }

  .daycare-account-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .daycare-view-pets-button {
    width: 100%;
  }
}

/* Daycare polish: version 0.10.5 */

.daycare-account-card {
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.daycare-account-card:hover {
  border-color: rgba(47, 125, 225, 0.45);
}

.daycare-account-metric--income {
  background: rgba(47, 125, 225, 0.08) !important;
  border-color: rgba(47, 125, 225, 0.35) !important;
}

.daycare-account-metric--income dt {
  color: var(--primary-light);
}

.daycare-account-metric--income dd {
  font-size: 20px;
}

.daycare-pet-count-button {
  margin: -7px -9px;
  padding: 7px 9px;
  color: var(--primary-light);
  background: transparent;
  border: 0;
  border-radius: 7px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition:
    color 150ms ease,
    background 150ms ease;
}

.daycare-pet-count-button:hover,
.daycare-pet-count-button:focus-visible {
  color: #ffffff;
  background: rgba(47, 125, 225, 0.22);
  outline: none;
}

.daycare-cycle-progress {
  margin-top: 16px;
}

.daycare-cycle-progress__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
  color: var(--text-muted);
  font-size: 12px;
}

.daycare-cycle-progress__label strong {
  color: var(--text);
  font-size: 13px;
}

.daycare-cycle-progress__track {
  height: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: 999px;
}

.daycare-cycle-progress__track span {
  display: block;
  height: 100%;
  background: var(--primary);
  border-radius: inherit;
  transition: width 350ms ease;
}

.daycare-account-details__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

.daycare-account-details__heading h4 {
  margin: 0;
  color: var(--text);
  font-size: 15px;
}

.daycare-account-details__heading span {
  color: var(--text-muted);
  font-size: 13px;
}

.daycare-table__payout {
  color: var(--success) !important;
  font-weight: 800;
}

@media (max-width: 700px) {
  .daycare-cycle-progress__label,
  .daycare-account-details__heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

/* Secure login and authenticated navigation */
html.auth-checking body { visibility: hidden; }

.login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at top, rgba(47, 125, 225, 0.22), transparent 42%),
    #17191e;
}

.login-shell { width: min(100%, 520px); margin: 0; }
.login-card {
  padding: 38px;
  border: 1px solid #3a3f49;
  border-radius: 18px;
  background: #272a31;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}
.login-logo { width: min(100%, 330px); height: auto; margin-bottom: 28px; }
.login-eyebrow { margin: 0 0 8px; color: #74aaf5; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; }
.login-card h1 { margin: 0 0 12px; font-size: clamp(28px, 5vw, 38px); }
.login-intro, .login-note { color: #c6cfdd; line-height: 1.55; }
.login-form { margin-top: 28px; }
.login-form label { display: block; margin-bottom: 9px; font-weight: 700; }
.login-password-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.login-password-row input {
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid #4b5360;
  border-radius: 9px;
  background: #111318;
  color: #fff;
  font: inherit;
}
.login-password-row input:focus { outline: 2px solid #2f7de1; outline-offset: 2px; }
.login-toggle, .login-submit, .nav-logout { cursor: pointer; font: inherit; font-weight: 700; }
.login-toggle { padding: 0 15px; border: 1px solid #4b5360; border-radius: 9px; background: #1c2027; color: #fff; }
.login-submit { width: 100%; margin-top: 14px; padding: 14px 18px; border: 0; border-radius: 9px; background: #2f7de1; color: #fff; }
.login-submit:hover { background: #3f8ced; }
.login-submit:disabled, .login-toggle:disabled, .nav-logout:disabled { cursor: wait; opacity: 0.65; }
.login-message { min-height: 24px; margin: 14px 0 0; color: #c6cfdd; }
.login-message--error { color: #ff8f8f; }
.login-message--success { color: #63dc9b; }
.login-note { margin: 24px 0 0; font-size: 13px; }
.nav-logout { padding: 17px 22px; border: 0; background: transparent; color: #fff; }
.nav-logout:hover { background: #b43b48; }

@media (max-width: 560px) {
  .login-card { padding: 26px 20px; }
  .login-password-row { grid-template-columns: 1fr; }
  .login-toggle { min-height: 44px; }
}


/* Universal Computers page — version 0.13.1 */
.computers-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
  align-items: end;
  gap: 28px;
}

.computer-create-form label,
.computer-assignment-control span {
  display: block;
  margin-bottom: 8px;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
}

.computer-create-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.computer-create-form input,
.computer-assignment-control select {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  border: 1px solid var(--border-light);
  border-radius: 9px;
  background: var(--surface-dark);
  color: var(--text);
  font: inherit;
}

.computer-create-form input:focus,
.computer-assignment-control select:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.computers-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 20px;
}

.computer-page-status {
  min-height: 26px;
  margin: 4px 0 12px;
  color: var(--text-muted);
  font-size: 14px;
}
.computer-page-status--success { color: var(--success); }
.computer-page-status--error { color: var(--danger); }

.computers-list {
  display: grid;
  gap: 20px;
}

.computer-board {
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
}

.computer-board--unassigned {
  border-style: dashed;
  border-color: rgba(242, 196, 94, 0.5);
}

.computer-board__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 22px;
  background: rgba(255, 255, 255, 0.025);
  border-bottom: 1px solid var(--border);
}

.computer-board__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.computer-board__title-row h2 { margin: 0; font-size: 21px; }
.computer-board__header p { margin: 7px 0 0; color: var(--text-muted); font-size: 14px; }
.computer-board__count {
  padding: 5px 9px;
  border: 1px solid var(--border-light);
  border-radius: 999px;
  color: var(--primary-light);
  font-size: 12px;
  font-weight: 700;
}

.computer-board__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.computer-order-button { min-width: 42px; padding-inline: 12px !important; }
.computer-board__actions button:disabled { cursor: default; opacity: 0.4; }

.danger-button {
  padding: 11px 16px;
  border: 1px solid rgba(239, 107, 115, 0.5);
  border-radius: 8px;
  background: var(--danger-soft);
  color: #ff9da3;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.danger-button:hover { background: rgba(239, 107, 115, 0.22); }

.computer-board__accounts { display: grid; }
.computer-account-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 330px);
  align-items: center;
  gap: 24px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--border);
}
.computer-account-row:last-child { border-bottom: 0; }
.computer-account-row:hover { background: rgba(47, 125, 225, 0.055); }
.computer-account-row__name { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-weight: 800; }
.computer-account-row__username { margin-top: 4px; color: var(--text-muted); font-size: 13px; }
.computer-assignment-control span { margin-bottom: 5px; }

.computer-empty-message,
.computer-error-message {
  margin: 0;
  padding: 22px;
  color: var(--text-muted);
}
.computer-empty-message--success { color: var(--success); }
.computer-error-message { color: var(--danger); background: var(--danger-soft); border: 1px solid rgba(239, 107, 115, 0.35); border-radius: 12px; }
.computers-busy .computer-create-form button,
.computers-busy .computer-board button,
.computers-busy .computer-board select { pointer-events: none; opacity: 0.65; }

@media (max-width: 800px) {
  .computers-intro { grid-template-columns: 1fr; align-items: stretch; }
  .computers-summary { grid-template-columns: 1fr; }
  .computer-board__header,
  .computer-account-row { grid-template-columns: 1fr; flex-direction: column; align-items: stretch; }
  .computer-board__actions { justify-content: flex-start; }
}

@media (max-width: 520px) {
  .computer-create-form__row { grid-template-columns: 1fr; }
  .computer-create-form__row button { width: 100%; }
}


/* Computers drag-and-drop — version 0.13.1 */
.computer-account-row {
  grid-template-columns: 30px minmax(0, 1fr) minmax(230px, 330px);
  cursor: grab;
  transition: opacity 140ms ease, background 140ms ease, transform 140ms ease;
}

.computer-account-row:active { cursor: grabbing; }

.computer-account-drag-handle {
  color: var(--text-muted);
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -4px;
  user-select: none;
}

.computer-account-row:hover .computer-account-drag-handle { color: var(--primary-light); }
.computer-account-row--dragging { opacity: 0.35; }

.computer-drop-zone {
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.computer-drop-zone--available {
  border-color: rgba(47, 125, 225, 0.6);
}

.computer-drop-zone--active {
  border-color: var(--primary);
  background: rgba(47, 125, 225, 0.08);
  box-shadow: 0 0 0 3px rgba(47, 125, 225, 0.18);
}

.computer-drop-zone--active .computer-board__accounts {
  min-height: 82px;
}

@media (max-width: 800px) {
  .computer-account-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .computer-assignment-control {
    grid-column: 1 / -1;
  }
}

@media (hover: none) {
  .computer-account-row { cursor: default; }
  .computer-account-drag-handle { opacity: 0.45; }
}

/* Computers quick assign and drag-hover navigation — version 0.13.3 */
.computer-account-row {
  grid-template-columns: 30px minmax(0, 1fr);
}

.computer-board__heading-block {
  min-width: 0;
}

.computer-board__header--stacked {
  display: grid;
  grid-template-columns: 1fr;
}

.computer-quick-jump {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
}

.computer-quick-jump span {
  margin-right: 2px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.computer-quick-jump a {
  padding: 5px 9px;
  border: 1px solid var(--border-light);
  border-radius: 999px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.computer-quick-jump a:hover,
.computer-quick-jump a:focus-visible {
  border-color: var(--primary);
  color: var(--primary-light);
}

.computer-quick-jump a.active {
  border-color: rgba(47, 125, 225, 0.45);
  background: rgba(47, 125, 225, 0.14);
  color: var(--primary-light);
  pointer-events: none;
}

.computer-account-row--dragging ~ * .computer-quick-jump a,
.computer-quick-jump a.computer-jump-link--hovering {
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.computer-quick-jump a.computer-jump-link--hovering {
  border-color: var(--primary);
  background: rgba(47, 125, 225, 0.24);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(47, 125, 225, 0.12);
}

.computer-quick-assign {
  padding-top: 18px;
  border-top: 1px solid var(--border);
}

.computer-quick-assign__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.computer-quick-assign__heading strong {
  font-size: 15px;
}

.computer-quick-assign__heading span {
  color: var(--text-muted);
  font-size: 13px;
}

.computer-quick-assign__targets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 10px;
}

.computer-quick-target {
  display: grid;
  gap: 5px;
  min-height: 76px;
  padding: 14px;
  border: 1px dashed rgba(47, 125, 225, 0.48);
  border-radius: 11px;
  background: rgba(47, 125, 225, 0.045);
  align-content: center;
  text-align: center;
}

.computer-quick-target strong {
  color: var(--text);
  font-size: 14px;
}

.computer-quick-target span {
  color: var(--text-muted);
  font-size: 12px;
}

.computer-quick-target.computer-drop-zone--available {
  border-color: rgba(47, 125, 225, 0.8);
  background: rgba(47, 125, 225, 0.09);
}

.computer-quick-target.computer-drop-zone--active {
  border-style: solid;
  background: rgba(47, 125, 225, 0.18);
  transform: translateY(-2px);
}

.computers-busy .computer-quick-target {
  pointer-events: none;
  opacity: 0.65;
}

html {
  scroll-behavior: smooth;
}

.computer-board {
  scroll-margin-top: 16px;
}

@media (max-width: 800px) {
  .computer-account-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }
}

/* Shared computer board layout on Accounts — version 0.13.4 */
.accounts-computer-list {
  display: grid;
  gap: 22px;
}

.accounts-computer-board {
  scroll-margin-top: 18px;
}

.accounts-computer-grid {
  padding: 20px;
}

.accounts-computer-grid .computer-empty-message {
  grid-column: 1 / -1;
  padding: 4px 2px;
}

@media (max-width: 700px) {
  .accounts-computer-grid {
    padding: 14px;
  }
}

/* Shared sticky computer navigator — version 0.13.6 */
.computer-board-layout,
.computers-list {
  display: grid;
  grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
  align-items: start;
  gap: 22px;
}

.computer-board-layout__content,
.computers-board-list {
  display: grid;
  gap: 22px;
  min-width: 0;
}

.computer-side-nav {
  min-width: 0;
  align-self: stretch;
}

.computer-side-nav__sticky {
  position: sticky;
  top: 18px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
}

.computer-side-nav__sticky > strong {
  display: block;
  margin-bottom: 11px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.computer-side-nav nav {
  display: grid;
  gap: 5px;
}

.computer-side-nav a {
  display: block;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease;
}

.computer-side-nav a:hover,
.computer-side-nav a:focus-visible {
  border-color: rgba(47, 125, 225, 0.42);
  background: rgba(47, 125, 225, 0.08);
  color: var(--primary-light);
}

.computer-side-nav a.active {
  border-color: rgba(47, 125, 225, 0.5);
  background: rgba(47, 125, 225, 0.17);
  color: #fff;
}

.computer-side-nav a.computer-jump-link--hovering {
  border-color: var(--primary);
  background: rgba(47, 125, 225, 0.27);
  color: #fff;
  transform: translateX(3px);
  box-shadow: 0 0 0 3px rgba(47, 125, 225, 0.12);
}

/* The sidebar replaces the older repeated board jump rows. */
.computer-quick-jump { display: none; }

@media (max-width: 1120px) {
  .computer-board-layout,
  .computers-list {
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 16px;
  }
}

@media (max-width: 820px) {
  .computer-board-layout,
  .computers-list {
    grid-template-columns: 1fr;
  }

  .computer-side-nav__sticky {
    position: sticky;
    top: 0;
    z-index: 8;
    padding: 10px;
  }

  .computer-side-nav__sticky > strong { display: none; }

  .computer-side-nav nav {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .computer-side-nav a {
    flex: 0 0 auto;
    padding: 7px 10px;
    white-space: nowrap;
  }
}


/* Shared computer board summaries and Daycare grouping — version 0.13.7 */
.computer-board__header--summary {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(360px, 1.65fr);
  align-items: center;
}

.computer-board__summary {
  min-width: 0;
}

.computer-board-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(105px, 1fr));
  gap: 9px;
  margin: 0;
}

.computer-board-summary-grid--daycare {
  grid-template-columns: repeat(4, minmax(105px, 1fr));
}

.computer-board-summary-grid > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.025);
}

.computer-board-summary-grid dt {
  margin: 0 0 5px;
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.computer-board-summary-grid dd {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.daycare-computer-list {
  display: grid;
  gap: 22px;
}

.daycare-computer-grid {
  display: grid;
  gap: 18px;
  padding: 20px;
}

.daycare-computer-grid .daycare-account-card {
  margin: 0;
}

@media (max-width: 1180px) {
  .computer-board__header--summary {
    grid-template-columns: 1fr;
  }

  .computer-board-summary-grid,
  .computer-board-summary-grid--daycare {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }
}

@media (max-width: 620px) {
  .computer-board-summary-grid,
  .computer-board-summary-grid--daycare {
    grid-template-columns: 1fr 1fr;
  }

  .daycare-computer-grid {
    padding: 14px;
  }
}


/* Daycare cards inside computer boards: contain wide pet details — version 0.13.11 */
.daycare-computer-grid,
.daycare-account-card,
.daycare-account-details,
.daycare-table-wrapper {
  min-width: 0;
  max-width: 100%;
}

.daycare-account-card {
  container-type: inline-size;
}

.daycare-account-card__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
}

.daycare-header-return-status,
.daycare-header-availability,
.daycare-view-pets-button {
  min-width: 0;
}

.daycare-header-return-status {
  align-self: center;
  white-space: nowrap;
}

.daycare-view-pets-button {
  white-space: nowrap;
}

.daycare-table-wrapper {
  display: block;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

@container (max-width: 760px) {
  .daycare-account-card__header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .daycare-account-card__header > div:first-child {
    grid-column: 1;
    grid-row: 1;
  }

  .daycare-header-return-status {
    grid-column: 1;
    grid-row: 2;
    margin-top: 8px;
  }

  .daycare-header-availability {
    grid-column: 1;
    grid-row: 3;
    margin-top: 8px;
  }

  .daycare-view-pets-button {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
  }

  .daycare-account-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 500px) {
  .daycare-account-card__header {
    grid-template-columns: 1fr;
  }

  .daycare-account-card__header > div:first-child,
  .daycare-header-return-status,
  .daycare-header-availability,
  .daycare-view-pets-button {
    grid-column: 1;
    grid-row: auto;
  }

  .daycare-view-pets-button {
    width: 100%;
  }
}

/* Persistent synchronization status shown across every KCC page. */
.global-sync-status {
  position: sticky;
  top: 0;
  z-index: 950;
  width: 100%;
  padding: 10px 20px;
  background: #171a20;
  border-bottom: 1px solid #3a414d;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
}

.global-sync-status[hidden] {
  display: none;
}

.global-sync-status__inner {
  width: 92%;
  max-width: 1150px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto repeat(4, minmax(110px, auto));
  align-items: center;
  gap: 12px 24px;
}

.global-sync-status__heading,
.global-sync-status__metric {
  min-width: 0;
}

.global-sync-status__heading {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 15px;
  white-space: nowrap;
}

.global-sync-status__pulse {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #2f7de1;
  box-shadow: 0 0 0 0 rgba(47, 125, 225, 0.7);
  animation: global-sync-pulse 1.8s infinite;
}

.global-sync-status__metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.global-sync-status__metric span {
  color: #aeb7c4;
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.global-sync-status__metric strong {
  overflow: hidden;
  color: #f5f7fa;
  font-size: 14px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-sync-status__metric--current {
  min-width: 180px;
}

@keyframes global-sync-pulse {
  0% { box-shadow: 0 0 0 0 rgba(47, 125, 225, 0.65); }
  70% { box-shadow: 0 0 0 8px rgba(47, 125, 225, 0); }
  100% { box-shadow: 0 0 0 0 rgba(47, 125, 225, 0); }
}

@media (max-width: 850px) {
  .global-sync-status__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
  }

  .global-sync-status__heading,
  .global-sync-status__metric--current {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .global-sync-status {
    padding: 10px 12px;
  }

  .global-sync-status__inner {
    width: 100%;
  }
}

/* KCC v2 Sync Monitor and Settings */
.sync-monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px}.sync-monitor-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sync-monitor-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.danger-button{border:0;border-radius:8px;padding:12px 18px;background:#b42318;color:#fff;font-weight:700;cursor:pointer}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.sync-control-note{color:#aeb6c4;font-size:14px}.sync-diagnostics{display:grid;gap:0;margin:0}.sync-diagnostics div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #30343c}.sync-diagnostics dt{color:#aeb6c4}.sync-diagnostics dd{margin:0;font-weight:700;overflow-wrap:anywhere}.sync-queue-list{display:grid;gap:10px}.sync-queue-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid #30343c;border-radius:10px;background:#171a20}.sync-queue-item__position{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#272c35;font-weight:700}.sync-queue-item div{display:grid;gap:3px}.sync-queue-item span,.sync-queue-item small{color:#aeb6c4}.sync-queue-item--running{border-color:#2f7de1;box-shadow:0 0 0 1px #2f7de1 inset}.sync-queue-item--completed{border-left:4px solid #2e9d61}.sync-queue-item--failed{border-left:4px solid #d04444}.sync-queue-item--skipped,.sync-queue-item--cancelled{border-left:4px solid #c68a2b}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.settings-card{display:block;padding:24px;border:1px solid #30343c;border-radius:14px;background:#20242b;color:#f5f7fa;text-decoration:none}.settings-card:hover{border-color:#2f7de1;transform:translateY(-2px)}.settings-card__icon{font-size:30px}.settings-card h2{margin:12px 0 8px}.settings-card p{color:#b8c0cc}.settings-card>span:last-child{color:#7f8a99;font-size:13px}.settings-card--future{opacity:.75}@media(max-width:900px){.sync-monitor-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-monitor-columns{grid-template-columns:1fr}}@media(max-width:600px){.sync-monitor-grid,.settings-grid{grid-template-columns:1fr}.sync-queue-item{grid-template-columns:36px 1fr}.sync-queue-item time{grid-column:2}.sync-diagnostics div{grid-template-columns:1fr}}

/* Sync Monitor manual queue builder */
.sync-manual-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.sync-manual-toolbar input{min-width:240px;flex:1;padding:11px 12px;border-radius:8px;border:1px solid #3a404b;background:#15181e;color:#fff}.sync-manual-toolbar span{color:#b7bec9;font-weight:700}.sync-manual-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;max-height:360px;overflow:auto}.sync-manual-account{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #343a45;border-radius:9px;background:#1b1f26;cursor:pointer}.sync-manual-account:hover{border-color:#2f7de1}.sync-manual-account input{width:18px;height:18px}.sync-manual-account strong{display:block}.sync-manual-account small{display:block;color:#9fa8b5;margin-top:2px}


/* Account ordering drag-and-drop */
.account-card { position: relative; }
.account-card__drag-handle {
  position: absolute;
  top: 12px;
  left: 10px;
  color: var(--text-muted);
  font-weight: 900;
  letter-spacing: -2px;
  cursor: grab;
  user-select: none;
}
.account-card:hover .account-card__drag-handle { color: var(--primary-light); }
.account-card:active { cursor: grabbing; }
.account-card--dragging { opacity: 0.35; }
.account-card--drop-before { box-shadow: -5px 0 0 var(--primary-light), var(--shadow-card); }
.account-card--drop-after { box-shadow: 5px 0 0 var(--primary-light), var(--shadow-card); }
.accounts-computer-grid--drop-active { outline: 1px dashed rgba(78, 161, 255, 0.7); outline-offset: 8px; }
.computer-order-saving { pointer-events: none; opacity: 0.72; }
.computer-account-row--drop-before { box-shadow: inset 0 3px 0 var(--primary-light); }
.computer-account-row--drop-after { box-shadow: inset 0 -3px 0 var(--primary-light); }

.rap-change{font-size:.82rem;margin:.35rem 0 0;grid-column:1/-1}.rap-change--up{color:#55d68b}.rap-change--down{color:#ff7d7d}.daycare-account-card__username{margin:.15rem 0 0;color:#9fb5d8}.activity-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid #343a46}.activity-row small{display:block;color:#9fb5d8}.activity-row p{margin:.4rem 0 0}.activity-row time{white-space:nowrap;color:#9fb5d8}

/* KCC v2.3 Operations */
.operations-main{width:92%;max-width:1220px}.operations-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px}.operations-toolbar h2{margin-bottom:6px}.operations-toolbar p{margin:0;color:#aeb7c4}.operations-archive-controls{display:flex;gap:12px;flex-wrap:wrap}.operations-archive-controls label{display:grid;gap:6px;color:#aeb7c4;font-size:13px}.operations-archive-controls select{min-width:150px;padding:10px;border:1px solid #3a414d;border-radius:8px;background:#171a20;color:#fff}.operations-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.operations-summary article{padding:18px;border:1px solid #343a46;border-radius:12px;background:#252a32}.operations-summary span{display:block;color:#aeb7c4;font-size:13px}.operations-summary strong{display:block;margin-top:8px;font-size:24px}.is-up{color:#55d68b}.is-down{color:#ff7d7d}.operations-board{margin:22px 0;border:1px solid #343a46;border-radius:14px;background:#252a32;overflow:hidden}.operations-board>header{padding:20px 22px;border-bottom:1px solid #343a46}.operations-board h2{margin:0 0 4px}.operations-board p{margin:0;color:#aeb7c4}.operations-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.operations-account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;width:100%;padding:18px;border:1px solid #343a46;border-radius:11px;background:#171a20;color:#fff;text-align:left;cursor:pointer}.operations-account-card:hover{border-color:#2f7de1;transform:translateY(-1px)}.operations-account-card__admin{min-width:0}.operations-account-card__admin strong,.operations-account-card__admin small,.operations-account-card__admin time{display:block}.operations-account-card__admin small{margin-top:3px;color:#9fb5d8}.operations-account-card__admin time{margin-top:12px;color:#aeb7c4;font-size:13px}.operations-change{text-align:right}.operations-change span,.operations-change strong{display:block}.operations-change span{font-size:13px}.operations-change strong{margin-top:5px;font-size:22px}.operations-change--up{color:#55d68b}.operations-change--down{color:#ff7d7d}.operations-change--flat{color:#aeb7c4}.operations-dialog{width:min(760px,92vw);max-height:82vh;padding:0;border:1px solid #3a414d;border-radius:14px;background:#20242b;color:#fff}.operations-dialog::backdrop{background:rgba(0,0,0,.72)}.operations-dialog__close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.operations-dialog header{padding:24px;border-bottom:1px solid #343a46}.operations-dialog header h2{margin:0}.operations-dialog header p{margin:5px 0 0;color:#9fb5d8}.operations-history-list{padding:10px 24px 24px;overflow:auto}.operations-history-list article{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #343a46}.operations-history-list time,.operations-history-list small{display:block}.operations-history-list small{margin-top:5px;color:#aeb7c4}.activity-empty-state,.activity-error-state{padding:28px;border:1px solid #343a46;border-radius:12px;background:#252a32}.activity-empty-state p,.activity-error-state p{color:#aeb7c4}@media(max-width:800px){.operations-toolbar{align-items:stretch;flex-direction:column}.operations-summary,.operations-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.operations-summary,.operations-card-grid{grid-template-columns:1fr}.operations-account-card{grid-template-columns:1fr}.operations-change{text-align:left}.operations-history-list article{grid-template-columns:1fr}.operations-history-list .operations-change{text-align:left}}

/* Operations v1.0 final polish */
.operations-board>header{display:flex;justify-content:space-between;align-items:center;gap:18px}.operations-board-summary{text-align:right}.operations-board-summary span,.operations-board-summary strong,.operations-board-summary small{display:block}.operations-board-summary strong{font-size:22px;margin:4px 0}.operations-board-summary small{color:#aeb7c4}.operations-account-card{display:block;text-align:center;border-left:4px solid #596170}.operations-account-card:has(.operations-metric--hero.operations-change--up){border-left-color:#55d68b}.operations-account-card:has(.operations-metric--hero.operations-change--down){border-left-color:#ff7d7d}.operations-account-card__identity strong,.operations-account-card__identity small,.operations-account-card__identity time{display:block}.operations-account-card__identity small{margin-top:3px;color:#9fb5d8}.operations-account-card__identity time{margin-top:8px;color:#aeb7c4;font-size:13px}.operations-account-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;text-align:center;margin-top:16px;padding-top:14px;border-top:1px solid #343a46}.operations-metric span,.operations-metric strong{display:block}.operations-metric span{font-size:12px;color:#aeb7c4}.operations-metric strong{margin-top:5px;font-size:17px}.operations-metric--hero strong{font-size:29px;line-height:1.05}.operations-history-entry{display:block!important}.operations-history-entry>time{display:block;margin-bottom:12px;color:#aeb7c4}.operations-history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.operations-history-metrics section{padding:14px;border:1px solid #343a46;border-radius:10px;background:#171a20}.operations-history-metrics span,.operations-history-metrics small,.operations-history-metrics strong{display:block}.operations-history-metrics small{margin:6px 0;color:#aeb7c4}.operations-history-metrics strong{font-size:20px}.is-flat{color:#aeb7c4}@media(max-width:700px){.operations-account-card__metrics,.operations-history-metrics{grid-template-columns:1fr}.operations-board>header{align-items:flex-start}.operations-board-summary{text-align:left}}


/* Assets Framework v1.0 */
.assets-page { max-width: 1440px; }
.assets-intro { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.assets-status { padding:10px 14px; border:1px solid #454b57; border-radius:999px; color:#c8ced8; white-space:nowrap; }
.assets-status--ready { border-color:#2f9e66; color:#82d9a9; }
.assets-status--error { border-color:#c55353; color:#ff9e9e; }
.asset-category-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.asset-category-tab { border:1px solid #3a414d; background:#20242b; color:#e9edf4; border-radius:10px; padding:11px 16px; cursor:pointer; font-weight:700; }
.asset-category-tab:hover, .asset-category-tab--active { background:#2f7de1; border-color:#2f7de1; color:#fff; }
.asset-summary-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; margin-bottom:20px; }
.asset-toolbar { display:flex; gap:18px; align-items:end; margin-bottom:16px; }
.asset-toolbar label { display:flex; flex-direction:column; gap:7px; font-weight:700; }
.asset-toolbar__search { flex:1; }
.asset-toolbar input, .asset-toolbar select { width:100%; min-height:44px; border:1px solid #3d4552; border-radius:8px; background:#171a20; color:#f5f7fa; padding:10px 12px; }
.asset-result-count { color:#aeb6c3; margin:8px 0 14px; }
.asset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:18px; }
.asset-card { display:flex; flex-direction:column; min-height:390px; border:1px solid #353c47; border-radius:14px; background:#20242b; padding:16px; box-shadow:0 8px 22px rgba(0,0,0,.18); }
.asset-card__topline { display:flex; justify-content:space-between; gap:12px; }
.asset-card__topline span { display:flex; flex-direction:column; }
.asset-card__topline span:last-child { text-align:right; }
.asset-card__topline small { color:#919ba9; text-transform:uppercase; letter-spacing:.06em; }
.asset-card__image-wrap { min-height:150px; display:grid; place-items:center; margin:14px 0; }
.asset-card__image { width:150px; height:150px; object-fit:contain; }
.asset-card__image--placeholder { display:grid; place-items:center; border-radius:16px; background:#171a20; font-size:58px; }
.asset-card h3 { text-align:center; margin:0 0 14px; font-size:18px; }
.asset-card__owned { display:flex; justify-content:center; align-items:baseline; gap:8px; margin-top:auto; }
.asset-card__owned span { color:#aeb6c3; }
.asset-card__owned strong { font-size:26px; }
.asset-card__updated { color:#919ba9; text-align:center; font-size:13px; }
.asset-card__owners { width:100%; }
.asset-coming-soon { text-align:center; padding:48px 24px; }
.asset-dialog { width:min(720px,calc(100vw - 32px)); max-height:calc(100vh - 32px); border:1px solid #424a57; border-radius:16px; background:#20242b; color:#f5f7fa; padding:26px; }
.asset-dialog::backdrop { background:rgba(0,0,0,.72); }
.asset-dialog__close { position:absolute; right:14px; top:10px; border:0; background:transparent; color:#fff; font-size:32px; cursor:pointer; }
.asset-dialog__hero { display:flex; align-items:center; gap:20px; padding-right:32px; }
.asset-dialog__hero .asset-card__image { width:120px; height:120px; }
.asset-dialog__eyebrow { color:#74a9ee; text-transform:uppercase; letter-spacing:.09em; font-weight:700; margin:0; }
.asset-dialog__hero h2 { margin:5px 0; }
.asset-dialog__hero p:last-child { color:#919ba9; overflow-wrap:anywhere; }
.asset-dialog__metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:22px 0; }
.asset-dialog__metrics div { background:#171a20; border-radius:10px; padding:12px; display:flex; flex-direction:column; gap:5px; }
.asset-dialog__metrics span { color:#919ba9; font-size:13px; }
.asset-owner-list { display:grid; gap:8px; }
.asset-owner-list div { display:flex; justify-content:space-between; background:#171a20; border-radius:8px; padding:11px 13px; }
@media (max-width:700px) { .assets-intro,.asset-toolbar,.asset-dialog__hero { flex-direction:column; align-items:stretch; } .asset-dialog__metrics { grid-template-columns:repeat(2,1fr); } }

/* Assets complete dataset navigation — version 0.14.1 */
.asset-letter-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 4px 0 14px;
  padding: 12px;
  border: 1px solid var(--border, #353c47);
  border-radius: 12px;
  background: #20242b;
}

.asset-letter-button {
  min-width: 34px;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #3d4552;
  border-radius: 8px;
  background: #171a20;
  color: #dce3ed;
  font-weight: 800;
  cursor: pointer;
}

.asset-letter-button:hover:not(:disabled),
.asset-letter-button:focus-visible,
.asset-letter-button--active {
  border-color: #2f7de1;
  background: #2f7de1;
  color: #fff;
}

.asset-letter-button:disabled {
  opacity: .28;
  cursor: default;
}

.asset-results-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 8px 0 14px;
}

.asset-results-row .asset-result-count { margin: 0; }

.asset-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #aeb6c3;
  font-size: 13px;
}

.asset-pagination button {
  padding: 7px 11px;
  border: 1px solid #3d4552;
  border-radius: 8px;
  background: #20242b;
  color: #f5f7fa;
  cursor: pointer;
}

.asset-pagination button:disabled {
  opacity: .35;
  cursor: default;
}

@media (max-width: 700px) {
  .asset-results-row { align-items: stretch; flex-direction: column; }
  .asset-pagination { justify-content: space-between; }
}

/* Asset Metadata v0.15.0 */
.asset-card__badges{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:-4px 0 11px}.asset-badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid #465064;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em}.asset-badge--class{background:#17243a;color:#9dc4ff;border-color:#315f9a}.asset-badge--variant{background:#302846;color:#d9c0ff;border-color:#66518d}.asset-card__location-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:auto}.asset-card__location-counts span{display:flex;flex-direction:column;align-items:center;padding:9px 5px;border-radius:9px;background:#171a20}.asset-card__location-counts small{color:#919ba9;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.asset-card__location-counts strong{margin-top:4px;font-size:19px}.asset-dialog__metrics--ownership{grid-template-columns:repeat(3,1fr)}.asset-dialog__metrics--ownership div{border:1px solid #315f9a;background:#17243a}.asset-dialog__date{font-size:13px;line-height:1.35}.asset-owner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-owner-list .asset-owner-card{display:block;background:#171a20;border:1px solid #343c49;border-radius:10px;padding:13px}.asset-owner-card h4{margin:0;font-size:16px}.asset-owner-card__identity{margin-bottom:11px}.asset-owner-card__identity p{margin:4px 0 0;color:#9da8b8;font-size:12px;line-height:1.35}.asset-owner-card__counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.asset-owner-card__counts span{display:flex;flex-direction:column}.asset-owner-card__counts small{color:#919ba9;font-size:11px}.asset-owner-card__counts strong{margin-top:3px}.asset-dialog__hero>.asset-card__image--placeholder{width:120px;height:120px;flex:0 0 120px}@media(max-width:700px){.asset-owner-list{grid-template-columns:1fr}.asset-card__location-counts{grid-template-columns:repeat(3,1fr)}}

/* v0.15.2 Asset Presentation */
.asset-card {
  min-height: 430px;
  padding: 14px;
}

.asset-card__market-badges {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.asset-market-badge {
  display: inline-flex;
  min-width: 86px;
  flex-direction: column;
  gap: 2px;
  padding: 7px 10px;
  border: 1px solid #465064;
  border-radius: 10px;
  background: #171a20;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.asset-market-badge:last-child {
  align-items: flex-end;
  text-align: right;
}

.asset-market-badge small {
  color: #9aa5b4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.asset-market-badge strong {
  color: #f5f7fa;
  font-size: 15px;
  line-height: 1.15;
}

.asset-card__image-wrap {
  min-height: 156px;
  margin: 10px 0 8px;
}

.asset-card__image {
  width: 156px;
  height: 156px;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.32));
}

.asset-card__image--placeholder {
  color: #76509b;
  filter: none;
}

.asset-card__badges {
  margin: 0 0 10px;
}

.asset-badge--class-huge {
  color: #a9d0ff;
  border-color: #3479c9;
  background: #132b47;
}

.asset-badge--class-titanic {
  color: #d5c1ff;
  border-color: #7659c5;
  background: #2c2148;
}

.asset-badge--class-gargantuan {
  color: #ffb2ad;
  border-color: #bd4d46;
  background: #481d1d;
}

.asset-badge--class-stat {
  color: #c7d0dc;
  border-color: #596575;
  background: #262d36;
}

.asset-badge--variant-golden {
  color: #3a2700;
  border-color: #d39d20;
  background: linear-gradient(135deg, #fff0a8 0%, #f6c84c 46%, #ca8b12 100%);
  text-shadow: 0 1px rgba(255,255,255,.4);
}

.asset-badge--variant-rainbow {
  color: #10131a;
  border-color: rgba(255,255,255,.6);
  background: linear-gradient(100deg, #ff7b7b 0%, #ffd36a 20%, #8ee58b 40%, #68d7ee 60%, #8d9cff 80%, #d98cff 100%);
  text-shadow: 0 1px rgba(255,255,255,.45);
}

.asset-badge--variant-shiny {
  color: #17202a;
  border-color: #d7e3ef;
  background: linear-gradient(135deg, #ffffff 0%, #cbd7e3 48%, #f7fbff 70%, #9eabba 100%);
  box-shadow: 0 0 10px rgba(222,239,255,.25);
}

.asset-badge--variant-shiny-golden {
  color: #302000;
  border-color: #ffe18a;
  background: linear-gradient(120deg, #fff9cf 0%, #f6c74b 30%, #fff4aa 48%, #d99513 70%, #fff3a5 100%);
  box-shadow: 0 0 11px rgba(255,211,83,.32);
}

.asset-badge--variant-shiny-rainbow {
  color: #10131a;
  border-color: #f4f8ff;
  background: linear-gradient(105deg, #fff 0%, #ff9b9b 14%, #ffe68b 29%, #9af0a3 45%, #93e9ff 61%, #a8a7ff 77%, #efa3ff 91%, #fff 100%);
  box-shadow: 0 0 12px rgba(210,222,255,.32);
  text-shadow: 0 1px rgba(255,255,255,.5);
}

.asset-dialog__badges .asset-card__badges {
  justify-content: flex-start;
  margin: 10px 0 0;
}

.asset-dialog__hero > .asset-card__image,
.asset-dialog__hero > .asset-card__image--placeholder {
  flex: 0 0 120px;
  border-radius: 16px;
  background: #171a20;
}

.asset-dialog__hero p:last-child {
  color: inherit;
}

@media (max-width: 700px) {
  .asset-card__market-badges {
    align-items: stretch;
  }

  .asset-market-badge {
    flex: 1;
  }
}

/* v0.15.5 Asset Card Polish */
/* Keep the fallback artwork hidden unless the real image fails to load. */
.asset-card__image--placeholder[hidden] {
  display: none !important;
}

.asset-card {
  min-height: 0;
  padding: 14px;
}

.asset-card__image-wrap {
  min-height: 190px;
  margin: 10px 0 6px;
}

.asset-card__image {
  width: 190px;
  height: 190px;
}

.asset-card__badges {
  margin: 0 0 8px;
}

.asset-card h3 {
  margin: 0 0 12px;
  font-size: 19px;
  line-height: 1.25;
}

.asset-card__location-counts {
  margin-top: 0;
}

.asset-card__updated {
  margin: 12px 0;
}

@media (max-width: 700px) {
  .asset-card__image-wrap {
    min-height: 170px;
  }

  .asset-card__image {
    width: 170px;
    height: 170px;
  }
}


/* v0.15.6 Search Ownership Summary */
.asset-result-summary {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.asset-search-owned {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  color: #f5f7fa;
}

.asset-search-owned strong {
  color: #8fbeff;
  font-size: 15px;
}

.asset-search-owned span {
  color: #aeb6c3;
  font-size: 13px;
}

.asset-search-owned[hidden] {
  display: none;
}

.asset-classification-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
}
.asset-classification-filter {
  border: 1px solid #3d4552;
  border-radius: 999px;
  background: #171a20;
  color: #dce4ef;
  min-height: 38px;
  padding: 8px 16px;
  font-weight: 800;
  cursor: pointer;
}
.asset-classification-filter:hover {
  border-color: #5c8fd6;
  color: #fff;
}
.asset-classification-filter--active {
  background: #2f7de1;
  border-color: #2f7de1;
  color: #fff;
}


/* Assets v0.15.10 — rounded filters with badge-matched active colours */
.asset-classification-filters,
.asset-variant-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.asset-classification-filters {
  margin: 0 0 10px;
}

.asset-variant-filters {
  margin: 0 0 16px;
}

.asset-classification-filter,
.asset-variant-filter {
  appearance: none;
  border: 1px solid #3d4552;
  border-radius: 999px;
  background: #171a20;
  color: #dce4ef;
  min-height: 38px;
  padding: 8px 16px;
  font: inherit;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.asset-classification-filter:hover,
.asset-variant-filter:hover {
  border-color: #6f88ad;
  color: #fff;
  transform: translateY(-1px);
}

.asset-classification-filter:focus-visible,
.asset-variant-filter:focus-visible {
  outline: 2px solid #8fbeff;
  outline-offset: 2px;
}

.asset-classification-filter--active[data-asset-classification="all"] {
  background: #2f7de1;
  border-color: #58a0ff;
  color: #fff;
}

.asset-classification-filter--active[data-asset-classification="stat"] {
  background: #20242b;
  border-color: #708096;
  color: #fff;
  box-shadow: inset 0 0 0 1px #11151b;
}

.asset-classification-filter--active[data-asset-classification="huge"] {
  background: #075da9;
  border-color: #42a5ff;
  color: #fff;
  box-shadow: 0 0 10px rgba(66, 165, 255, 0.24);
}

.asset-classification-filter--active[data-asset-classification="titanic"] {
  background: #3d2467;
  border-color: #9b6ce3;
  color: #fff;
  box-shadow: 0 0 10px rgba(155, 108, 227, 0.28);
}

.asset-classification-filter--active[data-asset-classification="gargantuan"] {
  background: #641f1f;
  border-color: #d65757;
  color: #fff;
  box-shadow: 0 0 10px rgba(214, 87, 87, 0.25);
}

.asset-variant-filter--active[data-asset-variant="all"] {
  background: #40516b;
  border-color: #7f9ac0;
  color: #fff;
}

.asset-variant-filter--active[data-asset-variant="normal"] {
  background: #313844;
  border-color: #8794a6;
  color: #fff;
}

.asset-variant-filter--active[data-asset-variant="golden"] {
  background: linear-gradient(135deg, #fff1a8, #e6a900 62%, #8a5b00);
  border-color: #ffd45e;
  color: #17120a;
  box-shadow: 0 0 10px rgba(255, 212, 94, 0.32);
}

.asset-variant-filter--active[data-asset-variant="rainbow"] {
  background: linear-gradient(90deg, #ff7676, #ffd76a, #7cf39d, #74b9ff, #d58cff);
  border-color: #fff;
  color: #12151a;
}

.asset-variant-filter--active[data-asset-variant="shiny"] {
  background: linear-gradient(135deg, #ffffff, #aebfd2 55%, #66788c);
  border-color: #fff;
  color: #11161c;
  box-shadow: 0 0 11px rgba(255, 255, 255, 0.42);
}

.asset-variant-filter--active[data-asset-variant="shiny-golden"] {
  background: linear-gradient(135deg, #ffffff 0%, #fff1a8 20%, #e6a900 65%, #8a5b00 100%);
  border-color: #fff6be;
  color: #17120a;
  box-shadow: 0 0 13px rgba(255, 235, 140, 0.58);
}

.asset-variant-filter--active[data-asset-variant="shiny-rainbow"] {
  background: linear-gradient(90deg, #ffffff 0%, #ff8d8d 13%, #ffe07c 32%, #89f3a6 51%, #83c4ff 72%, #e2a1ff 90%, #ffffff 100%);
  border-color: #fff;
  color: #12151a;
  box-shadow: 0 0 13px rgba(255, 255, 255, 0.58);
}


/* v0.15.9 Compact large ownership quantities */
.asset-card__location-counts span {
  min-width: 0;
}
.asset-card__quantity {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: help;
}


/* v0.15.11: exact market values remain available on hover. */
.asset-market-badge__value {
  cursor: help;
}


/* v0.15.12 Toggle filters and styled exact-value tooltips */
.kcc-tooltip {
  position: relative;
  overflow: visible;
}

.kcc-tooltip::before,
.kcc-tooltip::after {
  position: absolute;
  left: 50%;
  z-index: 50;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 5px);
  transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}

.kcc-tooltip::before {
  content: attr(data-tooltip-label) "\A" attr(data-tooltip-value);
  bottom: calc(100% + 10px);
  min-width: 150px;
  padding: 9px 11px;
  border: 1px solid #4d6486;
  border-radius: 9px;
  background: #111821;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  color: #f5f7fa;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  white-space: pre;
}

.kcc-tooltip::after {
  content: "";
  bottom: calc(100% + 4px);
  width: 10px;
  height: 10px;
  border-right: 1px solid #4d6486;
  border-bottom: 1px solid #4d6486;
  background: #111821;
  transform: translate(-50%, 5px) rotate(45deg);
}

.kcc-tooltip:hover::before,
.kcc-tooltip:hover::after,
.kcc-tooltip:focus-visible::before,
.kcc-tooltip:focus-visible::after {
  opacity: 1;
  visibility: visible;
}

.kcc-tooltip:hover::before,
.kcc-tooltip:focus-visible::before {
  transform: translate(-50%, 0);
}

.kcc-tooltip:hover::after,
.kcc-tooltip:focus-visible::after {
  transform: translate(-50%, 0) rotate(45deg);
}

.kcc-tooltip:focus-visible {
  outline: 2px solid #8fbeff;
  outline-offset: 3px;
  border-radius: 4px;
}


/* v0.17.0 Operations RAP drill-down and Logs */
.operations-logs-button{align-self:end;min-height:40px}.operations-history-metric-button{width:100%;padding:14px;border:1px solid #343a46;border-radius:10px;background:#171a20;color:#fff;text-align:left;cursor:pointer}.operations-history-metric-button:hover,.operations-history-metric-button:focus-visible{border-color:#2f7de1}.operations-history-metric-button span,.operations-history-metric-button small,.operations-history-metric-button strong,.operations-history-metric-button em{display:block}.operations-history-metric-button small{margin:6px 0;color:#aeb7c4}.operations-history-metric-button strong{font-size:20px}.operations-history-metric-button em{margin-top:8px;color:#74a9ee;font-size:12px;font-style:normal}.operations-detail-header{display:flex;align-items:center;gap:16px}.operations-detail-header>div{min-width:0}.operations-rap-detail{padding:18px 24px 26px}.operations-rap-detail__summary{padding:16px;border:1px solid #343a46;border-radius:10px;background:#171a20}.operations-rap-detail__summary span,.operations-rap-detail__summary small,.operations-rap-detail__summary strong{display:block}.operations-rap-detail__summary small{margin:6px 0;color:#aeb7c4}.operations-rap-detail__summary strong{font-size:24px}.operations-rap-change-list{display:grid;gap:10px;margin-top:16px}.operations-explained-total,.operations-rap-change{display:flex;justify-content:space-between;align-items:center;gap:18px}.operations-explained-total{padding:12px 2px}.operations-explained-total span{color:#aeb7c4}.operations-rap-change{padding:14px;border:1px solid #343a46;border-left-width:4px;border-radius:10px;background:#171a20}.operations-rap-change.operations-change--up{border-left-color:#55d68b}.operations-rap-change.operations-change--down{border-left-color:#ff7d7d}.operations-rap-change>div strong,.operations-rap-change>div small{display:block}.operations-rap-change>div small{margin-top:4px;color:#aeb7c4}.operations-rap-change>strong{font-size:18px;white-space:nowrap}.logs-main{width:92%;max-width:1220px;margin:36px auto}.logs-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px}.logs-toolbar h2{margin-bottom:6px}.logs-toolbar p{margin:0;color:#aeb7c4}.logs-back-button{display:inline-flex;align-items:center;align-self:end;text-decoration:none}.logs-view-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.logs-view-tabs button{padding:10px 16px;border:1px solid #3a414d;border-radius:8px;background:#171a20;color:#fff;cursor:pointer}.logs-view-tabs button.active,.logs-view-tabs button:hover{border-color:#2f7de1;background:#2f7de1}.logs-group{margin:18px 0;border:1px solid #343a46;border-radius:12px;background:#252a32;overflow:hidden}.logs-group>header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid #343a46}.logs-group h2{margin:0 0 4px;font-size:19px}.logs-group p{margin:0;color:#aeb7c4}.logs-group__rows article{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(120px,auto));align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid #343a46}.logs-group__rows article:last-child{border-bottom:0}.logs-group__rows small{display:block;margin-top:3px;color:#9fb5d8}@media(max-width:800px){.logs-toolbar{align-items:stretch;flex-direction:column}.logs-group__rows article{grid-template-columns:1fr 1fr}.operations-detail-header{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.logs-group__rows article{grid-template-columns:1fr}.operations-rap-change{align-items:flex-start;flex-direction:column}}

/* v0.17.1 — Logs drill-down */
.logs-drill-row{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(120px,auto));align-items:center;gap:18px;width:100%;padding:14px 20px;border:0;border-bottom:1px solid #343a46;background:transparent;color:#fff;text-align:left;cursor:pointer}
.logs-drill-row:last-child{border-bottom:0}.logs-drill-row:hover,.logs-drill-row:focus-visible{background:#1d222a;outline:none}.logs-drill-row small{display:block;margin-top:3px;color:#9fb5d8}
@media(max-width:800px){.logs-drill-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.logs-drill-row{grid-template-columns:1fr}}

/* v0.18.0 — Rare Pet Hall of Fame */
.summary-card--button{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;}
.summary-card--button:hover{border-color:#2f7de1;transform:translateY(-2px);}
.rare-celebrations{display:grid;gap:18px;margin:0 0 24px;}
.rare-celebration{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-radius:18px;border:1px solid #555;background:#20242b;overflow:hidden;}
.rare-celebration h2{margin:4px 0 8px;font-size:28px;}.rare-celebration p{margin:0;color:#d4d9e2}.rare-celebration__eyebrow,.hall-hero__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;opacity:.85}.rare-celebration__button{border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;white-space:nowrap;}
.rare-celebration--titanic{border-color:#8e63d8;background:linear-gradient(115deg,#29223b,#20242b 60%)}.rare-celebration--titanic .rare-celebration__button{background:#8e63d8;color:#fff}
.rare-celebration--gargantuan{border:2px solid #e2b94f;background:radial-gradient(circle at 15% 50%,rgba(226,185,79,.24),transparent 35%),linear-gradient(120deg,#332a15,#20242b 68%);box-shadow:0 0 28px rgba(226,185,79,.18)}.rare-celebration--gargantuan h2{font-size:34px}.rare-celebration--gargantuan .rare-celebration__button{background:#e2b94f;color:#17130a}
.dashboard-history-link,.hall-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:24px;border:1px solid #30343c;border-radius:16px;background:#202329}.dashboard-history-link h2,.hall-hero h1{margin:0 0 6px}.dashboard-history-link p,.hall-hero p{margin:0;color:#aeb6c3}
.primary-button{display:inline-flex;align-items:center;justify-content:center;background:#2f7de1;color:#fff;text-decoration:none;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.secondary-button{text-decoration:none}
.rare-pet-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:18px}.rare-pet-card{display:block;border:1px solid #343943;border-radius:16px;background:#202329;color:inherit;text-align:left;overflow:hidden;padding:0;}.rare-pet-card__art{height:170px;display:flex;align-items:center;justify-content:center;background:#17191e}.rare-pet-card__art img{max-width:90%;max-height:90%;object-fit:contain}.rare-pet-card__fallback{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#2f7de1;font-size:42px;font-weight:800}.rare-pet-card__body{padding:18px}.rare-pet-card__body h3{margin:5px 0 8px}.rare-pet-card__body p{margin:8px 0;color:#d7dce4}.rare-pet-card__body small{color:#99a4b3}.rare-pet-card__rarity{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#86b8ff}.variant-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#2b3442;border:1px solid #45536a;font-size:12px;font-weight:800}.rare-pet-card--titanic{border-color:#7652ad}.rare-pet-card--gargantuan{border:2px solid #d9af43;box-shadow:0 0 18px rgba(217,175,67,.13)}button.rare-pet-card{cursor:pointer}.rare-pet-dialog__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.hall-main{width:92%;max-width:1300px;margin:34px auto}.hall-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.hall-controls label{display:grid;gap:7px;font-weight:700}.hall-controls select{width:100%;padding:12px;border-radius:9px;background:#17191e;color:#fff;border:1px solid #3b414b}.hall-event-section{margin:28px 0;padding-top:22px;border-top:1px solid #343943}.hall-event-section>header{display:flex;justify-content:space-between;align-items:end;gap:20px}.hall-event-section h2{margin:4px 0}.garg-hall-spotlight{text-align:center;padding:32px;border:2px solid #d9af43;border-radius:18px;background:radial-gradient(circle,rgba(217,175,67,.2),transparent 66%),#211f19;margin:24px 0}.garg-hall-spotlight span{font-weight:900;letter-spacing:.14em}.garg-hall-spotlight h2{font-size:32px;margin:10px 0}.hall-detail-art{height:260px;display:flex;align-items:center;justify-content:center;margin:18px 0;background:#17191e;border-radius:14px}.hall-detail-art img{max-width:90%;max-height:90%;object-fit:contain}.hall-detail-list{display:grid;gap:0}.hall-detail-list>div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid #353a44}.hall-detail-list dt{color:#9fa9b8}.hall-detail-list dd{margin:0;font-weight:700}
@media(max-width:700px){.rare-celebration,.dashboard-history-link,.hall-hero{align-items:stretch;flex-direction:column}.rare-celebration__button{width:100%}.hall-controls{grid-template-columns:1fr}.rare-celebration--gargantuan h2{font-size:26px}}


/* v0.18.3 Event Hall of Fame */
.rare-pet-card__open{all:unset;display:block;cursor:pointer}.rare-pet-card__assets{margin:0 1rem 1rem;text-align:center}.hall-event-header{align-items:flex-start;gap:1rem}.hall-event-totals{display:flex;gap:.75rem;flex-wrap:wrap}.hall-event-totals span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.65rem .8rem}.event-variant-list{display:grid;gap:.65rem}.event-variant-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 1rem;border:1px solid #343944;border-radius:12px;background:#1d2026;color:inherit;text-decoration:none}.event-variant-row:hover{border-color:#2f7de1;transform:translateY(-1px)}.event-variant-row small{color:#9fa9b7}.event-manager{margin-top:2rem}.event-manager__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.event-manager__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.event-manager label{display:grid;gap:.4rem}.event-manager input,.event-manager select{width:100%;padding:.75rem;border-radius:8px;border:1px solid #3b414d;background:#15181d;color:#fff}.event-manager__wide,.event-manager__actions{grid-column:1/-1}.event-manager__actions{display:flex;align-items:center;gap:1rem}@media(max-width:700px){.event-manager__header{display:grid}.event-manager__form{grid-template-columns:1fr}.event-variant-row{grid-template-columns:1fr}.event-manager__wide,.event-manager__actions{grid-column:1}}


/* v0.18.6 event-duration and skipped-weekend QoL */
.event-duration-preview { display:flex; flex-wrap:wrap; gap:12px; padding:14px 16px; border:1px solid #3a404a; border-radius:12px; background:#202329; }
.event-duration-preview > div { display:flex; align-items:center; gap:8px; }
.event-duration-preview .event-override-banner { flex-basis:100%; color:#ffd479; }
.event-duration-badge,.event-status-badge { display:inline-flex; align-items:center; border-radius:999px; padding:5px 10px; font-size:.82rem; font-weight:700; background:#303640; }
.event-duration-badge--normal { color:#9ce9b3; }
.event-duration-badge--extended { color:#ffe18b; }
.event-duration-badge--long { color:#ffc078; }
.event-duration-badge--very-long { color:#ff9a9a; }
.hall-event-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.event-override-note { margin-top:10px; color:#ffd479; font-weight:700; }
.hall-event-totals span { display:flex; flex-direction:column; gap:2px; }
.hall-event-totals small { color:#aeb6c3; font-size:.78rem; font-weight:400; }
.event-manager__actions { flex-wrap:wrap; }

/* Hall of Fame event gallery and detail pages — v0.19.0 */
.hall-event-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:14px;align-items:end;margin-bottom:24px}.hall-event-toolbar label{margin:0}.hall-event-toolbar select{width:100%}.hall-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:24px 0 16px}.hall-section-heading h2,.hall-current-event h2,.hall-event-card h3,.hall-pet-card h3{margin:4px 0 8px}.hall-event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.hall-event-card{display:block;width:100%;padding:0;text-align:left;background:#20242b;border:1px solid #39414e;border-radius:16px;overflow:hidden;color:inherit;cursor:pointer}.hall-event-card:hover{border-color:#5c6a7e;transform:translateY(-1px)}.hall-event-art{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#11151b}.hall-event-art--fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:linear-gradient(145deg,#182433,#222837)}.hall-event-art--fallback span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#a9b8cc}.hall-event-art--fallback strong{font-size:1.35rem;margin-top:8px}.hall-event-card__body{padding:18px}.hall-event-card__title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.hall-event-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.hall-event-card__stats span{background:#151920;border-radius:10px;padding:10px;text-align:center;font-size:.78rem}.hall-event-card__stats strong{display:block;font-size:1.15rem}.hall-event-card__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#aeb9c9;font-size:.85rem}.hall-current-event{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(300px,1fr);border:1px solid #39414e;border-radius:18px;overflow:hidden;background:#20242b;margin-bottom:26px}.hall-current-event__art{width:100%;height:100%;min-height:280px;object-fit:cover;background:#11151b}.hall-current-event__content{padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hall-current-event__content .secondary-button{margin-top:18px}.hall-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.hall-pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.hall-pet-card{width:100%;padding:0;background:#20242b;color:inherit;border:1px solid #39414e;border-radius:15px;overflow:hidden;text-align:left;cursor:pointer}.hall-pet-card:hover{border-color:#65748a}.hall-pet-card__art{height:185px;display:flex;align-items:center;justify-content:center;background:#171b21;padding:18px}.hall-pet-card__art img{max-width:100%;max-height:100%;object-fit:contain}.hall-pet-card__body{padding:16px}.hall-pet-card__total{display:block;font-size:1.1rem;margin:10px 0}.hall-pet-card__variants{display:flex;flex-wrap:wrap;gap:7px}.hall-pet-card__variants span{display:inline-flex;align-items:center;}.hall-account-leaderboard{position:sticky;top:20px}.hall-account-row,.hall-breakdown-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #353d48}.hall-account-row:last-child,.hall-breakdown-row:last-child{border-bottom:0}.hall-account-row small,.hall-breakdown-row small{display:block;color:#aeb9c9;margin-top:2px}.hall-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.event-manager__top-actions{display:flex;gap:10px;flex-wrap:wrap}.event-manager__form input[type="url"]{width:100%}
@media (max-width:900px){.hall-event-toolbar{grid-template-columns:1fr 1fr}.hall-event-toolbar label{grid-column:1/-1}.hall-current-event,.hall-detail-layout{grid-template-columns:1fr}.hall-account-leaderboard{position:static}.hall-current-event__art{min-height:0;aspect-ratio:16/9}.hall-breakdown-grid{grid-template-columns:1fr}}
@media (max-width:560px){.hall-event-toolbar{grid-template-columns:1fr}.hall-event-toolbar label{grid-column:auto}.hall-event-card__stats{grid-template-columns:1fr}.hall-event-card__stats span{display:flex;justify-content:space-between}.hall-pet-grid{grid-template-columns:1fr}}

/* v0.20.2 Hall of Fame detection review */
.rare-pet-card__actions{display:grid;gap:8px;margin-top:14px}.danger-button{border:1px solid #9b4747;background:#542a2a;color:#fff;border-radius:9px;padding:10px 12px;font-weight:800;cursor:pointer}.danger-button:hover{background:#673232}.detection-review{margin:28px 0}.detection-review-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #353d48}.detection-review-row:last-child{border-bottom:0}.detection-review-row small{display:block;color:#aeb9c9;margin-top:5px}.detection-review-row p{margin:7px 0 0}.detection-review-math{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9c5d6;font-size:.84rem}@media(max-width:700px){.detection-review-row{align-items:stretch;flex-direction:column}.detection-review-row button{width:100%}}

/* v0.20.3 — Hall of Fame per-entry review controls */
.hall-detection-entries {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border, #374151);
}
.hall-detection-entries h3 { margin: 0 0 .35rem; }
.hall-detection-entries__help {
  margin: 0 0 .85rem;
  color: var(--muted, #a8b3c7);
  font-size: .9rem;
}
.hall-detection-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem 0;
  border-top: 1px solid rgba(148,163,184,.18);
}
.hall-detection-entry:first-of-type { border-top: 0; }
.hall-detection-entry small { display: block; margin-top: .2rem; color: var(--muted, #a8b3c7); }
.hall-detection-entry .danger-button { flex: 0 0 auto; }
.hall-dialog-actions { margin-top: 1rem; display: flex; gap: .75rem; flex-wrap: wrap; }
@media (max-width: 650px) {
  .hall-detection-entry { align-items: stretch; flex-direction: column; }
  .hall-detection-entry .danger-button { width: 100%; }
}


/* v0.20.4 Hall of Fame review workflow */
.hall-detection-entry__label{display:block;margin-bottom:.55rem;color:#7db4ff;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.hall-detection-entry__details{min-width:0;flex:1}
.hall-detection-entry__details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.1rem;margin:0}
.hall-detection-entry__details dl>div{display:flex;flex-direction:column;gap:.18rem}
.hall-detection-entry__details dt{color:#aeb8ca;font-size:.76rem;font-weight:700;text-transform:uppercase}
.hall-detection-entry__details dd{margin:0;font-weight:750}
.hall-detection-entry__details dd small{display:block;color:#aeb8ca;font-weight:500}
.hall-detection-entry__actions{display:flex;flex-direction:column;gap:.55rem;min-width:175px}
.warning-button{border:1px solid #a77b1c;background:#4b3d1f;color:#ffd66d;border-radius:9px;padding:.7rem 1rem;font-weight:800;cursor:pointer}
.warning-button:hover{background:#5a4821}.warning-button:disabled{opacity:.55;cursor:wait}
.review-confirm-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.74);backdrop-filter:blur(3px)}
.review-confirm-dialog{width:min(620px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid #3e4757;border-radius:15px;background:#20252d;box-shadow:0 25px 80px rgba(0,0,0,.55);padding:1.25rem}
.review-confirm-dialog header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid #39404c;padding-bottom:1rem;margin-bottom:1rem}.review-confirm-dialog h2{margin:.2rem 0 0}.review-confirm-close{border:0;background:transparent;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.review-confirm-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.review-confirm-summary>div{padding:.7rem;border-radius:9px;background:#171b21}.review-confirm-summary span{display:block;color:#9eabc0;font-size:.75rem;text-transform:uppercase;font-weight:750}.review-confirm-summary strong{display:block;margin-top:.2rem}.review-confirm-summary small{display:block;color:#aeb8ca}
.review-confirm-dialog label{display:block;margin-top:.85rem;font-weight:750}.review-confirm-dialog label>span{color:#aeb8ca;font-weight:500}.review-confirm-dialog select,.review-confirm-dialog textarea{display:block;width:100%;margin-top:.4rem;border:1px solid #465064;border-radius:8px;background:#15191f;color:#fff;padding:.72rem;font:inherit;box-sizing:border-box}.review-confirm-warning{margin:1rem 0;color:#d3dae6}.review-confirm-dialog footer{display:flex;justify-content:flex-end;gap:.7rem}
.review-status-badge{display:inline-block;margin-left:.35rem;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-weight:800}.review-status-badge--pending{background:#4b3d1f;color:#ffd66d}.review-status-badge--false{background:#5e2929;color:#ffb0b0}
@media(max-width:700px){.hall-detection-entry{align-items:stretch}.hall-detection-entry__details dl,.review-confirm-summary{grid-template-columns:1fr}.hall-detection-entry__actions{min-width:0}.review-confirm-dialog footer{flex-direction:column-reverse}.review-confirm-dialog footer button{width:100%}}

/* v0.20.4.1 Hall of Fame compact single-entry modal */
#hallDialog.rare-pet-dialog{
  width:min(820px,94vw);
  max-height:90vh;
}
#hallDialogContent>header{
  padding:18px 24px;
}
#hallDialogContent>.hall-detail-art{
  height:205px;
  margin:12px 18px 10px;
}
#hallDialogContent>.hall-breakdown-grid,
#hallDialogContent>.hall-detection-entries,
#hallDialogContent>.hall-dialog-actions{
  margin-left:24px;
  margin-right:24px;
}
#hallDialogContent>.hall-breakdown-grid{
  margin-top:10px;
  margin-bottom:10px;
  gap:28px;
}
#hallDialogContent>.hall-breakdown-grid h3{
  margin:0 0 6px;
}
#hallDialogContent .hall-breakdown-row{
  padding:7px 0;
}
#hallDialogContent>.hall-detection-entries{
  margin-top:10px;
  padding-top:10px;
}
#hallDialogContent .hall-detection-entry{
  padding:8px 0;
}
#hallDialogContent .hall-detection-entry__label{
  margin-bottom:6px;
}
#hallDialogContent .hall-detection-entry__details dl{
  gap:7px 18px;
}
#hallDialogContent>.hall-dialog-actions{
  margin-top:10px;
  margin-bottom:16px;
}
@media(max-width:700px){
  #hallDialogContent>.hall-breakdown-grid,
  #hallDialogContent>.hall-detection-entries,
  #hallDialogContent>.hall-dialog-actions{
    margin-left:16px;
    margin-right:16px;
  }
  #hallDialogContent>.hall-detail-art{
    height:180px;
    margin-left:12px;
    margin-right:12px;
  }
}


/* v0.20.5 Hall of Fame wording and verified detector polish */
.verified-detector-badge{display:inline-flex;align-items:center;gap:.45rem;width:max-content;margin-bottom:.55rem;padding:.34rem .65rem;border:1px solid rgba(83,198,123,.45);border-radius:999px;background:rgba(35,117,67,.22);color:#8fe0aa;font-size:.75rem;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.verified-detector-badge span{display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:50%;background:#2f9b59;color:#fff;font-size:.72rem}.hall-detection-entry__actions .warning-button,.hall-detection-entry__actions .danger-button{min-height:44px}.hall-detection-entries__help{max-width:720px}.review-confirm-warning{padding:.75rem .85rem;border-radius:9px;background:rgba(255,255,255,.035);line-height:1.45}

/* KCC v0.21.0 — Bulk Detection Management */
.hall-pet-card{position:relative}.hall-pet-card__open{all:unset;display:block;width:100%;cursor:pointer}.hall-pet-card__select{display:flex;align-items:center;gap:.55rem;padding:.65rem .8rem;background:#151920;border-bottom:1px solid #39414e;font-size:.78rem;font-weight:750;cursor:pointer}.hall-pet-card__select input{width:1.05rem;height:1.05rem}.hall-pet-card--selected{border-color:#2f7de1;box-shadow:0 0 0 2px rgba(47,125,225,.2)}.hall-bulk-bar{position:sticky;top:10px;z-index:12;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:0 0 1rem;padding:.75rem;background:#202a38;border:1px solid #4a6281;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.28)}.hall-bulk-bar strong{margin-right:auto}.hall-bulk-bar button{min-height:38px}.bulk-detection-dialog select{width:100%}.text-button{border:0;background:transparent;color:#b9c6d8;text-decoration:underline;cursor:pointer}.text-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.hall-bulk-bar{align-items:stretch}.hall-bulk-bar button{width:100%}.hall-section-heading{align-items:stretch;flex-direction:column}}


/* KCC v0.21.2 — Hall of Fame Event Hero Finish */
.hall-event-toolbar{padding:16px 18px;background:linear-gradient(180deg,#20262f,#1c2128)}
.hall-event-toolbar label{display:grid;gap:7px;color:#c7d1df;font-size:.8rem;font-weight:800;letter-spacing:.035em}
.hall-event-toolbar select,.event-manager select{appearance:none;-webkit-appearance:none;border:1px solid #465263;border-radius:10px;background-color:#151a21;color:#f3f6fa;padding:.72rem 2.6rem .72rem .85rem;background-image:linear-gradient(45deg,transparent 50%,#9fb0c6 50%),linear-gradient(135deg,#9fb0c6 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.hall-event-toolbar select:focus,.event-manager select:focus{outline:none;border-color:#2f7de1;box-shadow:0 0 0 3px rgba(47,125,225,.18)}
.hall-current-event{grid-template-columns:minmax(420px,1.35fr) minmax(320px,.85fr);min-height:280px}
.hall-current-event__visual{position:relative;isolation:isolate;min-height:280px;overflow:hidden;background:#0f141b}
.hall-current-event__visual::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--hall-event-image,linear-gradient(135deg,#152338,#17202d 55%,#271c34));background-size:cover;background-position:center;transform:scale(1.025)}
.hall-current-event__visual--art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,15,.22),rgba(5,9,15,.52) 70%,rgba(5,9,15,.82)),linear-gradient(0deg,rgba(5,9,15,.7),transparent 65%)}
.hall-current-event__visual--fallback::before{background-image:radial-gradient(circle at 22% 30%,rgba(47,125,225,.24),transparent 32%),radial-gradient(circle at 74% 66%,rgba(199,145,35,.16),transparent 28%),linear-gradient(135deg,#111820,#202936)}
.hall-current-event__visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(8,11,16,.12) 58%,rgba(8,11,16,.45) 100%);pointer-events:none}
.hall-current-event__visual-copy{position:absolute;left:clamp(24px,5vw,58px);bottom:clamp(24px,4vw,44px);right:30px;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 3px 18px rgba(0,0,0,.9)}
.hall-current-event__visual-copy span{font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#cfe0f8}
.hall-current-event__visual-copy strong{max-width:720px;margin-top:7px;font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.02;color:#fff}
.hall-current-event__visual-copy small{margin-top:12px;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(6,10,16,.5);color:#b9c6d8;font-size:.72rem}
.hall-current-event__content{position:relative;background:linear-gradient(145deg,#232933,#1d222a);border-left:1px solid rgba(255,255,255,.05)}
.hall-current-event__content p{color:#dbe3ee;line-height:1.55}
.hall-current-event__content h2{font-size:1.65rem}
.event-manager__form input[type="url"]{background:#151a21}
@media(max-width:900px){.hall-current-event{grid-template-columns:1fr}.hall-current-event__content{border-left:0;border-top:1px solid rgba(255,255,255,.06)}.hall-current-event__visual{min-height:240px}}
@media(max-width:700px){.hall-event-toolbar{grid-template-columns:1fr}.hall-event-toolbar button{width:100%}.hall-current-event__visual-copy{left:22px;bottom:22px}.hall-current-event__content{padding:22px}}


/* KCC v0.21.3 — Event Artwork Upload */
.event-artwork-manager{display:grid;gap:.8rem;padding:1rem;border:1px solid #3b4655;border-radius:12px;background:linear-gradient(145deg,#1d232c,#181d24)}
.event-artwork-manager__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.event-artwork-manager__heading h3{margin:.1rem 0 .25rem;font-size:1.2rem}.event-artwork-manager__heading p{margin:0;color:#b9c6d8;line-height:1.45}
.event-artwork-manager__actions{display:flex;gap:.55rem;flex-wrap:wrap}.event-artwork-preview{position:relative;min-height:220px;overflow:hidden;border:1px solid #465263;border-radius:11px;background:#0e1319}
.event-artwork-preview img{display:block;width:100%;height:220px;object-fit:cover}.event-artwork-preview__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,12,.55),transparent 55%)}
.event-artwork-preview>span{position:absolute;left:1rem;bottom:.85rem;padding:.32rem .55rem;border-radius:999px;background:rgba(5,8,12,.72);color:#e8eef7;font-size:.72rem;font-weight:800}
.event-artwork-preview--empty{display:grid;place-items:center;background:radial-gradient(circle at 25% 30%,rgba(47,125,225,.2),transparent 30%),linear-gradient(135deg,#111820,#202936)}
.event-artwork-preview__empty{display:grid;gap:.35rem;text-align:center;color:#dce6f3}.event-artwork-preview__empty span{color:#9fb0c6;font-size:.82rem}
.event-artwork-manager__url{display:grid;gap:.4rem;color:#aebbcf;font-size:.78rem}.event-artwork-manager__url input{background:#12171e}.event-artwork-manager__status{min-height:1.2em;color:#9fc5ff}
@media(max-width:760px){.event-artwork-manager__heading{flex-direction:column}.event-artwork-manager__actions,.event-artwork-manager__actions button{width:100%}.event-artwork-preview,.event-artwork-preview img{height:180px;min-height:180px}}

/* KCC v0.21.4 — Event artwork drag and drop */
.event-artwork-preview{cursor:pointer;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.event-artwork-preview:hover,.event-artwork-preview:focus-visible{border-color:#4d91ef;box-shadow:0 0 0 3px rgba(47,125,225,.18)}
.event-artwork-preview--dragover{border-color:#63a9ff;box-shadow:0 0 0 4px rgba(47,125,225,.26),0 14px 32px rgba(0,0,0,.28);transform:translateY(-2px)}
.event-artwork-preview--dragover::after{content:"Drop image to use as event artwork";position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:1rem;background:rgba(10,18,29,.82);color:#fff;font-weight:900;font-size:1rem;text-align:center;letter-spacing:.01em}
.event-artwork-preview--busy{pointer-events:none;opacity:.72}


/* v0.21.7 Hall of Fame current-event and lifetime totals */
.hall-totals .hall-total-card{padding:18px 20px 16px;min-height:190px;display:grid;grid-template-rows:auto 1fr auto;}
.hall-totals .hall-total-card h3{margin:0 0 14px;text-align:center;color:var(--text);font-size:19px;}
.hall-total-card__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
.hall-total-card__columns section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2px 14px 12px;}
.hall-total-card__columns section+section{border-left:1px solid var(--border);}
.hall-total-card__label{min-height:18px;color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.hall-total-card__columns strong{display:block;margin-top:7px;font-size:30px;line-height:1;}
.hall-total-card__columns .waiting{margin-top:8px;}
.hall-total-card footer{border-top:1px solid var(--border);padding-top:11px;text-align:center;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;}
.hall-total-card footer strong{display:block;margin-top:4px;color:var(--text);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;}
@media(max-width:700px){.hall-totals .hall-total-card{min-height:180px}.hall-total-card__columns section{padding-inline:8px}.hall-total-card__label{font-size:10px}.hall-total-card__columns strong{font-size:26px}.hall-total-card__columns .waiting{font-size:12px}}

/* Inventory Foundation v0.22.0 */
.inventory-heading-panel{display:grid;gap:18px}.inventory-heading-panel__intro{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:18px;border:1px solid #343c49;border-radius:14px;background:#20242b}.inventory-heading-panel__intro h2{margin:0 0 6px}.inventory-heading-panel__intro p{margin:0;color:#aeb6c3;max-width:780px}.inventory-heading-nav{display:flex;flex-wrap:wrap;gap:8px}.inventory-heading-nav button{border:1px solid #465064;border-radius:999px;background:#20242b;color:#dce3ed;padding:8px 12px;cursor:pointer}.inventory-heading-nav button:hover{border-color:#78a9ff}.inventory-heading-sections{display:grid;gap:18px}.inventory-heading-section{border:1px solid #343c49;border-radius:15px;background:#171a20;padding:16px;min-height:130px}.inventory-heading-section--dragover{border-color:#78a9ff;box-shadow:0 0 0 3px rgba(120,169,255,.15)}.inventory-heading-section__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.inventory-heading-section__header h2{margin:0;font-size:20px}.inventory-heading-section__header span{color:#aeb6c3}.inventory-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.inventory-item-card{min-height:310px;cursor:grab}.inventory-item-card:active{cursor:grabbing}.inventory-item-card--dragging{opacity:.45}.inventory-item-card__manual{display:inline-flex;align-self:center;border-radius:999px;background:#4a3519;color:#ffd58c;padding:4px 8px;font-size:11px;font-weight:800}.inventory-item-card__actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.inventory-item-card__actions select{min-width:0;background:#171a20;color:#e8edf5;border:1px solid #465064;border-radius:8px;padding:8px}.inventory-item-card__actions button{border:1px solid #465064;border-radius:8px;background:#272d36;color:#fff;padding:8px;cursor:pointer}.inventory-empty{color:#8f99a7;padding:20px;text-align:center;border:1px dashed #3d4654;border-radius:10px}.inventory-save-status{position:fixed;right:22px;bottom:22px;z-index:20;padding:12px 16px;border-radius:10px;background:#1f6f43;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3)}@media(max-width:760px){.inventory-heading-panel__intro{display:grid}.inventory-item-grid{grid-template-columns:1fr}}

/* v0.22.1 Inventory category modal QoL */
.inventory-item-card{cursor:pointer}
.inventory-item-card:active{cursor:pointer}
.inventory-item-card[draggable="true"]{cursor:grab}
.inventory-item-card[draggable="true"]:active{cursor:grabbing}
.inventory-item-card:focus-visible{outline:3px solid rgba(120,169,255,.55);outline-offset:3px}
.inventory-item-card__open-hint{margin-top:auto;padding-top:10px;color:#8fb8f4;font-size:12px;font-weight:800;text-align:center}
.inventory-dialog-category{display:grid;gap:10px;margin:20px 0;padding:16px;border:1px solid #465064;border-radius:12px;background:#171a20}
.inventory-dialog-category h3{margin:0 0 4px}
.inventory-dialog-category p{margin:0;color:#aeb6c3;line-height:1.45}
.inventory-dialog-category label{font-size:13px;font-weight:800;color:#dce3ed}
.inventory-dialog-category select{width:100%;background:#20242b;color:#f5f7fa;border:1px solid #596579;border-radius:9px;padding:11px 12px;font-size:15px}
.inventory-dialog-category__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:3px}
.inventory-dialog-category__actions button:disabled{opacity:.45;cursor:not-allowed}
.inventory-dialog-category__automatic{font-size:12px!important}
.inventory-heading-panel__tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inventory-heading-manager{display:grid;gap:16px}.inventory-heading-manager>p{margin:0;color:#aeb6c3}.inventory-heading-manager__add{display:grid;gap:8px;padding:14px;border:1px solid #465064;border-radius:12px;background:#171a20}.inventory-heading-manager__add label{font-weight:800}.inventory-heading-manager__add>div{display:flex;gap:8px}.inventory-heading-manager__add input{flex:1;min-width:0;background:#20242b;color:#fff;border:1px solid #596579;border-radius:9px;padding:11px}.inventory-heading-order{display:grid;gap:8px;max-height:52vh;overflow:auto}.inventory-heading-order__row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #465064;border-radius:10px;background:#20242b;cursor:grab}.inventory-heading-order__row--dragging{opacity:.45}.inventory-heading-order__handle{font-size:18px;color:#9eb7dd}.inventory-heading-order__row small{color:#8791a0}.inventory-heading-order__row button{border:1px solid #6e4147;border-radius:8px;background:#3a2428;color:#ffb8c0;padding:6px 9px;cursor:pointer}@media(max-width:760px){.inventory-heading-panel__tools{display:grid;width:100%}.inventory-heading-manager__add>div{display:grid}.inventory-heading-order__row{grid-template-columns:auto 1fr auto}}

/* v0.22.3 Inventory browser consistency and performance */
.inventory-heading-panel{display:grid;gap:18px}
.inventory-toolbar{grid-template-columns:minmax(280px,1fr) minmax(170px,220px) auto;align-items:end}
.inventory-toolbar>button{min-height:44px;white-space:nowrap}
.inventory-heading-nav{display:flex;flex-wrap:wrap;gap:10px}
.inventory-heading-nav .asset-classification-filter{margin:0}
.inventory-heading-filter--dragover{border-color:#78a9ff!important;box-shadow:0 0 0 3px rgba(120,169,255,.18)}
#inventoryGrid .empty-state{grid-column:1/-1}
@media(max-width:900px){.inventory-toolbar{grid-template-columns:1fr 1fr}.inventory-toolbar>button{grid-column:1/-1}}
@media(max-width:640px){.inventory-toolbar{grid-template-columns:1fr}}


/* v0.22.4 Inventory heading bar spacing and inline ordering */
.inventory-heading-nav{padding:16px 18px;min-height:104px;align-content:center;justify-content:center;row-gap:12px;background:#11151b;border:1px solid #252c36;border-radius:12px}
.inventory-heading-nav [data-heading-order-slug]{cursor:grab;user-select:none}
.inventory-heading-nav [data-heading-order-slug]:active{cursor:grabbing}
.inventory-heading-filter--dragging{opacity:.45}
.inventory-heading-filter--reorder-target{border-color:#78a9ff!important;box-shadow:0 0 0 3px rgba(120,169,255,.18);transform:translateY(-2px)}
.inventory-heading-filter--dragover{border-color:#f0c14b!important;box-shadow:0 0 0 3px rgba(240,193,75,.16)}
@media(max-width:760px){.inventory-heading-nav{padding:14px 12px;min-height:116px}}

/* v0.22.5 Garden item normalisation and variant artwork treatment */
.inventory-art{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}
.inventory-art>.asset-card__image{width:100%;height:100%;object-fit:contain}
.inventory-art--shiny::before,.inventory-art--shiny::after{content:"✦";position:absolute;z-index:2;color:#fff6b0;text-shadow:0 0 8px #fff,0 0 14px #77d9ff;pointer-events:none;animation:kccShinyTwinkle 1.8s ease-in-out infinite}
.inventory-art--shiny::before{top:13%;right:15%;font-size:25px}
.inventory-art--shiny::after{left:13%;bottom:18%;font-size:17px;animation-delay:.65s}
.inventory-art--shiny img{filter:saturate(1.12) brightness(1.08);drop-shadow:0 0 10px rgba(128,220,255,.42))}
.inventory-art--gold img{filter:sepia(.18) saturate(1.24) brightness(1.04)}
.inventory-art--rainbow img{filter:saturate(1.3) brightness(1.05)}
.inventory-art__placeholder--seed{font-size:76px;background:radial-gradient(circle at 50% 42%,rgba(91,202,96,.2),transparent 58%),#15191f}
.inventory-art__placeholder--garden-unit{font-size:72px;background:radial-gradient(circle at 50% 42%,rgba(122,203,107,.2),transparent 58%),#15191f}
@keyframes kccShinyTwinkle{0%,100%{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(18deg)}}

/* v0.22.6 — Items mass move and honest seed artwork fallback */
.inventory-toolbar{grid-template-columns:minmax(280px,1fr) minmax(170px,220px) auto auto}
.inventory-mass-move{display:flex;justify-content:space-between;align-items:end;gap:18px;border-color:#496b9d;background:#17243a}
.inventory-mass-move[hidden]{display:none}
.inventory-mass-move__selection,.inventory-mass-move__destination{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.inventory-mass-move__selection strong{min-width:92px;color:#cfe1ff}
.inventory-mass-move__destination label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#c7d1df}
.inventory-mass-move__destination select{min-width:190px;background:#111820;color:#fff;border:1px solid #596b84;border-radius:9px;padding:10px 12px}
.inventory-item-card--selectable{position:relative;cursor:pointer;user-select:none}
.inventory-item-card--selectable:hover{border-color:#78a9ff}
.inventory-item-card--selected{border-color:#78a9ff;box-shadow:0 0 0 3px rgba(120,169,255,.2);background:#1a2940}
.inventory-item-card__selector{position:absolute;top:11px;left:11px;z-index:4;display:grid;place-items:center;width:28px;height:28px;border:2px solid #8fb8f4;border-radius:8px;background:#101821;color:#fff;font-size:18px;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.inventory-item-card--selected .inventory-item-card__selector{background:#3978c7;border-color:#b7d6ff}
.inventory-seed-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4px;padding:10px;color:#c9d4c0}
.inventory-seed-placeholder svg{width:min(78%,128px);height:min(78%,128px);filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.inventory-seed-placeholder__packet{fill:#7c5d38;stroke:#d4b27e;stroke-width:5;stroke-linejoin:round}
.inventory-seed-placeholder__fold{fill:none;stroke:#e1c492;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.inventory-seed-placeholder__seed{fill:#d8b46c;stroke:#fff0bd;stroke-width:4}
.inventory-seed-placeholder__leaf{fill:#73b86c;stroke:#b8e3a4;stroke-width:4;stroke-linejoin:round}
.inventory-seed-placeholder small,.inventory-generic-placeholder small{display:block;font-size:10px;font-weight:800;letter-spacing:.02em;text-align:center;color:#aeb8aa}
.inventory-generic-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:68px}
.inventory-art__placeholder--seed{font-size:inherit;background:radial-gradient(circle at 50% 42%,rgba(110,158,82,.18),transparent 58%),#15191f}
@media(max-width:1050px){.inventory-toolbar{grid-template-columns:1fr 1fr}.inventory-toolbar>button{grid-column:auto}.inventory-mass-move{align-items:stretch;flex-direction:column}}
@media(max-width:640px){.inventory-toolbar{grid-template-columns:1fr}.inventory-toolbar>button{grid-column:auto}.inventory-mass-move__selection,.inventory-mass-move__destination{display:grid}.inventory-mass-move__destination select{width:100%;min-width:0}}

/* v0.24.0: mirrored pagination below asset grids */
.asset-pagination--bottom {
  justify-content: center;
  margin: 1.25rem 0 0;
}


/* v0.27.1 — Shared filtered totals and consistent Booth artwork canvas */
.inventory-item-card--booth .asset-card__image-wrap {
  height: 220px;
  min-height: 220px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.inventory-item-card--booth .inventory-art {
  width: 210px;
  height: 210px;
  flex: 0 0 210px;
}
.inventory-item-card--booth .inventory-art > .asset-card__image {
  width: 210px;
  height: 210px;
  max-width: 210px;
  max-height: 210px;
  object-fit: contain;
}
@media (max-width: 700px) {
  .inventory-item-card--booth .asset-card__image-wrap { height: 190px; min-height: 190px; }
  .inventory-item-card--booth .inventory-art,
  .inventory-item-card--booth .inventory-art > .asset-card__image { width: 180px; height: 180px; max-width: 180px; max-height: 180px; }
}


/* KCC v0.27.3 — Manual Hall of Fame entry */
.asset-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin:18px 0}.asset-hof-form{display:grid;gap:15px;margin-top:22px}.asset-hof-form label{display:grid;gap:7px;color:#dfe6ef;font-weight:700}.asset-hof-form input,.asset-hof-form select,.asset-hof-form textarea{width:100%;box-sizing:border-box;border:1px solid #465064;border-radius:9px;background:#171a20;color:#f5f7fa;padding:11px 12px;font:inherit}.asset-hof-form textarea{resize:vertical}.asset-hof-warning{border:1px solid #7c6228;border-radius:9px;background:#2d2718;color:#f5d98a;padding:12px;line-height:1.4}.asset-hof-status{min-height:1.4em;margin:0;color:#aeb8c5}.asset-hof-status--error{color:#ff9d9d}.asset-hof-status--success{color:#8fe0ad}

/* KCC v0.28.0 RAP quarantine */
.rap-quarantine-page{max-width:1200px;margin:0 auto}.panel{background:var(--panel-bg,#fff);border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:20px;margin:18px 0}.quarantine-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:16px 0}.quarantine-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700}.quarantine-form-grid input[type=number]{padding:10px;border:1px solid #b8c2cf;border-radius:8px}.quarantine-heading,.quarantine-entry__title,.quarantine-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.quarantine-list{display:grid;gap:14px}.quarantine-entry{border:1px solid #ccd5df;border-radius:12px;padding:16px}.quarantine-entry--due{border-color:#c77800;box-shadow:0 0 0 2px rgba(199,120,0,.15)}.quarantine-entry h3{margin:0}.quarantine-entry p{margin:4px 0}.quarantine-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.quarantine-values span{background:rgba(0,0,0,.04);padding:10px;border-radius:8px;display:flex;flex-direction:column}.quarantine-actions{justify-content:flex-start;flex-wrap:wrap}.quarantine-actions input,.quarantine-actions button{padding:8px 10px}.quarantine-due{color:#a65f00}.rap-quarantine-reminder{margin:0 0 18px;padding:16px;border:2px solid #c77800;border-radius:12px;background:#fff4df;display:flex;align-items:center;justify-content:space-between;gap:15px}.rap-quarantine-reminder[hidden]{display:none}


/* KCC v0.28.1 RAP quarantine investigation QoL */
.rap-quarantine-page{max-width:1320px;margin:0 auto;padding:0 20px}.rap-quarantine-page .quarantine-panel{background:#252b34;border:1px solid #39414e;border-radius:14px;padding:22px;margin:20px 0;color:#eef3fa}.rap-quarantine-page .quarantine-panel h2,.rap-quarantine-page .quarantine-panel h3,.rap-quarantine-page .quarantine-panel p,.rap-quarantine-page .quarantine-panel label,.rap-quarantine-page .quarantine-panel span,.rap-quarantine-page .quarantine-panel small{color:inherit}.rap-quarantine-page .quarantine-help,.rap-quarantine-page .quarantine-heading p{color:#b8c3d1}.quarantine-form-grid input,.quarantine-search input,.quarantine-actions input{background:#171b21;border:1px solid #59667a;color:#fff;border-radius:8px;padding:10px}.quarantine-check{justify-content:flex-end}.quarantine-check input{width:20px;height:20px}.quarantine-search{display:flex;gap:10px;margin:16px 0}.quarantine-search input{flex:1}.quarantine-entry{background:#191e25;border-color:#3b4655;color:#edf3fb}.quarantine-values span{background:#11161c;color:#b9c5d4}.quarantine-values b{color:#fff}.quarantine-new{color:#ffbf4d;background:rgba(255,191,77,.12);padding:6px 9px;border-radius:999px}.quarantine-due{color:#ff9f43}.quarantine-statuses{display:flex;gap:8px;flex-wrap:wrap}.quarantine-actions .secondary-button,.quarantine-actions .primary-button{margin:0}.operations-rap-change__body{display:flex;align-items:center;gap:14px;flex:1}.operations-asset-link{display:flex;flex-direction:column;gap:3px;flex:1;text-decoration:none;color:inherit}.operations-asset-link em{font-style:normal;color:#79adff}.operations-quarantine-button{white-space:nowrap}.operations-quarantine-button.is-quarantined{border-color:#ffad33;color:#ffca75}.operations-toolbar.panel{background:#252b34;color:#eef3fa}.operations-toolbar.panel h2{color:#eef3fa}.operations-toolbar.panel p,.operations-toolbar.panel label{color:#b8c3d1}.rap-quarantine-reminder{background:#3a2b13;color:#ffe5b5;border-color:#d89024}.rap-quarantine-reminder strong,.rap-quarantine-reminder p{color:inherit}


/* KCC v0.28.5 Hall of Fame contrast and Operations quarantine handoff */
.hall-event-toolbar--dark{background:linear-gradient(180deg,#252b34,#20262f)!important;border-color:#39414e!important;color:#eef3fa!important}
.hall-event-toolbar--dark label{color:#c7d1df!important}
.hall-event-toolbar--dark select{background:#171b21!important;color:#fff!important;border-color:#59667a!important}
.operations-quarantine-selection{position:sticky;top:8px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #4a6f9f;border-radius:10px;background:#1d2c40;box-shadow:0 8px 22px rgba(0,0,0,.24)}
.operations-quarantine-selection[hidden]{display:none}
.operations-rap-select{display:grid;place-items:center;flex:0 0 auto;cursor:pointer}
.operations-rap-select input{position:absolute;opacity:0;pointer-events:none}
.operations-rap-select span{width:20px;height:20px;border:2px solid #718096;border-radius:5px;background:#11161c}
.operations-rap-select input:checked+span{border-color:#2f7de1;background:#2f7de1;box-shadow:inset 0 0 0 4px #11161c}
.operations-rap-change__body{min-width:0;justify-content:space-between}
.operations-rap-change__body>div{min-width:0;flex:1}
.operations-quarantine-button{flex:0 0 auto}
@media(max-width:700px){.operations-rap-change__body{align-items:flex-start;flex-direction:column}.operations-quarantine-button{width:100%}.operations-quarantine-selection{align-items:stretch;flex-direction:column}.operations-quarantine-selection .primary-button{width:100%}}


/* KCC v0.28.7 — Hall of Fame contrast and Operations quarantine handoff */
.hall-main .panel,
.hall-main .detection-review,
.hall-main .event-manager,
.hall-main .hall-account-leaderboard {
  background:#252b34 !important;
  border-color:#39414e !important;
  color:#eef3fa !important;
}
.hall-main .panel h1,.hall-main .panel h2,.hall-main .panel h3,
.hall-main .panel strong,.hall-main .panel p,.hall-main .panel span,
.hall-main .panel label,.hall-main .panel small,
.hall-main .detection-review h2,.hall-main .detection-review h3,
.hall-main .detection-review p,.hall-main .detection-review strong,
.hall-main .event-manager h2,.hall-main .event-manager h3,
.hall-main .event-manager p,.hall-main .event-manager label {
  color:inherit;
}
.hall-main .panel .waiting,.hall-main .panel small,
.hall-main .detection-review small,.hall-main .event-manager p {
  color:#b8c3d1 !important;
}
.hall-main .detection-review-row { border-color:#3b4655; }
.hall-main .hall-account-row,.hall-main .hall-breakdown-row { border-color:#3b4655; }
.operations-quarantine-tools{display:grid;gap:10px;margin:12px 0}
.operations-select-all{display:inline-flex;align-items:center;gap:9px;width:max-content;color:#dbe5f2;font-weight:800;cursor:pointer}
.operations-select-all input{width:18px;height:18px;accent-color:#2f7de1}
.operations-rap-change{gap:12px}
.operations-rap-change>.operations-rap-select{align-self:center}
@media(max-width:700px){.operations-quarantine-tools{position:static}.operations-select-all{width:100%}}


/* KCC v0.29.0-dev1 - RAP quarantine bulk recovery */
.quarantine-bulk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border:1px solid #3d4654;border-radius:12px;background:#171c24;color:#f5f7fb}
.quarantine-bulk .quarantine-check{display:flex;align-items:center;gap:8px;margin-right:auto}
.quarantine-entry__title{align-items:flex-start}
.quarantine-entry-select{display:flex;align-items:center;justify-content:center;padding-top:4px}
.quarantine-entry-select input,.quarantine-bulk input[type=checkbox]{width:18px;height:18px;accent-color:#2f80ed}
.quarantine-form-grid select{width:100%;min-height:42px;border:1px solid #64748b;border-radius:9px;background:#141922;color:#f8fafc;padding:8px 10px}

/* v0.29.0-dev4 account RAP verification */
.asset-toolbar__checkbox{display:flex!important;align-items:center;gap:.55rem;align-self:end;min-height:42px;padding:.55rem .8rem;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:rgba(15,23,42,.55)}
.asset-toolbar__checkbox input{width:18px;height:18px}
.account-stat--link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.account-stat--link:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.75);background:rgba(30,64,175,.18)}
.account-stat__link-hint{display:block;margin-top:.2rem;font-size:.72rem;font-style:normal;color:#93c5fd}

/* KCC v0.29.0-dev6 - Secret/Exclusive filters and Assets quarantine workflow */
.asset-classification-filter--active[data-asset-classification="secret"]{background:#4a2d63;border-color:#b66ee8;color:#f1d8ff;box-shadow:0 0 0 2px rgba(182,110,232,.18)}
.asset-classification-filter--active[data-asset-classification="exclusive"]{background:#5b421d;border-color:#e6aa49;color:#ffe2a8;box-shadow:0 0 0 2px rgba(230,170,73,.18)}
.asset-badge--class-secret{background:#39214d;color:#ebc8ff;border-color:#9d61c8}
.asset-badge--class-exclusive{background:#4b3618;color:#ffdc95;border-color:#bd8737}
.asset-quarantine-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border:1px solid #394454;border-radius:12px;background:#171c24}
.asset-quarantine-toolbar__bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}
.asset-quarantine-toolbar__bulk strong{margin-right:auto}
.asset-quarantine-toolbar .waiting{width:100%;margin:0;min-height:1.2em}
.asset-quarantine-mode--active{border-color:#e6aa49!important;color:#ffe2a8!important;background:#4b3618!important}
.asset-card{position:relative}
.asset-card__quarantine-select{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #57657a;border-radius:9px;background:rgba(18,22,29,.94);font-size:12px;font-weight:800;cursor:pointer}
.asset-card__quarantine-select input{width:17px;height:17px;accent-color:#e6aa49}
.asset-card--quarantine-selected{border-color:#e6aa49!important;box-shadow:0 0 0 2px rgba(230,170,73,.25)}
.asset-card__actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
.asset-card__actions button{width:100%}
.asset-card__quarantine{border-color:#8c672d;color:#ffe2a8}
@media(max-width:700px){.asset-quarantine-toolbar,.asset-quarantine-toolbar__bulk{align-items:stretch;flex-direction:column}.asset-quarantine-toolbar button{width:100%}}

/* v0.29.0-dev9 quarantine workspace */
.quarantine-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.quarantine-summary-card{background:#252b34;border:1px solid #39414e;border-radius:14px;padding:18px;text-align:left;color:#eef3fa;cursor:pointer}.quarantine-summary-card span{display:block;color:#b8c3d1;font-weight:700}.quarantine-summary-card strong{display:block;font-size:2rem;margin-top:6px}.quarantine-summary-card:hover{border-color:#4c8fe8}.quarantine-collapsible{padding:0!important;overflow:hidden}.quarantine-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none}.quarantine-collapsible>summary::-webkit-details-marker{display:none}.quarantine-collapsible>summary strong{display:block;font-size:1.35rem}.quarantine-collapsible>summary small{display:block;color:#b8c3d1;margin-top:4px}.quarantine-collapsible .quarantine-chevron{font-size:1.5rem;transition:transform .2s ease}.quarantine-collapsible[open] .quarantine-chevron{transform:rotate(180deg)}.quarantine-panel-body{padding:0 22px 22px}.quarantine-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.quarantine-recovery-search{background:#1b2027;border:1px solid #39414e;border-radius:12px;padding:16px;margin-bottom:16px}.quarantine-recovery-search h3{margin:0}.quarantine-recovery-search p{margin:4px 0 12px}.quarantine-recovery-fields{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(160px,.7fr)) auto;gap:10px;align-items:end}.quarantine-recovery-fields label{display:flex;flex-direction:column;gap:5px}.quarantine-recovery-fields input{width:100%;background:#171b21;border:1px solid #59667a;color:#fff;border-radius:8px;padding:10px}.quarantine-panel-body hr{border:0;border-top:1px solid #39414e;margin:24px 0}@media(max-width:900px){.quarantine-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quarantine-recovery-fields{grid-template-columns:1fr 1fr}.quarantine-recovery-fields>input{grid-column:1/-1}}@media(max-width:560px){.quarantine-summary-grid{grid-template-columns:1fr}.quarantine-recovery-fields{grid-template-columns:1fr}}

/* v0.29.0-dev10 RAP Override Audit */
.quarantine-audit-fields{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:12px;align-items:end}.quarantine-audit-fields label{display:grid;gap:6px}.quarantine-audit-fields select,.quarantine-audit-fields input{width:100%}.quarantine-audit-card .quarantine-entry__title{grid-template-columns:auto 1fr auto}.quarantine-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}@media(max-width:1000px){.quarantine-audit-fields{grid-template-columns:1fr 1fr}}@media(max-width:650px){.quarantine-audit-fields{grid-template-columns:1fr}.quarantine-audit-card .quarantine-entry__title{grid-template-columns:auto 1fr}}


/* Daycare Chroma colour badges — v0.29.0-dev24 */
.daycare-pet-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.badge--chroma {
  min-height: 22px;
  padding: 3px 8px;
  font-size: 11px;
}

.badge--chroma-blue {
  color: #a9d7ff;
  background: rgba(47, 125, 225, 0.2);
  border-color: rgba(71, 151, 255, 0.75);
}

.badge--chroma-green {
  color: #9cf0bf;
  background: rgba(30, 170, 112, 0.18);
  border-color: rgba(55, 207, 137, 0.72);
}

.badge--chroma-purple {
  color: #d4b7ff;
  background: rgba(132, 85, 220, 0.2);
  border-color: rgba(164, 116, 245, 0.74);
}

.badge--chroma-orange {
  color: #ffc28c;
  background: rgba(225, 116, 36, 0.2);
  border-color: rgba(244, 139, 58, 0.76);
}

.badge--chroma-red {
  color: #ffabab;
  background: rgba(201, 60, 60, 0.2);
  border-color: rgba(235, 83, 83, 0.76);
}

.badge--chroma-yellow {
  color: #ffe68a;
  background: rgba(214, 160, 20, 0.2);
  border-color: rgba(238, 194, 59, 0.76);
}

.badge--chroma-unknown {
  color: #d2d8e1;
  background: rgba(110, 120, 135, 0.18);
  border-color: rgba(150, 160, 175, 0.62);
}

/* v0.29.0-dev26: global Stat pet RAP preference */
.stat-rap-banner{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;margin:0 0 1rem;padding:.55rem .85rem;border:1px solid rgba(245,158,11,.45);border-radius:10px;background:rgba(245,158,11,.10);font-size:.9rem}.stat-rap-banner[hidden]{display:none}.stat-rap-banner strong{color:#fbbf24}.stat-rap-banner span{opacity:.82}.rap-setting-toggle{display:flex;align-items:center;gap:.65rem;margin:.75rem 0;font-weight:700}.rap-setting-toggle input{width:1.15rem;height:1.15rem}.settings-card--rap small{display:block;opacity:.75;line-height:1.45}

/* KCC v0.30.1 — Stream Sync five-minute pacing and favourites */
.stream-session-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.stream-session-summary div{padding:12px;border:1px solid #343a45;border-radius:9px;background:#171a20}.stream-session-summary dt{color:#9fa8b5;font-size:12px}.stream-session-summary dd{margin:4px 0 0;font-weight:800}.stream-favourites-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0 10px}.stream-favourites-heading h3,.stream-favourites-heading p{margin:0}.stream-favourites-heading p{color:#9fa8b5;margin-top:4px}.stream-all-accounts-heading{margin:22px 0 10px}.sync-favourite-list{max-height:250px}.sync-stream-account{position:relative}.sync-stream-account .sync-manual-account{height:100%;padding-right:48px}.sync-favourite-button{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:transparent;color:#9fa8b5;font-size:25px;line-height:1;cursor:pointer}.sync-favourite-button:hover,.sync-favourite-button.is-favourite{color:#f6c344}.sync-queue-item--stream_waiting{border-left:4px solid #6b7280}@media(max-width:1000px){.stream-session-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.stream-session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-favourites-heading{align-items:stretch;flex-direction:column}}


/* KCC v0.30.2 — custom Stream Sync duration and Auto Sync assignment foundation */
.stream-custom-duration{display:inline-flex;gap:.65rem;align-items:end}.stream-custom-duration[hidden]{display:none}.stream-custom-duration label{display:flex;gap:.35rem;align-items:center}.stream-custom-duration input{width:5.25rem}.auto-sync-account-list{display:grid;gap:.7rem;margin-top:1rem}.auto-sync-account{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) 110px minmax(150px,.6fr);gap:.8rem;align-items:end;padding:.85rem;border:1px solid var(--border-color,#d8dde6);border-radius:10px}.auto-sync-identity{display:flex;flex-direction:column}.auto-sync-account label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.auto-sync-account select,.auto-sync-account input{width:100%}.auto-custom-interval[hidden]{display:none}@media(max-width:800px){.auto-sync-account{grid-template-columns:1fr 1fr}.auto-sync-identity{grid-column:1/-1}}

/* KCC v0.30.3 — compact drag-and-drop Sync Boards */
.sync-boards-panel{padding:0;overflow:hidden}.sync-boards-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem;cursor:pointer;list-style:none}.sync-boards-summary::-webkit-details-marker{display:none}.sync-boards-summary>span:first-child{display:flex;flex-direction:column;gap:.25rem}.sync-boards-summary strong{font-size:1.35rem}.sync-boards-summary small{color:#9fa8b5;font-weight:500}.sync-boards-summary-action{color:#8ebdff;font-weight:700}.sync-boards-panel[open] .sync-boards-summary{border-bottom:1px solid #343a45}.sync-boards-panel[open] .sync-boards-summary-action{font-size:0}.sync-boards-panel[open] .sync-boards-summary-action::after{content:"Collapse scheduling ▴";font-size:.9rem}.sync-boards-content{padding:1.25rem 1.4rem 1.4rem}.sync-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.sync-board{min-width:0;border:1px solid #3a414d;border-radius:11px;background:#1b1f26;overflow:hidden}.sync-board>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #343a45;background:#222730}.sync-board h3,.sync-board p{margin:0}.sync-board h3{font-size:1rem}.sync-board h3 span{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;margin-left:.3rem;padding:0 .4rem;border-radius:999px;background:#343b47;color:#cbd3df;font-size:.75rem}.sync-board p{margin-top:.2rem;color:#9fa8b5;font-size:.78rem}.sync-board-settings{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;color:#9fa8b5;font-size:.72rem}.sync-board-settings>span,.sync-board-settings label{display:flex;align-items:center;gap:.3rem;padding:.3rem .45rem;border:1px solid #3b4350;border-radius:7px;background:#181c22}.sync-board-setting-input{width:4.5rem;padding:.18rem .28rem}.sync-board-list{height:245px;overflow-y:auto;padding:.65rem;transition:background .15s ease}.sync-board-list.is-drag-over{background:rgba(59,130,246,.10)}.sync-board-account{display:flex;align-items:center;gap:.55rem;margin-bottom:.5rem;padding:.55rem .65rem;border:1px solid #353c48;border-radius:8px;background:#262b34;cursor:grab}.sync-board-account:last-child{margin-bottom:0}.sync-board-account:active{cursor:grabbing}.sync-board-account.is-dragging{opacity:.4}.sync-board-account>span:last-child{display:flex;min-width:0;flex-direction:column}.sync-board-account strong,.sync-board-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-board-account small{color:#aeb6c3}.sync-board-drag{color:#788292;font-weight:900;letter-spacing:-.18rem}.sync-board-empty{display:flex;align-items:center;justify-content:center;min-height:100%;margin:0;border:1px dashed #3a424e;border-radius:8px;color:#788292;text-align:center}.auto-sync-foundation-panel{display:none}@media(max-width:850px){.sync-board-grid{grid-template-columns:1fr}.sync-board-list{height:220px}.sync-boards-summary{align-items:flex-start;flex-direction:column}.sync-boards-summary-action{align-self:flex-end}}


/* KCC v0.30.6 — Auto Sync board countdowns and account results */
.sync-board-next{margin-top:.28rem!important}.sync-board-next strong{color:#8ebdff;font-size:.8rem}.sync-board-account-identity{display:flex;min-width:0;flex:1;flex-direction:column}.sync-board-account-status{display:flex;min-width:112px;margin-left:auto;align-items:flex-end;flex-direction:column;text-align:right}.sync-board-account-status strong{font-size:.78rem}.sync-board-account-status small{max-width:150px;font-size:.7rem}.sync-board-account-status--complete strong{color:#4ade80}.sync-board-account-status--running strong{color:#60a5fa}.sync-board-account-status--waiting strong,.sync-board-account-status--scheduled strong{color:#facc15}.sync-board-account-status--due strong{color:#fb923c}.sync-board-account-status--error strong{color:#f87171}@media(max-width:520px){.sync-board-account-status{min-width:88px}.sync-board-account-status small{max-width:100px}}

/* KCC v0.30.9 — Sync Board drag cleanup and live status reconciliation */
.sync-board-account,.sync-board-drag{user-select:none;-webkit-user-select:none}


/* KCC v0.30.10 — Sync Board scroll preservation and Move Selected */
.sync-board-selection-tools{display:grid;grid-template-columns:auto auto minmax(105px,1fr) auto;gap:.45rem;align-items:center;padding:.55rem .65rem;border-bottom:1px solid #343a45;background:#1d222a}
.sync-board-selection-tools select{min-width:0;padding:.42rem .5rem;border:1px solid #3b4350;border-radius:7px;background:#181c22;color:#d8dee8}
.sync-board-small-button{min-height:32px;padding:.38rem .55rem;font-size:.72rem;white-space:nowrap}
.sync-board-select{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer}
.sync-board-select input{width:16px;height:16px;margin:0;accent-color:#3b82f6}
.sync-board-account.is-selected{border-color:#3b82f6;background:#232f41}
.sync-board-account.is-running-locked{cursor:not-allowed;opacity:.78}
.sync-board-account.is-running-locked .sync-board-drag{opacity:.4}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:620px){.sync-board-selection-tools{grid-template-columns:1fr 1fr}.sync-board-selection-tools select,.sync-board-selection-tools [data-auto-move-selected]{grid-column:1/-1}}

/* v0.30.18 Hall of Fame acquisition tally */
.hall-account-row--header,.hall-account-row--columns{display:grid;grid-template-columns:minmax(0,1fr) 68px 68px;gap:10px;align-items:center}.hall-account-row--header{font-size:.72rem;text-transform:uppercase;color:var(--muted);padding-bottom:8px}.hall-account-row--columns>strong,.hall-account-row--header>strong{text-align:right}.hall-account-row--columns span{min-width:0}

/* v0.30.19 Hall of Fame acquisition badges and event tally */
.hall-acquisition-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-10px 0 26px}.hall-acquisition-summary__card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #3b4655;border-radius:12px;background:#20242b}.hall-acquisition-summary__card span{font-size:.82rem;font-weight:800;color:#c8d2df}.hall-acquisition-summary__card strong{font-size:1.45rem}.hall-acquisition-summary__card--hatch{border-color:rgba(74,144,226,.55)}.hall-acquisition-summary__card--clan{border-color:rgba(158,103,255,.58)}.hall-acquisition-summary__card--leaderboard{border-color:rgba(217,175,67,.65)}.hall-acquisition-summary__card--total{border-color:rgba(255,255,255,.22)}.hall-pet-card__badges{display:grid;gap:8px}.hall-pet-card__sources{display:flex;flex-wrap:wrap;gap:7px}.hall-acquisition-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:850;line-height:1}.hall-acquisition-badge--hatch{color:#b9dcff;background:rgba(47,125,225,.16);border-color:rgba(74,144,226,.5)}.hall-acquisition-badge--clan{color:#decaff;background:rgba(126,76,210,.18);border-color:rgba(158,103,255,.52)}.hall-acquisition-badge--leaderboard{color:#ffe29a;background:rgba(190,139,24,.17);border-color:rgba(217,175,67,.58)}@media(max-width:900px){.hall-acquisition-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hall-acquisition-summary{grid-template-columns:1fr}.hall-acquisition-summary__card{padding:12px 14px}}

/* v0.30.21 Donation Management Version 1 */
.donation-management-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px}.donation-management-heading h2,.donation-management-heading p{margin-top:0}.donation-mail-note{display:flex;gap:12px;align-items:center;margin:14px 0;padding:13px 16px;border:1px solid #765b1f;border-radius:10px;background:#302711;color:#f3d47c}.donation-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}.donation-filter-group{display:flex;gap:8px}.donation-filter-group .active{border-color:#638fd4;background:#253d62;color:#fff}.donation-toolbar label{display:flex;align-items:center;gap:8px}.donation-toolbar input{min-width:260px}.donation-toolbar>span{margin-left:auto;color:#aeb6c3}.donation-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.donation-card{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid #343c49;border-radius:14px;background:#20242b;box-shadow:0 8px 22px rgba(0,0,0,.16)}.donation-card--assigned{border-color:#426b50}.donation-card__topline,.donation-card__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.donation-source-badge,.donation-status-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid #465064;font-size:12px;font-weight:800}.donation-source-badge--mail{background:#172d47;color:#a9d3ff;border-color:#315f9a}.donation-source-badge--trade{background:#32294a;color:#dcc5ff;border-color:#66518d}.donation-status-badge{background:#3b2d18;color:#f1cc79;border-color:#806127}.donation-status-badge--assigned{background:#1d3826;color:#9ee5af;border-color:#3d7650}.donation-card__asset{display:flex;align-items:center;gap:14px;padding:13px;border-radius:11px;background:#171a20}.donation-card__asset-icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:12px;background:#242a33;font-size:34px}.donation-card__asset h3{margin:0 0 5px;font-size:18px}.donation-card__asset p{margin:0;color:#9da8b8}.donation-card__details{display:grid;gap:9px;margin:0}.donation-card__details div{display:grid;grid-template-columns:120px 1fr;gap:10px}.donation-card__details dt{color:#929dac;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.donation-card__details dd{margin:0}.donation-card__details dd small{display:block;color:#9da8b8;margin-top:3px}.donation-winner-form{display:grid;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid #343c49}.donation-winner-form label{display:grid;gap:5px;color:#aeb6c3;font-size:12px;font-weight:700}.donation-winner-form input,.donation-winner-form textarea{width:100%;box-sizing:border-box}.donation-card__actions{justify-content:flex-start}.donation-card__actions span{color:#aeb6c3;font-size:12px}@media(max-width:700px){.donation-management-heading{align-items:flex-start;flex-direction:column}.donation-toolbar>span{margin-left:0}.donation-toolbar input{min-width:0;width:100%}.donation-card-grid{grid-template-columns:1fr}.donation-card__details div{grid-template-columns:1fr}}

/* v0.30.22 Donation artwork */
.donation-card__asset-art{width:72px;height:72px;flex:0 0 72px;border-radius:10px;overflow:hidden;background:var(--surface-dark,#171b22);display:grid;place-items:center}
.donation-card__asset-image{width:100%;height:100%;object-fit:contain;display:block}
.donation-card__asset-art .donation-card__asset-icon{width:100%;height:100%;display:grid;place-items:center;font-size:2rem}
.donation-card--excluded{border-color:#6b4b4b;opacity:.9}
.donation-status-badge--excluded{background:#3c2525;color:#f2b3b3;border-color:#875252}
.donation-exclusion-note{display:grid;gap:4px;margin-top:auto;padding:13px;border-top:1px solid #493838;color:#d7b7b7}
.donation-exclusion-note span{font-size:12px;color:#a99696}

/* v0.30.24 — Donation artwork-unavailable presentation */
.donation-card__asset-art{width:64px;height:64px;flex:0 0 64px;border-radius:12px;overflow:hidden;background:#242a33}
.donation-card__asset-placeholder{display:flex;width:100%;height:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px;text-align:center;color:#c2cad6;background:#242a33}
.donation-card__asset-placeholder>span{font-size:24px;line-height:1}
.donation-card__asset-placeholder small{font-size:9px;line-height:1.05;color:#9da8b8}
.donation-card__asset-placeholder[hidden]{display:none}
.donation-card--excluded{border-color:#745e32;opacity:.9}
.donation-status-badge--excluded{background:#3d321d;color:#f1cc79;border-color:#806127}
.donation-exclusion-note{display:grid;gap:4px;padding:11px 12px;border:1px solid #69552d;border-radius:9px;background:#2c2619;color:#e7c973}
.donation-exclusion-note span{font-size:12px;color:#bfb28d}

/* v0.30.25 Donation winner record presentation */
.donation-winner-summary{display:grid;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid #343c49}
.donation-winner-summary__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #3d7650;border-radius:9px;background:#1d3826;color:#b8edc5}
.donation-winner-summary__heading span{font-size:12px;color:#8fc69d}
.donation-winner-summary dl{display:grid;gap:9px;margin:0}
.donation-winner-summary dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
.donation-winner-summary dt{color:#929dac;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.donation-winner-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.donation-winner-summary dl div{grid-template-columns:1fr}.donation-winner-summary__heading{align-items:flex-start;flex-direction:column}}


/* v0.30.27 Donation assigned-card final polish */
.donation-winner-summary__heading{justify-content:flex-start}
.donation-winner-summary__winner dd strong{font-size:1.08rem;color:#fff}
.donation-winner-summary .danger-button{min-height:42px}

/* v0.31.0 Donation Automation */
.donation-winner-summary__heading{justify-content:center;text-align:center}
.donation-status-badge:not(.donation-status-badge--assigned):not(.donation-status-badge--excluded){white-space:nowrap}
.donation-match-suggestion{display:grid;gap:12px;margin-top:auto;padding:13px;border:1px solid #806127;border-radius:10px;background:#2b2518}
.donation-match-suggestion__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f1cc79}
.donation-match-suggestion__heading span{font-size:12px;color:#c6ad70}
.donation-match-suggestion p{margin:0;color:#c8c0aa;font-size:13px;line-height:1.45}
.donation-match-suggestion dl{display:grid;gap:9px;margin:0}
.donation-match-suggestion dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
.donation-match-suggestion dt{color:#a9976d;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.donation-match-suggestion dd{margin:0;overflow-wrap:anywhere}
.donation-match-suggestion dd small{display:block;margin-top:3px;color:#b9ad90}
@media(max-width:700px){.donation-match-suggestion dl div{grid-template-columns:1fr}.donation-match-suggestion__heading{align-items:flex-start;flex-direction:column}}

/* Goals V1 ------------------------------------------------------------- */
.goals-page{max-width:1500px}.goals-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(135deg,#182d55 0%,#27285d 52%,#472663 100%);color:#f7f9ff;border:1px solid rgba(146,174,255,.3);box-shadow:0 18px 45px rgba(10,18,44,.3);overflow:hidden;position:relative}.goals-hero:after{content:"★ ✦ ★";position:absolute;right:18%;top:10px;font-size:42px;opacity:.08;transform:rotate(-8deg)}.goals-hero__eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#b9c9ff}.goals-hero h2{margin:.35rem 0;font-size:clamp(1.6rem,3vw,2.5rem)}.goals-hero p{margin:0;max-width:720px;color:#dce4ff}.goals-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.goals-summary article{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:18px;border-radius:18px;background:var(--panel,#fff);border:1px solid rgba(80,110,180,.18)}.goals-summary article>span{grid-row:1/3;font-size:2rem}.goals-summary strong{font-size:1.55rem}.goals-summary small{opacity:.7}.goals-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:24px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:12px 0}.section-heading h2{margin:0}.section-heading p{margin:.25rem 0 0;opacity:.68}.goal-card-list{display:grid;gap:18px}.quest-card{padding:20px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,246,255,.96));border:1px solid rgba(62,101,184,.2);box-shadow:0 12px 32px rgba(35,63,126,.1);position:relative;overflow:hidden}.quest-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(255,207,79,.25),transparent 65%)}.quest-card__top{display:flex;gap:15px;align-items:center}.quest-art{width:74px;height:74px;flex:none;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f4ff,#f4e9ff);font-size:2.25rem;box-shadow:inset 0 0 0 1px rgba(95,109,170,.12)}.quest-art img{max-width:86%;max-height:86%;object-fit:contain}.quest-card__identity{flex:1}.quest-difficulty{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#7b58c8}.quest-card h3{margin:.2rem 0;font-size:1.3rem}.quest-card p{margin:0;opacity:.72}.quest-menu{border:0;background:rgba(77,99,160,.1);border-radius:12px;width:38px;height:38px;cursor:pointer}.quest-track{height:22px;border-radius:999px;margin:20px 28px 12px 0;background:#dbe4f3;position:relative;box-shadow:inset 0 2px 5px rgba(31,55,100,.13);overflow:visible}.quest-track__fill{height:100%;min-width:3px;border-radius:999px;background:linear-gradient(90deg,#36b6d8,#6a75e8,#a45bd7);position:relative;transition:width .5s ease}.quest-spark{position:absolute;right:-8px;top:50%;width:18px;height:18px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(125,102,226,.25),0 0 16px #fff}.quest-track i{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);opacity:.8}.quest-track b{position:absolute;right:-30px;top:50%;transform:translateY(-54%);font-size:1.45rem}.quest-card__stats{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}.quest-card__stats strong{font-size:1.35rem}.quest-card__stats small{font-weight:500;opacity:.6}.quest-card__footer{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:.85rem;font-weight:700;color:#5f54a3}.achievement-vault{position:sticky;top:16px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(40,47,82,.98),rgba(65,42,95,.98));color:#fff;box-shadow:0 16px 40px rgba(32,24,64,.22)}.achievement-list{display:grid;gap:12px}.achievement-badge{display:flex;gap:12px;padding:14px;border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,215,104,.1));border:1px solid rgba(255,255,255,.16)}.achievement-badge__art{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.12);font-size:1.9rem}.achievement-badge__art img{max-width:90%;max-height:90%;object-fit:contain}.achievement-badge span{font-size:.65rem;letter-spacing:.08em;color:#ffd979;font-weight:900}.achievement-badge h3{margin:.15rem 0}.achievement-badge strong,.achievement-badge small{display:block}.achievement-empty{text-align:center;padding:36px 12px;opacity:.75}.achievement-empty span{font-size:3rem}.goal-dialog{width:min(720px,94vw)}.goal-dialog form{display:grid;gap:14px}.goal-dialog label{display:grid;gap:6px;font-weight:700}.goal-dialog input,.goal-dialog select,.goal-dialog textarea{width:100%}.goal-check{grid-template-columns:auto 1fr!important;align-items:center}.goal-check input{width:auto}.goal-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.goal-asset-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto}.goal-asset-option{display:grid;grid-template-columns:45px 1fr;text-align:left;column-gap:8px;padding:9px;border-radius:13px;border:1px solid rgba(80,100,160,.2);background:rgba(235,241,252,.7);cursor:pointer}.goal-asset-option span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center}.goal-asset-option img{max-width:100%;max-height:100%;object-fit:contain}.goal-asset-option small{opacity:.65}.goal-asset-option.selected{border-color:#7358d0;box-shadow:0 0 0 2px rgba(115,88,208,.18);background:#eee9ff}.dashboard-goals-panel{margin:22px 0;padding:20px;border-radius:22px;background:linear-gradient(135deg,rgba(61,133,225,.12),rgba(146,83,213,.1));border:1px solid rgba(70,103,176,.18)}.dashboard-goals-panel__heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dashboard-goals-panel__heading span{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#7054b9}.dashboard-goals-panel__heading h2{margin:.2rem 0}.dashboard-goals-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.dashboard-quest{display:flex;gap:12px;padding:14px;border-radius:17px;background:rgba(255,255,255,.84);color:inherit;text-decoration:none;border:1px solid rgba(80,103,165,.15);transition:transform .16s ease,box-shadow .16s ease}.dashboard-quest:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(37,62,120,.12)}.dashboard-quest__art{width:54px;height:54px;flex:none;border-radius:15px;background:#edf3ff;display:grid;place-items:center;font-size:1.8rem}.dashboard-quest__art img{max-width:88%;max-height:88%;object-fit:contain}.dashboard-quest__body{flex:1;min-width:0}.dashboard-quest__body>div:first-child{display:flex;justify-content:space-between;gap:8px}.dashboard-quest__track{height:10px;border-radius:999px;background:#dbe4f1;margin:8px 22px 6px 0;position:relative}.dashboard-quest__track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#35b8d3,#7c61de)}.dashboard-quest__track b{position:absolute;right:-22px;top:-7px}.dashboard-quest small{color:#66539f;font-weight:700}.dashboard-goals-empty{display:block;padding:20px;text-align:center;text-decoration:none;color:inherit;background:rgba(255,255,255,.75);border-radius:16px}
@media(max-width:900px){.goals-layout{grid-template-columns:1fr}.achievement-vault{position:static}.goals-summary{grid-template-columns:1fr}.goals-hero{align-items:flex-start;flex-direction:column}.goal-asset-picker{grid-template-columns:1fr}.quest-card__stats{grid-template-columns:1fr auto}.quest-card__stats span:last-child{grid-column:1/-1}.dashboard-goals-panel__heading{align-items:flex-start;gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.quest-track__fill,.dashboard-quest{transition:none}}

/* Goals v0.32.2 asset picker and contrast repair */
.goal-picker-hint{grid-column:1/-1;margin:0;padding:14px;border:1px dashed rgba(129,151,210,.35);border-radius:14px;color:#aebbd9;background:rgba(31,39,63,.55)}
.selected-goal-asset{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(135deg,rgba(43,61,103,.9),rgba(65,43,99,.9));border:1px solid rgba(128,154,235,.35);color:#f7f9ff}
.selected-goal-asset__art{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.selected-goal-asset__art img{max-width:90%;max-height:90%;object-fit:contain}.selected-goal-asset span,.selected-goal-asset small{display:block;color:#c7d3f5}.selected-goal-asset strong{display:block;font-size:1.05rem}.selected-goal-asset button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}
.goal-current-preview{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:13px 15px;border-radius:14px;background:rgba(41,62,99,.75);border:1px solid rgba(111,142,214,.28);color:#f5f8ff}.goal-current-preview span{font-weight:800}.goal-current-preview strong{font-size:1.35rem}.goal-current-preview small{grid-column:1/-1;color:#b9c8eb}
.goal-form-error{margin:0;padding:10px 12px;border-radius:10px;background:rgba(171,50,67,.2);border:1px solid rgba(255,103,123,.35);color:#ffd8df;font-weight:700}.goal-dialog button:disabled{opacity:.48;cursor:not-allowed}
.goal-asset-option{background:rgba(31,40,63,.92);color:#f4f7ff;border-color:rgba(116,142,205,.3)}.goal-asset-option small{color:#b5c1dd;opacity:1}.goal-asset-option:hover{border-color:#6f8de1;background:rgba(42,55,86,.98)}
.dashboard-goals-panel__heading a{color:#bfa7ff!important;font-weight:800;text-decoration:none}.dashboard-goals-panel__heading a:hover{color:#e1d7ff!important;text-decoration:underline}
.dashboard-goals-empty{color:#f7f9ff!important;background:linear-gradient(135deg,#245fba,#6b42b4)!important;border:1px solid rgba(139,173,255,.55)!important;font-weight:800;box-shadow:0 8px 22px rgba(22,45,99,.25)}.dashboard-goals-empty:hover{filter:brightness(1.08)}

/* KCC v0.32.3 — Goals quest journey and Achievement Vault polish */
.goals-page{max-width:1500px}
.goals-summary article{background:linear-gradient(145deg,#1c2430,#171e28);border-color:rgba(132,154,198,.18);color:#f5f7ff;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.goals-summary small{color:#b8c2d6;opacity:1}
.quest-card{background:linear-gradient(145deg,#151d28,#111923);border-color:rgba(121,146,196,.22);color:#f7f9ff;box-shadow:0 14px 36px rgba(0,0,0,.22)}
.quest-card:before{background:radial-gradient(circle,rgba(126,88,215,.17),transparent 68%)}
.quest-art{background:linear-gradient(145deg,#202d40,#25213e);box-shadow:inset 0 0 0 1px rgba(148,166,215,.18)}
.quest-card p{color:#b8c3d6;opacity:1}
.quest-menu{color:#e7ecff;background:rgba(120,142,190,.13)}
.quest-track{height:15px;margin:34px 34px 19px 0;background:#dce5f3;box-shadow:inset 0 2px 5px rgba(17,29,53,.28)}
.quest-track__fill{background:linear-gradient(90deg,#31bdd8,#6577ec,#a257d3)}
.quest-track__traveller{position:absolute;top:-31px;width:38px;height:38px;transform:translateX(-50%);display:grid;place-items:center;border-radius:10px;background:#1d2735;border:2px solid rgba(255,255,255,.88);box-shadow:0 6px 15px rgba(0,0,0,.35);transition:left .5s ease;z-index:2;font-size:1.25rem}
.quest-track__traveller img{max-width:88%;max-height:88%;object-fit:contain}
.quest-track b{right:-35px;font-size:1.65rem}
.quest-card__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:14px;border-top:1px solid rgba(132,151,190,.15)}
.quest-card__stats span{display:grid;gap:2px}
.quest-card__stats span:nth-child(2),.quest-card__stats span:nth-child(3){text-align:center}
.quest-card__stats span:last-child{text-align:right}
.quest-card__stats strong{font-size:1.45rem;color:#fff}
.quest-card__stats small{font-size:.75rem;color:#9eabc2;opacity:1}
.quest-card__footer{padding-top:12px;border-top:1px solid rgba(132,151,190,.12);color:#bc8cff}
.achievement-vault{background:linear-gradient(180deg,#182131,#201b36);border:1px solid rgba(125,145,190,.2)}
.achievement-badge{position:relative;align-items:center;padding:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,197,71,.07));border-color:rgba(255,255,255,.12)}
.achievement-badge__body{min-width:0;flex:1}
.achievement-badge__body p{margin:.15rem 0 .55rem;color:#c2c9da;font-size:.78rem}
.achievement-badge__body small{margin-top:.2rem;color:#d5d9e4}
.achievement-badge__award{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;color:#17202d;background:#ffd15a;border:4px solid #805b18;box-shadow:0 0 0 4px rgba(255,209,90,.14);font-weight:1000;font-size:1.3rem}
.dashboard-quest__track{overflow:visible}
.dashboard-quest__traveller{position:absolute;top:-12px;width:25px;height:25px;transform:translateX(-50%);display:grid;place-items:center;border-radius:7px;background:#202a39;border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:2;font-size:.8rem}
.dashboard-quest__traveller img{max-width:88%;max-height:88%;object-fit:contain}
@media(max-width:700px){.quest-card__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-card__stats span:nth-child(2),.quest-card__stats span:nth-child(3),.quest-card__stats span:last-child{text-align:left}.quest-track__traveller{width:32px;height:32px;top:-27px}}

/* KCC v0.32.4 — Goals moving remainder, egg groups, and dashboard contrast */
.quest-track__traveller small{position:absolute;top:40px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#cfb4ff;font-size:.68rem;font-weight:800;text-shadow:0 1px 3px #0b1018}
.quest-card__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.quest-card__stats span:nth-child(2){text-align:center}
.quest-card__stats span:last-child{text-align:right}
.quest-track__traveller--complete{animation:quest-target-pass 1.15s ease-in-out 1}
@keyframes quest-target-pass{0%{transform:translateX(-50%)}35%{transform:translate(-30%,-10px) rotate(-7deg)}65%{transform:translate(42%,-4px) rotate(7deg)}100%{transform:translateX(-50%)}}
.dashboard-quest{background:linear-gradient(145deg,#172130,#111a26)!important;color:#f7f9ff!important;border-color:rgba(125,151,205,.28)!important;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.dashboard-quest:hover{box-shadow:0 13px 30px rgba(0,0,0,.28)}
.dashboard-quest__art{background:linear-gradient(145deg,#202d40,#27213e)!important;box-shadow:inset 0 0 0 1px rgba(148,166,215,.18)}
.dashboard-quest__body strong,.dashboard-quest__body span{color:#f7f9ff}
.dashboard-quest__track{background:#dce5f3}
.dashboard-quest>small,.dashboard-quest__body>small,.dashboard-quest small{color:#c5a5ff!important}
.dashboard-quest__traveller small{position:absolute;top:27px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.58rem;color:#d5bdff!important;text-shadow:0 1px 3px #0a0f17}
@media(max-width:700px){.quest-card__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-track__traveller small{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.quest-track__traveller--complete{animation:none}}


/* KCC v0.32.5 — Goal remaining-label handoff */
.quest-track__remaining,.dashboard-quest__remaining{position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:3;transition:left .45s ease;font-weight:800;pointer-events:none}
.quest-track__remaining{top:31px;color:#cfb4ff;font-size:.68rem;text-shadow:0 1px 3px #0b1018}
.dashboard-quest__remaining{top:18px;color:#d5bdff!important;font-size:.58rem;text-shadow:0 1px 3px #0a0f17}
.quest-track__traveller small,.dashboard-quest__traveller small{display:none}
@media(max-width:700px){.quest-track__remaining{font-size:.62rem;top:27px}.dashboard-quest__remaining{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.quest-track__remaining,.dashboard-quest__remaining{transition:none}}

/* v0.32.7 Donation Management V1 final polish */
.donation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.donation-summary article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px;border:1px solid #343c49;border-radius:12px;background:#20242b}
.donation-summary article>span{grid-row:1/3;font-size:25px}.donation-summary strong{font-size:21px;color:#fff}.donation-summary small{color:#9da8b8}
.donation-rap-unavailable{color:#9da8b8;font-style:italic}.donation-confidence{color:#f4d277}.donation-match-checks{display:block;margin-top:5px;color:#d8c58f!important;line-height:1.5}
.donation-history{padding:10px 12px;border:1px solid #343c49;border-radius:9px;background:#191d23}.donation-history summary{cursor:pointer;color:#a9c9ff;font-weight:700}.donation-history ol{display:grid;gap:8px;margin:10px 0 0;padding-left:20px}.donation-history li strong,.donation-history li span{display:block}.donation-history li span{margin-top:2px;color:#9da8b8;font-size:12px}
@media(max-width:900px){.donation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.donation-summary{grid-template-columns:1fr}}


/* KCC v0.32.9 — Manual donation entry */
.donation-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.manual-donation-dialog{width:min(720px,calc(100vw - 28px));max-height:90vh;overflow:auto}
.manual-donation-dialog form{display:grid;gap:14px}
.manual-donation-dialog label{display:grid;gap:6px;color:#dce6f6;font-weight:700}
.manual-donation-dialog input,.manual-donation-dialog select,.manual-donation-dialog textarea{width:100%}
.manual-donation-dialog .goal-asset-picker{max-height:260px;overflow:auto}
.donation-source-badge--manual{border-color:#8c67d8!important;background:#2d2145!important;color:#e5d6ff!important}
.form-help{margin-top:-4px;color:#aab6c8}

/* v0.33.0 manual donation correction tools */
.donation-manual-tools{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(148,163,184,.2)}
.manual-donation-dialog label small{display:block;margin-top:.35rem;color:#a8b3cf;font-weight:400}

/* KCC v0.33.4 — Goals progress polish and lifetime achievements */
.quest-track__remaining--handoff{color:#ffd979;text-shadow:0 1px 3px #0b1018,0 0 10px rgba(255,209,90,.24)}
.quest-track__trophy{transform-origin:50% 65%}
.quest-track__trophy--complete{animation:quest-trophy-bounce 1.15s cubic-bezier(.2,.8,.25,1) 1}
@keyframes quest-trophy-bounce{0%,28%,100%{transform:translateY(-54%) scale(1) rotate(0)}45%{transform:translateY(-72%) scale(1.24) rotate(-8deg)}62%{transform:translateY(-48%) scale(.94) rotate(6deg)}78%{transform:translateY(-59%) scale(1.08) rotate(-3deg)}}
.achievement-badge--lifetime{border-color:rgba(255,209,90,.62);box-shadow:inset 0 0 0 1px rgba(255,209,90,.12),0 10px 24px rgba(0,0,0,.18)}
.achievement-badge--lifetime:before{content:"★";position:absolute;right:10px;top:7px;color:#ffd15a;font-size:.82rem}
.dashboard-lifetime{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#2b2344,#3a2948 58%,#5b421f);border:1px solid rgba(255,209,90,.62);box-shadow:0 12px 28px rgba(0,0,0,.24)}
.dashboard-lifetime__art{width:62px;height:62px;display:grid;place-items:center;flex:none;border-radius:16px;background:rgba(255,255,255,.1)}
.dashboard-lifetime__art img{max-width:90%;max-height:90%;object-fit:contain}
.dashboard-lifetime div:nth-child(2){display:grid;gap:2px;flex:1}.dashboard-lifetime span{font-size:.68rem;font-weight:900;letter-spacing:.11em;color:#ffd979}.dashboard-lifetime strong{font-size:1.05rem}.dashboard-lifetime small{color:#e9dfc5}.dashboard-lifetime>b{font-size:2rem}
@media(prefers-reduced-motion:reduce){.quest-track__trophy--complete{animation:none}}


/* KCC v0.33.5 — Achievement Vault and Lifetime Achievement presentation */
.achievement-vault .section-heading{margin-top:2px;margin-bottom:16px}
.achievement-vault__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.achievement-vault__summary>span{display:grid;gap:2px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}
.achievement-vault__summary strong{font-size:1.15rem;color:#fff}.achievement-vault__summary small{font-size:.68rem;color:#aeb8cc}
.achievement-badge{overflow:hidden}
.achievement-badge__art{width:68px;height:68px;flex:none}
.achievement-badge__details{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1)}
.achievement-badge__details strong{font-size:.86rem;color:#fff}
.achievement-badge__details small{display:grid!important;gap:1px;text-align:right;margin:0!important;font-size:.76rem;color:#fff!important}
.achievement-badge__details small em{font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:.56rem;color:#9eabc0}
.achievement-badge--lifetime{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,197,71,.13));position:relative}
.achievement-badge--lifetime:after{content:"LIFETIME";position:absolute;right:-31px;top:12px;transform:rotate(38deg);width:110px;padding:3px 0;text-align:center;font-size:.5rem;font-weight:1000;letter-spacing:.12em;color:#2d2110;background:#ffd15a}
.achievement-badge--lifetime .achievement-badge__award{color:#5b3b00;background:linear-gradient(145deg,#fff0a4,#f1b92d)}
.achievement-empty{display:grid;justify-items:center;gap:8px;padding:34px 16px;border:1px dashed rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.025)}
.achievement-empty span{font-size:2.7rem}.achievement-empty strong{font-size:1rem;color:#fff}.achievement-empty p{max-width:260px;margin:0;color:#aeb8cc;line-height:1.45}
.dashboard-lifetime{position:relative;overflow:hidden}
.dashboard-lifetime:after{content:"PERMANENT DASHBOARD AWARD";position:absolute;right:-43px;top:15px;width:170px;transform:rotate(35deg);padding:4px 0;text-align:center;background:#ffd15a;color:#2c210f;font-size:.49rem;font-weight:1000;letter-spacing:.08em}
@media(max-width:560px){.achievement-vault__summary{grid-template-columns:1fr}.achievement-badge{align-items:flex-start}.achievement-badge__details{grid-template-columns:1fr}.achievement-badge__details small{text-align:left}.achievement-badge__award{width:36px;height:36px}}


/* KCC v0.33.6 — Chronicle of Triumphs voice and scribe motto */
.achievement-vault__summary small{line-height:1.25}
.achievement-empty strong{max-width:300px;text-align:center;line-height:1.45}
.chronicle-motto{margin:28px auto 4px;text-align:center;font-size:.78rem;font-style:italic;letter-spacing:.025em;color:#8f9bb0;opacity:.9}
@media(max-width:560px){.chronicle-motto{padding:0 14px;line-height:1.5}}

/* v0.34.24 - Hall of Fame false-positive log minimisation */
.detection-review-intro{margin:.2rem 0 1rem;color:#d4d9e1}.detection-review--minimised{padding-bottom:1rem}.detection-review--minimised .event-manager__header{margin-bottom:0}.detection-review [hidden]{display:none!important}

/* v0.34.27: author display rules must never override the native hidden state. */
.inventory-heading-panel[hidden],.asset-browser[hidden],.asset-coming-soon[hidden]{display:none!important}

/* v0.34.30 — Donations bulk management */
.donation-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:10px 12px;border:1px solid #343c49;border-radius:10px;background:#171b22}.donation-bulk-bar>strong{color:#dbe4f2}.donation-bulk-bar>div{display:flex;gap:8px;flex-wrap:wrap}.donation-card__selector{display:inline-flex;align-items:center;gap:6px;color:#aeb6c3;font-size:12px;font-weight:700;cursor:pointer}.donation-card__selector input{margin:0}.donation-card--selected{outline:2px solid #638fd4;outline-offset:1px;border-color:#638fd4}@media(max-width:700px){.donation-bulk-bar{align-items:flex-start;flex-direction:column}.donation-bulk-bar>div{width:100%}.donation-bulk-bar>div button{flex:1 1 auto}}

.search-filter-help--compact { margin: 10px 0 0; font-size: 11px; }


.search-pet-filter-heading {
  display: flex;
  align-items: baseline;
  gap: 0.65rem;
  margin: 0.85rem 0 0.45rem;
}
.search-pet-filter-heading span {
  font-size: 0.78rem;
  opacity: 0.72;
}


/* KCC v0.34.37 — Search reuses the Assets Pets selected-state colours.
   Search uses data-search-* attributes, while the original Assets rules use
   data-asset-* attributes, so mirror the selectors explicitly. */
.asset-classification-filter--active[data-search-classification="all"]{background:#2f7de1;border-color:#58a0ff;color:#fff}
.asset-classification-filter--active[data-search-classification="stat"]{background:#20242b;border-color:#708096;color:#fff;box-shadow:inset 0 0 0 1px #11151b}
.asset-classification-filter--active[data-search-classification="secret"]{background:#4a2d63;border-color:#b66ee8;color:#f1d8ff;box-shadow:0 0 0 2px rgba(182,110,232,.18)}
.asset-classification-filter--active[data-search-classification="exclusive"]{background:#5b421d;border-color:#e6aa49;color:#ffe2a8;box-shadow:0 0 0 2px rgba(230,170,73,.18)}
.asset-classification-filter--active[data-search-classification="huge"]{background:#075da9;border-color:#42a5ff;color:#fff;box-shadow:0 0 10px rgba(66,165,255,.24)}
.asset-classification-filter--active[data-search-classification="titanic"]{background:#3d2467;border-color:#9b6ce3;color:#fff;box-shadow:0 0 10px rgba(155,108,227,.28)}
.asset-classification-filter--active[data-search-classification="gargantuan"]{background:#641f1f;border-color:#d65757;color:#fff;box-shadow:0 0 10px rgba(214,87,87,.25)}
.asset-variant-filter--active[data-search-variant="all"]{background:#40516b;border-color:#7f9ac0;color:#fff}
.asset-variant-filter--active[data-search-variant="normal"]{background:#313844;border-color:#8794a6;color:#fff}
.asset-variant-filter--active[data-search-variant="golden"]{background:linear-gradient(135deg,#fff1a8,#e6a900 62%,#8a5b00);border-color:#ffd45e;color:#17120a;box-shadow:0 0 10px rgba(255,212,94,.32)}
.asset-variant-filter--active[data-search-variant="rainbow"]{background:linear-gradient(90deg,#ff7676,#ffd76a,#7cf39d,#74b9ff,#d58cff);border-color:#fff;color:#12151a}
.asset-variant-filter--active[data-search-variant="shiny"]{background:linear-gradient(135deg,#fff,#aebfd2 55%,#66788c);border-color:#fff;color:#11161c;box-shadow:0 0 11px rgba(255,255,255,.42)}
.asset-variant-filter--active[data-search-variant="shiny-golden"]{background:linear-gradient(135deg,#fff 0%,#fff1a8 20%,#e6a900 65%,#8a5b00 100%);border-color:#fff6be;color:#17120a;box-shadow:0 0 13px rgba(255,235,140,.58)}
.asset-variant-filter--active[data-search-variant="shiny-rainbow"]{background:linear-gradient(90deg,#fff 0%,#ff8d8d 13%,#ffe07c 32%,#89f3a6 51%,#83c4ff 72%,#e2a1ff 90%,#fff 100%);border-color:#fff;color:#12151a;box-shadow:0 0 13px rgba(255,255,255,.58)}
.search-level-unavailable{padding:18px 20px;border:1px solid #8c672d;border-radius:12px;background:#302711;color:#ffe2a8}
.search-level-unavailable h3{margin:0 0 8px;color:#ffe2a8}
.search-level-unavailable p{margin:0;color:#e7cf9b}

/* v0.34.39 Protected Inventory Change Review */
.sync-queue-item--reviewable{cursor:pointer}.sync-queue-item--reviewable:hover{border-color:#d6a63d;box-shadow:0 0 0 1px rgba(214,166,61,.35) inset}.sync-queue-review-button{justify-self:end;align-self:center;padding:7px 10px;border:1px solid #a97d22;border-radius:7px;background:#3a311f;color:#ffd56a;font-weight:700;cursor:pointer}.sync-queue-review-button:hover{background:#4a3d24}.protected-change-dialog{width:min(960px,94vw)}.protected-change-body{padding:20px 24px 26px;overflow:auto;max-height:68vh}.protected-change-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.protected-change-columns section{min-width:0;padding:16px;border:1px solid #343a46;border-radius:10px;background:#171a20}.protected-change-columns h3{margin:0 0 12px}.protected-change-list{display:grid;gap:8px}.protected-change-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border-bottom:1px solid #30343c}.protected-change-row:last-child{border-bottom:0}.protected-change-row span,.protected-change-row small{display:block}.protected-change-row small{color:#aeb7c4;margin-top:3px}.protected-change-row strong{text-align:right}.protected-change-row--removed strong{color:#ff8b8b}.protected-change-row--added strong{color:#70d99a}.protected-change-evidence{margin:16px 0;padding:12px;border:1px solid #343a46;border-radius:9px;background:#171a20}.protected-change-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b9c4d5;font-size:12px}.protected-change-note{display:grid;gap:7px;color:#c7cfda}.protected-change-note textarea{resize:vertical;padding:10px;border:1px solid #3a414d;border-radius:8px;background:#171a20;color:#fff}.protected-change-dialog .sync-monitor-actions{justify-content:flex-end}@media(max-width:760px){.protected-change-columns{grid-template-columns:1fr}.sync-queue-review-button{grid-column:2}}


/* v0.34.46 Rare Pet Detector production diagnostics */
.operations-detector-status{margin-bottom:16px}
.operations-detector-status__header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.operations-detector-status__header h2,.operations-detector-status__header p{margin:0}
.operations-detector-status__header p{margin-top:5px;color:#aeb7c4}
.operations-detector-status__body.is-loading{opacity:.75}
.operations-detector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.operations-detector-grid article{padding:14px;border:1px solid #343a46;border-radius:9px;background:#171a20}
.operations-detector-grid span,.operations-detector-grid strong,.operations-detector-grid small{display:block}
.operations-detector-grid span{color:#9facbd;font-size:12px}
.operations-detector-grid strong{margin-top:5px;font-size:18px;color:#f5f7fa}
.operations-detector-grid small{margin-top:5px;color:#9fb8df;line-height:1.35}
.operations-detector-note{margin:12px 0 0;padding:10px 12px;border-left:3px solid #2f7de1;background:#171a20;color:#c8d2e1}
@media(max-width:900px){.operations-detector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.operations-detector-status__header{align-items:stretch;flex-direction:column}.operations-detector-grid{grid-template-columns:1fr}}


/* v0.34.47 Unviewed Huge detection audit */
.operations-detector-unviewed{margin-top:14px}
.operations-detector-list-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.operations-detector-list-head h3,.operations-detector-list-head p{margin:0}
.operations-detector-list-head p{margin-top:4px;color:#aeb7c4;font-size:12px}
.operations-detector-list{display:grid;gap:8px;max-height:480px;overflow:auto;padding-right:4px}
.operations-detector-detection{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #343a46;border-radius:8px;background:#171a20}
.operations-detector-detection__rank{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#252b35;color:#9fb8df;font-weight:700}
.operations-detector-detection__main strong,.operations-detector-detection__main span,.operations-detector-detection__main small{display:block}
.operations-detector-detection__main strong{color:#f5f7fa}
.operations-detector-detection__main span{margin-top:3px;color:#9fb8df}
.operations-detector-detection__main small{margin-top:4px;color:#aeb7c4;line-height:1.35}
.operations-detector-empty{padding:14px;border:1px dashed #3b4350;border-radius:8px;color:#aeb7c4;background:#171a20}


/* v0.34.49 Dashboard cache integrity diagnostics */
.operations-cache-integrity{margin-bottom:16px}
.operations-cache-integrity__header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.operations-cache-integrity__header h2,.operations-cache-integrity__header p{margin:0}
.operations-cache-integrity__header p{margin-top:5px;color:#aeb7c4}
.operations-cache-integrity__body.is-loading{opacity:.75}
.operations-cache-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;border-radius:8px;margin-bottom:12px}
.operations-cache-summary--ok{background:#16251e;border:1px solid #2e6d4b}
.operations-cache-summary--warn{background:#2a2117;border:1px solid #8a6531}
.operations-cache-summary strong,.operations-cache-summary span{display:block}
.operations-cache-summary span{color:#b7c1ce;font-size:12px}
.operations-cache-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.operations-cache-check{padding:13px;border-radius:8px;background:#171a20;border:1px solid #343a46}
.operations-cache-check__heading{display:flex;justify-content:space-between;gap:10px;align-items:center}
.operations-cache-check__heading strong{font-size:16px}
.operations-cache-check__heading span{font-size:11px;font-weight:800;letter-spacing:.08em}
.operations-cache-match .operations-cache-check__heading span{color:#66d39a}
.operations-cache-mismatch{border-color:#a06435}
.operations-cache-mismatch .operations-cache-check__heading span{color:#ffad67}
.operations-cache-check dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.operations-cache-check dl div{padding:8px;border-radius:6px;background:#111419}
.operations-cache-check dt{font-size:11px;color:#8f9cad}
.operations-cache-check dd{margin:3px 0 0;color:#f3f6fa;font-weight:700}
.operations-cache-check small{display:block;margin-top:4px;color:#94a3b7;line-height:1.35}
.operations-cache-revisions{margin-top:12px;color:#aeb7c4}
.operations-cache-revisions code{color:#a8c8ff}
@media(max-width:800px){.operations-cache-grid{grid-template-columns:1fr}.operations-cache-summary{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.operations-cache-integrity__header{align-items:stretch;flex-direction:column}.operations-cache-check dl{grid-template-columns:1fr}}


/* v0.34.50 Operations diagnostics moved below normal activity */
.operations-diagnostics-footer{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid #303743;
}
.operations-diagnostics-footer__heading{
  margin:0 0 12px;
}
.operations-diagnostics-footer__heading h2,
.operations-diagnostics-footer__heading p{
  margin:0;
}
.operations-diagnostics-footer__heading p{
  margin-top:4px;
  color:#98a6b8;
  font-size:12px;
}
.operations-diagnostics-footer .operations-detector-status,
.operations-diagnostics-footer .operations-cache-integrity{
  margin-bottom:16px;
}


/* v0.34.53 Hall of Fame variant badges use canonical Assets/Pets visual classes. */
.hall-pet-card__variants{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}


/* v0.34.54 HOF canonical variant visual bridge.
   These declarations mirror the canonical Assets/Pets badge rules at HOF-specific
   specificity so older Hall of Fame span/badge rules cannot override them. */
.hall-pet-card__variants .asset-badge--variant-golden{
  color:#3a2700;
  border-color:#d39d20;
  background:linear-gradient(135deg,#fff0a8 0%,#f6c84c 46%,#ca8b12 100%);
  text-shadow:0 1px rgba(255,255,255,.4);
}
.hall-pet-card__variants .asset-badge--variant-rainbow{
  color:#10131a;
  border-color:rgba(255,255,255,.6);
  background:linear-gradient(100deg,#ff7b7b 0%,#ffd36a 20%,#8ee58b 40%,#68d7ee 60%,#8d9cff 80%,#d98cff 100%);
  text-shadow:0 1px rgba(255,255,255,.45);
}
.hall-pet-card__variants .asset-badge--variant-shiny{
  color:#17202a;
  border-color:#d7e3ef;
  background:linear-gradient(135deg,#fff 0%,#cbd7e3 48%,#f7fbff 70%,#9eabba 100%);
  box-shadow:0 0 10px rgba(222,239,255,.25);
}
.hall-pet-card__variants .asset-badge--variant-shiny-golden{
  color:#302000;
  border-color:#ffe18a;
  background:linear-gradient(120deg,#fff9cf 0%,#f6c74b 30%,#fff4aa 48%,#d99513 70%,#fff3a5 100%);
  box-shadow:0 0 11px rgba(255,211,83,.32);
}
.hall-pet-card__variants .asset-badge--variant-shiny-rainbow{
  color:#10131a;
  border-color:#f4f8ff;
  background:linear-gradient(105deg,#fff 0%,#ff9b9b 14%,#ffe68b 29%,#9af0a3 45%,#93e9ff 61%,#a8a7ff 77%,#efa3ff 91%,#fff 100%);
  box-shadow:0 0 12px rgba(210,222,255,.32);
  text-shadow:0 1px rgba(255,255,255,.5);
}

/* Clan Korg V1 */
.clan-korg-page .summary-grid { margin-bottom: 1rem; }
.clan-admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin: 1rem 0; }
.clan-inline-form { display: grid; gap: .75rem; }
.clan-inline-form label { display: grid; gap: .35rem; font-weight: 700; }
.clan-inline-form input { padding: .65rem .75rem; border: 1px solid rgba(15, 23, 42, .18); border-radius: .75rem; }
.table-scroll { overflow-x: auto; }
.clan-table { width: 100%; border-collapse: collapse; }
.clan-table th, .clan-table td { padding: .7rem .75rem; border-bottom: 1px solid rgba(15, 23, 42, .1); text-align: left; vertical-align: top; }
.clan-table th { background: rgba(47, 125, 225, .08); color: #183153; }
.clan-table small { display: block; color: #64748b; margin-top: .2rem; }
.clan-account-pill { display: inline-grid; gap: .1rem; margin: .12rem .25rem .12rem 0; padding: .38rem .55rem; border-radius: .75rem; background: rgba(47, 125, 225, .11); }
.clan-account-pill span { font-size: .78rem; color: #475569; }
.clan-account-pill--alt { background: rgba(34, 197, 94, .14); }


/* v0.34.66 — Clan Korg identity + readability polish */
.clan-korg-page .clan-table th {
  background: rgba(47, 125, 225, .16);
  color: var(--text);
  font-weight: 800;
}
.clan-korg-page .clan-table td { color: var(--text); }
.clan-korg-page .clan-table small { color: var(--text-muted); }
.clan-korg-page .clan-account-pill span { color: var(--text-muted); }
.clan-korg-page .clan-summary-card {
  min-width: 0;
  overflow: hidden;
}
.clan-korg-page .clan-summary-value {
  max-width: 100%;
  font-size: clamp(1.25rem, 2.1vw, 1.75rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
  word-break: normal;
}
.clan-korg-page .clan-summary-value--medium {
  font-size: clamp(1.1rem, 1.75vw, 1.5rem);
}
.clan-korg-page .clan-summary-value--compact {
  font-size: clamp(.98rem, 1.45vw, 1.28rem);
}
@media (max-width: 720px) {
  .clan-korg-page .summary-grid { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 12px; }
  .clan-korg-page .summary-card { padding: 16px; }
}


/* v0.34.67 — keep latest clan battle name on one line */
.clan-korg-page .clan-summary-card--battle .clan-summary-value {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(.86rem, 1.35vw, 1.16rem);
  letter-spacing: -.015em;
}
@media (max-width: 720px) {
  .clan-korg-page .clan-summary-card--battle .clan-summary-value {
    font-size: clamp(.82rem, 3.4vw, 1.05rem);
  }
}

/* v0.34.68 — Clan Korg battle lifecycle + historical archive */
.clan-lifecycle-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.9rem}
.clan-state-badge,.clan-history-state{display:inline-flex;align-items:center;padding:.38rem .65rem;border:1px solid #4b5563;border-radius:999px;background:#202631;color:#d9e2ee;font-size:.78rem;font-weight:800}
.clan-state-badge--active{border-color:#3b82f6;background:rgba(59,130,246,.14);color:#b9d7ff}.clan-state-badge--ready{border-color:#f59e0b;background:rgba(245,158,11,.14);color:#ffd58a}.clan-state-badge--warning{border-color:#f59e0b;color:#ffd58a}.clan-state-badge--complete,.clan-history-state--completed{border-color:#22c55e;background:rgba(34,197,94,.14);color:#baf2cc}.clan-history-state--active{border-color:#3b82f6;background:rgba(59,130,246,.14);color:#b9d7ff}.clan-history-state--archived{border-color:#8b5cf6;background:rgba(139,92,246,.14);color:#d9c7ff}
.clan-score-role-section{margin-top:1.2rem}.clan-score-role-section>h3{margin:0 0 .65rem}.clan-score-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.clan-score-panel{min-width:0;border:1px solid #3b4350;border-radius:12px;background:#20252d;overflow:hidden}.clan-score-panel h4{display:flex;justify-content:space-between;gap:.75rem;margin:0;padding:.8rem 1rem;border-bottom:1px solid #3b4350;font-size:.95rem}.clan-score-panel--above{border-color:rgba(34,197,94,.48)}.clan-score-panel--above h4{background:rgba(34,197,94,.12);color:#baf2cc}.clan-score-panel--below{border-color:rgba(239,68,68,.5)}.clan-score-panel--below h4{background:rgba(239,68,68,.12);color:#ffc0c0}.clan-score-panel--neutral{border-color:#4b5563}.clan-score-row--above td:last-child{color:#78e49d;font-weight:800}.clan-score-row--below td:last-child{color:#ff9090;font-weight:800}.clan-score-table th,.clan-score-table td{white-space:nowrap}.clan-score-table td:nth-child(2){white-space:normal;min-width:150px}.clan-archive-detail{scroll-margin-top:1rem}.clan-archive-detail .clan-score-split{margin-bottom:1rem}
@media(max-width:900px){.clan-score-split{grid-template-columns:1fr}.clan-lifecycle-actions{align-items:stretch;flex-direction:column}.clan-lifecycle-actions button{width:100%}}

/* v0.34.69 Clan Korg Discord bot configuration */
.clan-discord-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1rem;margin-top:1rem}
.clan-discord-config-grid label{display:flex;flex-direction:column;gap:.4rem;font-weight:700;color:#eef4ff}
.clan-discord-config-grid input{width:100%;min-width:0}
.clan-discord-config-action{display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem}
.clan-discord-config-action .primary-button{width:100%}
@media (max-width:980px){.clan-discord-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.clan-discord-config-grid{grid-template-columns:1fr}}

/* KCC v0.34.70 — Clan Korg roster separation */
.clan-roster-section .section-heading{align-items:center}
.clan-roster-badge{display:inline-flex;align-items:center;padding:.28rem .55rem;border-radius:999px;font-size:.76rem;font-weight:800;border:1px solid #4b5563;background:#202631;color:#d9e2ee}
.clan-roster-badge--active{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.12);color:#baf2cc}
.clan-roster-badge--warning{border-color:rgba(245,158,11,.6);background:rgba(245,158,11,.12);color:#ffd58a}
.clan-roster-badge--left{border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.12);color:#ffc0c0}
.clan-roster-badge--unlinked{border-color:#64748b;background:rgba(100,116,139,.14);color:#d9e2ee}
.clan-roster-row--left{opacity:.72}
.clan-roster-inline{display:inline-flex;padding:.12rem .4rem;border-radius:999px;font-size:.7rem;font-weight:800}
.clan-roster-inline--active{background:rgba(34,197,94,.12);color:#78e49d}
.clan-roster-inline--left{background:rgba(239,68,68,.12);color:#ff9090}
.clan-account-pill--inactive{opacity:.62}
.clan-account-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.3rem}
.clan-mini-button{border:1px solid #526071;background:#2a323e;color:#eef4ff;border-radius:.5rem;padding:.22rem .45rem;font-size:.7rem;font-weight:700;cursor:pointer}
.clan-mini-button:hover{background:#344052}
.clan-mini-button--danger{border-color:rgba(239,68,68,.5);color:#ffc0c0;background:rgba(239,68,68,.09)}
.clan-unassigned-details{border:1px solid #3b4350;border-radius:12px;padding:.8rem 1rem;background:#20252d}
.clan-unassigned-details summary{cursor:pointer;color:#eef4ff}
.clan-unassigned-details[open] summary{margin-bottom:.8rem}

/* KCC v0.34.71 — Clan Korg owner is included in authoritative in-game roster. */


/* KCC v0.34.77 — explicit live vs Full Sync data freshness */
.data-freshness-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 .8rem;padding:.75rem 1rem;border:1px solid #475569;border-radius:10px;background:#202631;color:#dbe7f5;font-size:.84rem}
.data-freshness-banner strong{color:#f7fbff}.data-freshness-banner span{color:#b7c5d8}
.data-freshness-banner--live{border-color:rgba(34,197,94,.46);background:rgba(34,197,94,.08)}
.data-freshness-banner--deep{border-color:rgba(59,130,246,.46);background:rgba(59,130,246,.08)}
.data-freshness-banner strong span{color:inherit}
@media(max-width:720px){.data-freshness-banner{display:block}.data-freshness-banner>span{display:block;margin-top:.3rem}}


/* v0.34.82 — Clan Korg admin minimum + bot cadence polish */
.clan-admin-minimum-summary {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 12px 0 16px;
}
.clan-admin-minimum-summary > div {
  min-width: 150px;
  padding: 10px 12px;
  border: 1px solid var(--border, #334155);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
}
.clan-admin-minimum-summary span {
  display: block;
  margin-bottom: 3px;
  font-size: .8rem;
  opacity: .72;
}
.clan-admin-minimum-summary strong {
  font-size: 1rem;
}
.clan-discord-cadence-status {
  align-self: end;
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 0 2px;
  font-size: .82rem;
  opacity: .82;
}


/* KCC v0.34.86 — Quokka Lifetime Triumph and dashboard goal alignment */
.dashboard-quest__body{display:grid;grid-template-rows:auto auto auto;align-content:start}
.dashboard-quest__track{margin:9px 22px 18px 0}
.dashboard-quest__remaining{top:20px}
.dashboard-quest__milestone{display:block;min-height:1.05rem;margin-top:0;line-height:1.25}
.achievement-badge__story{display:grid;gap:3px;margin:.45rem 0 .2rem;padding:.55rem .65rem;border-radius:10px;background:rgba(255,209,90,.07);border:1px solid rgba(255,209,90,.18)}
.achievement-badge__story span{font-size:.7rem;color:#e8dba9;font-weight:800}
.achievement-badge__story a{font-size:.7rem;color:#ffd979;text-decoration:none;font-weight:800}
.achievement-badge__story a:hover{text-decoration:underline}
.dashboard-lifetime{display:block;padding:0}
.dashboard-lifetime__main{display:flex;align-items:center;gap:14px;padding:16px 18px;color:#fff;text-decoration:none}
.dashboard-lifetime__main>div:nth-child(2){display:grid;gap:2px;flex:1}
.dashboard-lifetime__stream{display:block;padding:8px 18px 10px;border-top:1px solid rgba(255,209,90,.18);color:#ffd979;text-decoration:none;font-size:.7rem;font-weight:800}
.dashboard-lifetime__stream:hover{text-decoration:underline}
@media(max-width:560px){.dashboard-quest__track{margin-bottom:20px}.dashboard-lifetime__main{align-items:flex-start}.dashboard-lifetime__main>b{margin-left:auto}}


/* KCC v0.34.87 — Dashboard goal spacing polish */
.dashboard-quest__track{margin-bottom:22px}
.dashboard-quest__milestone{margin-top:3px}
@media(max-width:560px){.dashboard-quest__track{margin-bottom:24px}}


/* v0.34.93 — Search completion */
.search-universal-section{margin:0 0 28px}
.search-universal-section>h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1.05rem}
.search-universal-section>h3 span{display:inline-flex;min-width:28px;justify-content:center;padding:2px 8px;border-radius:999px;background:#2d3748;color:#d7e5ff;font-size:.72rem}
.search-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.search-account-grid .notice{margin:0;padding:14px}
.search-account-grid strong,.search-account-grid small{display:block}
.search-account-grid small{margin-top:3px;color:var(--text-muted,#9aa8ba)}
.search-item-card .asset-card__location-counts{grid-template-columns:repeat(3,minmax(0,1fr))}

/* v0.34.94 — BIG Games 401 re-authorization QoL */
.sync-queue-reauth-button{justify-self:end;align-self:center;padding:7px 10px;border:1px solid #2f7de1;border-radius:7px;background:#17365f;color:#9ec9ff;font-weight:700;cursor:pointer;white-space:nowrap}.sync-queue-reauth-button:hover{background:#20497d}.sync-queue-item--auth-failed{border-right:1px solid #2f7de1}@media(max-width:600px){.sync-queue-reauth-button{grid-column:2;justify-self:start}}

/* v0.34.95 Clan Korg score history */
.clan-player-trend{scroll-margin-top:1rem}.clan-player-trend #clanPlayerTrendCharts{display:grid;gap:1rem;margin-top:1rem}.clan-trend-card{border:1px solid #3b4350;border-radius:12px;background:#20252d;padding:1rem}.clan-trend-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.clan-trend-heading h3{margin:0}.clan-trend-heading strong{font-size:1.35rem}.clan-trend-svg{display:block;width:100%;height:auto;max-height:260px;margin-top:.75rem}.clan-trend-axis{stroke:#566173;stroke-width:1}.clan-trend-line{fill:none;stroke:#7dd3fc;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.clan-trend-foot{display:flex;justify-content:space-between;gap:1rem;color:#9aa7b7;font-size:.78rem;margin-top:.25rem}.clan-member-actions{display:flex;gap:.4rem;flex-wrap:wrap}

/* v0.34.96 Clan Korg admin graph overview + collapsed history */
.clan-admin-history-details summary,.clan-all-score-trends summary{cursor:pointer;color:#eef4ff;font-size:1.05rem}
.clan-admin-history-details[open] summary,.clan-all-score-trends[open] summary{margin-bottom:.8rem}
.clan-all-score-trends-heading{margin-top:.7rem}
.clan-all-trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.75rem;margin-top:.75rem}
.clan-trend-card--compact{padding:.7rem}
.clan-trend-card--compact .clan-trend-heading strong{font-size:1rem}
.clan-trend-card--compact .clan-trend-heading h3{font-size:.9rem}
.clan-trend-card--compact .clan-trend-svg{max-height:125px;margin-top:.35rem}
.clan-trend-card--compact .clan-trend-foot{font-size:.67rem}
@media (max-width:700px){.clan-all-trend-grid{grid-template-columns:1fr}}


/* v0.34.99 Operations diagnostics: compact, dark and on-demand */
.operations-diagnostic{margin:0 0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden;color:var(--text)}
.operations-diagnostic>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none;background:var(--surface);color:var(--text)}
.operations-diagnostic>summary::-webkit-details-marker{display:none}
.operations-diagnostic>summary span:first-child{display:grid;gap:3px}
.operations-diagnostic>summary strong{font-size:15px;color:var(--text)}
.operations-diagnostic>summary small{color:var(--text-muted);font-size:12px;font-weight:400}
.operations-diagnostic__chevron{color:var(--warning);transition:transform .15s ease}
.operations-diagnostic[open] .operations-diagnostic__chevron{transform:rotate(180deg)}
.operations-diagnostic__content{padding:0 16px 16px;background:var(--surface);color:var(--text)}
.operations-diagnostic__actions{display:flex;justify-content:flex-end;margin-bottom:12px}
.operations-diagnostic .operations-detector-grid article,.operations-diagnostic .operations-cache-check,.operations-diagnostic .activity-error-state,.operations-diagnostic .operations-detector-empty{background:var(--surface-dark);color:var(--text);border-color:var(--border)}
.operations-diagnostic .waiting{color:var(--text-muted)}

/* v0.34.100: keep existing Search results visible while the newest filter request replaces them. */
.search-results--refreshing { opacity: 0.72; }
.search-results--refreshing .asset-card { pointer-events: none; }