/* Opt-in campus staff directory: responsive in both CampusShield themes. */
.campus-staff-directory-panel{margin:0 0 18px}
.campus-staff-directory-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.campus-staff-directory-heading h2{margin:0 0 6px;color:var(--ink,#183840);font-size:21px;letter-spacing:-.035em}
.campus-staff-directory-heading p{margin:0;color:var(--muted,#647a7e);font-size:12px;line-height:1.65}
.campus-staff-directory-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.campus-staff-directory-search{margin-top:13px}
.campus-staff-directory-search input{min-height:43px}
.campus-staff-directory-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}
.campus-staff-directory-card{min-width:0;padding:15px;border:1px solid var(--line,#dce5df);border-radius:14px;background:var(--card,#fff)}
.campus-staff-directory-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.campus-staff-directory-card h3{margin:0;color:var(--ink,#183840);font-size:15px;overflow-wrap:anywhere}
.campus-staff-directory-position{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf8ef;color:#236b3b;font-size:10px;font-weight:800}
.campus-staff-directory-department{margin:6px 0;color:var(--muted,#647a7e);font-size:11px;font-weight:700}
.campus-staff-directory-bio{margin:10px 0;color:var(--ink,#183840);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.campus-staff-directory-meta{display:grid;gap:8px;margin:12px 0 0}
.campus-staff-directory-meta>div{display:grid;grid-template-columns:minmax(85px,.65fr) minmax(0,1.35fr);gap:10px;padding-top:8px;border-top:1px solid var(--line,#dce5df)}
.campus-staff-directory-meta dt{color:var(--muted,#718079);font-size:10px;font-weight:800}
.campus-staff-directory-meta dd{margin:0;color:var(--ink,#183840);font-size:11px;overflow-wrap:anywhere}
.campus-staff-directory-meta a{color:var(--cs-green,#2a7e46);font-weight:750;text-decoration:none}
.campus-staff-directory-meta a:hover{text-decoration:underline}
.campus-staff-directory-empty{grid-column:1/-1;margin:0;padding:16px;border:1px dashed var(--line,#dce5df);border-radius:12px;color:var(--muted,#647a7e);font-size:12px}
.campus-staff-directory-manage{margin-top:16px;padding:14px;border:1px solid var(--line,#dce5df);border-radius:13px;background:var(--bg,#f7faf8)}
.campus-staff-directory-manage summary{color:var(--ink,#183840);font-size:12px;font-weight:850;cursor:pointer}
.campus-staff-directory-form{display:grid;gap:12px;margin-top:13px}
.campus-staff-directory-form .field{margin:0}
.campus-staff-directory-optin{display:flex;align-items:flex-start;gap:10px;color:var(--ink,#183840);font-size:12px;font-weight:750}
.campus-staff-directory-optin input{margin-top:3px;accent-color:var(--cs-green,#2a7e46)}
.campus-staff-directory-note{margin:8px 0 0;color:var(--muted,#718079);font-size:10px;line-height:1.6}
.campus-staff-directory-status{min-height:20px;margin:9px 0 0;font-size:11px}
.campus-staff-directory-status[data-state="error"]{color:#b4233f}
.campus-staff-directory-status[data-state="ok"]{color:var(--cs-green,#2a7e46)}
@media(max-width:760px){.campus-staff-directory-results{grid-template-columns:minmax(0,1fr)}.campus-staff-directory-heading{align-items:stretch;flex-direction:column}.campus-staff-directory-actions .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.campus-staff-directory-panel *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html[data-theme="dark"] .campus-staff-directory-position{background:#183d2b;color:#a9e9b3}
html[data-theme="dark"] .campus-staff-directory-meta>div{border-top-color:var(--line,#31443b)}
html[data-theme="dark"] .campus-staff-directory-manage{background:var(--card,#142a21)}