/* Expert Matchmaking V1 — Problem → Expert, real opt-in professionals only. */
.expert-shell{
  display:grid;
  gap:18px;
}
.expert-icon{
  width:1rem;
  height:1rem;
  flex:0 0 1rem;
}
.expert-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:22px;
  border:1px solid color-mix(in srgb,var(--accent-primary) 30%,var(--ds-border-subtle));
  border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 7%,var(--ds-surface-panel)),var(--ds-surface-panel));
}
.expert-hero h1{
  margin:.25rem 0 .45rem;
  font-size:clamp(1.55rem,3vw,2.25rem);
  line-height:1.45;
}
.expert-hero p{
  max-width:780px;
  margin:0;
  color:var(--ds-text-muted);
  line-height:1.85;
}
.expert-hero__trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.expert-hero__trust span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:29px;
  padding:4px 9px;
  border:1px solid var(--ds-border-subtle);
  border-radius:999px;
  background:var(--ds-surface-subtle);
  color:var(--ds-text-default);
  font-size:.67rem;
  font-weight:800;
}
.expert-hero__flow{
  display:flex;
  align-items:center;
  gap:9px;
  direction:ltr;
}
.expert-hero__flow>div{
  width:92px;
  min-height:86px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  border:1px solid var(--ds-border-subtle);
  border-radius:14px;
  background:var(--ds-surface-base);
  text-align:center;
}
.expert-hero__flow strong{
  font-size:1.25rem;
  color:var(--accent-primary);
}
.expert-hero__flow span{
  font-size:.65rem;
  color:var(--ds-text-muted);
}
.expert-hero__flow i{
  color:var(--ds-text-muted);
  font-style:normal;
}
.expert-request-form{
  display:grid;
  gap:16px;
  padding:19px;
  border:1px solid var(--ds-border-subtle);
  border-radius:16px;
  background:var(--ds-surface-panel);
}
.expert-request-form__intro{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:20px;
}
.expert-request-form__intro h2{
  margin:.2rem 0 0;
  font-size:1.15rem;
}
.expert-request-form__intro p{
  max-width:600px;
  margin:0;
  color:var(--ds-text-muted);
  font-size:.72rem;
  line-height:1.7;
}
.expert-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.expert-form-grid label{
  display:grid;
  gap:6px;
}
.expert-form-grid label>span{
  font-size:.69rem;
  font-weight:850;
  color:var(--ds-text-default);
}
.expert-form-wide{grid-column:1/-1}
.expert-form-grid input,
.expert-form-grid select,
.expert-form-grid textarea,
.expert-match-card textarea{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:1px solid var(--ds-field-border);
  border-radius:9px;
  background:var(--ds-field-bg);
  color:var(--ds-field-text);
  font:inherit;
}
.expert-form-grid textarea,
.expert-match-card textarea{
  resize:vertical;
  line-height:1.7;
}
.expert-form-actions,
.expert-invite-card__actions,
.expert-invite-decision>div:last-child{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.expert-form-actions button,
.expert-invite-card__actions button,
.expert-invite-decision button,
.expert-match-card button,
.expert-owner-tools button{
  min-height:40px;
  padding:8px 13px;
  border:1px solid var(--ds-action-primary-border);
  border-radius:9px;
  background:var(--ds-action-primary-bg);
  color:var(--ds-action-primary-text);
  font-weight:900;
  cursor:pointer;
}
.expert-form-actions button:hover,
.expert-invite-card__actions button:hover,
.expert-invite-decision button:hover,
.expert-match-card button:hover{background:var(--ds-action-primary-hover)}
.expert-form-actions span[data-expert-status],
.expert-invite-card__actions span[data-expert-status],
.expert-match-card span[data-expert-status],
.expert-invite-decision span[data-expert-status]{
  color:var(--ds-text-muted);
  font-size:.68rem;
}
button.is-secondary{
  border-color:var(--ds-border-active)!important;
  background:var(--ds-surface-interactive)!important;
  color:var(--ds-text-default)!important;
}
button.is-danger{
  border-color:color-mix(in srgb,var(--ds-status-danger-border) 80%,var(--ds-border-subtle))!important;
  background:color-mix(in srgb,var(--ds-status-danger-bg) 60%,var(--ds-surface-base))!important;
  color:var(--ds-status-danger-text)!important;
}
.expert-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:16px;
  align-items:start;
}
.expert-panel{
  display:grid;
  gap:13px;
  padding:16px;
  border:1px solid var(--ds-border-subtle);
  border-radius:15px;
  background:var(--ds-surface-panel);
}
.expert-panel>header{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:end;
}
.expert-panel>header h2{
  margin:.2rem 0 0;
  font-size:1rem;
}
.expert-panel>header>strong{
  font-size:1.35rem;
}
.expert-request-list,
.expert-invite-list,
.expert-match-list{
  display:grid;
  gap:10px;
}
.expert-request-card,
.expert-invite-card,
.expert-match-card{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid var(--ds-border-subtle);
  border-radius:12px;
  background:var(--ds-surface-base);
}
.expert-request-card>header,
.expert-invite-card>header{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:12px;
}
.expert-request-card>header>div,
.expert-invite-card>header>div{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.expert-request-card time,
.expert-invite-card time{
  color:var(--ds-text-muted);
  font-size:.64rem;
  white-space:nowrap;
}
.expert-request-card h3{
  margin:0;
  font-size:.9rem;
}
.expert-request-card h3 a{
  color:var(--ds-text-strong);
  text-decoration:none;
}
.expert-request-card p,
.expert-invite-card p{
  margin:0;
  color:var(--ds-text-default);
  font-size:.75rem;
  line-height:1.7;
}
.expert-request-card footer{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--ds-text-muted);
  font-size:.65rem;
}
.expert-request-card footer strong{color:var(--ds-status-success-text)}
.expert-status{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:2px 7px;
  border:1px solid var(--ds-border-subtle);
  border-radius:999px;
  background:var(--ds-surface-subtle);
  font-size:.6rem;
  font-weight:900;
}
.expert-status--open,
.expert-status--accepted{
  border-color:color-mix(in srgb,var(--ds-status-success-border) 70%,var(--ds-border-subtle));
  color:var(--ds-status-success-text);
}
.expert-status--pending,
.expert-status--matched{
  border-color:color-mix(in srgb,var(--accent-secondary) 45%,var(--ds-border-subtle));
  color:var(--accent-secondary);
}
.expert-status--declined,
.expert-status--closed{
  color:var(--ds-text-muted);
}
.expert-skill-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.expert-skill-chips span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:2px 7px;
  border:1px solid var(--ds-border-subtle);
  border-radius:999px;
  background:var(--ds-surface-subtle);
  color:var(--ds-text-default);
  font-size:.61rem;
  font-weight:750;
}
.expert-invite-card blockquote{
  margin:0;
  padding:9px 11px;
  border-inline-start:3px solid var(--accent-primary);
  background:var(--ds-surface-subtle);
  color:var(--ds-text-default);
  font-size:.7rem;
  line-height:1.65;
}
.expert-person-link{
  color:var(--ds-text-link);
  font-size:.68rem;
  text-decoration:none;
}
.expert-empty{
  margin:0;
  padding:16px;
  border:1px dashed var(--ds-border-subtle);
  border-radius:11px;
  color:var(--ds-text-muted);
  text-align:center;
}
.expert-join{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding:18px;
  border:1px solid var(--ds-border-subtle);
  border-radius:15px;
  background:var(--ds-surface-panel);
}
.expert-join h2{margin:0;font-size:1rem}
.expert-join p{flex:1 1 380px;margin:0;color:var(--ds-text-muted)}
.expert-join a{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:8px 13px;
  border-radius:9px;
  background:var(--ds-action-primary-bg);
  color:var(--ds-action-primary-text);
  font-weight:900;
  text-decoration:none;
}
.expert-join a.is-secondary{
  border:1px solid var(--ds-border-active);
  background:var(--ds-surface-interactive);
  color:var(--ds-text-default);
}
.expert-back{
  width:max-content;
  color:var(--ds-text-link);
  font-size:.72rem;
  text-decoration:none;
}
.expert-request-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:18px;
  padding:20px;
  border:1px solid var(--ds-border-subtle);
  border-radius:16px;
  background:var(--ds-surface-panel);
}
.expert-request-hero>div:first-child{
  display:grid;
  align-content:start;
  gap:9px;
}
.expert-request-hero h1{
  margin:0;
  font-size:clamp(1.35rem,2.6vw,1.9rem);
  line-height:1.45;
}
.expert-request-hero p{
  margin:0;
  color:var(--ds-text-default);
  line-height:1.85;
}
.expert-request-hero aside{
  display:grid;
  align-content:start;
  gap:12px;
  padding:13px;
  border:1px solid var(--ds-border-subtle);
  border-radius:12px;
  background:var(--ds-surface-subtle);
}
.expert-request-hero dl{
  display:grid;
  gap:9px;
  margin:0;
}
.expert-request-hero dl>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.expert-request-hero dt{
  color:var(--ds-text-muted);
  font-size:.65rem;
}
.expert-request-hero dd{
  margin:0;
  font-size:.7rem;
  font-weight:850;
}
.expert-request-hero aside>a{
  color:var(--ds-text-link);
  font-size:.68rem;
  text-decoration:none;
}
.expert-owner-tools,
.expert-invite-decision{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:15px 17px;
  border:1px solid var(--ds-border-subtle);
  border-radius:14px;
  background:var(--ds-surface-panel);
}
.expert-owner-tools h2,
.expert-invite-decision h2{
  margin:.15rem 0 .2rem;
  font-size:1rem;
}
.expert-owner-tools p{
  margin:0;
  color:var(--ds-text-muted);
  font-size:.68rem;
}
.expert-match-card>header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.expert-match-card__avatar{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--accent-primary) 36%,var(--ds-border-subtle));
  border-radius:50%;
  background:color-mix(in srgb,var(--accent-primary) 10%,var(--ds-surface-base));
  color:var(--ds-text-strong);
  font-weight:900;
  text-decoration:none;
}
.expert-match-card header>div:nth-child(2)>a{
  display:flex;
  align-items:baseline;
  gap:7px;
  color:var(--ds-text-strong);
  text-decoration:none;
}
.expert-match-card header>div:nth-child(2)>a span{
  color:var(--ds-text-muted);
  font-size:.64rem;
}
.expert-match-card header p{
  margin:3px 0 0;
  color:var(--ds-text-muted);
  font-size:.68rem;
}
.expert-match-score{
  display:flex;
  align-items:baseline;
  gap:2px;
  direction:ltr;
}
.expert-match-score strong{
  font-size:1.45rem;
  color:var(--accent-primary);
}
.expert-match-score span{
  color:var(--ds-text-muted);
  font-size:.6rem;
}
.expert-match-card__why{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.expert-match-card__why span{
  display:grid;
  place-items:center;
  gap:2px;
  min-height:48px;
  padding:6px;
  border:1px solid var(--ds-border-subtle);
  border-radius:9px;
  background:var(--ds-surface-subtle);
  color:var(--ds-text-muted);
  font-size:.58rem;
  text-align:center;
}
.expert-match-card__why strong{
  color:var(--ds-text-strong);
  font-size:.78rem;
}
.expert-match-card__open{
  display:flex;
  gap:8px;
  color:var(--ds-text-default);
  font-size:.67rem;
}
.expert-match-card__open span{
  color:var(--ds-text-muted);
}
.expert-match-card form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:end;
}
.expert-match-card form span[data-expert-status]{
  grid-column:1/-1;
}
.expert-match-card__invited{
  display:flex;
  justify-content:flex-end;
}
.expert-match-card__invited span{
  padding:5px 9px;
  border:1px solid var(--ds-border-subtle);
  border-radius:999px;
  color:var(--ds-text-muted);
  font-size:.65rem;
  font-weight:850;
}
.expert-no-match{
  padding:20px;
  border:1px dashed var(--ds-border-subtle);
  border-radius:14px;
  text-align:center;
}
.expert-no-match h3{margin:0 0 .4rem}
.expert-no-match p{max-width:720px;margin:auto;color:var(--ds-text-muted);line-height:1.7}
@media(max-width:900px){
  .expert-hero,
  .expert-request-hero,
  .expert-dashboard-grid{grid-template-columns:1fr}
  .expert-hero__flow{justify-content:start}
}
@media(max-width:680px){
  .expert-form-grid,
  .expert-match-card__why{grid-template-columns:1fr}
  .expert-request-form__intro,
  .expert-owner-tools,
  .expert-invite-decision{display:grid}
  .expert-match-card>header{grid-template-columns:auto minmax(0,1fr)}
  .expert-match-score{grid-column:1/-1}
  .expert-match-card form{grid-template-columns:1fr}
  .expert-hero__flow>div{width:76px}
}