.admin-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:6px;background:var(--soft);border-radius:14px}.admin-nav button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}.admin-nav button.active{background:var(--card);color:var(--blue);box-shadow:0 2px 7px #24395d12}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.admin-metrics section{padding:22px;display:flex;flex-direction:column;gap:12px}.admin-metrics span{color:var(--muted)}.admin-metrics strong{font-size:32px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-box{padding:24px;min-width:0}.admin-box h2{margin:0 0 12px}.admin-box p{line-height:1.6}.admin-box>.btn{margin:4px 8px 8px 0}.admin-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.catalog-title{display:flex;align-items:center;gap:14px;min-width:0}.catalog-title strong{overflow-wrap:anywhere}.catalog-title small{display:block;color:var(--muted);margin-top:6px}.catalog-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-content{min-width:0}.admin-nav button:focus-visible{outline:3px solid #879eff}@media(max-width:700px){.admin-nav{display:grid;grid-template-columns:1fr 1fr}.admin-nav button{padding:12px 8px;font-size:14px}.admin-metrics{grid-template-columns:1fr 1fr;gap:10px}.admin-metrics section{padding:16px}.admin-metrics span{font-size:14px}.admin-grid{grid-template-columns:1fr}.admin-box{padding:18px}.catalog-row{align-items:stretch;flex-direction:column}.catalog-actions .btn{min-height:44px}.admin-toolbar>.search{width:100%;min-width:0}.admin-toolbar>.btn{width:100%}}

.admin-content .heading .eyebrow,.admin-content .um-summary{display:none}.admin-content .heading h1{font-size:24px}

@media(max-width:700px){
 .admin-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin;gap:4px;scroll-padding:6px;margin-bottom:20px}
 .admin-nav button{flex:0 0 auto;min-height:44px;padding:10px 14px;white-space:nowrap}
 .content:has(.admin-nav)>.heading{margin-bottom:20px}
 .content:has(.admin-nav)>.heading .eyebrow{display:none}
}
