/* FINAL V131 — compact member profile accordion + sticky quick nav
   UI-only patch: no API/data/backend behavior changes. */

/* Keep the quick navigation visible while the admin moves through a long profile. */
.v130-member-jump.v131-member-sticky-nav{
  position: sticky;
  top: .65rem;
  z-index: 45;
  padding: .58rem;
  border-color: hsl(var(--border) / .9);
  background: hsl(var(--background) / .88);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 12px 34px rgb(0 0 0 / .22);
}

/* Make nav items clearly reflect opened/closed sections. */
.v130-member-jump.v131-member-sticky-nav a{
  position: relative;
  min-height: 2.35rem;
  padding-inline-start: .72rem;
  padding-inline-end: 1.72rem;
  background: hsl(var(--card) / .9);
}
.v130-member-jump.v131-member-sticky-nav a::before{
  content: "⌄";
  position: absolute;
  inset-inline-end: .62rem;
  top: 50%;
  translate: 0 -52%;
  color: hsl(var(--muted-foreground));
  font-size: .95rem;
  font-weight: 900;
  line-height: 1;
  transition: transform .18s ease, color .18s ease;
}
.v130-member-jump.v131-member-sticky-nav a.v131-nav-open{
  border-color: hsl(var(--primary) / .55);
  background: hsl(var(--primary) / .09);
  color: hsl(var(--primary));
}
.v130-member-jump.v131-member-sticky-nav a.v131-nav-open::before{
  content: "⌃";
  color: hsl(var(--primary));
}

/* Accordion sections.  The first direct child stays as the visible section header. */
#v130-member-summary.v131-accordion-section,
#v130-member-docs.v131-accordion-section,
#v130-member-vehicles.v131-accordion-section,
#v130-member-registrations.v131-accordion-section,
#v130-member-violations.v131-accordion-section,
#v130-member-history.v131-accordion-section{
  scroll-margin-top: 5.7rem;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.v131-accordion-section > .v131-accordion-head{
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  outline: none;
}
.v131-accordion-section > .v131-accordion-head:focus-visible{
  border-radius: 1rem;
  box-shadow: 0 0 0 2px hsl(var(--primary) / .5);
}

/* Closed = only its first/header row remains visible. */
.v131-accordion-section.v131-collapsed > :not(:first-child){
  display: none !important;
}
.v131-accordion-section.v131-collapsed{
  border-color: hsl(var(--border) / .8);
  background: hsl(var(--card) / .62);
  box-shadow: none;
}
.v131-accordion-section.v131-collapsed:hover{
  border-color: hsl(var(--primary) / .35);
  background: hsl(var(--card) / .78);
}

/* Small non-invasive cue on the section itself. */
.v131-accordion-section::after{
  content: "مفتوح";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: .7rem;
  min-height: 1.55rem;
  padding: .18rem .55rem;
  border: 1px solid hsl(var(--primary) / .22);
  border-radius: 999px;
  background: hsl(var(--primary) / .07);
  color: hsl(var(--primary));
  font-size: .62rem;
  font-weight: 800;
  pointer-events: none;
}
.v131-accordion-section.v131-collapsed::after{
  content: "اضغط لفتح القسم";
  margin-top: .55rem;
  border-color: hsl(var(--border));
  background: hsl(var(--background) / .32);
  color: hsl(var(--muted-foreground));
}

/* On summary, keep the identity row compact when it is closed. */
#v130-member-summary.v131-collapsed > :first-child{
  min-height: 4.3rem;
}

@media (max-width: 768px){
  .v130-member-jump.v131-member-sticky-nav{
    top: .4rem;
    margin-inline: -.2rem;
    padding: .48rem;
    border-radius: 1rem;
  }
  .v130-member-jump.v131-member-sticky-nav a{
    min-height: 2.2rem;
    padding-inline-start: .62rem;
    padding-inline-end: 1.52rem;
    font-size: .69rem;
  }
  #v130-member-summary.v131-accordion-section,
  #v130-member-docs.v131-accordion-section,
  #v130-member-vehicles.v131-accordion-section,
  #v130-member-registrations.v131-accordion-section,
  #v130-member-violations.v131-accordion-section,
  #v130-member-history.v131-accordion-section{
    scroll-margin-top: 5rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .v130-member-jump.v131-member-sticky-nav a,
  .v131-accordion-section{
    transition: none !important;
  }
}