.lingzhou-cpa-overlay-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  margin-bottom: 12px;
  border: 1px solid #91c8b1;
  border-radius: 10px;
  background: #f5fbf8;
  color: #234f59;
  font-size: 13px;
  line-height: 1.5;
}

.lingzhou-cpa-overlay-banner a {
  flex: 0 0 auto;
  color: #116d6e;
  font-weight: 700;
  text-decoration: none;
}

.lingzhou-cpa-overlay-banner a:hover,
.lingzhou-cpa-overlay-banner a:focus {
  text-decoration: underline;
}

.lingzhou-cpa-overlay-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 2147483647;
  max-width: min(420px, calc(100vw - 40px));
  padding: 12px 14px;
  border-radius: 9px;
  background: #143d46;
  color: #fff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
  font-size: 13px;
  line-height: 1.5;
}

.cpa-quota-usage-block {
  margin-top: 10px;
  margin-bottom: 8px;
  padding: 9px 11px;
  border: 1px solid #e5edf7;
  border-radius: 5px;
  background: #f8fbff;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}

.cpa-quota-usage-block--auth {
  margin-top: 2px;
  margin-bottom: 8px;
  padding: 8px 10px;
  background: #f7fbff;
}

.cpa-quota-usage-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 14px;
  align-items: center;
}

.cpa-quota-usage-row + .cpa-quota-usage-row {
  margin-top: 6px;
}

.cpa-quota-usage-label {
  color: #74839a;
}

.cpa-quota-usage-tokens {
  color: #20324a;
  font-weight: 700;
}

.cpa-quota-usage-cost {
  color: #52b629;
  font-weight: 700;
}

button[data-lingzhou-overlay-label] {
  font-size: 0 !important;
}

button[data-lingzhou-overlay-label]::before {
  content: attr(data-lingzhou-overlay-label);
  font-size: 13px;
}

@media (max-width: 680px) {
  .lingzhou-cpa-overlay-banner {
    align-items: flex-start;
    flex-direction: column;
  }
}