/* A compact, account-specific quota within My Connections. */
.greeting-quota { margin-top: 12px; padding: 15px 14px 12px; border-radius: 12px; background: linear-gradient(120deg, #f5f8ff, #edf3ff); color: #202631; }
.greeting-quota [hidden], .greeting-upgrade [hidden] { display: none !important; }
.greeting-quota-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px; }
.greeting-quota-heading h3 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.5; font-weight: 850; }
.greeting-quota-heading svg { width: 21px; height: 21px; flex-shrink: 0; fill: none; stroke: #165cff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.greeting-quota-heading > span, .greeting-quota-values > span { color: #647085; font-size: 12px; }
.greeting-quota-values { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin: 14px 0 10px; }
.greeting-quota-values p { display: flex; align-items: baseline; gap: 7px; margin: 0; font-size: 17px; font-weight: 800; }
.greeting-quota-values strong { color: #165cff; font-size: 36px; line-height: 1.05; font-variant-numeric: tabular-nums; }
.greeting-quota[data-state="loading"] .greeting-quota-values strong,
.greeting-quota[data-state="guest"] .greeting-quota-values strong,
.greeting-quota[data-state="error"] .greeting-quota-values strong { font-size: 14px; line-height: 1.6; color: #647085; font-weight: 650; }
.greeting-quota[data-state="unlimited"] .greeting-quota-values strong { font-size: 21px; }
.greeting-quota[data-state="exhausted"] .greeting-quota-values strong { color: #c65325; }
.greeting-quota-meter { display: flex; gap: 6px; height: 7px; }
.greeting-quota-meter span { min-width: 0; flex: 1; overflow: hidden; border-radius: 99px; background: #dfe4ed; }
.greeting-quota-meter span.is-available { background: #165cff; }
.greeting-quota-meter i { display: block; height: 100%; margin-left: auto; background: #165cff; }
.greeting-quota-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; margin-top: 8px; }
.greeting-quota-footer:empty { display: none; }
.greeting-quota-footer small { color: #647085; font-size: 12px; line-height: 1.5; }
.greeting-quota-footer button { padding: 4px 0; border: 0; background: transparent; color: #165cff; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.greeting-upgrade { margin-top: 7px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 8px; padding: 10px 12px; border: 1px solid #f2df9a; border-radius: 10px; background: #fff9e7; }
.greeting-upgrade-copy { display: flex; align-items: center; gap: 7px; color: #514116; font-size: 12px; font-weight: 750; line-height: 1.6; }
.greeting-upgrade-copy > span:first-child { color: #b88b11; font-size: 20px; flex-shrink: 0; }
.greeting-upgrade > a, .greeting-upgrade > button { padding: 3px 0; border: 0; background: transparent; color: #815e0b; font: inherit; font-size: 12px; font-weight: 750; line-height: 1.6; cursor: pointer; }
.greeting-upgrade > a:hover, .greeting-upgrade > button:hover { text-decoration: underline; }
.greeting-upgrade > p { width: 100%; margin: 3px 0 0; color: #776234; font-size: 12px; line-height: 1.7; }
.greeting-upgrade > p a { color: #165cff; text-decoration: underline; }
.greeting-quota :is(button, a):focus-visible, .greeting-upgrade :is(button, a):focus-visible { outline: 2px solid #165cff; outline-offset: 3px; }
@media (max-width: 650px) { .greeting-quota { padding: 16px; } .greeting-upgrade { padding: 12px 14px; } }