/* PACKERO V3.8.26.115 — Reversible visual layer. No logic, access rules or navigation destinations changed. */
body.packero-v3826115 {
  --p115-accent: var(--brand-accent2, #7c3aed);
  --p115-outline: rgba(124, 58, 237, .42);
  --p115-hover: rgba(124, 58, 237, .065);
  --p115-hover-border: rgba(124, 58, 237, .21);
  --p115-muted: var(--muted, #687083);
  --p115-divider: var(--line, #e8e2ee);
}

/* Drawer: emphasize information architecture, not more destinations. */
body.packero-v3826115 #veloraSidebar {
  scrollbar-width: thin;
  scrollbar-color: rgba(124, 58, 237, .22) transparent;
}
body.packero-v3826115 #veloraSidebar .hp-account-nav {
  gap: 3px;
  min-width: 0;
  padding-bottom: 6px;
}
body.packero-v3826115 #veloraSidebar .packero115-nav-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 6px 4px;
  padding: 8px 8px 4px;
  border: 0;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .095em;
  line-height: 1.4;
  color: var(--p115-muted);
  text-transform: uppercase;
  user-select: none;
}
body.packero-v3826115 #veloraSidebar .packero115-nav-heading:not(:first-child) {
  border-top: 1px solid var(--p115-divider);
  padding-top: 14px;
  margin-top: 15px;
}
body.packero-v3826115 #veloraSidebar .hp-account-nav > button,
body.packero-v3826115 #veloraSidebar .hp-drawer-settings-v3763 > button {
  min-width: 0;
  min-height: 41px;
  border-radius: 12px;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body.packero-v3826115 #veloraSidebar .hp-account-nav > button > span,
body.packero-v3826115 #veloraSidebar .hp-drawer-settings-v3763 > button > span {
  min-width: 0;
}
body.packero-v3826115 #veloraSidebar .hp-account-nav > button:hover,
body.packero-v3826115 #veloraSidebar .hp-drawer-settings-v3763 > button:hover {
  background: var(--p115-hover);
  border-color: var(--p115-hover-border);
}
body.packero-v3826115 #veloraSidebar .hp-account-nav > button.active {
  position: relative;
  border-color: var(--p115-hover-border);
  background: rgba(124, 58, 237, .105);
}
body.packero-v3826115 #veloraSidebar .hp-account-nav > button.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 22%;
  height: 56%;
  width: 3px;
  border-radius: 3px;
  background: var(--p115-accent);
}
body.packero-v3826115 #veloraSidebar .hp-account-nav button > :is(i, span, b, em),
body.packero-v3826115 #veloraSidebar .hp-drawer-settings-v3763 button > :is(i, span, b, em) {
  overflow-wrap: anywhere;
}
body.packero-v3826115 #veloraSidebar .nav-number { white-space: nowrap; }

/* Navigation and interaction affordances: keyboard users should never lose focus. */
body.packero-v3826115 :is(button, a[href], input, select, textarea, [role="tab"]):focus-visible {
  outline: 3px solid var(--p115-outline);
  outline-offset: 3px;
}
body.packero-v3826115 .hp-account-nav > button:focus-visible,
body.packero-v3826115 .hp-drawer-settings-v3763 > button:focus-visible {
  outline-offset: -2px;
}
body.packero-v3826115 :is(button, input, select, textarea):disabled {
  cursor: not-allowed;
}
body.packero-v3826115 .hp-mainnav button,
body.packero-v3826115 .hp-header .top-actions > button {
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body.packero-v3826115 .mobile-bottom button.active { font-weight: 800; }

/* Community owner/member dialogs: preserve the proven .113/.114 dimensions and sticky actions. */
body.packero-v3826115 .hp-community113-member-manager > h2,
body.packero-v3826115 .hp-community111-settings > h2 {
  letter-spacing: -.025em;
  text-wrap: balance;
}
body.packero-v3826115 .hp-community113-member-manager > p,
body.packero-v3826115 .hp-community111-settings > p {
  line-height: 1.55;
}
body.packero-v3826115 .hp-community113-member-manager .hp-community112-role label,
body.packero-v3826115 .hp-community113-member-manager .hp-community112-permissions label {
  transition: border-color .15s ease, background-color .15s ease;
}
body.packero-v3826115 .hp-community113-member-manager .hp-community112-role label:hover,
body.packero-v3826115 .hp-community113-member-manager .hp-community112-permissions label:hover {
  border-color: var(--p115-hover-border);
  background-color: var(--p115-hover);
}
body.packero-v3826115 .hp-community113-member-manager .hp-community112-role label:has(input:focus-visible),
body.packero-v3826115 .hp-community113-member-manager .hp-community112-permissions label:has(input:focus-visible) {
  outline: 3px solid var(--p115-outline);
  outline-offset: -3px;
}
body.packero-v3826115 .hp-community113-member-manager .hp-community112-permissions label > span,
body.packero-v3826115 .hp-community111-identity-editor article label {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.packero-v3826115 .hp-community111-settings .hp-community111-identity-editor article {
  transition: border-color .15s ease;
}
body.packero-v3826115 .hp-community111-settings .hp-community111-identity-editor article:focus-within {
  border-color: var(--p115-accent);
}
body.packero-v3826115 .hp-community111-settings .hp-community111-publish:focus-visible {
  outline-offset: -4px;
}

/* Marketplace filtering: strong labels and responsive chip usability, no changes to filtering code. */
body.packero-v3826115 .hp-market-filter-group-v3826114 > header b {
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .01em;
}
body.packero-v3826115 .hp-market-filter-group-v3826114 > header small {
  font-size: 11px;
  line-height: 1.5;
}
body.packero-v3826115 .hp-market-filter-group-v3826114 .hp-filterbar {
  min-width: 0;
  scrollbar-width: thin;
}
body.packero-v3826115 .hp-market-experience-v3826114 > div { min-width: 0; }
body.packero-v3826115 .hp-market-experience-v3826114 > div :is(b, small) { overflow-wrap: anywhere; }

/* Compact screens: keep original navigation actions, use consistent tap targets. */
@media (max-width: 820px) {
  body.packero-v3826115 #veloraSidebar .hp-account-nav > button,
  body.packero-v3826115 #veloraSidebar .hp-drawer-settings-v3763 > button { min-height: 44px; }
  body.packero-v3826115 #veloraSidebar .packero115-nav-heading { margin-top: 9px; }
  body.packero-v3826115 .mobile-bottom button { -webkit-tap-highlight-color: transparent; }
}
@media (max-width: 480px) {
  body.packero-v3826115 .hp-community113-member-manager > h2,
  body.packero-v3826115 .hp-community111-settings > h2 {
    font-size: clamp(23px, 6.5vw, 29px);
    line-height: 1.16;
  }
  body.packero-v3826115 .hp-market-filter-group-v3826114 {
    min-width: 0;
    padding: 12px;
  }
  body.packero-v3826115 .hp-community113-member-manager .hp-community112-person { min-width: 0; }
  body.packero-v3826115 .hp-community113-member-manager .hp-community112-person :is(h2, span) {
    overflow-wrap: anywhere;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.packero-v3826115 #veloraSidebar .hp-account-nav > button,
  body.packero-v3826115 #veloraSidebar .hp-drawer-settings-v3763 > button,
  body.packero-v3826115 .hp-community113-member-manager .hp-community112-role label,
  body.packero-v3826115 .hp-community113-member-manager .hp-community112-permissions label,
  body.packero-v3826115 .hp-community111-settings .hp-community111-identity-editor article {
    transition: none;
  }
}

/* Feed and discovery: quiet emphasis and less ambiguous interaction states. */
body.packero-v3826115 :is(.hp-feed-card, .hp-product-card, .hp-community113-view-tabs button) {
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.packero-v3826115 :is(.hp-feed-card, .hp-product-card):focus-within {
  border-color: var(--p115-hover-border);
  box-shadow: 0 0 0 1px var(--p115-hover-border);
}
body.packero-v3826115 .hp-community113-view-tabs button:focus-visible {
  outline-offset: 2px;
}
body.packero-v3826115 .hp-market-filter-group-v3826114 .hp-filterbar button:focus-visible {
  outline-offset: 2px;
}
body.packero-v3826115 :is(.hp-empty, .empty) p {
  line-height: 1.55;
  overflow-wrap: anywhere;
}
body.packero-v3826115 #veloraSidebar .side-legal a:hover,
body.packero-v3826115 #veloraSidebar .side-legal button:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body.packero-v3826115 :is(.hp-feed-card, .hp-product-card, .hp-community113-view-tabs button) {
    transition: none;
  }
}

/* PACKERO v156 — Nicola responsive identity and cards.
   Extend the existing, shared polish layer: no extra theme, settings or catalogue. */
body.packero-v3826115 :is(.hp-feed-card, .hp-product-card) {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
body.packero-v3826115 .hp-feed-card .hp-feed-body,
body.packero-v3826115 .hp-product-card :is(h3, h4, p) {
  min-width: 0;
  overflow-wrap: anywhere;
}
/* Profile: lengthy names and recognition badges must not push beyond a phone screen.
   Keep the original avatar, purchased frame, colors and recognition hierarchy. */
body.packero-v3826115 .hp-v29-profile .profile-hero.overlap,
body.packero-v3826115 .hp-v29-profile .hp-profile-identity-stack-v3826100,
body.packero-v3826115 .hp-v29-profile .hp-profile-kpis-v29 > div {
  min-width: 0;
}
body.packero-v3826115 .hp-v29-profile .hp-profile-handle-v3826100 {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.packero-v3826115 .hp-v29-profile .hp-profile-name-v3826100 {
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.packero-v3826115 .hp-v29-profile .hp-profile-role-row-v3761 {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: 6px;
}
body.packero-v3826115 .hp-v29-profile .hp-profile-role-badge-v3761 {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.3;
}
body.packero-v3826115 .hp-v29-profile .hp-profile-role-badge-v3761 > b {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 560px) {
  body.packero-v3826115 .hp-v29-profile .hp-profile-role-row-v3761 {
    gap: 5px;
  }
  body.packero-v3826115 .hp-v29-profile .hp-profile-role-badge-v3761 {
    padding: 5px 8px;
  }
}
