/*
================================================
Space Vanta Theme 1.0
Privileges Header Mark
Version: PRIVILEGES-ICON-006
Purpose: Rich linear geometric identity
         — elevated access / privilege hierarchy
         Matching Find cube & Vision aperture DNA
Scope: Privileges trigger only
================================================
*/

/* =================================================
   TRIGGER — column layout (same as Find / Vision)
   ================================================= */

.sv-featured-trigger--privileges {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  color: currentColor;
  text-decoration: none;
}


/* =================================================
   ICON FRAME — match Find (36 × 26 visual field)
   ================================================= */

.sv-featured-trigger--privileges .sv-featured-trigger__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 26px;
  flex: 0 0 26px;
  overflow: visible;
}

.sv-privileges-mark {
  display: block;
  width: 36px;
  height: 28px;
  color: currentColor;
}


/* =================================================
   LINEAR MARK — layer hierarchy
   ================================================= */

/* Outer rails — structural frame */
.sv-privileges-mark__rail {
  opacity: .88;
}

.sv-privileges-mark__rail-cap {
  opacity: .72;
}

/* Central spine — privilege axis */
.sv-privileges-mark__spine {
  opacity: .55;
  stroke-width: 1.2;
}

/* Privilege tiers — ascending hierarchy */
.sv-privileges-mark__tier {
  opacity: .9;
}

.sv-privileges-mark__tier--1 {
  opacity: .78;   /* base */
}

.sv-privileges-mark__tier--2 {
  opacity: .88;   /* elevated */
}

.sv-privileges-mark__tier--3 {
  opacity: .96;   /* exclusive */
}

/* Apex node — exclusive core */
.sv-privileges-mark__apex {
  opacity: 1;
}

/* Side fragments — spatial detail */
.sv-privileges-mark__fragment {
  opacity: .42;
  stroke-width: 1.2;
}


/* =================================================
   LABEL
   ================================================= */

.sv-featured-trigger--privileges .sv-featured-trigger__label {
  font-size: 9px;
  line-height: 1;
  letter-spacing: .12em;
  white-space: nowrap;
  opacity: .88;
}


/* =================================================
   DESKTOP — align with Find / Vision
   ================================================= */

@media (min-width: 768px) {

  .sv-featured-functions--desktop .sv-featured-trigger--privileges {
    flex-direction: column;
    gap: 4px;
    min-height: auto;
    padding: 0;
  }

  .sv-featured-functions--desktop .sv-featured-trigger--privileges .sv-featured-trigger__icon {
    width: 36px;
    height: 26px;
    flex: 0 0 26px;
  }

  .sv-featured-functions--desktop .sv-privileges-mark {
    width: 36px;
    height: 28px;
  }

  .sv-featured-functions--desktop .sv-featured-trigger--privileges .sv-featured-trigger__label {
    font-size: 10px;
    letter-spacing: .10em;
    opacity: .9;
  }
}


/* =================================================
   MOBILE — same visual weight as Find / Vision
   ================================================= */

@media (max-width: 767px) {

  .sv-featured-functions--mobile .sv-featured-trigger--privileges {
    flex-direction: column;
    gap: 4px;
    min-height: auto;
    padding: 0 2px;
  }

  .sv-featured-functions--mobile .sv-featured-trigger--privileges .sv-featured-trigger__icon {
    width: 36px;
    height: 26px;
    flex: 0 0 26px;
  }

  .sv-featured-functions--mobile .sv-privileges-mark {
    width: 36px;
    height: 28px;
  }

  .sv-featured-functions--mobile .sv-featured-trigger--privileges .sv-featured-trigger__label {
    font-size: 9px;
    letter-spacing: .12em;
    opacity: .88;
  }
}


/* =================================================
   HOVER — subtle spatial emphasis (optional DNA feel)
   ================================================= */

@media (hover: hover) {

  .sv-featured-trigger--privileges:hover .sv-privileges-mark__tier--3 {
    opacity: 1;
  }

  .sv-featured-trigger--privileges:hover .sv-privileges-mark__apex {
    opacity: 1;
  }

  .sv-featured-trigger--privileges:hover .sv-privileges-mark__fragment {
    opacity: .62;
  }
}