.admin-view-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-view-card{padding:20px}.admin-view-card span{display:block;color:var(--muted);font-size:13px;font-weight:700}.admin-view-card strong{display:block;margin-top:7px;font-size:25px;text-transform:capitalize}.admin-view-card small{display:block;margin-top:6px;color:var(--muted)}.admin-view-details{padding:22px}.admin-view-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:16px}.admin-view-list div{padding:10px 0;border-bottom:1px solid var(--line)}.admin-view-list span{display:block;color:var(--muted);font-size:12px}.admin-view-list strong{display:block;margin-top:3px}

/* Add-on Sources: keep long manifest URLs from forcing the admin page wider than the viewport. */
#addonSourcesSection,#addonSourcesSection .panel,#addonSourcesSection .customer-head,#addonSourcesSection .customer-head>div,#addonSourceList{min-width:0;max-width:100%}
#addonSourcesSection .customer-head>div{flex:1 1 auto;overflow:hidden}
#addonSourcesSection .customer-head .muted{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
#addonPrimarySource,.addon-source-card{overflow:hidden}

@media(max-width:850px){.admin-view-grid,.admin-view-list{grid-template-columns:1fr}}

@media(max-width:760px){
  #addonSourcesSection{gap:14px;width:100%;overflow:hidden}
  #addonSourcesSection .section-head{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
  #addonSourcesSection .section-head>div{min-width:0}
  #addonSourcesSection .section-head h3{font-size:21px}
  #addonSourcesSection .section-head p{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  #refreshAddonSources{width:100%;margin:0}

  #addonSourcesSection .form-panel,#addonPrimarySource,#addonSourceList .addon-source-card{width:100%;max-width:100%;padding:18px;border-radius:16px}
  #addonSourcesSection .form-panel{margin:0}
  #addonSourcesSection .form-grid{gap:13px;margin-top:18px}
  #addonSourcesSection input,#addonSourcesSection select{min-width:0;max-width:100%}
  #addonSourceForm .actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin-top:2px}
  #addonSourceForm .actions button{width:100%;margin:0}

  #addonSourcesSection .customer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
  #addonSourcesSection .customer-head h4{margin:0 0 6px;font-size:17px}
  #addonSourcesSection .customer-head .muted{font-size:12px;line-height:1.45}
  #addonSourcesSection .badge{justify-self:end;white-space:nowrap}

  #addonSourcesSection .reseller-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
  #addonSourcesSection .reseller-metrics>span{min-width:0;padding:12px}
  #addonSourcesSection .reseller-metrics small{font-size:10px}
  #addonSourcesSection .reseller-metrics strong{font-size:16px;overflow-wrap:anywhere}

  #addonSourceList .addon-source-card>.actions.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:14px}
  #addonSourceList .addon-source-card>.actions.compact button{width:100%;min-width:0;margin:0;padding:10px 8px}
}

@media(max-width:420px){
  #addonSourcesSection .form-panel,#addonPrimarySource,#addonSourceList .addon-source-card{padding:15px}
  #addonSourcesSection .customer-head{grid-template-columns:1fr}
  #addonSourcesSection .badge{justify-self:start}
}