/* Demo directories: isolated additions for /vendors and /partners. */
.symbiosis-directory [hidden]{display:none!important}
.symbiosis-directory [data-sd-results-section]{scroll-margin-top:96px}
.symbiosis-directory [aria-busy="true"]{min-height:160px;opacity:.72}

.symbiosis-directory .symbiosis-filter-form{margin-bottom:14px}
.symbiosis-directory .symbiosis-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;grid-column:1/-1}
.symbiosis-directory .symbiosis-filter-actions .btn{min-height:44px}
.symbiosis-directory .symbiosis-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
.symbiosis-directory .symbiosis-active-label{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.symbiosis-directory .symbiosis-filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:8px 11px;border:1px solid rgba(196,55,102,.42);border-radius:999px;background:rgba(196,55,102,.13);color:#ffe0ea;font-size:12px;font-weight:800;cursor:pointer}
.symbiosis-directory .symbiosis-filter-chip span{overflow-wrap:anywhere;text-align:left}
.symbiosis-directory .symbiosis-filter-chip b{font-size:17px;line-height:1;font-weight:500}
.symbiosis-directory .symbiosis-filter-chip:hover,.symbiosis-directory .symbiosis-filter-chip:focus-visible{border-color:#e36b94;background:rgba(196,55,102,.23);outline:none}
.symbiosis-directory .symbiosis-clear-link{min-height:44px;padding:7px 4px;border:0;background:transparent;color:#e7779c;font-size:12px;font-weight:850;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.symbiosis-directory .symbiosis-results-status{min-height:22px;margin:12px 0 18px;color:var(--muted);font-size:13px;font-weight:850;text-align:left}

.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar.vendor-toolbar-main{grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(145px,.72fr))!important}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .vendor-search-field{min-width:0}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-panel{min-width:0}
.symbiosis-directory .symbiosis-vendor-picker-tools{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:14px;align-items:end;margin:8px 0 12px}
.symbiosis-directory .symbiosis-vendor-picker-tools .field{display:grid;gap:7px}
.symbiosis-directory .symbiosis-vendor-picker-tools label{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.symbiosis-directory .symbiosis-vendor-picker-tools input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.065);color:#fff;padding:12px 14px;outline:none}
.symbiosis-directory .symbiosis-vendor-picker-tools input:focus{border-color:#d85b85;box-shadow:0 0 0 3px rgba(196,55,102,.16)}
.symbiosis-directory .symbiosis-vendor-picker-tools p,.symbiosis-directory .symbiosis-filter-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.symbiosis-directory[data-symbiosis-directory="vendors"] .all-manufacturer-cloud{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:start;gap:8px;min-height:74px;max-height:340px!important;overflow:auto}
.symbiosis-directory .symbiosis-vendor-chip{min-height:44px;appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;line-height:1.2;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.symbiosis-directory .all-manufacturer-cloud .symbiosis-vendor-chip{width:100%;max-width:100%;border-radius:10px;white-space:normal;overflow-wrap:anywhere}
.symbiosis-directory .symbiosis-vendor-chip:hover,.symbiosis-directory .symbiosis-vendor-chip:focus-visible{transform:translateY(-1px);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.14);outline:none}
.symbiosis-directory .symbiosis-vendor-chip.active{border-color:#e56f98;background:linear-gradient(135deg,rgba(143,33,71,.9),rgba(196,58,103,.82));box-shadow:0 10px 25px rgba(143,33,71,.24)}
.symbiosis-directory .symbiosis-vendor-chip.active::before{content:"✓";display:inline-grid;place-items:center;min-width:19px;height:19px;margin-right:7px;border-radius:50%;background:rgba(255,255,255,.18);font-size:12px}
.symbiosis-directory .symbiosis-vendor-brands{display:grid!important;gap:10px;min-width:0}
.symbiosis-directory .symbiosis-brand-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;min-width:0}
.symbiosis-directory .symbiosis-brand-list .symbiosis-vendor-chip{width:100%;max-width:100%;border-radius:10px;white-space:normal;overflow-wrap:anywhere}
.symbiosis-directory .symbiosis-brand-details{min-width:0;border-top:1px solid rgba(255,255,255,.09);padding-top:9px}
.symbiosis-directory .symbiosis-brand-details summary{display:inline-flex;align-items:center;min-height:44px;padding:7px 11px;border:1px solid rgba(196,55,102,.36);border-radius:999px;background:rgba(196,55,102,.1);color:#ffd4e2;font-size:12px;font-weight:900;cursor:pointer;list-style:none}
.symbiosis-directory .symbiosis-brand-details summary::-webkit-details-marker{display:none}
.symbiosis-directory .symbiosis-brand-details[open] summary{margin-bottom:10px}
.symbiosis-directory .vendor-row{min-width:0;overflow:hidden}
.symbiosis-directory .vendor-meta,.symbiosis-directory .vendor-meta span,.symbiosis-directory .vendor-meta b,.symbiosis-directory .vendor-meta small{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.symbiosis-directory .vendor-direction-card .vendor-chip{pointer-events:none}
.symbiosis-directory .vendor-direction-card .vendor-brands.mini.vendor-direction-logos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-top:4px!important}
.symbiosis-directory .vendor-direction-card .vendor-direction-logos .vendor-chip-logo{display:grid!important;place-items:center;width:100%!important;max-width:none!important;height:48px!important;padding:7px 10px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.72)!important;background:linear-gradient(145deg,#fff,#edf2f8)!important;box-shadow:0 8px 20px rgba(0,0,0,.18);overflow:hidden!important}
.symbiosis-directory .vendor-direction-card .vendor-direction-logos .vendor-chip-logo img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:31px!important;object-fit:contain!important;filter:none!important}

.symbiosis-directory[data-symbiosis-directory="partners"] .partners-tools{grid-template-columns:minmax(280px,440px) 1fr}
.symbiosis-directory[data-symbiosis-directory="partners"] .partner-filter{min-height:44px}
.symbiosis-directory[data-symbiosis-directory="partners"] .symbiosis-filter-hint{margin-top:9px;text-align:right}
.symbiosis-directory .symbiosis-partner-link{display:flex;flex-direction:column;min-height:100%;color:inherit}
.symbiosis-directory .symbiosis-partner-link:focus-visible{outline:2px solid #e46b94;outline-offset:5px;border-radius:11px}
.symbiosis-directory .partner-card{display:flex}
.symbiosis-directory .partner-card p{margin:5px 0 14px}
.symbiosis-directory .symbiosis-card-action{display:inline-flex;align-items:center;margin-top:auto;padding-top:10px;color:#e16d95;font-size:13px;font-weight:900}
.symbiosis-directory .symbiosis-logo-fallback{display:none;color:#111827;font-size:24px;line-height:1.1;text-align:center;overflow-wrap:anywhere}
.symbiosis-directory .partner-logo-tile.is-fallback .symbiosis-logo-fallback{display:block}
.symbiosis-directory .partner-logo-tile.is-fallback{background:linear-gradient(145deg,#f7f9fc,#dfe7f1)}
.symbiosis-directory .partner-logo-tile.has-logo .symbiosis-logo-fallback{display:none}

.symbiosis-directory .symbiosis-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:28px}
.symbiosis-directory .symbiosis-pagination button,.symbiosis-directory .symbiosis-pagination-gap{min-width:44px;height:44px;display:inline-grid;place-items:center;border-radius:9px}
.symbiosis-directory .symbiosis-pagination button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#eef4ff;font-weight:850;cursor:pointer}
.symbiosis-directory .symbiosis-pagination button:hover,.symbiosis-directory .symbiosis-pagination button:focus-visible{border-color:rgba(196,58,103,.7);background:rgba(196,58,103,.18);outline:none}
.symbiosis-directory .symbiosis-pagination button.active{border-color:#d85b85;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 28px rgba(143,33,71,.28)}
.symbiosis-directory .symbiosis-pagination button:disabled{opacity:.36;cursor:not-allowed}
.symbiosis-directory .symbiosis-pagination-gap{color:var(--muted)}

@media(max-width:1180px){
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar.vendor-toolbar-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .vendor-search-field{grid-column:1/-1}
}

@media(max-width:860px){
  .symbiosis-directory[data-symbiosis-directory="partners"] .partners-tools{grid-template-columns:1fr}
  .symbiosis-directory[data-symbiosis-directory="partners"] .partner-filter-row{justify-content:flex-start}
  .symbiosis-directory[data-symbiosis-directory="partners"] .symbiosis-filter-hint{text-align:left}
  .symbiosis-directory .symbiosis-vendor-picker-tools{grid-template-columns:1fr}
}

@media(max-width:620px){
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar.vendor-toolbar-main{grid-template-columns:1fr!important}
  .symbiosis-directory .symbiosis-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .symbiosis-directory .symbiosis-filter-actions .btn{width:100%;padding-inline:12px}
  .symbiosis-directory .symbiosis-active-filters{align-items:stretch}
  .symbiosis-directory .symbiosis-active-label{width:100%}
  .symbiosis-directory .symbiosis-filter-chip{border-radius:11px}
  .symbiosis-directory[data-symbiosis-directory="vendors"] .all-manufacturer-cloud{grid-template-columns:1fr}
  .symbiosis-directory .all-manufacturer-cloud .vendor-chip{width:100%!important;max-width:100%!important;border-radius:10px!important}
  .symbiosis-directory .symbiosis-brand-list .vendor-chip{width:100%!important;max-width:100%!important;border-radius:10px!important}
  .symbiosis-directory .vendor-row{padding:15px}
  .symbiosis-directory .symbiosis-pagination{margin-bottom:26px}
  .symbiosis-directory .symbiosis-pagination button,.symbiosis-directory .symbiosis-pagination-gap{min-width:44px;height:44px}
  .symbiosis-directory[data-symbiosis-directory="partners"] .partner-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .symbiosis-directory[data-symbiosis-directory="partners"] .partner-filter{justify-content:space-between;min-width:0;padding-inline:11px;text-align:left}
}

@media(max-width:390px){
  .symbiosis-directory .symbiosis-filter-actions{grid-template-columns:1fr}
  .symbiosis-directory[data-symbiosis-directory="partners"] .partner-filter-row{grid-template-columns:1fr}
}

/* Vendors MVP 2026-07-23: direction-first hierarchy and contained filter workspace. */
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
  gap:16px!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card{
  min-width:0!important;
  min-height:390px!important;
  padding:20px!important;
  gap:10px!important;
  overflow:hidden!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-top{
  min-height:44px;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card h3{
  margin:0!important;
  font-size:clamp(21px,1.8vw,25px)!important;
  line-height:1.12!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card > p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.48!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .direction-position-list{
  min-height:62px;
  align-content:flex-start;
  gap:6px!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .direction-position-list b{
  padding:6px 9px!important;
  font-size:11px!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-stats{
  display:block;
  margin-top:auto;
  color:#c7d2e3;
  font-size:11px;
  font-weight:900;
  letter-spacing:.025em;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card .vendor-brands.mini.vendor-direction-logos{
  grid-template-columns:repeat(2,minmax(0,88px))!important;
  min-height:0!important;
  max-height:36px!important;
  gap:7px!important;
  padding:0!important;
  overflow:hidden!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card .vendor-direction-logos .vendor-chip-logo{
  width:88px!important;
  height:36px!important;
  padding:6px 8px!important;
  border-color:rgba(215,226,240,.52)!important;
  background:linear-gradient(145deg,rgba(248,251,255,.94),rgba(220,229,240,.91))!important;
  box-shadow:0 6px 15px rgba(0,0,0,.14)!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card .vendor-direction-logos .vendor-chip-logo:nth-child(n+3){
  display:none!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card .vendor-direction-logos .vendor-chip-logo img{
  width:72px!important;
  height:22px!important;
  max-width:72px!important;
  max-height:22px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 1px 1px rgba(4,12,23,.24))!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card .link-more{
  min-height:40px!important;
  margin-top:0!important;
  padding:9px 12px!important;
}

.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-width:0!important;
  overflow:hidden!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:20px!important;
  min-width:0!important;
  min-height:142px!important;
  padding:22px 28px!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-copy-main{
  min-width:0;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-copy .section-eyebrow{
  margin-bottom:8px;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-copy h2{
  margin:0 0 7px!important;
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-copy p{
  max-width:620px!important;
  margin:0!important;
  line-height:1.45!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(100px,1fr));
  gap:8px;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-summary > span{
  display:grid;
  min-width:112px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:rgba(7,20,39,.22);
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-summary strong{
  color:#fff;
  font-size:22px;
  line-height:1;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-summary small{
  margin-top:5px;
  color:#d4deeb;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-actions{
  margin:0!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-actions .btn{
  min-height:46px;
  max-width:270px;
  padding:12px 16px;
  line-height:1.25;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-panel{
  min-width:0!important;
  padding:24px 28px 28px!important;
  overflow:hidden!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar.vendor-toolbar-main{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(170px,.72fr) minmax(190px,.82fr)!important;
  grid-template-areas:
    "search block direction"
    "system group actions";
  gap:12px!important;
  align-items:end!important;
  min-width:0!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .field{
  min-width:0!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .vendor-search-field{grid-area:search!important}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .vendor-block-field{grid-area:block!important}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .vendor-direction-field{grid-area:direction!important}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .vendor-system-field{grid-area:system!important}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .vendor-group-field{grid-area:group!important}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main input,
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main select{
  width:100%!important;
  min-width:0!important;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar-main .symbiosis-filter-actions{
  grid-area:actions!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-self:end!important;
  width:100%;
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .symbiosis-vendor-picker-tools{
  grid-template-columns:minmax(260px,1fr) minmax(190px,.42fr);
}
.symbiosis-directory[data-symbiosis-directory="vendors"] .all-manufacturer-cloud{
  max-height:300px!important;
}

@media(max-width:1023px){
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-copy{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-actions{
    grid-column:1/-1;
  }
}

@media(max-width:860px){
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar.vendor-toolbar-main{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "search search"
      "block direction"
      "system group"
      "actions actions";
  }
}

@media(max-width:699px){
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-direction-card{
    min-height:350px!important;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-copy{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    padding:20px!important;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-summary{
    width:100%;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-actions{
    grid-column:auto;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-actions .btn{
    width:100%;
    max-width:none;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-master-panel{
    padding:20px!important;
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .vendor-toolbar.vendor-toolbar-main{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "search"
      "block"
      "direction"
      "system"
      "group"
      "actions";
  }
  .symbiosis-directory[data-symbiosis-directory="vendors"] .symbiosis-vendor-picker-tools{
    grid-template-columns:minmax(0,1fr);
  }
}