.applications-discovery-hero{
  padding-block:clamp(58px,8vw,104px);
}

.applications-discovery-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:48px;
  align-items:center;
}

.applications-discovery-actions,
.member-portal-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:24px;
}

.applications-discovery-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.applications-discovery-summary article{
  display:grid;
  gap:4px;
  min-height:110px;
  align-content:center;
  padding:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 86%,transparent);
}

.applications-discovery-summary strong{
  font-size:clamp(1.8rem,4vw,2.8rem);
}

.applications-discovery-summary span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.applications-preview-section{
  padding-bottom:0;
}

.applications-admin-preview{
  display:flex;
  gap:10px;
  align-items:center;
  padding:13px 15px;
  border:1px solid color-mix(in srgb,#d9a441 62%,var(--line));
  border-radius:10px;
}

.applications-admin-preview span{
  color:var(--muted);
}

.section-heading-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:end;
  margin-bottom:22px;
}

.section-heading-row h2{
  margin:.2rem 0 .45rem;
}

.section-heading-row p{
  margin:0;
  color:var(--muted);
}

.member-application-grid,
.application-opportunity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.member-application-grid-full{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.member-application-card,
.application-opportunity-card{
  display:grid;
  gap:14px;
  align-content:start;
}

.member-application-card-header,
.application-opportunity-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.member-application-card-header h3,
.application-opportunity-head h3{
  margin:.45rem 0 0;
}

.member-department-badge,
.member-application-status{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.member-application-status-draft{
  border-color:color-mix(in srgb,#d9a441 62%,var(--line));
}

.member-application-status-open,
.member-application-status-approved{
  border-color:color-mix(in srgb,#16a085 64%,var(--line));
}

.member-application-status-submitted,
.member-application-status-under-review,
.member-application-status-interview,
.member-application-status-command-review{
  border-color:color-mix(in srgb,#2f80ed 64%,var(--line));
}

.member-application-status-information-requested{
  border-color:color-mix(in srgb,#e67e22 70%,var(--line));
}

.member-application-status-denied{
  border-color:color-mix(in srgb,#b31e24 64%,var(--line));
}

.member-application-progress{
  display:grid;
  gap:8px;
}

.member-application-progress > div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}

.member-application-progress span{
  color:var(--muted);
  font-size:.78rem;
}

.member-application-progress progress{
  width:100%;
  height:8px;
}

.member-application-attention{
  padding:10px 12px;
  border:1px solid color-mix(in srgb,#e67e22 55%,var(--line));
  border-radius:8px;
  font-weight:750;
  font-size:.84rem;
}

.member-application-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--line);
}

.member-application-meta div{
  display:grid;
  gap:3px;
}

.member-application-meta dt{
  color:var(--muted);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.member-application-meta dd{
  margin:0;
  font-size:.84rem;
  font-weight:700;
}

.member-application-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:auto;
}

.application-opportunity-requirements{
  display:grid;
  gap:8px;
  list-style:none;
  padding:0;
  margin:0;
}

.application-opportunity-requirements li{
  display:grid;
  gap:2px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:8px;
}

.application-opportunity-requirements li span{
  color:var(--muted);
  font-size:.78rem;
}

.application-opportunity-requirements li.is-failed{
  border-color:color-mix(in srgb,#b31e24 50%,var(--line));
}

.application-opportunity-requirements li.is-passed{
  border-color:color-mix(in srgb,#16a085 44%,var(--line));
}

.applications-empty-state{
  grid-column:1 / -1;
  text-align:center;
  padding:40px;
}

.member-portal-shell{
  display:grid;
  gap:28px;
}

.member-portal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.member-portal-module{
  display:grid;
  gap:8px;
  min-height:210px;
  align-content:start;
  text-decoration:none;
  color:inherit;
}

.member-portal-module h2{
  margin:.2rem 0;
}

.member-portal-module p{
  color:var(--muted);
}

.member-module-link{
  margin-top:auto;
  font-weight:800;
}

.member-portal-module.is-coming-soon{
  opacity:.75;
}

.member-dashboard-applications{
  display:grid;
  gap:4px;
}

.primary-nav .member-portal-link{
  font-weight:800;
}

.button.is-disabled{
  opacity:.62;
  pointer-events:none;
}

@media(max-width:1000px){
  .applications-discovery-hero-grid{
    grid-template-columns:1fr;
  }

  .member-application-grid,
  .application-opportunity-grid,
  .member-portal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .applications-discovery-summary,
  .member-application-grid,
  .member-application-grid-full,
  .application-opportunity-grid,
  .member-portal-grid{
    grid-template-columns:1fr;
  }

  .section-heading-row,
  .member-application-card-header,
  .application-opportunity-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .member-application-meta{
    grid-template-columns:1fr;
  }

  .applications-admin-preview{
    align-items:flex-start;
    flex-direction:column;
  }
}
