.hcgpt-user-limits {
    color: var(--hcgpt-type-structural-soft);
}

#hcgpt-app-view-settings .hcgpt-user-limits {
    margin: 0;
    padding: 0;
}

.hcgpt-user-limits__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hcgpt-user-limits__membership {
    align-items: baseline;
    background: var(--hcgpt-color-surface-2);
    border: 1px solid var(--hcgpt-color-border);
    border-radius: var(--hcgpt-radius-md);
    display: flex;
    gap: 8px;
    padding: 12px 14px;
}

.hcgpt-user-limits__membership-label {
    color: var(--hcgpt-color-text-muted);
    font-size: var(--hcgpt-font-size-13);
}

.hcgpt-user-limits__membership-value {
    color: var(--hcgpt-type-structural-strong);
    font-size: var(--hcgpt-font-size-15);
    font-weight: var(--hcgpt-font-weight-medium);
}

.hcgpt-user-limits__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

.hcgpt-user-limit-card {
    background: var(--hcgpt-color-surface);
    border: 1px solid var(--hcgpt-color-border);
    border-radius: var(--hcgpt-radius-md);
    padding: 14px;
}

.hcgpt-user-limit-card__title {
    color: var(--hcgpt-type-structural-strong);
    font-family: var(--hcgpt-font-sans);
    font-size: var(--hcgpt-font-size-16);
    font-weight: var(--hcgpt-font-weight-medium);
    margin: 0 0 8px;
}

.hcgpt-user-limit-card__line {
    color: var(--hcgpt-color-text-muted);
    font-size: var(--hcgpt-font-size-14);
    margin: 0;
}

.hcgpt-user-limit-card__line + .hcgpt-user-limit-card__line {
    margin-top: 4px;
}

.hcgpt-user-limit-card__line--unlimited {
    color: var(--hcgpt-color-text);
}

.hcgpt-user-limit-card__progress {
    appearance: none;
    border: 0;
    display: block;
    height: 8px;
    margin-top: 10px;
    width: 100%;
}

.hcgpt-user-limit-card__progress::-webkit-progress-bar {
    background: var(--hcgpt-color-surface-2);
    border-radius: 999px;
}

.hcgpt-user-limit-card__progress::-webkit-progress-value {
    background: var(--hcgpt-color-border-strong);
    border-radius: 999px;
}

.hcgpt-user-limit-card__progress::-moz-progress-bar {
    background: var(--hcgpt-color-border-strong);
    border-radius: 999px;
}