.ai-api-key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-md,16px);min-width:0}
.ai-api-key-card{min-width:0;padding:var(--space-md,16px);border:1px solid var(--border,#334155);border-radius:var(--radius-lg,16px);background:var(--panel,#111827)}
.ai-api-key-card h3{margin:0 0 8px;font-size:var(--fs-md,16px);overflow-wrap:anywhere}
.ai-api-key-card h3{display:flex;align-items:center;gap:8px;min-width:0}
.ai-api-key-provider-logo{width:28px;height:28px;flex:0 0 28px;object-fit:contain}
#dashboardApiKeysPanel .platform-picker{margin-top:0;min-width:0;max-width:100%;flex:1 1 220px}
#dashboard #dashboardApiKeysPanel .overview-collection-filter>.label,#dashboard #dashboardApiKeysPanel .overview-collection-filter>label{min-width:0;width:100%}
#dashboard #dashboardApiKeysPanel .overview-collection-filter .platform-picker{grid-column:2;grid-row:1;width:100%;min-width:0}
.platform-picker-menu:has(img[src^="/renderer-assets/2820eb82c9728f599d004a95967f5380a89b9505430984c31ee8ad630696faa0/assets/providers/provider-"]){min-width:min(220px,calc(100vw - 16px))}
#dashboardApiKeysPanel .platform-picker-trigger{min-height:40px;height:40px;margin:0;padding:6px 10px}
@media(max-width:700px){
  #dashboard #dashboardApiKeysPanel .overview-collection-controls{grid-template-columns:minmax(0,1fr) 144px}
  #dashboard #dashboardApiKeysPanel .overview-collection-filter{grid-column:1/-1;min-width:0;width:100%}
  #dashboard #dashboardApiKeysPanel .overview-collection-filter label{grid-template-columns:64px minmax(0,1fr)}
  #dashboard #dashboardApiKeysPanel .overview-collection-controls>.dashboard-add-button{grid-column:2;grid-row:2}
  #dashboard #dashboardApiKeysPanel .overview-collection-meta{grid-column:1;grid-row:2;justify-self:start;align-self:center}
}
.ai-api-key-card .ai-provider-key-controls{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ai-api-key-card input{width:100%;min-width:0;box-sizing:border-box}
.ai-api-key-card button{min-width:0;max-width:100%;white-space:normal}
.ai-api-key-card p{flex-basis:100%;overflow-wrap:anywhere}
.ai-key-named,.ai-key-legacy{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0}
.ai-key-named[hidden],.ai-key-legacy[hidden]{display:none!important}
.ai-provider-key-controls [hidden]{display:none!important}
.ai-named-key-list{width:100%;min-width:0;display:grid;gap:8px}
.ai-named-key-row{display:flex;align-items:center;gap:8px;min-width:0}
.ai-named-key-row>span{flex:1;min-width:0;overflow-wrap:anywhere}
.ai-key-named>label{display:grid;gap:6px;width:100%;min-width:0}
.ai-key-named select{width:100%;min-width:0}
.ai-key-visible-models{display:grid;grid-auto-rows:min-content;align-content:start;gap:6px;width:100%;min-width:0;min-height:0;box-sizing:border-box;max-height:240px;overflow:auto;padding:8px}
.ai-key-visible-models label{display:flex;align-items:center;gap:8px;min-height:32px;margin:0;overflow-wrap:anywhere}
.ai-api-key-card .ai-key-visible-models input{width:18px;height:18px;min-height:18px;margin:0;flex:0 0 18px}