/* Filnavn: admin-products-v9.css. Produktmaerker til det eksisterende admin-layout. */
.product-badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;vertical-align:middle;max-width:190px}
.product-badge{--product-color:#843b36;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:36px;height:29px;padding:0 6px;border:1px solid var(--product-color);border-radius:4px;background:var(--product-color);color:#fff;font:700 12px/1 var(--sans);letter-spacing:.3px;white-space:nowrap}
.product-badge.badge-MM{--product-color:#843b36}.product-badge.badge-SM{--product-color:#35566b}.product-badge.badge-EN{--product-color:#355b46}.product-badge.badge-FT{--product-color:#685276}
.product-badge.is-pending{background:var(--white);color:var(--product-color);border-style:dashed}
.product-empty{color:var(--muted)}.product-legend{font-size:12px;margin-top:14px}
.customer-products{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
@media(max-width:620px){.product-badges{min-width:78px;max-width:110px;gap:5px}}
.product-badge.is-available{background:#f0f0ee;border-color:#d1d1ce;color:#747470;font-weight:600}
.product-badge.is-available.is-pending{border-style:dashed}
.people-filter{display:flex;flex-wrap:wrap;gap:0;margin:20px 0 0;width:fit-content;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--white)}
.people-filter a{padding:9px 17px;text-decoration:none;color:var(--muted);font-size:14px;border-right:1px solid var(--line)}
.people-filter a:last-child{border-right:0}.people-filter a.is-selected{background:var(--ink);color:var(--white)}
.people-filter a:hover{box-shadow:inset 0 -2px currentColor}.people-filter a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.person-roles{display:inline-flex;gap:5px;min-width:57px}.person-role{display:inline-flex;align-items:center;justify-content:center;width:26px;height:28px;color:var(--ink);vertical-align:middle}
.person-role svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.role-legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.legend-gap{width:7px}

.product-roles{display:flex;flex-direction:column;gap:7px;min-width:180px}.product-role-line{display:flex;align-items:center;gap:10px}.product-role-label{flex:0 0 65px;font-size:12px;color:var(--muted);white-space:nowrap}.product-roles .product-badges{max-width:190px}

.customer-subscriptions{display:inline-flex;flex-direction:column;gap:7px;vertical-align:middle}.customer-product{display:flex;align-items:center;gap:9px}.customer-product-type{font-size:13px;line-height:1.4;white-space:nowrap}.customer-products .customer-subscriptions{flex-direction:row;flex-wrap:wrap;column-gap:20px}

.product-with-billing{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.product-billing{font-size:12px;color:var(--ink)}
.product-roles .product-badges:has(.product-with-billing){flex-direction:column;align-items:flex-start;max-width:none}
.registration-date{white-space:nowrap;font-variant-numeric:tabular-nums}
.search.people-search{max-width:none}.search.people-search .people-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px}
.search.people-search .people-controls>div{display:block}.search.people-search .people-query{flex:1 1 260px}
.people-controls label{display:block}.people-controls input,.people-controls select{width:100%;margin:0;min-height:44px}.people-controls select{padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font:inherit}.people-controls button{margin:0}
@media(max-width:620px){.search.people-search .people-controls>div{flex:1 1 100%}.product-role-line{align-items:flex-start}}