.savedProfileSummary { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%),var(--panel)); }
.savedProfileSummaryHeader,.profileLibraryHeader { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.savedProfileSummaryHeader h3,.profileLibraryHeader h2 { margin: 4px 0 6px; }
.savedProfileSummaryHeader p,.profileLibraryHeader p { margin: 0; color: var(--muted); }
.savedProfileMetrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.savedProfileMetrics > div { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-raised); }
.savedProfileMetrics span { display: block; color: var(--muted); font-size: .74rem; font-weight: 800; }
.savedProfileMetrics strong { display: block; margin-top: 6px; font-size: 1.15rem; color: var(--text); }
.savedProfileSummary > .btn { width: 100%; }
.profileLibraryHeader { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid color-mix(in srgb,var(--accent) 32%,var(--line)); }
.profileLibraryPage .profileCatalog { margin-top: 0 !important; }

/* Match navigation width to the content column and keep five equal controls. */
.tabs { width: 100% !important; max-width: none !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; overflow: visible !important; }
.tabs .tab { min-width: 0 !important; width: 100% !important; }
.tab[data-tab="inventory"] { text-transform: capitalize; }

@media(max-width:700px){
  .savedProfileMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .savedProfileSummaryHeader,.profileLibraryHeader{flex-direction:column}
  .profileLibraryHeader .btn{width:100%}
  .tabs{overflow-x:auto!important;grid-template-columns:repeat(5,minmax(130px,1fr))!important}
  .tabs .tab{min-width:130px!important}
}