/* OpenCommunity Steg A v1.4.1: tillägg, ingen ändring av befintlig Neon-bas. */
html.oc-theme-neon .oc-discover-screen { margin: 17px 0 26px; }
html.oc-theme-neon .oc-discover-heading { flex-wrap: wrap; }
html.oc-theme-neon .oc-discover-shortcuts { border-top:1px solid #3e4257; padding-top:11px; margin-top:12px; }
html.oc-theme-neon .oc-discover-shortcuts summary { color:#f0c4fb; font-size:13px; font-weight:700; cursor:pointer; }
html.oc-theme-neon .oc-discover-shortcuts a { display:block; padding:7px 3px; font-size:12px; color:#d9d9ed; }
html.oc-theme-neon .oc-visibility-redirect-hint { margin:1px 0; font-size:11px; color:#c6ccde; text-align:center; }
html.oc-theme-neon .oc-admin-note {
  padding: 12px 14px; margin: 0 0 14px; border: 1px solid #c2a24b;
  border-radius: 10px; background: #2c271b; color: #f5e6bd; line-height: 1.5;
}
html.oc-theme-neon .oc-member-card:focus-visible {
  outline: 3px solid #8ceaff; outline-offset: 3px;
}
html.oc-theme-neon .oc-feature-link:focus-visible,
html.oc-theme-neon .oc-reset-search:focus-visible { outline: 2px solid #8ceaff; outline-offset: 2px; }
html.oc-theme-neon .oc-search-form input::placeholder { color: #a3a9bd; }
html.oc-theme-neon .oc-visibility-choice:focus-within {
  outline: 2px solid #8ceaff; outline-offset: 2px;
}
html.oc-theme-neon .oc-pagination a {
  padding: 8px 12px; border: 1px solid #6b4e87;
  border-radius: 9px; background: #201832; color: #f1d3ff;
}
html.oc-theme-neon .oc-pagination a:hover { background: #36234f; }
html.oc-theme-neon .oc-pagination span { color: #d6d5e3; }
html.oc-theme-neon .oc-visibility-panel form { min-width: 0; }
html.oc-theme-neon .oc-visibility-choice { min-width: 0; }
html.oc-theme-neon .oc-visibility-choice input { flex-shrink: 0; }
@media (max-width:760px) {
  html.oc-theme-neon .oc-discover-search { position: static; }
  html.oc-theme-neon .oc-visibility-panel { position: static; }
}
/* Klassisk vy: grundläggande läsbarhet även utan Neon-reglerna.
   Gamla temat tas INTE bort i denna patch. */
html.oc-theme-classic .oc-discover-screen { display: grid; grid-template-columns: 215px minmax(0,1fr); gap: 15px; margin: 16px 0; }
html.oc-theme-classic .oc-discover-search, html.oc-theme-classic .oc-discover-main,
html.oc-theme-classic .oc-visibility-panel { min-width: 0; background: #fff; border: 1px solid #bfc9d5; padding: 14px; border-radius: 10px; }
html.oc-theme-classic .oc-visibility-panel { grid-column: 1 / -1; }
html.oc-theme-classic .oc-search-form { display: grid; gap: 8px; }
html.oc-theme-classic .oc-search-form input { width:100%; padding:9px; }
html.oc-theme-classic .oc-feature-link { display: block; padding: 8px 0; }
html.oc-theme-classic .oc-discover-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
html.oc-theme-classic .oc-member-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
html.oc-theme-classic .oc-member-card { min-width:0; display:block; border:1px solid #ced6df; border-radius:10px; padding:8px; overflow:hidden; color:#25364c; text-decoration:none; }
html.oc-theme-classic .oc-card-portrait { background:#e7ddf3; text-align:center; padding:15px; border-radius:8px; }
html.oc-theme-classic .oc-card-portrait img { width:100%; max-height:160px; object-fit:cover; }
html.oc-theme-classic .oc-card-initial { font-size:48px; }
html.oc-theme-classic .oc-card-info { overflow-wrap:anywhere; }
html.oc-theme-classic .oc-card-name { display:flex; flex-wrap:wrap; gap:6px; }
html.oc-theme-classic .oc-list-mode .oc-member-grid { grid-template-columns:1fr; }
html.oc-theme-classic .oc-list-mode .oc-member-card { display:grid; grid-template-columns:100px minmax(0,1fr); gap:9px; }
html.oc-theme-classic .oc-visibility-panel form { display:grid; gap:10px; }
html.oc-theme-classic .oc-visibility-choice { display:flex; align-items:center; gap:10px; border:1px solid #ced6df; padding:10px; border-radius:8px; }
html.oc-theme-classic .oc-choice-text { display:grid; gap:2px; flex:1; }
html.oc-theme-classic .oc-choice-text small { font-size:11px; }
html.oc-theme-classic .oc-pagination { display:flex; justify-content:center; gap:10px; margin-top:15px; }
html.oc-theme-classic .oc-visibility-save { padding:10px; }
@media(max-width:760px){
 html.oc-theme-classic .oc-discover-screen{grid-template-columns:1fr}
 html.oc-theme-classic .oc-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html.oc-theme-classic .oc-visibility-panel{grid-column:auto}
}