/* =========================================================
   Directory membri — Community Edition
   ========================================================= */

.mv-members-page {
      width: min(1280px, 100%);
      margin: 0 auto;
      padding: 0px 0 72px;
}

/* =========================================================
   Layout principale e aree widget
   ========================================================= */

.mv-members-layout {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   align-items: start;
   gap: 24px;
}

.mv-members-page.has-sidebar .mv-members-layout {
   grid-template-columns: minmax(0, 1fr) 310px;
}

.mv-members-main,
.mv-members-sidebar {
   min-width: 0;
}

.mv-members-sidebar {
   position: sticky;
   top: 148px;
   align-self: start;
}


.mv-members-widget-area {
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
   gap: 16px;
   width: 100%;
   min-width: 0;
}

.mv-members-widget-area-before {
   margin-bottom: 24px;
}

.mv-members-widget-area-after {
   margin-top: 28px;
}

.mv-members-widget-area-sidebar {
   grid-template-columns: minmax(0, 1fr);
   gap: 14px;
}

.mv-members-widget-area-sidebar .mv-widget,
.mv-members-widget-area-sidebar .mv-block-width-12,
.mv-members-widget-area-sidebar .mv-block-width-9,
.mv-members-widget-area-sidebar .mv-block-width-8,
.mv-members-widget-area-sidebar .mv-block-width-6,
.mv-members-widget-area-sidebar .mv-block-width-4,
.mv-members-widget-area-sidebar .mv-block-width-3 {
   grid-column: 1 / -1;
   width: 100%;
}

.mv-members-page .mv-widget {
   min-width: 0;
   box-sizing: border-box;
   padding: 20px;
   border: 1px solid var(--mv-border);
   border-radius: 14px;
   background: var(--mv-surface);
   box-shadow: 0 8px 24px rgba(23, 33, 43, .035);
}

.mv-members-page .mv-widget-title {
   margin: 0 0 15px;
   padding-bottom: 12px;
   border-bottom: 1px solid var(--mv-border);
   color: var(--mv-text);
   font-size: 16px;
   font-weight: 800;
   line-height: 1.3;
}

.mv-members-page .mv-widget-content {
   min-width: 0;
   color: var(--mv-muted);
   font-size: 13px;
   line-height: 1.65;
   overflow-wrap: anywhere;
}

.mv-members-page .mv-widget-content > :first-child {
   margin-top: 0;
}

.mv-members-page .mv-widget-content > :last-child {
   margin-bottom: 0;
}

.mv-members-page .mv-block-width-12 {
   grid-column: span 12;
}

.mv-members-page .mv-block-width-9 {
   grid-column: span 9;
}

.mv-members-page .mv-block-width-8 {
   grid-column: span 8;
}

.mv-members-page .mv-block-width-6 {
   grid-column: span 6;
}

.mv-members-page .mv-block-width-4 {
   grid-column: span 4;
}

.mv-members-page .mv-block-width-3 {
   grid-column: span 3;
}

.mv-members-page.has-sidebar .mv-members-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* =========================================================
   Ricerca
   ========================================================= */

.mv-members-search {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   gap: 9px;

   width: 100%;
   margin: 0 0 14px;
   padding: 16px;
   box-sizing: border-box;

   border: 1px solid var(--mv-border);
   border-radius: 14px;

   background: var(--mv-surface);

   box-shadow:
      0 8px 24px rgba(23, 33, 43, .035);
}

.mv-members-search-field {
   position: relative;
   min-width: 0;
}

.mv-members-search-field > i {
   position: absolute;
   z-index: 2;

   top: 50%;
   left: 13px;

   display: flex;
   align-items: center;
   justify-content: center;

   width: 16px;
   height: 16px;

   color: var(--mv-muted);
   font-size: 12px;
   line-height: 1;

   pointer-events: none;

   transform: translateY(-50%);
}

.mv-members-search
.mv-members-search-field
input[type="search"] {
   display: block;

   width: 100%;
   height: 42px;
   box-sizing: border-box;
   padding: 0 42px 0 38px !important;

   border: 1px solid var(--mv-border);
   border-radius: 9px;

   background: var(--mv-bg);
   color: var(--mv-text);

   font: inherit;
   font-size: 13px;

   appearance: none;

   transition:
      border-color .18s ease,
      box-shadow .18s ease,
      background-color .18s ease;
}

/* Safari / WebKit */

.mv-members-search-field input[type="search"] {
   -webkit-appearance: none;
   appearance: none;
}

.mv-members-search-field input[type="search"]::-webkit-search-decoration,
.mv-members-search-field input[type="search"]::-webkit-search-cancel-button,
.mv-members-search-field input[type="search"]::-webkit-search-results-button,
.mv-members-search-field input[type="search"]::-webkit-search-results-decoration {
   display: none;
   -webkit-appearance: none;
}

.mv-members-search-field input::placeholder {
   color: var(--mv-muted);
   opacity: .75;
}

.mv-members-search-field input:focus {
   outline: none;

   border-color: var(--mv-primary);
   background: #fff;

   box-shadow:
      0 0 0 3px rgba(66, 185, 146, .11);
}

.mv-members-search-reset {
   position: absolute;

   top: 50%;
   right: 6px;

   display: grid;
   place-items: center;

   width: 30px;
   height: 30px;

   border-radius: 7px;

   color: var(--mv-muted);
   text-decoration: none;

   transform: translateY(-50%);

   transition:
      background-color .18s ease,
      color .18s ease;
}

.mv-members-search-reset:hover {
   background: rgba(66, 185, 146, .1);
   color: #176747;
}

.mv-members-search button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;

   width: 100%;
   height: 40px;
   padding: 0 12px;

   border: 1px solid var(--mv-border);
   border-radius: 9px;

   background: var(--mv-bg);
   color: var(--mv-text);

   font: inherit;
   font-size: 12px;
   font-weight: 800;

   cursor: pointer;

   transition:
      background-color .18s ease,
      border-color .18s ease,
      color .18s ease;
}

.mv-members-search button:hover {
   border-color: var(--mv-border);
   background: var(--mv-surface);
   color: var(--mv-text);
}

/* =========================================================
   Toolbar
   ========================================================= */

.mv-members-toolbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   margin-bottom: 18px;
}

.mv-members-summary {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
   gap: 7px;
   color: var(--mv-muted);
   font-size: 13px;
}

.mv-members-summary > strong {
   color: var(--mv-text);
   font-size: 19px;
   font-weight: 850;
}

.mv-members-search-info {
   margin-left: 8px;
   color: var(--mv-muted);
}

.mv-members-search-info strong {
   color: var(--mv-text);
   font-size: inherit;
   font-weight: 750;
}

.mv-members-view-switcher {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 4px;
   border: 1px solid var(--mv-border);
   border-radius: 10px;
   background: var(--mv-surface);
}

.mv-members-view-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   min-height: 34px;
   padding: 7px 10px;
   border: 0;
   border-radius: 7px;
   background: transparent;
   color: var(--mv-muted);
   font: inherit;
   font-size: 11px;
   font-weight: 750;
   cursor: pointer;
   transition:
      background-color .16s ease,
      color .16s ease;
}

.mv-members-view-button:hover {
   background: var(--mv-bg);
   color: var(--mv-text);
}

.mv-members-view-button.is-active {
   background: rgba(66, 185, 146, .11);
   color: #176747;
}

/* =========================================================
   Griglia
   ========================================================= */

.mv-members-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 18px;
}

/* =========================================================
   Card
   ========================================================= */

.mv-member-card {
   min-width: 0;
}

.mv-member-card-link {
   display: flex;
   flex-direction: column;
   min-height: 300px;
   padding: 22px;
   border: 1px solid var(--mv-border);
   border-radius: 16px;
   background: var(--mv-surface);
   color: var(--mv-text);
   text-decoration: none;
   box-shadow: 0 8px 26px rgba(23, 33, 43, .035);
   transition:
      border-color .18s ease,
      box-shadow .18s ease,
      transform .18s ease;
}

.mv-member-card-link:hover {
   border-color: rgba(66, 185, 146, .48);
   box-shadow: 0 14px 34px rgba(23, 33, 43, .07);
   transform: translateY(-2px);
}

.mv-member-card-link:focus-visible {
   outline: 3px solid rgba(66, 185, 146, .22);
   outline-offset: 3px;
}

/* =========================================================
   Avatar
   ========================================================= */

.mv-member-avatar {
   display: grid;
   place-items: center;
   flex: 0 0 auto;
   width: 68px;
   height: 68px;
   margin-bottom: 18px;
   overflow: hidden;
   border: 3px solid #fff;
   border-radius: 50%;
   background: var(--mv-surface);
   box-shadow:
      0 8px 22px rgba(23, 33, 43, .1),
      0 0 0 1px rgba(0, 0, 0, .06);
}

.mv-member-avatar img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.mv-member-avatar span {
   color: #fff;
   font-size: 27px;
   font-weight: 850;
   line-height: 1;
}

/* =========================================================
   Contenuto card
   ========================================================= */

.mv-member-card-content {
   display: flex;
   flex: 1;
   flex-direction: column;
   min-width: 0;
}

.mv-member-card-heading {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 14px;
}

.mv-member-card-heading h2 {
   min-width: 0;
   overflow: hidden;
   margin: 0;
   color: var(--mv-text);
   font-size: 21px;
   font-weight: 850;
   line-height: 1.2;
   letter-spacing: -.03em;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.mv-member-card-heading > i {
   flex: 0 0 auto;
   color: var(--mv-muted);
   font-size: 12px;
   opacity: .6;
   transition:
      color .18s ease,
      transform .18s ease;
}

.mv-member-card-link:hover
.mv-member-card-heading > i {
   color: var(--mv-primary);
   transform: translateX(2px);
}

.mv-member-motto {
   display: -webkit-box;
   min-height: 43px;
   margin: 9px 0 0;
   overflow: hidden;
   color: var(--mv-muted);
   font-size: 13px;
   line-height: 1.55;
   overflow-wrap: anywhere;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.mv-member-motto.is-empty {
   opacity: .7;
   font-style: italic;
}

/* =========================================================
   Interessi
   ========================================================= */

.mv-member-interests {
   display: flex;
   flex-wrap: wrap;
   gap: 7px;
   margin-top: 16px;
}

.mv-member-interests span {
   display: inline-flex;
   align-items: center;
   min-height: 28px;
   padding: 5px 8px;
   border: 1px solid rgba(66, 185, 146, .22);
   border-radius: 8px;
   background: rgba(66, 185, 146, .08);
   color: #176747;
   font-size: 11px;
   font-weight: 750;
   line-height: 1.2;
}

/* =========================================================
   Azione card
   ========================================================= */

.mv-member-card-action {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 14px;
   margin-top: auto;
   padding-top: 18px;
   border-top: 1px solid var(--mv-border);
   color: #176747;
   font-size: 12px;
   font-weight: 800;
}

.mv-member-card-action i {
   flex: 0 0 auto;
   font-size: 11px;
   transition: transform .18s ease;
}

.mv-member-card-link:hover
.mv-member-card-action i {
   transform: translateX(3px);
}

/* =========================================================
   Vista elenco
   ========================================================= */

.mv-members-page.is-list-view .mv-members-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .mv-members-page.is-list-view .mv-member-card-link {
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr) auto;
      align-items: center;
      gap: 17px;

      min-height: 94px;
      padding: 16px 18px;

      border-radius: 13px;

      transform: none;
   }

   .mv-members-page.is-list-view .mv-member-card-link:hover {
      transform: none;
   }

   .mv-members-page.is-list-view .mv-member-avatar {
      width: 56px;
      height: 56px;
      margin: 0;

      border-radius: 50%;
   }

   .mv-members-page.is-list-view .mv-member-avatar span {
      font-size: 22px;
   }

   .mv-members-page.is-list-view .mv-member-card-content {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas:
         "heading"
         "motto"
         "interests";
      align-items: center;
      row-gap: 4px;

      min-width: 0;
   }

   .mv-members-page.is-list-view .mv-member-card-heading {
      grid-area: heading;
      display: block;

      min-width: 0;
   }

   .mv-members-page.is-list-view
   .mv-member-card-heading h2 {
      font-size: 17px;
      line-height: 1.25;
   }

   .mv-members-page.is-list-view
   .mv-member-card-heading > i {
      display: none;
   }

   .mv-members-page.is-list-view .mv-member-motto {
      grid-area: motto;

      display: block;

      min-height: 0;
      margin: 0;

      overflow: hidden;

      color: var(--mv-muted);
      font-size: 12px;
      line-height: 1.45;

      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .mv-members-page.is-list-view .mv-member-interests {
      grid-area: interests;

      justify-content: flex-start;

      margin: 5px 0 0;
   }

   .mv-members-page.is-list-view
   .mv-member-interests span {
      min-height: 25px;
      padding: 4px 7px;

      font-size: 10px;
   }

   .mv-members-page.is-list-view
   .mv-member-card-action {
      display: flex;
      align-items: center;
      justify-content: flex-end;

      width: auto;
      height: auto;
      margin: 0;
      padding: 0;

      border: 0;
      border-radius: 0;

      background: transparent;
      color: var(--mv-muted);
   }

   .mv-members-page.is-list-view
   .mv-member-card-action span {
      display: none;
   }

   .mv-members-page.is-list-view
   .mv-member-card-action i {
      font-size: 13px;
      opacity: .55;

      transition:
         color .18s ease,
         opacity .18s ease,
         transform .18s ease;
   }

   .mv-members-page.is-list-view
   .mv-member-card-link:hover
   .mv-member-card-action i {
      color: var(--mv-primary);
      opacity: 1;
      transform: translateX(4px);
   }

/* =========================================================
   Stato vuoto
   ========================================================= */

.mv-empty-state {
   padding: 48px 30px;
   border: 1px solid var(--mv-border);
   border-radius: 18px;
   background: var(--mv-surface);
   text-align: center;
   box-shadow: 0 10px 30px rgba(23, 33, 43, .035);
}

.mv-empty-state-icon {
   display: grid;
   place-items: center;
   width: 52px;
   height: 52px;
   margin: 0 auto 16px;
   border-radius: 13px;
   background: rgba(66, 185, 146, .1);
   color: var(--mv-primary);
   font-size: 20px;
}

.mv-empty-state h2 {
   margin: 0;
   color: var(--mv-text);
   font-size: 22px;
   font-weight: 800;
}

.mv-empty-state p {
   margin: 10px 0 0;
   color: var(--mv-muted);
   font-size: 14px;
   line-height: 1.65;
}

.mv-empty-state a {
   display: inline-flex;
   margin-top: 20px;
   color: #176747;
   font-size: 13px;
   font-weight: 800;
   text-decoration: none;
}

/* =========================================================
   Paginazione
   ========================================================= */

.mv-members-pagination {
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
   gap: 20px;
   margin-top: 34px;
}

.mv-members-pagination-side {
   display: flex;
   justify-content: flex-start;
}

.mv-members-pagination-side.is-next {
   justify-content: flex-end;
}

.mv-members-pagination-side a,
.mv-members-pagination-pages a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   min-height: 40px;
   padding: 8px 13px;
   border: 1px solid var(--mv-border);
   border-radius: 9px;
   background: var(--mv-surface);
   color: var(--mv-text);
   font-size: 12px;
   font-weight: 750;
   text-decoration: none;
   transition:
      border-color .18s ease,
      background-color .18s ease,
      color .18s ease;
}

.mv-members-pagination-side a:hover,
.mv-members-pagination-pages a:hover {
   border-color: var(--mv-primary);
   background: #f0faf6;
   color: #176747;
}

.mv-members-pagination-pages {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
}

.mv-members-pagination-pages a {
   min-width: 40px;
   padding-right: 9px;
   padding-left: 9px;
}

.mv-members-pagination-pages a.is-current {
   border-color: var(--mv-primary);
   background: var(--mv-primary);
   color: #fff;
}

.mv-members-pagination-pages span {
   color: var(--mv-muted);
   font-size: 14px;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1080px) {

      .mv-members-page {
         width: min(820px, 100%);
      }

      .mv-members-page.has-sidebar .mv-members-layout {
         grid-template-columns: minmax(0, 1fr);
      }

      .mv-members-sidebar {
         display: contents;
      }

      .mv-members-sidebar .mv-members-search {
         order: 1;
         margin-bottom: 0;
      }

      .mv-members-main {
         order: 2;
      }

      .mv-members-sidebar .mv-members-widget-area-sidebar {
         order: 3;
      }

      .mv-members-page.has-sidebar .mv-members-grid,
      .mv-members-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .mv-members-widget-area-sidebar {
         grid-template-columns: repeat(12, minmax(0, 1fr));
      }

      .mv-members-widget-area-sidebar .mv-widget,
      .mv-members-widget-area-sidebar .mv-block-width-12,
      .mv-members-widget-area-sidebar .mv-block-width-9,
      .mv-members-widget-area-sidebar .mv-block-width-8,
      .mv-members-widget-area-sidebar .mv-block-width-6 {
         grid-column: span 12;
      }

      .mv-members-widget-area-sidebar .mv-block-width-4,
      .mv-members-widget-area-sidebar .mv-block-width-3 {
         grid-column: span 6;
      }
   }

@media (max-width: 680px) {

   .mv-members-page {
      padding: 0px 0 44px;
   }

   .mv-members-layout {
      gap: 20px;
   }

   .mv-members-widget-area {
      gap: 12px;
   }

   .mv-members-widget-area-before {
      margin-bottom: 20px;
   }

   .mv-members-widget-area-after {
      margin-top: 22px;
   }

   .mv-members-widget-area-sidebar .mv-widget,
   .mv-members-widget-area-sidebar .mv-block-width-12,
   .mv-members-widget-area-sidebar .mv-block-width-9,
   .mv-members-widget-area-sidebar .mv-block-width-8,
   .mv-members-widget-area-sidebar .mv-block-width-6,
   .mv-members-widget-area-sidebar .mv-block-width-4,
   .mv-members-widget-area-sidebar .mv-block-width-3 {
      grid-column: span 12;
   }

   .mv-members-page .mv-widget {
      padding: 17px;
      border-radius: 13px;
   }

   .mv-members-search {
      grid-template-columns: 1fr;
      gap: 9px;
      margin-bottom: 22px;
   }

   .mv-members-search-field input {
      height: 52px;
      padding-left: 50px !important;
      border-radius: 13px;
   }

   .mv-members-search-field > i {
      left: 15px;
   }

   .mv-members-search button {
      width: 100%;
      height: 48px;
      border-radius: 11px;
   }

   .mv-members-toolbar {
      align-items: flex-start;
      flex-direction: column;
      gap: 12px;
   }

   .mv-members-view-switcher {
      width: 100%;
   }

   .mv-members-view-button {
      flex: 1;
   }

   .mv-members-page.has-sidebar .mv-members-grid,
   .mv-members-grid {
      grid-template-columns: 1fr;
      gap: 14px;
   }

   .mv-member-card-link {
      display: flex;
      flex-direction: column;

      min-height: 0;
      padding: 18px;

      border-radius: 14px;
   }

   .mv-member-avatar {
      width: 64px;
      height: 64px;
      margin-bottom: 14px;
      border-radius: 50%;
   }

   .mv-member-card-content {
      display: flex;
      flex-direction: column;
      min-width: 0;
   }

   .mv-member-card-heading h2 {
      font-size: 18px;
   }

   .mv-member-motto {
      min-height: 0;
      margin-top: 6px;
      font-size: 12px;
      -webkit-line-clamp: 2;
   }

   .mv-member-interests {
      gap: 6px;
      margin-top: 12px;
   }

   .mv-member-interests span {
      min-height: 24px;
      padding: 4px 7px;
      font-size: 10px;
   }

   .mv-member-card-action {
      margin-top: 14px;
      padding-top: 12px;
      font-size: 11px;
   }

   .mv-members-page.is-list-view
   .mv-members-grid {
      gap: 8px;
   }

   .mv-members-page.is-list-view
   .mv-member-card-link {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;

      min-height: 72px;
      padding: 11px 12px;

      border-radius: 12px;
   }

   .mv-members-page.is-list-view
   .mv-member-avatar {
      width: 48px;
      height: 48px;
      margin: 0;

      border-radius: 11px;
   }

   .mv-members-page.is-list-view
   .mv-member-card-content {
      display: block;
      min-width: 0;
   }

   .mv-members-page.is-list-view
   .mv-member-card-heading {
      display: block;
      min-width: 0;
   }

   .mv-members-page.is-list-view
   .mv-member-card-heading h2 {
      font-size: 15px;
      line-height: 1.25;
   }

   .mv-members-page.is-list-view
   .mv-member-card-heading > i {
      display: none;
   }

   .mv-members-page.is-list-view
   .mv-member-motto {
      display: block;

      min-height: 0;
      margin: 3px 0 0;

      overflow: hidden;

      font-size: 11px;
      line-height: 1.35;

      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .mv-members-page.is-list-view
   .mv-member-interests {
      display: none;
   }

   .mv-members-page.is-list-view
   .mv-member-card-action {
      display: flex;
      align-items: center;
      justify-content: center;

      width: 28px;
      height: 28px;
      margin: 0;
      padding: 0;

      border: 0;
      color: var(--mv-muted);
   }

   .mv-members-page.is-list-view
   .mv-member-card-action span {
      display: none;
   }

   .mv-members-page.is-list-view
   .mv-member-card-action i {
      font-size: 12px;
   }

   .mv-members-pagination {
      grid-template-columns: 1fr 1fr;
      gap: 12px;
   }

   .mv-members-pagination-pages {
      grid-column: 1 / -1;
      grid-row: 1;
      flex-wrap: wrap;
   }

   .mv-members-pagination-side {
      grid-column: 1;
      grid-row: 2;
   }

   .mv-members-pagination-side.is-next {
      grid-column: 2;
      grid-row: 2;
   }
}

/* =========================================================
   Terminal — Members Directory
   ========================================================= */

/* Widget */

.mv-members-page .mv-widget {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .20);
}

.mv-members-page .mv-widget-title {
    border-bottom-color: var(--mv-border);
    color: var(--mv-terminal-bright);
}

/* Ricerca */

.mv-members-search {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .20);
}

.mv-members-search input[type="search"] {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel-alt);
    color: var(--mv-terminal-soft);
}

.mv-members-search-field input:focus {
    border-color: var(--mv-terminal-bright);
    background: var(--mv-terminal-panel-alt);
    box-shadow: 0 0 0 3px rgba(57, 255, 136, .10);
}

.mv-members-search-reset:hover {
    background: rgba(57, 255, 136, .10);
    color: var(--mv-terminal-bright);
}

.mv-members-search button {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel-alt);
    color: var(--mv-terminal-soft);
}

.mv-members-search button:hover {
    border-color: var(--mv-terminal-bright);
    background: var(--mv-terminal-panel);
    color: var(--mv-terminal-bright);
}

/* Toolbar */

.mv-members-summary > strong,
.mv-members-search-info strong {
    color: var(--mv-terminal-bright);
}

.mv-members-view-switcher {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel);
}

.mv-members-view-button:hover {
    background: var(--mv-terminal-panel-alt);
    color: var(--mv-terminal-bright);
}

.mv-members-view-button.is-active {
    background: var(--mv-terminal-panel-alt);
    color: var(--mv-terminal-bright);
}

/* Card membri */

.mv-member-card-link {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel);
    color: var(--mv-terminal-soft);
    box-shadow: 0 8px 26px rgba(0, 0, 0, .20);
}

.mv-member-card-link:hover {
    border-color: var(--mv-terminal-bright);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
}

.mv-member-card-link:focus-visible {
    outline-color: rgba(57, 255, 136, .35);
}

.mv-member-card-heading h2 {
    color: var(--mv-terminal-bright);
}

.mv-member-card-link:hover .mv-member-card-heading > i {
    color: var(--mv-terminal-bright);
}

/* Avatar */

.mv-member-avatar {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel-alt);
    box-shadow:
        0 8px 22px rgba(0, 0, 0, .25),
        0 0 0 1px var(--mv-border);
}

/* Manteniamo il colore originale degli avatar senza immagine */
.mv-member-avatar span {
    color: #fff;
}

/* Interessi */

.mv-member-interests span {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel-alt);
    color: var(--mv-terminal-soft);
}

/* Azione card */

.mv-member-card-action {
    border-top-color: var(--mv-border);
    color: var(--mv-terminal-bright);
}

/* Vista elenco */

.mv-members-page.is-list-view .mv-member-card-action {
    color: var(--mv-terminal-dim);
}

.mv-members-page.is-list-view
.mv-member-card-link:hover
.mv-member-card-action i {
    color: var(--mv-terminal-bright);
}

/* Stato vuoto */

.mv-members-page .mv-empty-state {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .20);
}

.mv-members-page .mv-empty-state-icon {
    background: var(--mv-terminal-panel-alt);
    color: var(--mv-terminal-bright);
}

.mv-members-page .mv-empty-state h2 {
    color: var(--mv-terminal-bright);
}

.mv-members-page .mv-empty-state a {
    color: var(--mv-terminal-bright);
}

/* Paginazione */

.mv-members-pagination-side a,
.mv-members-pagination-pages a {
    border-color: var(--mv-border);
    background: var(--mv-terminal-panel);
    color: var(--mv-terminal-soft);
}

.mv-members-pagination-side a:hover,
.mv-members-pagination-pages a:hover {
    border-color: var(--mv-terminal-bright);
    background: var(--mv-terminal-panel-alt);
    color: var(--mv-terminal-bright);
}

.mv-members-pagination-pages a.is-current {
    border-color: var(--mv-terminal-bright);
    background: var(--mv-terminal-bright);
    color: var(--mv-terminal-black);
}

/* Avatar rotondi anche nella vista elenco mobile */

@media (max-width: 680px) {
    .mv-members-page.is-list-view .mv-member-avatar {
        border-radius: 50%;
    }
}