.project-quota-overview { min-width: 0; padding: 12px 16px; margin: 0 0 16px; background: var(--surface, #141c26); border: 1px solid var(--line, #263243); border-radius: 9px; color: var(--text, #dbe4f0); }
.project-quota-header { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; border-radius: 4px; }
.project-quota-header::-webkit-details-marker { display: none; }
.project-quota-header::marker { content: ''; }
.project-quota-header::before { content: '›'; flex-shrink: 0; color: #96a8bd; font-size: 20px; line-height: 1; transition: transform .15s; }
.project-quota-overview[open] > .project-quota-header::before { transform: rotate(90deg); }
.project-quota-header > .project-quota-title { flex: 1; }
.project-quota-header .project-quota-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 14px; }
.project-quota-header .project-quota-title p { margin: 0; }
.project-quota-header > .project-quota-total { margin-left: auto; }
.project-quota-title { min-width: 0; }
.project-quota-title h2 { margin: 0; font-size: 15px; font-weight: 650; }
.project-quota-title p, .project-quota-total > span { margin: 4px 0 0; color: var(--muted, #94a3b8); font-size: 12px; }
.project-quota-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; border-radius: 4px; }
.project-quota-total > strong { font-size: 25px; line-height: 1.1; color: #a9cdff; font-variant-numeric: tabular-nums; }
.project-quota-summary { display: flex; flex-wrap: wrap; gap: 6px 17px; margin: 13px 0 10px; font-size: 12px; }
.project-quota-summary .quota-available { color: #7ad7a6; }
.project-quota-summary .quota-exhausted { color: #d0a1a6; }
.project-quota-summary .quota-google-blocked { color: #f2c373; }
.project-quota-summary .quota-unknown { color: var(--muted, #94a3b8); }
.project-quota-accounts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 8px; align-items: start; }
.project-quota-account { min-width: 0; margin: 0; border: 1px solid #2d4050; background: #111b24; border-radius: 7px; }
.project-quota-account.quota-exhausted { border-color: #594047; background: #241d25; }
.project-quota-account.quota-google-blocked { border-color: #6b5532; background: #272217; }
.project-quota-account.quota-unknown { border-color: #3b4553; background: #1b222d; }
.project-quota-account-toggle { padding: 10px 11px; cursor: pointer; list-style: none; border-radius: 6px; }
.project-quota-account-toggle::-webkit-details-marker { display: none; }
.project-quota-account-toggle::marker { content: ''; }
.project-quota-account-toggle:hover { background: #ffffff06; }
.project-quota-account-heading { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.project-quota-account-heading::after { content: '⌄'; margin-left: auto; color: #96a8bd; flex-shrink: 0; }
.project-quota-account[open] .project-quota-account-heading::after { transform: rotate(180deg); }
.project-quota-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; font-size: 12px; font-weight: 550; color: #d6e2f1; }
.project-quota-profile { flex-shrink: 0; color: #96a8bd; font-size: 10px; }
.project-quota-account-body { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 6px; }
.project-quota-account-count { font-size: 21px; font-weight: 650; line-height: 1.1; font-variant-numeric: tabular-nums; color: #88dcb2; }
.quota-exhausted .project-quota-account-count { color: #d9a2aa; }
.quota-google-blocked .project-quota-account-count { color: #f2c373; }
.quota-unknown .project-quota-account-count { color: #a6b4c7; }
.project-quota-state { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-size: 11px; color: #b1c1d3; }
.project-quota-symbol { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; font-weight: 700; color: #7ad7a6; }
.quota-exhausted .project-quota-symbol { color: #d9a2aa; }
.quota-google-blocked .project-quota-symbol { color: #f2c373; }
.quota-unknown .project-quota-symbol { color: #a6b4c7; }
.project-quota-account-note { display: block; margin-top: 5px; font-size: 10px; color: #aebbc9; }
.project-quota-account-detail { padding: 0 11px 10px; border-top: 1px solid #ffffff12; overflow-wrap: anywhere; }
.project-quota-detail-identity { margin: 9px 0 6px; font-size: 12px; color: #cfdef0; }
.project-quota-detail-line, .project-quota-detail-warning { margin: 6px 0 0; font-size: 11px; line-height: 1.5; color: #a9b7c9; }
.project-quota-detail-warning { color: #f2c373; }
.project-quota-disclaimer { margin: 10px 0 0; font-size: 11px; line-height: 1.5; color: #96a6bb; }
.project-quota-empty { margin: 0; padding: 10px 0; font-size: 13px; color: var(--muted, #94a3b8); }
.project-quota-header:focus-visible, .project-quota-total:focus-visible, .project-quota-account-toggle:focus-visible, .catalog-metric-quota:focus-visible { outline: 2px solid #81adff; outline-offset: 3px; }
.catalog-metric-quota .catalog-metric-value { color: #85d8ac; }
.catalog-metric-quota[data-quota-total="0"] .catalog-metric-value { color: #d9a2aa; }
.catalog-metric-quota[data-quota-complete="false"] .catalog-metric-value { color: #f2c373; }
.catalog-metric-quota .catalog-metric-note { max-width: 130px; white-space: normal; }
.project-catalog-table th.catalog-heading-quota { width: 112px; }
.project-catalog-table th.catalog-heading-sitemaps { width: 82px; }
.project-catalog-table th.catalog-heading-accepted { width: 106px; }
.project-catalog-table th.catalog-heading-attention { width: 96px; }
@media (max-width: 600px) {
  .project-quota-overview { padding: 12px; }
  .project-quota-header { align-items: flex-start; }
  .project-quota-header > .project-quota-total { max-width: 38%; flex-direction: column; align-items: flex-end; text-align: right; gap: 2px; }
  .project-quota-accounts { grid-template-columns: 1fr; }
}