/* Directory-only refinements, using the shared modern-app palette. */
html[data-ui="pre-alpha"] body.server-directory .dashboard-shell > .intro {
  padding:8px 0 24px!important; margin-bottom:24px!important;
}
html[data-ui="pre-alpha"] body.server-directory .intro h1 { font-size:28px!important; line-height:1.2!important; letter-spacing:-.025em }
html[data-ui="pre-alpha"] body.server-directory .intro p:not(.eyebrow) { margin-top:8px; max-width:60ch; color:var(--pa-muted) }
html[data-ui="pre-alpha"] body.server-directory .resync-servers { min-height:44px; background:var(--pa-surface); border-color:var(--pa-line); color:var(--pa-text); font-size:12px }
html[data-ui="pre-alpha"] body.server-directory .pa-server-search { width:100%; max-width:var(--pa-content-max); margin:0 auto 32px; gap:8px }
html[data-ui="pre-alpha"] body.server-directory .pa-server-search input { width:min(100%,440px); min-height:44px; font-size:14px; box-sizing:border-box }
html[data-ui="pre-alpha"] body.server-directory .server-section + .server-section { margin-top:36px }
html[data-ui="pre-alpha"] body.server-directory .section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px }
html[data-ui="pre-alpha"] body.server-directory .section-head h2 { font-size:16px!important; font-weight:600; line-height:1.4 }
html[data-ui="pre-alpha"] body.server-directory .section-head p { margin-top:4px; font-size:13px; color:var(--pa-muted) }
html[data-ui="pre-alpha"] body.server-directory .section-count { display:inline-flex; flex-shrink:0; padding:5px 9px; border:1px solid var(--pa-line); border-radius:6px; color:var(--pa-muted); font-size:12px; font-variant-numeric:tabular-nums }
html[data-ui="pre-alpha"] body.server-directory .guild-list { grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))!important; gap:16px!important }
html[data-ui="pre-alpha"] body.server-directory .guild { grid-template-columns:48px minmax(0,1fr) auto!important; min-height:104px; gap:16px!important; padding:20px!important; border-radius:10px!important; text-decoration:none }
html[data-ui="pre-alpha"] body.server-directory .guild-copy h3 { white-space:normal; overflow-wrap:anywhere; font-size:14px!important; line-height:1.5; margin:0 0 4px!important }
html[data-ui="pre-alpha"] body.server-directory .guild-copy span { font-size:12px; line-height:1.5; color:var(--pa-muted) }
html[data-ui="pre-alpha"] body.server-directory .guild-visual { overflow:hidden; border-radius:10px!important; background:var(--pa-raised)!important }
html[data-ui="pre-alpha"] body.server-directory .guild-visual img { object-fit:cover; border-radius:10px!important; box-shadow:none!important }
html[data-ui="pre-alpha"] body.server-directory .guild > :is(.pill,.skeleton-button) { grid-column:3!important; grid-row:1!important; margin:0!important; min-width:0!important; min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:0 12px; font-size:12px; white-space:nowrap; border-radius:6px }
html[data-ui="pre-alpha"] body.server-directory .guild .pill svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
html[data-ui="pre-alpha"] body.server-directory .guild:hover { background:var(--pa-hover)!important; border-color:var(--pa-muted)!important }
html[data-ui="pre-alpha"] body.server-directory :is(.guild,.resync-servers,button,input):focus-visible { outline:2px solid var(--pa-accent); outline-offset:4px }
html[data-ui="pre-alpha"] body.server-directory .skeleton-guild .guild-visual { background:var(--pa-soft)!important }
html[data-ui="pre-alpha"] body.server-directory .skeleton-button { width:80px; background:var(--pa-soft) }
html[data-ui="pre-alpha"] body.server-directory .empty { grid-column:1/-1; padding:24px; border:1px dashed var(--pa-line); background:var(--pa-surface); color:var(--pa-muted); line-height:1.6 }
html[data-ui="pre-alpha"] body.server-directory #retry-servers { display:block; margin-top:12px; min-height:44px; padding:0 16px; border:1px solid var(--pa-line); border-radius:6px; background:var(--pa-raised); color:var(--pa-text); cursor:pointer }
html[data-ui="pre-alpha"] body.server-directory .identity-card { margin-top:32px!important; padding:24px!important; background:var(--pa-surface); border-radius:10px }
html[data-ui="pre-alpha"] body.server-directory .identity-card h2 { font-size:14px; font-weight:600 }
html[data-ui="pre-alpha"] body.server-directory .identity-card p { max-width:75ch; font-size:13px; line-height:1.6 }
html[data-ui="pre-alpha"] body.server-directory .rx-directory-empty[hidden] { display:none }
@media(max-width:620px) {
  html[data-ui="pre-alpha"] body.server-directory .section-head { align-items:flex-start; flex-wrap:wrap; gap:8px }
  html[data-ui="pre-alpha"] body.server-directory .guild { grid-template-columns:48px minmax(0,1fr)!important; padding:16px!important }
  html[data-ui="pre-alpha"] body.server-directory .guild > :is(.pill,.skeleton-button) { grid-column:1/-1!important; grid-row:2!important; width:auto; justify-content:center }
  html[data-ui="pre-alpha"] body.server-directory .pa-server-search input { width:100%; font-size:16px }
}
@media(prefers-reduced-motion:reduce) {
  body.server-directory .skeleton-guild *::after { animation:none!important }
}