/* One supplier directory at every width, with purchases as a secondary disclosure. */
.supplier-page-layout {display:flex;flex-direction:column;gap:24px;min-width:0}
#content[data-route="suppliers"] .supplier-heading h1 {font-size:var(--erp-page-heading-size);font-weight:400;line-height:var(--erp-page-heading-leading);letter-spacing:var(--erp-page-heading-tracking)}
.supplier-mobile-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;order:0}
.supplier-mobile-summary>div {
  display:flex;flex-direction:column;justify-content:space-between;gap:14px;
  min-width:0;min-height:112px;padding:18px;
  border:1px solid var(--erp-line);border-radius:24px;
  background:var(--erp-mesh-card);color:var(--erp-ink);
}
html[data-theme] #content .supplier-mobile-summary>div:first-of-type {background:var(--erp-mesh-hero)}
.supplier-mobile-summary span {font-size:14px;line-height:1.4;color:var(--erp-muted)}
.supplier-mobile-summary strong {
  align-self:flex-start;max-width:100%;font-size:clamp(24px,2.5vw,36px);
  font-weight:400;line-height:1.15;letter-spacing:-.04em;
  overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
.supplier-mobile-summary>.supplier-summary-context,
.supplier-mobile-summary>.supplier-summary-warning {grid-column:1/-1;min-width:0;margin:0;font-size:13px;line-height:1.5}
.supplier-summary-context {color:var(--erp-muted)}
.supplier-summary-warning {padding:10px 14px;border:1px solid var(--erp-warning-line);border-radius:16px;background:var(--erp-warning-surface);color:var(--erp-warning)}
.supplier-page-layout>.supplier-directory {order:1;min-width:0}
.supplier-directory-search {display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:0 14px;border:1px solid var(--erp-control-line);border-radius:18px;background:var(--erp-raised);color:var(--erp-ink)}
.supplier-directory-search>svg {width:19px;height:19px;flex:none;color:var(--erp-muted)}
.supplier-directory-search>input {width:100%;min-width:0;min-height:48px;padding:12px 0;border:0!important;outline-offset:4px;box-shadow:none!important;background:transparent!important;color:inherit;font-size:16px}
.supplier-directory-search:focus-within {outline:2px solid var(--erp-focus);outline-offset:2px}
.supplier-directory-search>input:focus {outline:none}
.supplier-directory-search .sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.supplier-list>.supplier-card[hidden],.supplier-search-empty[hidden] {display:none}
.supplier-search-empty {padding:20px 0;line-height:1.5;color:var(--erp-muted)}
#content[data-route="suppliers"] .supplier-page-layout[data-view="company"] .supplier-list {grid-template-columns:minmax(0,1fr)}
.supplier-page-layout>.supplier-page-purchases {
  order:2;min-width:0;margin:0;padding:0;
  border:1px solid var(--erp-line);border-radius:var(--erp-radius,28px);
  color:var(--erp-ink);background:var(--erp-mesh-quiet);
}
.supplier-page-purchases>summary {
  display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:20px;
  min-height:72px;padding:18px 22px;list-style:none;cursor:pointer;
  border-radius:inherit;font-size:20px;font-weight:400;line-height:1.35;
}
.supplier-page-purchases>summary::-webkit-details-marker {display:none}
.supplier-page-purchases>summary>span {display:flex;align-items:center;gap:12px;min-width:0}
.supplier-page-purchases>summary>span>svg {flex:0 0 22px;width:22px;height:22px;color:var(--erp-accent-ink)}
.supplier-page-purchases>summary::after {content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
.supplier-page-purchases[open]>summary::after {transform:rotate(225deg)}
.supplier-page-purchases>summary:focus-visible {outline:2px solid var(--erp-focus);outline-offset:4px}
.supplier-page-purchases[open]>summary {border-bottom:1px solid var(--erp-line);border-bottom-left-radius:0;border-bottom-right-radius:0}
html[data-theme] #content .supplier-page-layout>.supplier-page-purchases>.supplier-purchases:not(.financial-summary-unavailable) {
  margin:0;padding:22px;border:0;border-radius:0 0 var(--erp-radius,28px) var(--erp-radius,28px);
  background:transparent;box-shadow:none;
}
.supplier-page-purchases>.supplier-purchases.financial-summary-unavailable {margin:18px}

@media (max-width:1179px) {
  #content[data-route="suppliers"]>.back {min-height:44px;display:inline-flex;align-items:center}
  #content[data-route="suppliers"] .supplier-heading {margin-top:10px;margin-bottom:20px;gap:16px}
  #content[data-route="suppliers"] .supplier-heading p {max-width:52ch;font-size:14px;line-height:1.5}
  #content[data-route="suppliers"] .supplier-create-open {min-height:44px}
}
@media (max-width:700px) {
  .supplier-page-layout {gap:20px}
  .supplier-mobile-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .supplier-mobile-summary>div {min-height:102px;padding:14px;border-radius:22px}
  .supplier-mobile-summary strong {font-size:clamp(24px,6vw,32px)}
  .supplier-page-purchases>summary {min-height:64px;padding:16px;font-size:18px;gap:14px}
  .supplier-page-purchases>summary>span {gap:10px}
  html[data-theme] #content .supplier-page-layout>.supplier-page-purchases>.supplier-purchases:not(.financial-summary-unavailable) {padding:16px}
}
@media (prefers-reduced-motion:reduce) {
  .supplier-page-purchases>summary::after {transition:none}
}