/* Shared navigation and filters for the public catalog and management page. */
.summary-unit-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.summary-unit-content .summary-label{display:block;margin:0}
.unit-select{width:100%;max-width:160px;min-height:39px;padding:5px 12px;border:1px solid #e4d9e8;border-radius:10px;background:#faf6fc;color:#741d7e;font-size:16px;font-weight:700;cursor:pointer}
.unit-select:focus-visible{outline:3px solid #dec2e5;outline-offset:2px}
.toolbar{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e9e0ed;border-radius:18px;box-shadow:0 5px 20px rgba(66,31,73,.04);backdrop-filter:none}
.toolbar .search-wrap{flex:1;min-width:180px}
.toolbar .search-input{height:46px;background:#f8f5fa;border:1px solid #ebe3ef;border-radius:12px}
.toolbar .segmented{padding:4px;background:#f6f0f8;border:1px solid #eadeef;border-radius:12px;flex:none}
.toolbar .segmented button{padding:9px 14px;border-radius:9px;font-size:12px}
.toolbar .segmented button.active{background:#741d7e;color:#fff;box-shadow:none}
.toolbar .ghost-btn{padding:12px 16px;background:#fff;border:1px solid #e6d9ec;color:#6b4179;font-size:12px;white-space:nowrap}
.toolbar .ghost-btn:disabled{opacity:.5;cursor:wait}
.category-nav{display:block;padding:22px;margin:0 0 24px;background:#fff;border:1px solid #e8dfed;border-radius:22px;overflow:visible}
.catalog-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.menu-eyebrow{display:block;color:#9b7aa8;font-size:11px;margin-bottom:4px}
.catalog-menu-heading h2{margin:0;font-size:20px;color:#35203d}
.filter-result-count{font-size:12px;color:#80658c;background:#f7f1fa;padding:6px 12px;border-radius:20px;white-space:nowrap}
.family-menu{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #eee6f2}
.family-tab{display:flex;align-items:center;justify-content:center;gap:16px;min-width:140px;padding:13px 18px;border:1px solid #e6d9ec;border-radius:12px;background:#faf7fc;color:#725380;font-size:14px;font-weight:700;cursor:pointer}
.family-tab.active{background:#741d7e;border-color:#741d7e;color:#fff;box-shadow:0 5px 16px rgba(116,29,126,.13)}
.menu-count{padding:2px 8px;border-radius:8px;font-size:11px;background:rgba(116,29,126,.08);min-width:28px}
.family-tab.active .menu-count{background:rgba(255,255,255,.17)}
.subcategory-menu{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}
.subcategory-menu .category-chip{border:1px solid #eadff0;border-radius:10px;background:#fff;color:#77627f;padding:9px 14px;font-size:12px;white-space:normal;box-shadow:none}
.subcategory-menu .category-chip.active{background:#f1e4f5;color:#741d7e;border-color:#b977c5;font-weight:700}
.subcategory-menu .category-chip:disabled{opacity:.4;cursor:default}
.family-tab:hover:not(.active),.subcategory-menu .category-chip:hover:not(.active):not(:disabled){background:#f5edf8;border-color:#c49bcf}
@media(max-width:1000px){
  .toolbar{flex-wrap:wrap}
  .toolbar .search-wrap{flex-basis:100%}
}
@media(max-width:560px){
  .category-nav{padding:16px;border-radius:18px}
  .catalog-menu-heading h2{font-size:18px}
  .family-menu{gap:6px}
  .family-tab{flex:1;min-width:0;padding:11px 8px;gap:6px;font-size:12px}
  .menu-count{padding:2px 5px;font-size:10px;min-width:0}
  .subcategory-menu{gap:6px}
  .subcategory-menu .category-chip{padding:8px 10px;font-size:11px}
  .toolbar{padding:12px}
  .toolbar .segmented{display:flex;flex:1}
  .toolbar .segmented button{padding:9px 10px}
  .toolbar .ghost-btn{flex:1}
}
@media print{.admin-bar,.toolbar,.category-nav{display:none!important}}