:root {
    --bg: #070a0f;
    --bg-soft: #0a0e15;
    --surface: #0d121b;
    --surface-2: #111823;
    --surface-3: #151e2b;
    --line: #202b3a;
    --line-soft: #17202c;
    --line-bright: #314156;
    --text: #e7edf5;
    --text-soft: #bbc6d3;
    --muted: #788699;
    --cyan: #5dd8f4;
    --cyan-soft: rgba(93,216,244,.10);
    --violet: #9c8cff;
    --green: #67dda2;
    --amber: #e9bc67;
    --red: #ef7687;
    --radius: 6px;
    --radius-sm: 3px;
    --shadow: 0 16px 42px rgba(0,0,0,.25);
    --author-column: 220px;
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    background:
        radial-gradient(circle at 14% -10%, rgba(93,216,244,.07), transparent 31rem),
        radial-gradient(circle at 90% 0, rgba(156,140,255,.055), transparent 29rem),
        var(--bg);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background: linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 78%);
}

::selection { color: #041017; background: var(--cyan); }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--cyan); }
img { max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }

.forum-tech-grid {
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 0 62%, rgba(93,216,244,.018) 62% 62.1%, transparent 62.1%);
}

.social-container { width: min(1240px, calc(100% - 32px)); margin-inline: auto; }

/* Utility and global header */
.forum-utility {
    border-bottom: 1px solid var(--line-soft);
    color: var(--muted);
    background: #05080c;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .09em;
}
.forum-utility .social-container {
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 18px;
}
.forum-utility .social-container > :nth-child(2) { margin-left: auto; }
.server-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 9px rgba(103,221,162,.65);
}

.social-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--line);
    background: rgba(8,11,17,.94);
    backdrop-filter: blur(14px);
}
.social-header-inner {
    min-height: 68px;
    display: grid;
    grid-template-columns: auto auto minmax(190px,1fr) auto;
    align-items: center;
    gap: 20px;
}
.social-brand {
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 10px;
}
.social-brand img { width: 42px; height: 42px; object-fit: contain; }
.social-brand div { display: grid; gap: 0; }
.social-brand strong {
    color: #fff;
    font: 600 18px/1 Oswald, sans-serif;
    letter-spacing: .13em;
}
.social-brand span {
    margin-top: 4px;
    color: var(--cyan);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .16em;
}
.social-nav { display: flex; align-self: stretch; align-items: stretch; }
.social-nav a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 11px;
    color: #8c9aac;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .055em;
}
.social-nav a:hover,
.social-nav a.active {
    color: #fff;
    border-color: var(--line-soft);
    background: rgba(255,255,255,.025);
}
.social-nav a.active::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -1px;
    height: 2px;
    background: var(--cyan);
}
.social-search {
    justify-self: stretch;
    display: flex;
    max-width: 310px;
    margin-left: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #080d14;
}
.social-search:focus-within { border-color: #3b6475; }
.social-search input {
    min-width: 0;
    width: 100%;
    height: 35px;
    padding: 0 11px;
    color: var(--text);
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 11px;
}
.social-search button {
    width: 38px;
    border: 0;
    border-left: 1px solid var(--line-soft);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
}
.social-account { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.header-cta,
.social-account > a:not(.account-chip):not(.notification-link) {
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    font-weight: 700;
}
.header-cta { color: #061016 !important; border-color: var(--cyan) !important; background: var(--cyan); }
.notification-link {
    position: relative;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    color: #9ba9ba;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #0a0f16;
}
.notification-link:hover { color: #fff; border-color: var(--line-bright); }
.notification-link b {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: grid;
    place-items: center;
    border: 2px solid var(--bg);
    border-radius: 9px;
    background: var(--red);
    color: #fff;
    font-size: 8px;
}
.account-chip { display: flex; align-items: center; gap: 8px; min-width: 150px; }
.account-chip > span,
.avatar {
    width: 35px;
    height: 35px;
    flex: none;
    display: grid;
    place-items: center;
    border: 1px solid #315365;
    border-radius: var(--radius-sm);
    background: linear-gradient(145deg, #10222d, #141a2b);
    color: #e8fbff;
    font: 600 16px Oswald, sans-serif;
}
.account-chip strong,
.account-chip small { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-chip strong { font-size: 10px; }
.account-chip small { color: var(--muted); font-size: 8px; }

/* Page shell */
.social-page-hero {
    padding: 29px 0 26px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(100deg, rgba(93,216,244,.055), rgba(156,140,255,.025) 55%, transparent);
}
.social-page-hero span,
.eyebrow {
    color: var(--cyan);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .16em;
}
.social-page-hero h1 {
    margin: 7px 0 0;
    font: 600 clamp(27px,4vw,42px)/1.05 Oswald, sans-serif;
    text-transform: uppercase;
    letter-spacing: .025em;
}
.social-page-hero p { max-width: 780px; margin: 9px 0 0; color: #929fb0; font-size: 11px; line-height: 1.65; }
.social-main { padding: 22px 0 72px; }
.social-alert {
    margin-bottom: 15px;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-left-width: 3px;
    border-radius: var(--radius-sm);
    background: var(--surface);
    font-size: 11px;
}
.social-alert.success { border-left-color: var(--green); color: #cdefdd; }
.social-alert.error { border-left-color: var(--red); color: #f5c5cc; }

.breadcrumbs {
    min-height: 34px;
    margin-bottom: 12px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--muted);
    border: 1px solid var(--line-soft);
    border-radius: var(--radius-sm);
    background: #090d13;
    font-size: 10px;
}
.breadcrumbs strong { color: var(--text-soft); }
.toolbar {
    min-height: 42px;
    margin-bottom: 12px;
    padding: 7px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

/* Shared panels and controls */
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    box-shadow: var(--shadow);
}
.panel { padding: 15px; }
.panel-title {
    min-height: 30px;
    margin: -15px -15px 13px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    background: #0a1018;
}
.panel-title h2,
.panel-title h3 { margin: 0; font: 600 13px Oswald, sans-serif; text-transform: uppercase; letter-spacing: .045em; }
.panel-title a,
.panel-title span { color: var(--cyan); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.panel-empty { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.setup-card,
.empty-card { padding: 34px 22px; text-align: center; }
.setup-card h2,
.empty-card h2 { margin: 0; font: 600 25px Oswald, sans-serif; text-transform: uppercase; }
.setup-card p,
.empty-card p { max-width: 680px; margin: 9px auto 18px; color: var(--muted); font-size: 11px; line-height: 1.7; }

.button {
    min-height: 36px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #72dff7;
    border-radius: var(--radius-sm);
    background: var(--cyan);
    color: #061017;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    cursor: pointer;
}
.button:hover { color: #02090c; filter: brightness(1.06); }
.button.secondary { color: #c7d1dc; border-color: var(--line-bright); background: #101722; }
.button.secondary:hover { color: #fff; border-color: #52657b; background: #151e2a; }
.button.danger { color: #fff; border-color: #c45666; background: #9c3e4c; }
.button.small { min-height: 29px; padding: 0 9px; font-size: 8px; }
.button-stack { display: grid; gap: 7px; }
.inline-form { display: inline-flex; align-items: center; gap: 5px; }
.action-button {
    min-height: 29px;
    padding: 0 9px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--muted);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}
.action-button:hover,
.action-button.active { color: var(--cyan); border-color: var(--line); background: #0a1018; }

.status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 0 7px;
    border: 1px solid var(--line-bright);
    border-radius: 999px;
    color: #a8b5c4;
    background: #0a1018;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
}
.status-pill.published,
.status-pill.decided,
.status-pill.closed { color: var(--green); border-color: rgba(103,221,162,.35); background: rgba(103,221,162,.05); }
.status-pill.urgent,
.status-pill.high { color: var(--red); border-color: rgba(239,118,135,.35); background: rgba(239,118,135,.05); }

/* Character identity */
.character-badges { margin-top: 8px; display: flex; flex-wrap: wrap; justify-content: inherit; gap: 4px; }
.character-status {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #96a5b8;
    background: #090e15;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .035em;
}
.character-status::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background: currentColor;
}
.character-status.online,
.character-status.is-online { color: var(--green); border-color: rgba(103,221,162,.28); }
.character-status.offline,
.character-status.is-offline { color: #778597; }
.character-status.state-vivo { color: var(--green); }
.character-status.state-lobby { color: var(--amber); }
.character-status.state-morto { color: var(--red); }
.character-status.state-inconsciente { color: #d79a7f; }
.character-required {
    padding: 11px;
    display: grid;
    gap: 3px;
    border: 1px solid rgba(233,188,103,.35);
    border-left-width: 3px;
    border-radius: var(--radius-sm);
    background: rgba(233,188,103,.045);
}
.character-required strong { font-size: 10px; }
.character-required span { color: var(--muted); font-size: 9px; }
.character-select-label { padding: 10px; border: 1px solid #26384a; border-radius: var(--radius-sm); background: #0a1018; }
.character-select { border-color: #315166 !important; background: #080e15 !important; }
.inline-form .character-select-label { min-width: 230px; padding: 0; border: 0; background: transparent; }
.inline-form .character-select-label > .form-help { display: none; }
.inline-form .character-select { min-height: 29px; height: 29px; font-size: 9px; }

/* Forms */
.form-card { padding: 18px; }
.form-grid { display: grid; gap: 14px; }
.form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.form-label { display: grid; gap: 6px; color: #cbd5df; font-size: 9px; font-weight: 700; }
.form-control {
    width: 100%;
    min-height: 39px;
    padding: 0 11px;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    outline: none;
    background: #080d14;
    font-size: 11px;
}
.form-control:focus { border-color: #3b6475; box-shadow: 0 0 0 2px rgba(93,216,244,.055); }
.form-control.textarea { min-height: 180px; padding: 11px; resize: vertical; line-height: 1.65; }
.compact-textarea { min-height: 100px !important; }
.form-help { color: var(--muted); font-size: 8px; font-weight: 400; line-height: 1.55; }
.form-actions { display: flex; justify-content: flex-end; gap: 7px; }

/* Forum home */
.forum-welcome {
    margin-bottom: 12px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--cyan);
    border-radius: var(--radius);
    background: linear-gradient(100deg, rgba(93,216,244,.065), rgba(13,18,27,.96) 45%);
}
.forum-welcome h1 { margin: 4px 0 0; font: 600 25px Oswald, sans-serif; text-transform: uppercase; letter-spacing: .035em; }
.forum-welcome p { max-width: 700px; margin: 6px 0 0; color: var(--muted); font-size: 10px; }
.forum-welcome-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.identity-strip {
    margin-bottom: 12px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #090e15;
}
.identity-main { min-width: 0; display: flex; align-items: center; gap: 10px; }
.identity-main strong { display: block; font-size: 11px; }
.identity-main small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; }
.identity-stats { display: flex; align-items: center; gap: 18px; }
.identity-stats div { min-width: 58px; text-align: right; }
.identity-stats strong,
.identity-stats span { display: block; }
.identity-stats strong { font: 600 16px Oswald, sans-serif; }
.identity-stats span { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.forum-home-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 13px; align-items: start; }
.forum-board { min-width: 0; display: grid; gap: 12px; }
.forum-sidebar { display: grid; gap: 12px; }
.forum-column-head {
    min-height: 27px;
    padding: 0 12px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 110px 245px;
    align-items: center;
    border-bottom: 1px solid var(--line);
    color: #647287;
    background: #080d13;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.forum-column-head > :nth-child(2) { text-align: center; }
.forum-section { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.section-header {
    min-height: 46px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(90deg, #111a25, #0a1018);
}
.section-icon {
    width: 29px;
    height: 29px;
    flex: none;
    display: grid;
    place-items: center;
    border: 1px solid #2c4556;
    border-radius: var(--radius-sm);
    background: #0a141d;
    font-size: 14px;
}
.section-header h2 { margin: 0; font: 600 15px Oswald, sans-serif; text-transform: uppercase; letter-spacing: .035em; }
.section-header p { margin: 2px 0 0; color: var(--muted); font-size: 8px; }
.section-context { margin-left: auto; color: var(--cyan); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.category-row {
    min-height: 70px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 110px 245px;
    align-items: stretch;
    border-bottom: 1px solid var(--line-soft);
    background: #0d121b;
}
.category-row:last-child { border-bottom: 0; }
.category-row:hover { background: #101720; }
.category-main {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 10px;
    align-items: center;
}
.category-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    color: #a7b4c4;
    background: #080d14;
    font-size: 16px;
}
.category-main h3 { margin: 0; font-size: 11px; line-height: 1.35; }
.category-main h3 a { color: #dfe7ef; }
.category-main h3 a:hover { color: var(--cyan); }
.category-main p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.category-counts {
    padding: 10px;
    display: grid;
    place-content: center;
    grid-template-columns: repeat(2,1fr);
    gap: 6px;
    border-left: 1px solid var(--line-soft);
    color: var(--muted);
    text-align: center;
    font-size: 7px;
    text-transform: uppercase;
}
.category-counts strong { display: block; color: #cbd4df; font: 600 14px Oswald, sans-serif; }
.category-latest {
    min-width: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--line-soft);
}
.category-latest strong { overflow: hidden; color: #cdd6e0; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.category-latest small { margin-top: 4px; color: var(--muted); font-size: 8px; }

.forum-stat-list { display: grid; gap: 9px; }
.forum-stat-list div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line-soft); color: var(--muted); font-size: 9px; }
.forum-stat-list div:last-child { padding-bottom: 0; border-bottom: 0; }
.forum-stat-list strong { color: var(--text); font: 600 15px Oswald, sans-serif; }
.latest-topic-list { display: grid; }
.latest-topic-list a { min-width: 0; padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.latest-topic-list a:last-child { border-bottom: 0; }
.latest-topic-list strong,
.latest-topic-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-topic-list strong { color: #d4dde7; font-size: 9px; }
.latest-topic-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.online-character-list { display: grid; }
.online-character-list > div { padding: 7px 0; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--line-soft); }
.online-character-list > div:last-child { border-bottom: 0; }
.online-character-list i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px rgba(103,221,162,.5); }
.online-character-list span { min-width: 0; }
.online-character-list strong,
.online-character-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.online-character-list strong { font-size: 9px; }
.online-character-list small { color: var(--muted); font-size: 7px; }

/* Forum lists */
.section-list,
.topic-list,
.post-list,
.document-list,
.case-list { display: grid; gap: 9px; }
.topic-card {
    min-height: 66px;
    padding: 0;
    display: grid;
    grid-template-columns: 45px minmax(0,1fr) 100px 205px;
    overflow: hidden;
    border-radius: var(--radius-sm);
    box-shadow: none;
}
.topic-state { display: grid; place-items: center; border-right: 1px solid var(--line-soft); background: #090e15; font-size: 16px; }
.topic-card > div:nth-child(2) { min-width: 0; padding: 10px 12px; }
.topic-card h2,
.topic-card h3 { margin: 0; color: #dbe4ed; font-size: 11px; line-height: 1.4; }
.topic-card p { margin: 4px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.topic-flags { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 4px; color: var(--cyan); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.topic-metric {
    display: grid;
    place-content: center;
    border-left: 1px solid var(--line-soft);
    color: var(--muted);
    text-align: center;
    font-size: 7px;
    text-transform: uppercase;
}
.topic-metric strong { color: #cfd8e3; font: 600 14px Oswald, sans-serif; }
.last-author {
    min-width: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--line-soft);
    color: var(--muted);
    font-size: 8px;
}
.last-author strong { overflow: hidden; color: #c4ced9; text-overflow: ellipsis; white-space: nowrap; }

/* Classic topic view */
.post-card {
    min-height: 190px;
    display: grid;
    grid-template-columns: var(--author-column) minmax(0,1fr);
    overflow: hidden;
    border-radius: var(--radius-sm);
    box-shadow: none;
}
.post-author {
    padding: 16px 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid var(--line);
    background: #0a1018;
    text-align: center;
}
.post-author .avatar { width: 52px; height: 52px; margin-bottom: 9px; font-size: 22px; }
.post-author > div { width: 100%; min-width: 0; }
.post-author strong { display: block; overflow: hidden; color: #e5edf5; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.post-author small { display: block; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.post-author .role {
    margin-top: 10px;
    padding: 4px 7px;
    border: 1px solid var(--line-bright);
    border-radius: var(--radius-sm);
    color: var(--cyan);
    background: #080d14;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
}
.post-content { min-width: 0; display: flex; flex-direction: column; }
.post-content > header {
    min-height: 35px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-soft);
    color: var(--muted);
    background: #0b1119;
    font-size: 8px;
}
.post-content > header a { color: #8190a3; font-weight: 800; }
.post-body {
    min-height: 110px;
    padding: 17px;
    color: #cbd4df;
    font-size: 12px;
    line-height: 1.78;
    overflow-wrap: anywhere;
}
.post-body p:first-child { margin-top: 0; }
.post-body p:last-child { margin-bottom: 0; }
.post-body a { color: var(--cyan); text-decoration: underline; }
.post-body blockquote { margin: 13px 0; padding: 10px 12px; border-left: 3px solid #385365; background: #090e15; color: #9ba8b8; }
.post-footer {
    min-height: 36px;
    margin-top: auto;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid var(--line-soft);
    color: var(--muted);
    background: #0b1119;
    font-size: 8px;
}

/* Activity feed kept secondary */
.social-grid { display: grid; grid-template-columns: 210px minmax(0,1fr) 270px; gap: 12px; align-items: start; }
.left-rail,
.right-rail,
.feed-column { display: grid; gap: 11px; }
.rail-menu { display: grid; margin: -6px; }
.rail-menu a { padding: 9px 10px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--line-soft); color: #9aa7b6; font-size: 9px; font-weight: 700; }
.rail-menu a:last-child { border-bottom: 0; }
.rail-menu a:hover,
.rail-menu a.active { color: #fff; background: #111923; }
.rail-menu i { width: 18px; text-align: center; font-style: normal; }
.mini-profile { text-align: center; }
.mini-profile .avatar { width: 54px; height: 54px; margin: 0 auto 8px; font-size: 22px; }
.mini-profile h3 { margin: 0; font-size: 10px; }
.mini-profile p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.mini-profile .character { margin-top: 7px; display: inline-flex; padding: 3px 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--cyan); font-size: 7px; }
.mini-stats { margin-top: 12px; padding-top: 10px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-soft); }
.mini-stats strong,
.mini-stats span { display: block; }
.mini-stats strong { font: 600 14px Oswald, sans-serif; }
.mini-stats span { color: var(--muted); font-size: 6px; text-transform: uppercase; }
.composer { padding: 13px; box-shadow: none; }
.composer-head { display: flex; gap: 9px; }
.composer textarea { width: 100%; min-height: 72px; padding: 10px; color: var(--text); border: 1px solid var(--line); border-radius: var(--radius-sm); outline: none; resize: vertical; background: #080d14; font-size: 10px; }
.composer-actions { margin-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.composer-tools { display: flex; gap: 7px; color: var(--muted); font-size: 8px; }
.feed-tabs { display: flex; gap: 5px; }
.feed-tabs a { min-height: 29px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--muted); background: #090e15; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.feed-tabs a.active { color: #071016; border-color: var(--cyan); background: var(--cyan); }
.feed-card { padding: 14px; border-radius: var(--radius-sm); box-shadow: none; }
.feed-head { display: flex; justify-content: space-between; gap: 10px; }
.feed-author { min-width: 0; display: flex; gap: 9px; }
.feed-author-info { min-width: 0; }
.feed-author-info strong,
.feed-author-info small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feed-author-info strong { font-size: 10px; }
.feed-author-info small { color: var(--muted); font-size: 7px; }
.feed-meta { color: var(--muted); font-size: 7px; }
.feed-badge { margin-top: 10px; display: inline-flex; padding: 3px 6px; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--cyan); background: #090e15; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.feed-card h2 { margin: 8px 0 0; font-size: 12px; }
.feed-body { padding: 10px 0 2px; color: #bfc9d5; font-size: 10px; line-height: 1.68; overflow-wrap: anywhere; }
.feed-stats { margin-top: 9px; padding: 8px 0; display: flex; gap: 14px; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); color: var(--muted); font-size: 7px; }
.feed-actions { padding-top: 8px; display: flex; align-items: center; gap: 5px; }
.verified { color: var(--cyan); }
.trend-list,
.institution-mini-list,
.notification-list { display: grid; gap: 8px; }
.trend-item,
.institution-mini { padding-bottom: 8px; display: flex; gap: 8px; border-bottom: 1px solid var(--line-soft); }
.trend-item:last-child,
.institution-mini:last-child { padding-bottom: 0; border-bottom: 0; }
.trend-item > span,
.institution-mini .icon { width: 31px; height: 31px; flex: none; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; }
.trend-item strong,
.institution-mini strong { display: block; font-size: 8px; }
.trend-item small,
.institution-mini small { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; }

/* Profiles */
.member-profile-header {
    margin-bottom: 12px;
    padding: 18px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 15px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(110deg, #101923, #0c121a 60%);
}
.member-profile-avatar { width: 72px; height: 72px; display: grid; place-items: center; border: 1px solid #315365; border-radius: var(--radius-sm); background: #0b1821; font: 600 30px Oswald, sans-serif; }
.member-profile-main { min-width: 0; }
.member-profile-main h1 { margin: 4px 0 0; font: 600 25px Oswald, sans-serif; text-transform: uppercase; }
.member-profile-main p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.member-profile-main .profile-meta { margin-top: 9px; }
.forum-profile-layout { display: grid; grid-template-columns: minmax(0,1fr) 285px; gap: 12px; align-items: start; }
.profile-side { display: grid; gap: 12px; }
.profile-edit-card { margin-bottom: 12px; }
.character-roster { display: grid; gap: 9px; }
.character-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.character-card {
    padding: 12px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #0a1018;
}
.character-card-avatar { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #2b4b5e; border-radius: var(--radius-sm); background: #0b1821; font: 600 18px Oswald, sans-serif; }
.character-card h3 { margin: 0; font-size: 10px; }
.character-card p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.character-card .forum-stat-list { margin-top: 9px; grid-column: 1/-1; grid-template-columns: repeat(3,1fr); }
.character-card .forum-stat-list div { display: block; padding: 6px; border: 1px solid var(--line-soft); text-align: center; }
.character-card .forum-stat-list strong { font-size: 12px; }
.member-topic-list { display: grid; }
.member-topic-list a { padding: 9px 0; border-bottom: 1px solid var(--line-soft); }
.member-topic-list a:last-child { border-bottom: 0; }
.member-topic-list strong,
.member-topic-list small { display: block; }
.member-topic-list strong { font-size: 9px; }
.member-topic-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }

/* Legacy profile styles retained */
.profile-header { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.profile-banner { height: 145px; background: linear-gradient(110deg, rgba(93,216,244,.17), rgba(156,140,255,.12)), #101823; background-size: cover; background-position: center; }
.profile-info { padding: 0 18px 17px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: end; }
.profile-avatar { width: 90px; height: 90px; margin-top: -38px; display: grid; place-items: center; border: 4px solid var(--surface); border-radius: var(--radius-sm); background: #10202a; font: 600 35px Oswald, sans-serif; }
.profile-name h1 { margin: 0; font: 600 24px Oswald, sans-serif; }
.profile-name p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.profile-bio { margin-top: 8px; color: #aab6c4; font-size: 9px; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: 8px; }
.profile-stats { margin-top: 10px; display: flex; gap: 14px; }
.profile-stats strong { font-size: 10px; }
.profile-stats span { color: var(--muted); font-size: 8px; }
.profile-layout { margin-top: 12px; display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 12px; }
.profile-actions { display: flex; gap: 6px; }

/* Institutions, documents and cases */
.institution-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.institution-card { position: relative; overflow: hidden; padding: 15px; border-radius: var(--radius-sm); box-shadow: none; }
.institution-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--institution-color,var(--cyan)); }
.institution-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; font-size: 18px; }
.institution-card h2 { margin: 10px 0 0; font: 600 15px Oswald, sans-serif; text-transform: uppercase; }
.acronym { color: var(--institution-color,var(--cyan)); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.institution-card p { margin: 7px 0 11px; color: var(--muted); font-size: 8px; line-height: 1.55; }
.institution-stats { display: flex; gap: 12px; color: var(--muted); font-size: 7px; }
.institution-hero { padding: 20px; border-radius: var(--radius); }
.institution-hero-top { display: flex; gap: 14px; align-items: center; }
.institution-hero .institution-icon { width: 57px; height: 57px; font-size: 27px; }
.institution-hero h1 { margin: 0; font: 600 clamp(25px,4vw,39px) Oswald, sans-serif; text-transform: uppercase; }
.institution-hero p { max-width: 850px; margin: 8px 0 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.document-card,
.case-card { padding: 13px; border-radius: var(--radius-sm); box-shadow: none; }
.document-head,
.case-head { display: flex; justify-content: space-between; gap: 12px; }
.document-card h2,
.case-card h2 { margin: 6px 0 0; font-size: 11px; line-height: 1.45; }
.document-card p,
.case-card p { margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.document-meta,
.case-meta { margin-top: 9px; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 10px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 7px; }
.official-document { padding: 28px; border: 1px solid #c5c1b6; border-radius: var(--radius-sm); background: #eeeae0; color: #18212c; box-shadow: var(--shadow); }
.official-document header { padding-bottom: 19px; border-bottom: 2px solid #1e2935; text-align: center; }
.official-document .seal { font-size: 37px; }
.official-document h1 { margin: 8px 0 0; font: 600 28px Oswald, sans-serif; text-transform: uppercase; }
.official-document .doc-number { margin-top: 5px; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.official-document .doc-body { padding: 24px 0; white-space: pre-wrap; font: 13px/1.85 Georgia,serif; }
.signature-list { margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.signature { padding-top: 24px; border-top: 1px solid #747d87; text-align: center; }
.signature strong,
.signature small { display: block; }
.signature small { margin-top: 3px; color: #59636e; font-size: 9px; }
.case-timeline { display: grid; gap: 10px; }
.case-event { position: relative; margin-left: 16px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); }
.case-event::before { content: ""; position: absolute; left: -21px; top: 16px; width: 8px; height: 8px; border: 3px solid var(--bg); border-radius: 50%; background: var(--cyan); }
.case-event::after { content: ""; position: absolute; left: -17px; top: 27px; bottom: -15px; width: 1px; background: var(--line); }
.case-event:last-child::after { display: none; }
.case-event h3 { margin: 0; font-size: 10px; }
.case-event p { margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }

/* Messages, notifications, search and stats */
.notification-item { padding: 10px; display: flex; gap: 9px; align-items: flex-start; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); }
.notification-item.unread { border-left: 3px solid var(--cyan); background: #0d151e; }
.notification-icon { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; }
.notification-item strong { display: block; font-size: 9px; }
.notification-item p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.notification-item time { display: block; margin-top: 4px; color: #5f6d80; font-size: 7px; }
.search-summary { margin-bottom: 12px; color: var(--muted); font-size: 9px; }
.two-column { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 12px; }
.stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.stat-box { padding: 11px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #090e15; }
.stat-box strong,
.stat-box span { display: block; }
.stat-box strong { font: 600 19px Oswald, sans-serif; }
.stat-box span { margin-top: 2px; color: var(--muted); font-size: 7px; text-transform: uppercase; }
.login-callout { padding: 20px; text-align: center; border-style: dashed; box-shadow: none; }
.login-callout h2 { margin: 0; font: 600 20px Oswald, sans-serif; text-transform: uppercase; }
.login-callout p { margin: 7px 0 12px; color: var(--muted); font-size: 9px; }
.pagination { margin-top: 13px; display: flex; flex-wrap: wrap; gap: 5px; }
.pagination a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--muted); background: #090e15; font-size: 8px; font-weight: 800; }
.pagination a.active { color: #061017; border-color: var(--cyan); background: var(--cyan); }

.social-footer { margin-top: auto; border-top: 1px solid var(--line); background: #05080c; }
.social-footer .social-container { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #657285; font-size: 8px; }
.social-footer .social-container > div { display: flex; gap: 13px; }

@media (max-width: 1100px) {
    .social-header-inner { grid-template-columns: auto minmax(0,1fr) auto; }
    .social-nav { display: none; }
    .social-search { max-width: none; }
    .social-grid { grid-template-columns: 195px minmax(0,1fr); }
    .right-rail { display: none; }
    .institution-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 880px) {
    :root { --author-column: 180px; }
    .forum-home-layout,
    .forum-profile-layout,
    .profile-layout,
    .two-column { grid-template-columns: 1fr; }
    .forum-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .category-row,
    .forum-column-head { grid-template-columns: minmax(0,1fr) 100px 205px; }
    .topic-card { grid-template-columns: 42px minmax(0,1fr) 88px 170px; }
    .character-card-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .forum-utility .social-container > :nth-child(2) { display: none; }
    .forum-utility .social-container a { margin-left: auto; }
    .social-header-inner { min-height: 62px; grid-template-columns: auto 1fr; gap: 10px; }
    .social-search { grid-column: 1/-1; grid-row: 2; max-width: none; margin: 0 0 9px; }
    .social-account { justify-self: end; }
    .account-chip div { display: none; }
    .account-chip { min-width: 0; }
    .forum-welcome { align-items: flex-start; flex-direction: column; }
    .identity-strip { align-items: flex-start; flex-direction: column; }
    .identity-stats { width: 100%; justify-content: space-between; }
    .forum-sidebar { grid-template-columns: 1fr; }
    .forum-column-head { display: none; }
    .category-row { grid-template-columns: 1fr 92px; }
    .category-latest { grid-column: 1/-1; min-height: 47px; padding-left: 58px; border-left: 0; border-top: 1px solid var(--line-soft); }
    .topic-card { grid-template-columns: 40px minmax(0,1fr) 75px; }
    .topic-card .last-author { grid-column: 2/-1; padding: 8px 11px; border-left: 0; border-top: 1px solid var(--line-soft); }
    .post-card { grid-template-columns: 150px minmax(0,1fr); }
    .institution-grid { grid-template-columns: 1fr; }
    .stat-grid { grid-template-columns: repeat(2,1fr); }
    .social-grid { grid-template-columns: 1fr; }
    .left-rail { display: none; }
    .member-profile-header { grid-template-columns: auto minmax(0,1fr); }
    .member-profile-header .profile-actions { grid-column: 1/-1; }
}

@media (max-width: 560px) {
    .social-container { width: min(100% - 18px,1240px); }
    .social-brand img { width: 36px; height: 36px; }
    .social-brand strong { font-size: 15px; }
    .notification-link { width: 32px; height: 32px; }
    .social-page-hero { padding: 22px 0; }
    .social-main { padding-top: 14px; }
    .toolbar { align-items: stretch; flex-direction: column; }
    .toolbar .inline-form { width: 100%; flex-wrap: wrap; }
    .toolbar .inline-form .character-select-label { width: 100%; min-width: 0; }
    .category-row { grid-template-columns: 1fr; }
    .category-counts { min-height: 45px; grid-template-columns: repeat(2,100px); justify-content: start; padding-left: 58px; border-left: 0; border-top: 1px solid var(--line-soft); }
    .category-latest { padding-left: 58px; }
    .topic-card { grid-template-columns: 37px minmax(0,1fr); }
    .topic-metric { grid-column: 2; min-height: 38px; grid-auto-flow: column; gap: 4px; justify-content: start; padding: 0 11px; border-left: 0; border-top: 1px solid var(--line-soft); text-align: left; }
    .topic-card .last-author { grid-column: 2; }
    .post-card { grid-template-columns: 1fr; }
    .post-author {
        padding: 10px;
        display: grid;
        grid-template-columns: 42px minmax(0,1fr) auto;
        gap: 9px;
        align-items: center;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        text-align: left;
    }
    .post-author .avatar { width: 42px; height: 42px; margin: 0; }
    .post-author .role { margin: 0; }
    .post-author .character-badges { justify-content: flex-start; }
    .post-body { padding: 14px; font-size: 11px; }
    .form-row { grid-template-columns: 1fr; }
    .form-actions { align-items: stretch; flex-direction: column; }
    .form-actions .button { width: 100%; }
    .member-profile-header { grid-template-columns: 1fr; text-align: center; }
    .member-profile-avatar { margin-inline: auto; }
    .profile-meta { justify-content: center; }
    .profile-info { grid-template-columns: 1fr; align-items: start; }
    .profile-avatar { width: 75px; height: 75px; margin-top: -33px; }
    .signature-list { grid-template-columns: 1fr; }
    .official-document { padding: 18px; }
    .official-document h1 { font-size: 23px; }
    .social-footer .social-container { padding: 17px 0; align-items: flex-start; flex-direction: column; }
    .social-footer .social-container > div { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
    * { scroll-behavior: auto !important; transition: none !important; }
}

/* Markup refinements for compact forum components */
.identity-stats > span {
    min-width: 64px;
    display: grid;
    text-align: right;
    color: var(--muted);
    font-size: 7px;
    text-transform: uppercase;
}
.identity-stats > span b { color: var(--text); font: 600 16px Oswald,sans-serif; }
.forum-stat-list > span {
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--line-soft);
    color: var(--muted);
    font-size: 9px;
}
.forum-stat-list > span:last-child { padding-bottom: 0; border-bottom: 0; }
.forum-stat-list > span b { color: var(--text); font: 600 15px Oswald,sans-serif; }
.character-card { display: block; }
.character-card.online { border-left: 2px solid var(--green); }
.character-card > header { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: center; }
.character-card > header h3 { margin: 0; font-size: 10px; }
.character-card > header small { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; }
.character-card > .character-badges { justify-content: flex-start; }
.character-card dl { margin: 11px 0 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line-soft); }
.character-card dl div { padding: 7px 4px; border-right: 1px solid var(--line-soft); text-align: center; }
.character-card dl div:last-child { border-right: 0; }
.character-card dt { color: var(--muted); font-size: 6px; text-transform: uppercase; }
.character-card dd { margin: 2px 0 0; color: var(--text); font: 600 12px Oswald,sans-serif; }
.character-card > footer { margin-top: 9px; padding-top: 8px; display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 7px; }
.character-card > footer strong { color: #9eabba; font-weight: 600; }
.member-topic-list article {
    min-height: 76px;
    padding: 11px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 86px;
    gap: 12px;
    border: 1px solid var(--line);
    border-bottom: 0;
    background: var(--surface);
}
.member-topic-list article:first-child { border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
.member-topic-list article:last-child { border-bottom: 1px solid var(--line); border-radius: 0 0 var(--radius-sm) var(--radius-sm); }
.member-topic-list h3 { margin: 5px 0 0; font-size: 10px; }
.member-topic-list p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.member-topic-list small { display: block; margin-top: 5px; color: var(--muted); font-size: 7px; }
.member-topic-list aside { padding-left: 10px; display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 2px 5px; border-left: 1px solid var(--line-soft); text-align: center; }
.member-topic-list aside strong { font: 600 14px Oswald,sans-serif; }
.member-topic-list aside span { color: var(--muted); font-size: 6px; text-transform: uppercase; }
.category-latest > a { overflow: hidden; color: #cdd6e0; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 560px) {
    .character-card dl { grid-template-columns: repeat(2,1fr); }
    .character-card dl div:nth-child(2) { border-right: 0; }
    .character-card dl div:nth-child(-n+2) { border-bottom: 1px solid var(--line-soft); }
    .member-topic-list article { grid-template-columns: 1fr; }
    .member-topic-list aside { padding: 8px 0 0; grid-template-columns: repeat(4,auto); border-left: 0; border-top: 1px solid var(--line-soft); }
}
.character-admin-controls {
    margin-top: 10px;
    padding-top: 10px;
    display: grid;
    grid-template-columns: 105px minmax(0,1fr) auto;
    gap: 6px;
    border-top: 1px dashed #344354;
}
.character-admin-controls .form-control { min-height: 31px; height: 31px; font-size: 8px; }
@media (max-width: 560px) {
    .character-admin-controls { grid-template-columns: 1fr; }
}


/* Keep standalone section headers aligned without the inset panel treatment. */
.character-roster > .panel-title,
.feed-column > .panel-title {
    margin: 0 0 9px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

/* =========================================================
   REPRISE FORUM V4 — PEAL / ANGULAR INTERFACE
   ========================================================= */
:root {
    --radius: 0px;
    --radius-sm: 0px;
    --peal-cut: 10px;
    --peal-cut-sm: 6px;
    --peal-panel: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    --peal-button: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

/* Retira o aspecto arredondado de aplicativo. */
.social-search,
.notification-link,
.account-chip > span,
.account-fallback,
.avatar,
.social-alert,
.breadcrumbs,
.toolbar,
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout,
.forum-section,
.identity-strip,
.forum-welcome,
.character-card,
.member-profile-header,
.profile-header,
.official-document,
.case-event,
.notification-item,
.stat-box,
.form-control,
.character-select-label,
.feed-tabs a,
.feed-badge,
.status-pill,
.character-status,
.post-author .role,
.pagination a,
.institution-icon,
.institution-mini .icon,
.section-icon,
.category-icon,
.topic-flags span,
.social-footer {
    border-radius: 0 !important;
}

/* Botões pontudos, como placas de interface técnica. */
.button,
.action-button,
.header-cta,
.social-account > a:not(.account-chip):not(.notification-link),
.copy-button,
.feed-tabs a,
.pagination a {
    border-radius: 0 !important;
    clip-path: var(--peal-button);
    position: relative;
}
.button,
.header-cta {
    letter-spacing: .09em;
    text-transform: uppercase;
}
.button:hover,
.action-button:hover,
.header-cta:hover {
    transform: translateX(2px);
}
.button:focus-visible,
.action-button:focus-visible,
.social-nav a:focus-visible,
.form-control:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 3px;
}

/* Navegação com abas retas e marcador diagonal. */
.social-nav a {
    border-radius: 0;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
}
.social-nav a.active::after {
    left: 0;
    right: 8px;
    height: 2px;
    box-shadow: 0 0 12px rgba(93,216,244,.55);
}
.social-search,
.notification-link {
    clip-path: var(--peal-button);
}

/* Painéis retos com cortes discretos — visual de fórum, não de rede social. */
.forum-section,
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.institution-card,
.document-card,
.case-card,
.institution-hero,
.login-callout,
.member-profile-header,
.character-card {
    clip-path: var(--peal-panel);
}
.forum-section,
.panel,
.post-card,
.topic-card,
.character-card,
.feed-card {
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.section-header,
.panel-title,
.post-content > header,
.forum-column-head {
    background-image: linear-gradient(90deg, rgba(93,216,244,.045), transparent 52%);
}

/* Render das skins SA-MP. */
.character-skin {
    position: relative;
    z-index: 0;
    flex: none;
    display: grid;
    place-items: end center;
    overflow: hidden;
    border: 1px solid #2b4354;
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    background:
        linear-gradient(rgba(93,216,244,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,216,244,.035) 1px, transparent 1px),
        radial-gradient(circle at 50% 74%, rgba(93,216,244,.14), transparent 55%),
        #080d14;
    background-size: 12px 12px, 12px 12px, auto, auto;
}
.character-skin::before {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    border-left: 1px solid rgba(93,216,244,.16);
    border-bottom: 1px solid rgba(93,216,244,.10);
}
.character-skin::after {
    content: "#" attr(data-skin-id);
    position: absolute;
    right: 4px;
    bottom: 3px;
    z-index: 3;
    padding: 1px 3px;
    color: #8ca3b4;
    background: rgba(4,8,12,.78);
    font: 700 6px/1.4 Inter,sans-serif;
    letter-spacing: .07em;
}
.character-skin img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 10px 10px rgba(0,0,0,.52));
}
.skin-fallback {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    color: #66798a;
    font: 700 7px/1 Inter,sans-serif;
    letter-spacing: .08em;
}
.character-skin-chip { width: 36px; height: 42px; }
.character-skin-chip::after { display: none; }
.character-skin-identity { width: 76px; height: 94px; }
.character-skin-card { width: 96px; height: 124px; }
.character-skin-feed { width: 54px; height: 68px; }
.character-skin-online { width: 32px; height: 40px; }
.character-skin-online::after { display: none; }
.character-skin-topic { width: 42px; height: 52px; }
.character-skin-topic::after { display: none; }
.character-skin-post { width: 118px; height: 156px; }

.account-chip > .character-skin { border-color: #315365; }
.account-chip > .account-fallback {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #315365;
    background: #0c1821;
    font: 600 16px Oswald,sans-serif;
}

/* Tópico clássico com skin inteira na coluna do autor. */
.post-card {
    min-height: 255px;
    grid-template-columns: 220px minmax(0,1fr);
}
.post-author {
    position: relative;
    padding: 15px 13px 13px;
    background:
        linear-gradient(135deg, rgba(93,216,244,.045), transparent 46%),
        #080e16;
}
.post-author::after {
    content: "IDENTIDADE // PERSONAGEM";
    position: absolute;
    left: 8px;
    bottom: 8px;
    color: #405162;
    font: 700 5px/1 Inter,sans-serif;
    letter-spacing: .12em;
    writing-mode: vertical-rl;
}
.post-author .avatar.skin-avatar {
    width: 118px;
    height: 156px;
    margin: 0 0 10px;
    border: 0;
    background: transparent;
}
.post-author strong { font-size: 11px; }
.post-author small { font-size: 7px; }
.post-author .role { clip-path: var(--peal-button); }
.post-body { min-height: 165px; }

/* Fichas de personagem com destaque para o modelo. */
.character-card > header {
    grid-template-columns: 96px minmax(0,1fr);
    align-items: stretch;
}
.character-card-skin { grid-row: 1 / span 2; }
.character-card > .character-badges,
.character-card dl,
.character-card > footer,
.character-admin-controls { margin-left: 106px; }
.character-card dl { grid-template-columns: repeat(4,1fr); }

.identity-main { align-items: center; }
.identity-main > .character-skin { margin-right: 11px; }
.online-character-list > div { position: relative; gap: 7px; }
.online-character-list > div > i { margin-left: -11px; margin-top: -24px; z-index: 4; }

.topic-skin-state {
    width: 54px !important;
    display: grid !important;
    place-items: center !important;
    gap: 3px;
}
.topic-skin-state > span { color: var(--cyan); font-size: 8px; }
.topic-card { grid-template-columns: 54px minmax(0,1fr) 115px 155px; }

/* Inputs retos e mais técnicos. */
.form-control,
.social-search input,
.composer textarea {
    border-radius: 0 !important;
}
.form-control:focus,
.composer textarea:focus {
    border-color: #4d7f93;
    box-shadow: inset 3px 0 0 var(--cyan), 0 0 0 1px rgba(93,216,244,.12);
}

@media (max-width: 760px) {
    .post-card { grid-template-columns: 150px minmax(0,1fr); }
    .post-author .avatar.skin-avatar,
    .character-skin-post { width: 94px; height: 126px; }
    .character-card > .character-badges,
    .character-card dl,
    .character-card > footer,
    .character-admin-controls { margin-left: 0; }
    .topic-card { grid-template-columns: 48px minmax(0,1fr); }
}

@media (max-width: 560px) {
    .post-card { grid-template-columns: 1fr; }
    .post-author {
        min-height: 132px;
        display: grid;
        grid-template-columns: 82px minmax(0,1fr) auto;
        gap: 10px;
        align-items: center;
        text-align: left;
    }
    .post-author .avatar.skin-avatar,
    .character-skin-post { width: 82px; height: 108px; margin: 0; }
    .post-author .role { margin: 0; }
    .post-author::after { display: none; }
    .character-card > header { grid-template-columns: 82px minmax(0,1fr); }
    .character-skin-card { width: 82px; height: 108px; }
    .identity-strip { align-items: flex-start; }
    .character-skin-identity { width: 62px; height: 78px; }
}

/* Correções de especificidade dos renders em componentes antigos. */
.account-chip > .character-skin.character-skin-chip {
    width: 36px;
    height: 42px;
    padding: 0;
    border: 1px solid #315365;
    background:
        linear-gradient(rgba(93,216,244,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,216,244,.035) 1px, transparent 1px),
        #080d14;
    background-size: 10px 10px;
    color: inherit;
    font: inherit;
}
.feed-author .avatar.skin-avatar {
    width: 54px;
    height: 68px;
    border: 0;
    background: transparent;
}
.feed-author .avatar.skin-avatar .character-skin { width: 54px; height: 68px; }

/* =========================================================
   REPRISE FORUM V10 — PEAL / LORE GOVERNANCE
   ========================================================= */
:root {
    --peal-panel-lg: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
    --peal-panel-sm: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    --lore-violet: #9f8cff;
    --lore-blue: #5dd8f4;
}

body {
    background:
        linear-gradient(118deg, transparent 0 73%, rgba(93,216,244,.022) 73% 73.08%, transparent 73.08%),
        radial-gradient(circle at 20% -8%, rgba(93,216,244,.085), transparent 34rem),
        radial-gradient(circle at 88% 4%, rgba(159,140,255,.07), transparent 30rem),
        #06090e;
}

.social-container { width: min(1320px, calc(100% - 34px)); }
.social-header { border-bottom-color: #263444; box-shadow: 0 10px 38px rgba(0,0,0,.28); }
.social-header-inner { min-height: 74px; grid-template-columns: auto minmax(470px,auto) minmax(180px,1fr) auto; }
.social-brand { padding-right: 17px; border-right: 1px solid var(--line); }
.social-nav { gap: 2px; }
.social-nav a { min-width: 70px; justify-content: center; padding-inline: 13px; }
.social-nav a.active { color: #061116; background: var(--cyan); }
.social-nav a.active::after { display: none; }
.social-nav a.active:hover { color: #061116; }
.social-search { max-width: 360px; }
.social-main { padding-top: 25px; }

.forum-welcome {
    min-height: 160px;
    padding: 25px 28px;
    align-items: center;
    border-color: #2e4052;
    clip-path: var(--peal-panel-lg);
    background:
        linear-gradient(100deg, rgba(93,216,244,.085), transparent 44%),
        linear-gradient(180deg, #101721, #0a0f16);
}
.forum-welcome::before {
    content: "FORUM // COMMUNITY OPERATIONS";
    position: absolute;
    top: 10px;
    right: 24px;
    color: #445466;
    font-size: 7px;
    letter-spacing: .18em;
}
.forum-welcome h1 { font-size: 34px; letter-spacing: .07em; }
.forum-welcome p { font-size: 12px; line-height: 1.7; }

.forum-lore-gateway {
    position: relative;
    margin: 14px 0 18px;
    display: grid;
    grid-template-columns: minmax(0,1.2fr) 190px minmax(300px,.85fr);
    min-height: 154px;
    overflow: hidden;
    border: 1px solid #33455a;
    clip-path: var(--peal-panel-lg);
    background:
        linear-gradient(110deg, rgba(159,140,255,.10), transparent 38%),
        linear-gradient(180deg, #111722, #0a0e15);
}
.forum-lore-gateway::after {
    content: "CANON LINK ACTIVE";
    position: absolute;
    top: 9px;
    right: 20px;
    color: var(--lore-violet);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .16em;
}
.forum-lore-gateway.is-idle::after { content: "CANON LINK STANDBY"; color: var(--amber); }
.lore-gateway-main { padding: 23px 25px; }
.lore-gateway-main > span,
.lore-commandbar .eyebrow,
.governance-intro > span,
.case-commandbar > div:first-child > span {
    color: var(--cyan);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .17em;
}
.lore-gateway-main h2 { margin: 5px 0 7px; font: 600 24px/1.1 Oswald,sans-serif; text-transform: uppercase; letter-spacing: .045em; }
.lore-gateway-main p { max-width: 690px; margin: 0 0 16px; color: var(--muted); font-size: 11px; }
.lore-gateway-main > div { display: flex; flex-wrap: wrap; gap: 7px; }
.lore-gateway-data { display: grid; grid-template-rows: 1fr 1fr; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.lore-gateway-data > div { display: grid; place-items: center; align-content: center; gap: 2px; background: rgba(255,255,255,.012); }
.lore-gateway-data > div + div { border-top: 1px solid var(--line); }
.lore-gateway-data small { color: var(--muted); font-size: 7px; letter-spacing: .14em; }
.lore-gateway-data strong { color: #fff; font: 600 25px Oswald,sans-serif; }
.lore-gateway-events { padding: 25px 17px 14px; display: grid; align-content: start; gap: 5px; }
.lore-gateway-events > a { display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 9px; padding: 8px 6px; border-bottom: 1px solid var(--line-soft); }
.lore-gateway-events time { color: var(--cyan); font-size: 8px; }
.lore-gateway-events b,.lore-gateway-events small { display:block; }
.lore-gateway-events b { font-size: 9px; }
.lore-gateway-events small { margin-top: 2px; color: var(--muted); font-size: 7px; }
.lore-gateway-events > p { color: var(--muted); font-size: 9px; }

.forum-home-layout { grid-template-columns: minmax(0,1fr) 310px; gap: 15px; }
.forum-section { border-color: #273646; clip-path: var(--peal-panel-lg); }
.section-header { min-height: 86px; padding: 17px 19px; grid-template-columns: 48px minmax(0,1fr) auto; }
.section-header::after { content: "SECTION"; position:absolute; right:19px; bottom:8px; color:#39495a; font-size:6px; letter-spacing:.14em; }
.section-icon { width: 42px; height: 42px; font-size: 18px; border-color:#31465b; background:#09111a; clip-path:var(--peal-panel-sm); }
.section-header h2 { font-size: 17px; letter-spacing: .045em; }
.forum-column-head { grid-template-columns: minmax(0,1fr) 135px 260px; }
.category-row { grid-template-columns: minmax(0,1fr) 135px 260px; min-height: 88px; }
.category-row:hover { background: linear-gradient(90deg,rgba(93,216,244,.05),transparent 70%); }
.category-main { padding: 13px 15px; }
.category-icon { clip-path: var(--peal-panel-sm); }
.category-main h3 { font-size: 11px; }
.category-main p { font-size: 8px; }
.category-counts { border-left: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); }
.category-latest { padding: 12px 14px; }
.forum-sidebar .panel { clip-path: var(--peal-panel-sm); }
.panel-title { min-height: 42px; }

/* Lore central */
.lore-commandbar,
.case-commandbar,
.governance-intro {
    position: relative;
    margin-bottom: 14px;
    padding: 23px 25px;
    border: 1px solid #33455a;
    clip-path: var(--peal-panel-lg);
    background: linear-gradient(105deg,rgba(159,140,255,.09),transparent 48%),#0d131d;
}
.lore-commandbar,.case-commandbar { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.lore-commandbar h1,.case-commandbar h1,.governance-intro h1 { margin:5px 0 6px; font:600 28px/1.05 Oswald,sans-serif; text-transform:uppercase; letter-spacing:.045em; }
.lore-commandbar p,.case-commandbar p,.governance-intro p { max-width:760px; margin:0; color:var(--muted); font-size:10px; }
.lore-command-actions,.case-commandbar > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:7px; }
.season-switcher { margin-bottom:14px; display:flex; gap:7px; overflow:auto; padding-bottom:3px; }
.season-switcher a { min-width:185px; padding:10px 12px; display:grid; grid-template-columns:auto 1fr; gap:2px 8px; border:1px solid var(--line); clip-path:var(--peal-panel-sm); background:#090e15; }
.season-switcher a.active { border-color:#62728f; background:linear-gradient(110deg,rgba(159,140,255,.14),transparent),#0d131d; }
.season-switcher b { color:var(--cyan); font:600 15px Oswald,sans-serif; }
.season-switcher span { align-self:center; font-size:9px; }
.season-switcher small { grid-column:1/-1; color:var(--muted); font-size:6px; letter-spacing:.12em; }
.lore-stat-grid { margin-bottom:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.lore-stat-grid > div { min-height:90px; padding:12px; display:grid; place-items:center; align-content:center; border:1px solid var(--line); clip-path:var(--peal-panel-sm); background:#0a0f16; }
.lore-stat-grid span { color:var(--muted); font-size:7px; letter-spacing:.14em; }
.lore-stat-grid strong { color:#fff; font:600 27px Oswald,sans-serif; }
.lore-stat-grid small { color:#536174; font-size:7px; }
.lore-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:14px; }
.lore-primary,.lore-secondary { display:grid; align-content:start; gap:14px; }
.forum-block { overflow:hidden; border:1px solid var(--line); clip-path:var(--peal-panel-lg); background:var(--surface); }
.forum-block-head { min-height:58px; padding:12px 15px; display:flex; justify-content:space-between; align-items:center; gap:14px; border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(93,216,244,.05),transparent); }
.forum-block-head span { color:var(--cyan); font-size:6px; font-weight:800; letter-spacing:.14em; }
.forum-block-head h2 { margin:2px 0 0; font:600 15px Oswald,sans-serif; text-transform:uppercase; }
.forum-block-head > a,.forum-block-head > small { color:var(--muted); font-size:7px; }
.lore-context-copy,.case-copy { padding:19px; color:var(--text-soft); font-size:11px; line-height:1.8; }
.lore-context-block > footer { padding:9px 15px; display:flex; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font-size:7px; }
.canon-event-list article { min-height:108px; display:grid; grid-template-columns:118px minmax(0,1fr) auto; gap:16px; align-items:center; padding:14px 15px; border-bottom:1px solid var(--line-soft); }
.canon-event-list article:last-child { border-bottom:0; }
.canon-event-list time { color:var(--cyan); font-size:8px; line-height:1.6; }
.canon-event-list span { color:var(--muted); font-size:6px; letter-spacing:.1em; }
.canon-event-list h3 { margin:3px 0; font-size:11px; }
.canon-event-list p { margin:0; color:var(--muted); font-size:8px; }
.canon-row-actions { display:grid; gap:4px; }
.canon-row-actions a { padding:4px 7px; border:1px solid var(--line); clip-path:var(--peal-button); color:var(--text-soft); font-size:7px; text-transform:uppercase; }
.chapter-stack article { padding:14px; border-bottom:1px solid var(--line-soft); }
.chapter-stack article:last-child { border-bottom:0; }
.chapter-stack span { color:var(--lore-violet); font-size:6px; letter-spacing:.11em; }
.chapter-stack h3 { margin:4px 0; font-size:11px; }
.chapter-stack p { margin:0; color:var(--muted); font-size:8px; }
.chapter-stack small { display:block; margin-top:7px; color:#536174; font-size:7px; }
.chapter-stack article > div { margin-top:9px; display:flex; gap:6px; }
.chapter-stack a { color:var(--cyan); font-size:7px; text-transform:uppercase; }
.contestation-mini-list > a { padding:11px 13px; display:grid; gap:4px; border-bottom:1px solid var(--line-soft); }
.contestation-mini-list > a:last-child { border-bottom:0; }
.contestation-mini-list strong { font-size:9px; }
.contestation-mini-list small { color:var(--muted); font-size:7px; }
.revision-rail > a { display:grid; grid-template-columns:38px 1fr; gap:2px 8px; padding:10px 12px; border-bottom:1px solid var(--line-soft); }
.revision-rail b { grid-row:1/3; color:var(--lore-violet); font:600 15px Oswald,sans-serif; }
.revision-rail span { font-size:8px; }
.revision-rail small { color:var(--muted); font-size:6px; }

.lore-status { width:max-content; display:inline-flex; padding:3px 7px; border:1px solid var(--line-bright); clip-path:var(--peal-button); color:var(--text-soft); background:#0a1018; font-size:6px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.status-open { border-color:#5dd8f4;color:#5dd8f4; }
.status-reviewing { border-color:#e9bc67;color:#e9bc67; }
.status-accepted,.status-implemented { border-color:#67dda2;color:#67dda2; }
.status-partially_accepted { border-color:#9f8cff;color:#9f8cff; }
.status-rejected,.status-withdrawn { border-color:#ef7687;color:#ef7687; }

.topic-lore-link { margin:0 0 13px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #42536c; clip-path:var(--peal-panel-sm); background:linear-gradient(100deg,rgba(159,140,255,.10),transparent),#0b1018; }
.topic-lore-link.is-contestation { border-left:3px solid var(--amber); }
.topic-lore-link > div:first-child > span { color:var(--lore-violet); font-size:6px; letter-spacing:.15em; }
.topic-lore-link h2 { margin:3px 0; font:600 14px Oswald,sans-serif; text-transform:uppercase; }
.topic-lore-link p { margin:0; color:var(--muted); font-size:8px; }
.topic-lore-link > div:last-child { display:flex; align-items:center; gap:7px; }

.contestation-table { border:1px solid var(--line); clip-path:var(--peal-panel-lg); background:var(--surface); }
.contestation-table > header,.contestation-table > a { display:grid; grid-template-columns:150px minmax(0,1fr) 180px 145px; align-items:center; gap:12px; }
.contestation-table > header { min-height:38px; padding:0 13px; color:var(--muted); border-bottom:1px solid var(--line); background:#090e15; font-size:7px; text-transform:uppercase; letter-spacing:.09em; }
.contestation-table > a { min-height:82px; padding:11px 13px; border-bottom:1px solid var(--line-soft); }
.contestation-table > a:last-child { border-bottom:0; }
.contestation-table > a:hover { background:linear-gradient(90deg,rgba(93,216,244,.045),transparent); }
.contestation-table > a > div { display:grid; gap:4px; }
.contestation-table strong { font-size:9px; }
.contestation-table small,.contestation-table time { color:var(--muted); font-size:7px; }
.filter-tabs { display:flex; flex-wrap:wrap; gap:4px; }
.filter-tabs a { padding:6px 8px; border:1px solid var(--line); clip-path:var(--peal-button); color:var(--muted); font-size:7px; text-transform:uppercase; }
.filter-tabs a.active { color:#041017; border-color:var(--cyan); background:var(--cyan); }

.governance-case-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:14px; }
.governance-case-layout > main,.governance-case-layout > aside { display:grid; align-content:start; gap:14px; }
.evidence-box { padding:14px 19px; border-top:1px solid var(--line); background:#090e15; color:var(--text-soft); font-size:9px; }
.evidence-box b { display:block; margin-bottom:6px; color:var(--amber); font-size:7px; letter-spacing:.12em; text-transform:uppercase; }
.resolution-block { border-color:#3a6653; }
.case-event-rail article { position:relative; padding:12px 12px 12px 27px; border-bottom:1px solid var(--line-soft); }
.case-event-rail article::before { content:""; position:absolute; left:12px; top:17px; width:6px; height:6px; transform:rotate(45deg); background:var(--cyan); }
.case-event-rail time,.case-event-rail small { color:var(--muted); font-size:6px; }
.case-event-rail b { display:block; margin:3px 0; font-size:8px; }
.case-event-rail p { margin:0; color:var(--text-soft); font-size:8px; }
.admin-decision { border-color:#60553b; }
.lore-form-card { max-width:900px; margin-inline:auto; }
.textarea.compact { min-height:110px; }

@media (max-width: 1120px) {
    .social-header-inner { grid-template-columns:auto 1fr auto; }
    .social-nav { grid-column:1/-1; order:3; min-height:42px; overflow:auto; border-top:1px solid var(--line-soft); }
    .social-search { display:none; }
    .forum-lore-gateway { grid-template-columns:minmax(0,1fr) 160px; }
    .lore-gateway-events { grid-column:1/-1; border-top:1px solid var(--line); }
    .lore-layout,.governance-case-layout { grid-template-columns:minmax(0,1fr) 340px; }
}

@media (max-width: 850px) {
    .forum-home-layout,.lore-layout,.governance-case-layout { grid-template-columns:1fr; }
    .forum-sidebar { grid-row:auto; }
    .forum-lore-gateway { grid-template-columns:1fr 150px; }
    .lore-stat-grid { grid-template-columns:repeat(2,1fr); }
    .contestation-table > header { display:none; }
    .contestation-table > a { grid-template-columns:120px minmax(0,1fr); }
    .contestation-table > a > div:nth-child(3),.contestation-table > a > time { grid-column:2; }
    .lore-commandbar,.case-commandbar { align-items:flex-start; flex-direction:column; }
    .lore-command-actions,.case-commandbar > div:last-child { justify-content:flex-start; }
}

@media (max-width: 620px) {
    .social-container { width:min(100% - 18px,1320px); }
    .forum-welcome { padding:23px 17px; }
    .forum-welcome h1 { font-size:27px; }
    .forum-lore-gateway { grid-template-columns:1fr; }
    .lore-gateway-data { grid-template-columns:1fr 1fr; grid-template-rows:auto; min-height:80px; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .lore-gateway-data > div + div { border-top:0; border-left:1px solid var(--line); }
    .category-row,.forum-column-head { grid-template-columns:1fr; }
    .forum-column-head span:nth-child(n+2) { display:none; }
    .category-counts { border:0; border-top:1px solid var(--line-soft); }
    .category-latest { border-top:1px solid var(--line-soft); }
    .lore-stat-grid { grid-template-columns:1fr 1fr; }
    .canon-event-list article { grid-template-columns:1fr; gap:7px; }
    .canon-row-actions { display:flex; }
    .contestation-table > a { grid-template-columns:1fr; }
    .contestation-table > a > div:nth-child(3),.contestation-table > a > time { grid-column:1; }
    .topic-lore-link { align-items:flex-start; flex-direction:column; }
}


/* External media embeds — files remain on the original provider. */
.forum-media-toolbar {
    margin-top: -3px;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--line-soft);
    background: #080d14;
}
.forum-media-tools { display: flex; flex-wrap: wrap; gap: 6px; }
.media-tool {
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid var(--line-bright);
    color: #b8c5d3;
    background: #0d151f;
    clip-path: var(--peal-button);
    cursor: pointer;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.media-tool:hover { color: var(--cyan); border-color: #4d7f93; background: #101b27; }
.forum-media-toolbar small { max-width: 560px; color: var(--muted); font-size: 8px; line-height: 1.45; text-align: right; }
.forum-media {
    width: min(100%, 920px);
    margin: 16px 0;
    overflow: hidden;
    border: 1px solid var(--line-bright);
    background: #05090e;
    box-shadow: 0 12px 34px rgba(0,0,0,.22);
}
.forum-media > a { display: block; text-decoration: none !important; }
.forum-media-image img {
    width: 100%;
    max-height: 720px;
    display: block;
    object-fit: contain;
    background: #020509;
}
.forum-media-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; }
.forum-media-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.forum-media-video > video { width: 100%; max-height: 720px; display: block; background: #000; }
.forum-media figcaption {
    min-height: 34px;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid var(--line-soft);
    color: var(--muted);
    background: #0a1119;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.forum-media figcaption a { color: var(--cyan); text-decoration: none; }
.forum-media-fallback {
    margin: 10px 0;
    padding: 9px 11px;
    display: inline-flex;
    border: 1px solid var(--line-bright);
    color: var(--cyan) !important;
    background: #0a1119;
    text-decoration: none !important;
}
.feed-body .forum-media { width: 100%; margin: 12px 0; }
.composer .forum-media-toolbar { margin-top: 9px; }
@media (max-width: 720px) {
    .forum-media-toolbar { align-items: stretch; flex-direction: column; }
    .forum-media-toolbar small { text-align: left; }
    .forum-media { margin: 12px 0; }
}

/* Forum completeness pack: editor, reactions, tags, moderation, reports and saved content. */
.forum-editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px 9px;border:1px solid var(--line-soft);border-bottom:0;background:#080d14}
.editor-tool{min-width:31px;height:28px;padding:0 8px;border:1px solid var(--line-bright);background:#0d151f;color:#b8c5d3;clip-path:var(--peal-button);cursor:pointer;font:700 9px Inter,sans-serif}
.editor-tool:hover{color:var(--cyan);border-color:#4d7f93;background:#101b27}
.forum-quote{margin:12px 0;padding:10px 13px;border-left:3px solid var(--cyan);background:#08111a;color:#aebbc9}
.forum-spoiler{margin:10px 0;border:1px solid var(--line);background:#080d14}.forum-spoiler summary{padding:8px 10px;cursor:pointer;color:var(--cyan);font-size:8px;text-transform:uppercase}.forum-spoiler>div{padding:10px;border-top:1px solid var(--line-soft)}
.forum-code{margin:12px 0;padding:12px;overflow:auto;border:1px solid var(--line-bright);background:#03070b;color:#bed4df;font:12px/1.55 Consolas,monospace;white-space:pre-wrap}
.forum-list{padding-left:22px}.forum-mention{color:var(--cyan)!important;font-weight:700}
.topic-toolbar{align-items:center}.topic-meta-line,.toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.topic-stat{color:var(--muted);font-size:7px}.topic-tags{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 13px}.topic-tags a{padding:5px 8px;border:1px solid #254758;background:#08131c;color:var(--cyan);font-size:7px;clip-path:var(--peal-button)}
.poll-option{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line-soft);background:#080d14;color:var(--text-soft);font-size:9px}.poll-option b{color:var(--cyan);font-size:8px}
.reply-context{display:grid;gap:3px;margin:0 0 10px;padding:8px 10px;border-left:2px solid #445b70;background:#080e15;color:var(--text-soft)!important}.reply-context span{font-size:7px;text-transform:uppercase;color:#91a5b9}.reply-context small{font-size:8px;color:var(--muted)}
.reaction-summary{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:8px}.reaction-summary span{padding:3px 5px;border:1px solid var(--line-soft);background:#080d14}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.reaction-picker{display:flex;align-items:center;gap:2px}.reaction-picker form{margin:0}.reaction-button{width:28px;height:27px;border:1px solid transparent;background:transparent;cursor:pointer;filter:grayscale(.45);opacity:.72}.reaction-button:hover,.reaction-button.active{border-color:var(--line-bright);background:#101923;filter:none;opacity:1}.action-button.danger{color:#ef7687!important}.replying-banner{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #315266;background:#08131c;color:#91a5b9;font-size:8px}.replying-banner strong{color:var(--cyan)}.replying-banner button{margin-left:auto;border:0;background:none;color:#ef7687;cursor:pointer;font-size:8px}
.form-optional{color:var(--muted);font-size:7px}.editor-page{max-width:980px;margin-inline:auto}.report-form{max-width:760px;margin-inline:auto}
.saved-grid{display:grid;gap:10px}.saved-card{padding:15px 17px;border:1px solid var(--line);background:var(--surface);clip-path:var(--peal-panel-sm)}.saved-card>div:first-child,.saved-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-card time,.saved-card footer,.saved-card p{color:var(--muted);font-size:8px}.saved-card h2{margin:10px 0 6px;font-size:14px}.saved-card h2 a{color:var(--text)}.saved-card footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}
.compact-topic-list{display:grid;border:1px solid var(--line);background:var(--surface)}.topic-row{display:grid;grid-template-columns:44px minmax(0,1fr) 90px;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.topic-row:last-child{border-bottom:0}.topic-row:hover{background:#0b121a}.topic-icon{font-size:17px}.topic-row strong{display:block;color:var(--text);font-size:10px}.topic-row small{color:var(--muted);font-size:7px}.topic-numbers{text-align:right}.topic-numbers b{display:block;color:var(--cyan);font-size:12px}.topic-numbers span{color:var(--muted);font-size:6px;text-transform:uppercase}
.moderation-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.moderation-main,.moderation-rail{display:grid;align-content:start;gap:12px}.moderation-tabs b{margin-left:4px}.report-list{display:grid;gap:9px}.report-card{padding:14px;border:1px solid var(--line);background:var(--surface);clip-path:var(--peal-panel-sm)}.report-card header,.report-card header>div,.report-actions{display:flex;align-items:center;gap:8px}.report-card header{justify-content:space-between}.report-card header strong{font-size:9px}.report-card time,.report-card small,.report-card p{color:var(--muted);font-size:7px}.report-card blockquote{margin:9px 0;padding:9px 11px;border-left:2px solid var(--amber);background:#0b1016;color:var(--text-soft);font-size:8px}.report-actions{align-items:stretch;margin-top:10px}.report-review-form{display:grid;grid-template-columns:130px minmax(160px,1fr) auto;gap:6px;flex:1}.report-review-form .form-control{min-height:31px;padding:5px 8px;font-size:8px}.moderation-log article{padding:9px 11px;border-bottom:1px solid var(--line-soft)}.moderation-log article:last-child{border-bottom:0}.moderation-log strong{display:block;font-size:8px}.moderation-log small,.moderation-log p{display:block;margin:3px 0 0;color:var(--muted);font-size:7px}.status-open{border-color:#e9bc67;color:#e9bc67}.status-reviewing{border-color:#5dd8f4;color:#5dd8f4}.status-resolved{border-color:#67dda2;color:#67dda2}.status-dismissed{border-color:#687691;color:#8794a9}
.evidence-chain{margin-top:8px;border:1px solid var(--line-soft);background:#080d14}.evidence-chain summary{padding:7px 9px;color:var(--amber);cursor:pointer;font-size:7px;text-transform:uppercase}.evidence-chain p{margin:0;padding:9px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:8px;line-height:1.5}
@media(max-width:900px){.moderation-dashboard{grid-template-columns:1fr}.moderation-rail{grid-template-columns:1fr 1fr}.report-review-form{grid-template-columns:1fr}.report-actions{align-items:stretch;flex-direction:column}}
@media(max-width:620px){.topic-row{grid-template-columns:34px 1fr}.topic-numbers{grid-column:2;text-align:left}.reaction-picker{max-width:190px;flex-wrap:wrap}.moderation-rail{grid-template-columns:1fr}.saved-card>div:first-child,.saved-card footer{align-items:flex-start;flex-direction:column}}
.member-profile-avatar{overflow:hidden}.member-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.institution-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.institution-admin-main,.institution-admin-side{display:grid;align-content:start;gap:14px}.member-admin-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,.7fr) auto;gap:7px;margin-top:9px}.member-admin-form .form-control{min-height:34px}.institution-role-list{display:grid;gap:10px;padding:12px}.institution-role-card{position:relative;padding:12px;border:1px solid var(--line-soft);background:#080d14}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.permission-grid label{padding:7px 8px;border:1px solid var(--line-soft);background:#0a1017;color:var(--text-soft);font-size:8px}.role-delete-form{position:absolute;right:12px;bottom:12px}
@media(max-width:980px){.institution-admin-grid{grid-template-columns:1fr}.institution-admin-side{grid-template-columns:1fr 1fr}.member-admin-form{grid-template-columns:1fr 1fr}.member-admin-form button{grid-column:1/-1}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.institution-admin-side{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.role-delete-form{position:static;margin-top:8px}.member-admin-form{grid-template-columns:1fr}}
.institution-mini .icon{overflow:hidden}.institution-mini .icon img{width:100%;height:100%;display:block;object-fit:cover}.search-tags{padding:10px}.search-tags a small{margin-left:4px;color:var(--muted)}
.member-profile-header.has-profile-banner,.institution-hero.has-institution-banner{position:relative;overflow:hidden;isolation:isolate}.profile-banner-image,.institution-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.28}.member-profile-header.has-profile-banner::before,.institution-hero.has-institution-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,14,.94),rgba(5,9,14,.78))}
.forum-admin-stack{display:grid;gap:10px;margin-top:18px}.admin-config-card{padding-top:13px}.form-row.three{grid-template-columns:2fr .45fr .75fr}.check-card{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid var(--line-soft);background:#080d14;color:var(--text-soft);font-size:8px}.admin-toggle-row{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:720px){.form-row.three{grid-template-columns:1fr}.admin-toggle-row{display:grid;grid-template-columns:1fr}}
.draft-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.draft-actions form{margin:0}

/* === UI refresh / intuitiveness layer === */
:root {
    --radius: 12px;
    --radius-sm: 8px;
    --shadow: 0 20px 50px rgba(0,0,0,.28);
}

a,
.button,
.notification-link,
.shortcut-pill,
.topic-card,
.category-row,
.post-card,
.panel,
.form-card,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.login-callout,
.social-search,
.account-chip {
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid rgba(93,216,244,.85);
    outline-offset: 2px;
}

.nav-toggle {
    display: none;
    min-height: 38px;
    padding: 0 12px;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #0a0f16;
    color: #d9e4ef;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}
.nav-toggle span { font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }

.social-header {
    box-shadow: 0 8px 26px rgba(0,0,0,.18);
}
.social-header-inner {
    grid-template-columns: auto auto minmax(220px,1fr) auto;
    gap: 16px;
}
.social-nav { gap: 2px; }
.social-nav a {
    min-height: 68px;
    border-radius: 8px 8px 0 0;
}
.social-search {
    min-width: 220px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.social-search input::placeholder { color: #708095; }
.social-search:focus-within {
    border-color: rgba(93,216,244,.5);
    box-shadow: 0 0 0 3px rgba(93,216,244,.10);
}
.social-account {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
.notification-link {
    width: auto;
    min-width: 35px;
    padding: 0 10px;
    gap: 7px;
}
.notification-link .icon { font-size: 13px; line-height: 1; }
.notification-link .label {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    color: inherit;
    letter-spacing: .02em;
}
.notification-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(0,0,0,.16);
}
.account-chip {
    border-radius: 999px;
    padding-right: 12px;
}
.header-cta,
.social-account > a:not(.account-chip):not(.notification-link) {
    border-radius: 999px;
}

.forum-shortcuts {
    border-bottom: 1px solid var(--line-soft);
    background: linear-gradient(180deg, rgba(10,14,21,.92), rgba(8,12,18,.88));
}
.forum-shortcuts-inner {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.shortcut-pill {
    min-width: 0;
    flex: 1 1 185px;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255,255,255,.02);
}
.shortcut-pill strong {
    display: block;
    margin-bottom: 2px;
    color: #eff5fb;
    font-size: 11px;
}
.shortcut-pill span {
    display: block;
    color: var(--muted);
    font-size: 9px;
    line-height: 1.45;
}
.shortcut-pill:hover {
    color: inherit;
    transform: translateY(-1px);
    border-color: rgba(93,216,244,.45);
    background: rgba(93,216,244,.08);
}

.forum-fab {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 40;
    width: 54px;
    height: 54px;
    display: none;
    place-items: center;
    border-radius: 50%;
    background: var(--cyan);
    color: #061017;
    font-size: 26px;
    font-weight: 700;
    box-shadow: 0 16px 36px rgba(0,0,0,.35);
}
.forum-fab:hover { color: #061017; transform: translateY(-2px) scale(1.02); }

.breadcrumbs,
.toolbar,
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout {
    border-color: rgba(49,65,86,.85);
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}
.panel,
.form-card,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.login-callout,
.setup-card,
.empty-card { backdrop-filter: blur(8px); }
.panel-title {
    min-height: 42px;
    padding: 0 14px;
}
.button {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 999px;
    letter-spacing: .06em;
}
.button.secondary { background: #111925; }
.button:hover { transform: translateY(-1px); }
.status-pill,
.topic-tags a,
.reaction-summary span,
.reply-context,
.category-counts div,
.topic-metric {
    border-radius: 999px;
}
.forum-welcome,
.identity-strip,
.topic-lore-link,
.panel,
.toolbar,
.post-content,
.post-author,
.category-row,
.topic-card,
.notification-item,
.saved-card,
.report-card,
.institution-section,
.role-card,
.process-evidence-card {
    box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.category-row:hover,
.topic-card:hover,
.post-card:hover,
.notification-item:hover,
.saved-card:hover,
.feed-card:hover {
    transform: translateY(-1px);
    border-color: rgba(93,216,244,.30);
}

.forum-editor-toolbar,
.forum-media-toolbar,
.form-actions {
    gap: 8px;
}
.editor-tool {
    min-width: 38px;
    min-height: 34px;
    border-radius: 10px;
}
.textarea,
.form-control,
select.form-control,
input.form-control {
    border-radius: 10px;
}
.form-control::placeholder,
.textarea::placeholder { color: #7e8b9a; }
.form-control:focus,
.textarea:focus,
.character-select:focus {
    border-color: rgba(93,216,244,.5);
    box-shadow: 0 0 0 3px rgba(93,216,244,.10);
}

.post-footer {
    gap: 12px;
    flex-wrap: wrap;
}
.post-actions {
    flex-wrap: wrap;
    gap: 8px;
}
.reaction-picker {
    gap: 6px;
    padding: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.02);
}
.reaction-button,
.action-button {
    border-radius: 999px;
}

.social-footer .social-container {
    min-height: 72px;
    font-size: 9px;
}

@media (max-width: 1100px) {
    .nav-toggle { display: inline-flex; }
    .social-header-inner {
        grid-template-columns: auto auto minmax(0,1fr) auto;
        align-items: center;
    }
    .social-nav {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        left: 16px;
        right: 16px;
        z-index: 60;
        padding: 10px;
        flex-direction: column;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: rgba(9,13,19,.98);
        box-shadow: 0 18px 40px rgba(0,0,0,.34);
    }
    body.nav-open .social-nav { display: flex; }
    .social-nav a {
        min-height: 44px;
        padding: 0 14px;
        border-radius: 10px;
        border: 1px solid transparent;
    }
    .social-nav a.active::after { left: 14px; right: 14px; }
}

@media (max-width: 900px) {
    .notification-link .label { display: none; }
    .notification-link { padding: 0; width: 35px; }
    .forum-shortcuts-inner { gap: 8px; }
}

@media (max-width: 720px) {
    body { padding-bottom: 78px; }
    .social-header-inner {
        grid-template-columns: auto auto 1fr auto;
        gap: 8px;
    }
    .social-brand div { display: none; }
    .social-search { grid-column: 1 / -1; grid-row: 2; margin-bottom: 4px; }
    .social-account {
        grid-column: 4;
        gap: 6px;
    }
    .social-account > a:not(.account-chip):not(.notification-link),
    .header-cta { padding: 8px 10px; }
    .forum-shortcuts-inner { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .shortcut-pill { flex: none; }
    .forum-fab { display: grid; }
}

@media (max-width: 560px) {
    .nav-toggle span,
    .account-chip div,
    .forum-shortcuts { display: none; }
    .social-header-inner { grid-template-columns: auto auto 1fr auto; }
    .social-account { justify-self: end; }
    .social-account > a[href="/login"] { display: none; }
    .social-page-hero p,
    .forum-welcome p,
    .empty-card p,
    .setup-card p { font-size: 12px; }
    .button { min-height: 40px; }
}

/* === Social network hybrid refresh === */
.social-page-hero {
    background:
        radial-gradient(circle at 12% 0, rgba(93,216,244,.12), transparent 28rem),
        linear-gradient(180deg, rgba(11,16,24,.96), rgba(8,12,18,.88));
}
.forum-welcome,
.identity-strip,
.home-composer-teaser,
.home-discovery-card,
.home-pulse-card,
.community-hero,
.feed-card,
.topic-card,
.category-row,
.panel,
.form-card,
.composer {
    background:
        linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),
        rgba(12,17,25,.94);
}

/* home / discovery */
.home-social-bar {
    margin: 0 0 16px;
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(260px,.9fr) minmax(240px,.75fr);
    gap: 14px;
}
.home-composer-teaser {
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.home-composer-teaser h2 {
    margin: 6px 0 7px;
    font: 600 24px/1.08 Oswald,sans-serif;
    text-transform: uppercase;
}
.home-composer-teaser p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.home-composer-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.home-discovery-card,
.home-pulse-card { padding: 0; overflow: hidden; }
.home-chip-cloud {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.home-chip-cloud a,
.empty-chip {
    min-height: 34px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.02);
    color: #d9e2ec;
    font-size: 10px;
    font-weight: 700;
}
.home-chip-cloud a small {
    min-width: 19px;
    height: 19px;
    padding: 0 6px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(93,216,244,.12);
    color: var(--cyan);
    font-size: 8px;
}
.home-chip-cloud a:hover {
    color: #fff;
    border-color: rgba(93,216,244,.35);
    background: rgba(93,216,244,.08);
}
.empty-chip { color: var(--muted); }
.pulse-stats-row {
    padding: 14px 15px 10px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
}
.pulse-stats-row div {
    padding: 12px 10px;
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    background: rgba(255,255,255,.018);
    text-align: center;
}
.pulse-stats-row strong { display: block; font: 600 19px Oswald,sans-serif; color: #fff; }
.pulse-stats-row span { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.online-facepile {
    padding: 0 15px 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.online-facepile > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: #0a1018;
    overflow: hidden;
}
.online-facepile .character-skin,
.online-facepile img { width: 100%; height: 100%; }
.online-facepile .character-skin-chip { width: 100%; height: 100%; }

/* activity/feed */
.social-grid { gap: 14px; }
.left-rail,
.right-rail,
.feed-column {
    display: grid;
    align-content: start;
    gap: 14px;
}
.left-rail { position: sticky; top: 128px; }
.right-rail { position: sticky; top: 128px; }
.mini-profile {
    padding: 16px;
    text-align: left;
}
.mini-profile .avatar {
    width: 58px;
    height: 58px;
    margin: 0 0 10px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(93,216,244,.18), rgba(156,140,255,.16));
}
.mini-profile h3 { margin: 0; font-size: 14px; }
.mini-profile p { margin: 4px 0 10px; color: var(--muted); font-size: 10px; }
.rail-menu a {
    border-radius: 12px;
    border: 1px solid transparent;
    margin-bottom: 4px;
}
.rail-menu a:last-child { border-bottom: 1px solid transparent; }
.rail-menu a:hover,
.rail-menu a.active {
    border-color: rgba(93,216,244,.22);
    background: rgba(93,216,244,.09);
}
.composer {
    padding: 16px;
    border-radius: 18px;
}
.composer-head {
    align-items: flex-start;
    gap: 12px;
}
.composer .avatar {
    width: 46px;
    height: 46px;
    border-radius: 15px;
}
.composer textarea {
    min-height: 96px;
    padding: 14px 15px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 1.6;
}
.composer-actions {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--line-soft);
}
.composer-tools { font-size: 9px; }
.feed-tabs {
    position: sticky;
    top: 112px;
    z-index: 12;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(10,14,21,.94);
    backdrop-filter: blur(14px);
}
.feed-tabs a {
    min-height: 35px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 9px;
}
.feed-card {
    padding: 16px 16px 14px;
    border-radius: 18px;
}
.feed-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.feed-author { display:flex; gap: 11px; align-items:flex-start; }
.feed-author .avatar { width: 48px; height: 48px; border-radius: 16px; overflow: hidden; }
.feed-author-info strong { display:block; font-size: 12px; }
.feed-author-info small { display:block; margin-top: 3px; color: var(--muted); font-size: 9px; }
.feed-meta {
    color: #8da0b4;
    font-size: 9px;
    white-space: nowrap;
}
.feed-badge {
    width: max-content;
    margin: 10px 0 0;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.02);
    color: #c6d2df;
    font-size: 9px;
    font-weight: 700;
}
.feed-card h2 { margin: 10px 0 2px; font-size: 18px; line-height: 1.25; }
.feed-body {
    margin-top: 10px;
    color: #dce5ee;
    font-size: 12px;
    line-height: 1.8;
}
.feed-stats {
    margin-top: 14px;
    padding-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    border-top: 1px solid var(--line-soft);
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
}
.feed-actions {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
}
.feed-actions .inline-form { width: 100%; }
.feed-actions .action-button,
.feed-actions .inline-form .action-button,
.feed-actions .inline-form button {
    width: 100%;
    min-height: 38px;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.02);
    color: #d3dee8;
    font-size: 10px;
    font-weight: 700;
}
.feed-actions .action-button:hover,
.feed-actions .inline-form button:hover,
.feed-actions .inline-form .action-button.active,
.feed-actions .inline-form button.active {
    color: #fff;
    border-color: rgba(93,216,244,.28);
    background: rgba(93,216,244,.08);
}
.trend-item,
.institution-mini {
    border-radius: 14px;
}

/* forums / categories */
.section-list { display: grid; gap: 16px; }
.community-hero {
    margin-bottom: 14px;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 340px;
    gap: 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
}
.community-hero-main {
    display: grid;
    grid-template-columns: 72px minmax(0,1fr);
    gap: 16px;
    align-items: start;
}
.community-hero-icon {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line-bright);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(93,216,244,.12), rgba(156,140,255,.10));
    font-size: 28px;
}
.community-hero h1 { margin: 6px 0 8px; font: 600 28px/1.04 Oswald,sans-serif; text-transform: uppercase; }
.community-hero p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.75; }
.community-hero-tags {
    margin-top: 11px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.community-hero-side {
    display: grid;
    align-content: space-between;
    gap: 12px;
}
.community-hero-stats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
}
.community-hero-stats span {
    padding: 12px 8px;
    border: 1px solid var(--line-soft);
    border-radius: 16px;
    background: rgba(255,255,255,.02);
    text-align: center;
}
.community-hero-stats strong { display:block; font:600 20px Oswald,sans-serif; }
.community-hero-stats small { display:block; margin-top:2px; color:var(--muted); font-size:8px; text-transform:uppercase; }
.community-hero-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.topic-list { gap: 12px; }
.topic-card {
    grid-template-columns: 58px minmax(0,1fr) 120px 165px;
    min-height: 116px;
    border-radius: 18px;
    overflow: hidden;
}
.topic-state {
    background: linear-gradient(180deg, rgba(93,216,244,.08), rgba(156,140,255,.05));
}
.topic-state.topic-skin-state {
    gap: 6px;
}
.topic-state.topic-skin-state > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: rgba(255,255,255,.04);
}
.topic-card > div:nth-child(2) { padding: 14px 15px; }
.topic-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.topic-flags span {
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.02);
    color: #c5d0dd;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}
.topic-card h2 { font-size: 14px; }
.topic-card p { margin-top: 6px; font-size: 9px; }
.topic-metric {
    padding: 0 10px;
    text-align: center;
}
.topic-metric strong { display:block; font-size: 10px; }
.topic-metric small { display:block; margin-top:3px; color:var(--muted); font-size:8px; }
.topic-card .last-author {
    background: rgba(255,255,255,.015);
}
.category-row {
    min-height: 104px;
    border-radius: 18px;
    overflow: hidden;
}
.category-main { padding: 15px 16px; }
.category-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    clip-path: none;
    background: linear-gradient(135deg, rgba(93,216,244,.10), rgba(156,140,255,.08));
}
.category-main h3 { font-size: 13px; }
.category-main p { margin-top: 5px; font-size: 9px; line-height: 1.65; }
.category-counts {
    padding: 0 12px;
    background: rgba(255,255,255,.012);
}
.category-counts div {
    min-width: 0;
    padding: 10px 6px;
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    background: rgba(255,255,255,.02);
}
.category-counts strong { font-size: 16px; }
.category-latest {
    padding: 14px 15px;
    display: grid;
    align-content: center;
    gap: 4px;
}
.category-latest a { font-size: 10px; line-height: 1.5; }
.category-latest small { font-size: 8px; }

/* topic / posts */
.topic-toolbar {
    position: static;
    top: auto;
    z-index: 1;
    border-radius: 16px;
    backdrop-filter: blur(14px);
    background: rgba(12,17,25,.90);
}
.post-card {
    border-radius: 18px;
    overflow: hidden;
}
.post-author {
    background: linear-gradient(180deg, rgba(93,216,244,.05), rgba(255,255,255,.02));
}
.post-content header {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line-soft);
}
.post-body {
    font-size: 12px;
    line-height: 1.85;
}
.reply-context {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.02);
}
.reaction-summary span,
.topic-tags a {
    min-height: 28px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
}
.reaction-picker {
    border: 1px solid var(--line);
}
.reaction-button,
.action-button {
    min-height: 34px;
    padding: 0 11px;
    font-size: 9px;
    font-weight: 700;
}
.replying-banner {
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(93,216,244,.08);
}

@media (max-width: 1180px) {
    .home-social-bar { grid-template-columns: 1fr 1fr; }
    .home-pulse-card { grid-column: 1 / -1; }
    .community-hero { grid-template-columns: 1fr; }
    .community-hero-actions { justify-content: flex-start; }
}

@media (max-width: 980px) {
    .left-rail,
    .right-rail {
        position: static;
    }
    .feed-tabs { top: 88px; }
    .feed-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .home-social-bar,
    .community-hero,
    .community-hero-main { grid-template-columns: 1fr; }
    .home-composer-teaser { align-items: flex-start; flex-direction: column; }
    .pulse-stats-row,
    .community-hero-stats { grid-template-columns: 1fr 1fr 1fr; }
    .topic-card { grid-template-columns: 52px minmax(0,1fr); }
    .topic-card .topic-metric,
    .topic-card .last-author {
        grid-column: 2;
        min-height: 44px;
        justify-content: flex-start;
        text-align: left;
        border-left: 0;
        border-top: 1px solid var(--line-soft);
        background: rgba(255,255,255,.015);
    }
    .feed-head { flex-direction: column; }
    .feed-meta { margin-left: 59px; }
}

@media (max-width: 560px) {
    .home-chip-cloud,
    .pulse-stats-row,
    .online-facepile { padding-left: 12px; padding-right: 12px; }
    .home-composer-teaser,
    .community-hero,
    .feed-card,
    .composer { padding: 14px; }
    .feed-actions { grid-template-columns: 1fr 1fr; }
    .category-counts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .pulse-stats-row,
    .community-hero-stats { grid-template-columns: 1fr; }
}

/* === Final visual polish / prettier premium UI === */
:root {
    --bg: #06090f;
    --bg-soft: #0a0f17;
    --surface: rgba(13, 19, 29, .92);
    --surface-2: rgba(17, 24, 36, .95);
    --surface-3: rgba(21, 30, 43, .96);
    --line: rgba(87, 105, 128, .28);
    --line-soft: rgba(87, 105, 128, .18);
    --line-bright: rgba(123, 149, 179, .42);
    --text: #edf3fb;
    --text-soft: #d4dee9;
    --muted: #91a0b4;
    --cyan: #66dcff;
    --violet: #a897ff;
    --green: #7ee0ad;
    --amber: #f0c676;
    --red: #f07f90;
    --radius: 18px;
    --radius-sm: 14px;
    --shadow: 0 16px 44px rgba(0,0,0,.24);
}

html { background: var(--bg); }
body {
    background:
        radial-gradient(circle at top left, rgba(102,220,255,.11), transparent 34rem),
        radial-gradient(circle at top right, rgba(168,151,255,.08), transparent 30rem),
        linear-gradient(180deg, #070b12 0%, #05070d 100%);
    color: var(--text);
}
body::before {
    opacity: .45;
    background-size: 42px 42px;
}
.forum-tech-grid { opacity: .45; }

.social-header {
    border-bottom-color: rgba(100,123,149,.18);
    background: rgba(7,10,16,.82);
    box-shadow: 0 8px 32px rgba(0,0,0,.16);
}
.social-brand img {
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
}
.social-brand strong { letter-spacing: .1em; }
.social-nav a {
    color: #a8b6c7;
    border-radius: 14px 14px 0 0;
}
.social-nav a:hover,
.social-nav a.active {
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
}
.social-search {
    background: rgba(8,13,20,.86);
    border-color: rgba(97,118,143,.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.social-search button { color: #a6b4c6; }
.notification-link,
.account-chip,
.shortcut-pill,
.button.secondary,
.feed-actions .action-button,
.feed-actions .inline-form button,
.action-button,
.reaction-button,
.editor-tool,
.media-tool {
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.notification-link,
.account-chip,
.shortcut-pill,
.button,
.button.secondary,
.action-button,
.reaction-button,
.editor-tool,
.media-tool,
.form-control,
.textarea,
.topic-tags a,
.reaction-summary span,
.status-pill,
.feed-badge,
.home-chip-cloud a,
.home-chip-cloud .empty-chip {
    border-color: rgba(111,130,154,.22);
}
.notification-link:hover,
.shortcut-pill:hover,
.button.secondary:hover,
.action-button:hover,
.reaction-button:hover,
.editor-tool:hover,
.media-tool:hover,
.feed-actions .inline-form button:hover,
.home-chip-cloud a:hover {
    box-shadow: 0 10px 24px rgba(0,0,0,.15);
}
.account-chip,
.notification-link,
.shortcut-pill,
.button,
.button.secondary,
.editor-tool,
.media-tool,
.action-button,
.reaction-button {
    backdrop-filter: blur(10px);
}
.button {
    background: linear-gradient(135deg, #66dcff, #86e6ff);
    box-shadow: 0 8px 22px rgba(102,220,255,.18);
}
.button.secondary {
    color: var(--text-soft);
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.button:hover {
    box-shadow: 0 12px 28px rgba(102,220,255,.22);
}

.social-page-hero,
.forum-shortcuts {
    border-bottom-color: rgba(111,130,154,.12);
}
.social-page-hero {
    background:
        radial-gradient(circle at 10% 10%, rgba(102,220,255,.14), transparent 26rem),
        radial-gradient(circle at 80% 0, rgba(168,151,255,.10), transparent 25rem),
        linear-gradient(180deg, rgba(11,16,25,.94), rgba(8,11,18,.88));
}
.social-page-hero p { color: #aab8c8; }
.forum-shortcuts {
    background: rgba(8,12,18,.72);
    backdrop-filter: blur(10px);
}
.shortcut-pill {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout,
.forum-section,
.home-composer-teaser,
.home-discovery-card,
.home-pulse-card,
.community-hero,
.topic-lore-link,
.forum-block,
.contestation-table,
.lore-commandbar,
.case-commandbar,
.governance-intro,
.forum-media,
.category-row,
.notification-item,
.saved-card,
.report-card,
.role-card,
.process-evidence-card,
.institution-section,
.official-document {
    clip-path: none !important;
    border-radius: 20px !important;
    border-color: rgba(103,123,148,.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),
        rgba(12,18,27,.94) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.panel-title,
.forum-block-head,
.section-header,
.toolbar,
.breadcrumbs,
.feed-tabs,
.topic-toolbar,
.forum-media-toolbar {
    clip-path: none !important;
    border-radius: 16px !important;
    border-color: rgba(103,123,148,.18) !important;
}
.panel-title,
.forum-block-head,
.section-header,
.toolbar,
.breadcrumbs,
.feed-tabs,
.topic-toolbar {
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)) !important;
}
.section-header::after,
.forum-lore-gateway::after { opacity: .6; }

.forum-welcome,
.identity-strip,
.community-hero,
.home-composer-teaser,
.forum-lore-gateway,
.lore-commandbar,
.case-commandbar,
.governance-intro {
    overflow: hidden;
    position: relative;
}
.forum-welcome::before,
.identity-strip::before,
.community-hero::before,
.home-composer-teaser::before,
.forum-lore-gateway::before,
.lore-commandbar::before,
.case-commandbar::before,
.governance-intro::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, rgba(102,220,255,.06), transparent 38%, rgba(168,151,255,.05) 78%, transparent);
}
.forum-welcome > *,
.identity-strip > *,
.community-hero > *,
.home-composer-teaser > *,
.forum-lore-gateway > *,
.lore-commandbar > *,
.case-commandbar > *,
.governance-intro > * {
    position: relative;
    z-index: 1;
}

.home-composer-teaser h2,
.community-hero h1,
.forum-welcome h1,
.social-page-hero h1,
.lore-commandbar h1,
.case-commandbar h1,
.governance-intro h1 {
    text-wrap: balance;
}
.home-composer-teaser,
.community-hero,
.forum-welcome,
.identity-strip,
.forum-lore-gateway,
.topic-lore-link { box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.home-chip-cloud a,
.feed-badge,
.topic-flags span,
.topic-tags a,
.reaction-summary span,
.status-pill {
    background: rgba(255,255,255,.03);
}
.feed-badge { font-weight: 800; }

.category-row,
.topic-card,
.feed-card,
.post-card,
.notification-item,
.saved-card,
.institution-mini,
.trend-item,
.member-topic-list article {
    transform: translateZ(0);
}
.category-row:hover,
.topic-card:hover,
.feed-card:hover,
.post-card:hover,
.notification-item:hover,
.saved-card:hover,
.institution-mini:hover,
.trend-item:hover,
.member-topic-list article:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.category-main,
.topic-card > div:nth-child(2),
.post-content,
.feed-card,
.official-document,
.panel,
.form-card,
.document-card,
.case-card,
.profile-card,
.institution-card { position: relative; }
.category-main h3,
.topic-card h2,
.feed-card h2,
.post-author strong,
.post-content header a,
.trend-item strong,
.institution-mini strong,
.member-topic-list h3,
.community-hero h1 {
    color: #f5f8fc;
}
.category-main p,
.topic-card p,
.feed-body,
.post-body,
.community-hero p,
.home-composer-teaser p,
.forum-welcome p,
.official-document p,
.case-copy,
.lore-context-copy { color: #c9d5e2; }

.forum-section {
    overflow: hidden;
}
.section-header {
    min-height: 92px;
    padding: 18px 20px;
    background: linear-gradient(180deg, rgba(255,255,255,.03), transparent) !important;
}
.section-icon,
.category-icon,
.community-hero-icon,
.topic-state,
.notification-icon {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.15);
}
.section-icon,
.community-hero-icon {
    border-radius: 18px;
}
.category-icon {
    border-color: rgba(111,130,154,.22);
}
.category-counts div,
.topic-metric,
.community-hero-stats span,
.pulse-stats-row div,
.stat-box,
.mini-stats div {
    background: rgba(255,255,255,.028);
    border-color: rgba(103,123,148,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.category-latest,
.topic-card .last-author { background: rgba(255,255,255,.016); }

.feed-card {
    overflow: hidden;
}
.feed-head,
.post-content header,
.composer-actions,
.feed-stats {
    border-color: rgba(103,123,148,.14);
}
.feed-author .avatar,
.composer .avatar,
.post-author .avatar {
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}
.feed-meta,
.search-summary,
.login-callout p,
.social-alert,
.breadcrumbs,
.breadcrumbs strong,
.profile-meta,
.signature small,
.case-event p,
.notification-item p,
.notification-item time { color: #9caabd; }
.feed-actions .action-button,
.feed-actions .inline-form button {
    min-height: 40px;
}
.feed-actions .action-button.active,
.feed-actions .inline-form button.active {
    border-color: rgba(102,220,255,.34);
    color: #eefaff;
}

.post-author {
    background: linear-gradient(180deg, rgba(102,220,255,.06), rgba(255,255,255,.015));
}
.post-content {
    background: transparent;
}
.reply-context {
    border: 1px solid rgba(103,123,148,.14);
    background: rgba(255,255,255,.024);
}
.reaction-picker {
    background: rgba(255,255,255,.02);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.action-button.danger,
.button.danger {
    background: linear-gradient(135deg, #a84b59, #d25f73);
    border-color: #d47385;
}

.form-control,
.textarea,
.character-select,
.composer textarea {
    background: rgba(7,11,18,.92) !important;
    color: var(--text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.form-control:focus,
.textarea:focus,
.character-select:focus,
.composer textarea:focus,
.social-search:focus-within {
    border-color: rgba(102,220,255,.42) !important;
    box-shadow: 0 0 0 4px rgba(102,220,255,.09), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.forum-media-toolbar,
.feed-tabs,
.topic-toolbar,
.toolbar,
.breadcrumbs {
    backdrop-filter: blur(14px);
    background: rgba(11,16,24,.84) !important;
}
.forum-media,
.forum-media-image img,
.forum-media-frame { border-radius: 16px; }
.official-document {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,253,.92)) !important;
    color: #1d2834 !important;
}
.official-document h1,
.official-document h2,
.official-document h3,
.official-document strong { color: #162230 !important; }

.social-footer {
    border-top-color: rgba(103,123,148,.14);
    background: rgba(5,8,12,.86);
    backdrop-filter: blur(12px);
}
.social-footer .social-container { color: #91a0b4; }

@media (max-width: 1100px) {
    .social-nav {
        background: rgba(8,12,18,.96);
        backdrop-filter: blur(16px);
    }
}

@media (max-width: 760px) {
    .panel,
    .setup-card,
    .empty-card,
    .form-card,
    .composer,
    .feed-card,
    .profile-card,
    .institution-card,
    .document-card,
    .case-card,
    .topic-card,
    .post-card,
    .forum-section,
    .community-hero,
    .home-composer-teaser,
    .home-discovery-card,
    .home-pulse-card,
    .forum-lore-gateway,
    .topic-lore-link,
    .toolbar,
    .breadcrumbs,
    .feed-tabs,
    .topic-toolbar {
        border-radius: 18px !important;
    }
    .section-header,
    .panel-title,
    .forum-block-head { border-radius: 14px !important; }
    .feed-head { gap: 12px; }
}

/* === Forum Social RP Definitivo === */
:root {
    --rp-blue: #73ddff;
    --rp-violet: #aa9cff;
    --rp-gold: #f1cc79;
    --rp-emerald: #84e4b0;
    --rp-panel: rgba(12, 18, 28, .93);
    --rp-panel-strong: rgba(15, 22, 34, .97);
}

.forum-utility {
    border-bottom: 1px solid rgba(115,221,255,.10);
    background: linear-gradient(90deg, rgba(115,221,255,.06), rgba(170,156,255,.04) 52%, transparent);
}
.forum-utility .social-container {
    color: #a8b6c9;
    letter-spacing: .03em;
}
.eyebrow,
.social-page-hero span,
.panel-title span,
.forum-block-head span,
.lore-gateway-main > span,
.community-hero .eyebrow,
.section-context {
    color: #8ee5ff;
    text-shadow: 0 0 16px rgba(115,221,255,.14);
}

.social-header {
    background: linear-gradient(180deg, rgba(7,10,16,.92), rgba(7,10,16,.82));
}
.social-brand strong {
    background: linear-gradient(90deg, #f6fbff, #8ee5ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.social-brand span { color: #9eb0c4; }
.social-nav a.active::after {
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--rp-blue), var(--rp-violet));
    box-shadow: 0 0 16px rgba(115,221,255,.25);
}
.nav-toggle,
.notification-link,
.account-chip,
.shortcut-pill,
.button.secondary,
.action-button,
.reaction-button,
.editor-tool,
.media-tool,
.social-search,
.form-control,
.textarea,
.character-select,
.composer textarea {
    background: linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.018));
}
.notification-link b {
    background: linear-gradient(135deg, var(--rp-blue), #95e7ff);
    color: #03111a;
    box-shadow: 0 6px 14px rgba(115,221,255,.18);
}

.forum-shortcuts {
    background: linear-gradient(180deg, rgba(8,12,18,.88), rgba(8,12,18,.68));
}
.shortcut-pill strong,
.home-composer-teaser h2,
.community-hero h1,
.forum-welcome h1,
.lore-commandbar h1,
.case-commandbar h1,
.governance-intro h1,
.section-header h2,
.panel-title h2,
.panel-title h3,
.forum-block-head h2,
.topic-card h2,
.feed-card h2 {
    letter-spacing: .02em;
}
.shortcut-pill:hover,
.home-chip-cloud a:hover,
.rail-menu a:hover,
.rail-menu a.active,
.feed-actions .action-button:hover,
.feed-actions .inline-form button:hover,
.action-button:hover,
.reaction-button:hover,
.editor-tool:hover,
.media-tool:hover {
    border-color: rgba(115,221,255,.28) !important;
    background: linear-gradient(180deg, rgba(115,221,255,.11), rgba(170,156,255,.05)) !important;
}

.forum-welcome,
.identity-strip,
.home-composer-teaser,
.community-hero,
.forum-lore-gateway,
.lore-commandbar,
.case-commandbar,
.governance-intro,
.topic-lore-link {
    border-color: rgba(115,221,255,.14) !important;
}
.forum-welcome::after,
.identity-strip::after,
.home-composer-teaser::after,
.community-hero::after,
.forum-lore-gateway::after,
.lore-commandbar::after,
.case-commandbar::after,
.governance-intro::after,
.topic-lore-link::after {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(115,221,255,.35), rgba(170,156,255,.18), transparent 80%);
}

.home-composer-teaser,
.community-hero,
.feed-card,
.topic-card,
.post-card,
.document-card,
.case-card,
.institution-card,
.profile-card,
.forum-section,
.panel,
.form-card,
.composer,
.notification-item,
.saved-card,
.report-card,
.role-card,
.process-evidence-card,
.institution-section,
.official-document,
.contestation-table,
.forum-block {
    background:
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.012)),
        linear-gradient(180deg, rgba(17, 24, 36, .94), rgba(12, 18, 28, .96)) !important;
}

.panel-title,
.forum-block-head,
.toolbar,
.breadcrumbs,
.feed-tabs,
.topic-toolbar,
.forum-media-toolbar,
.section-header {
    background:
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.010)),
        linear-gradient(90deg, rgba(115,221,255,.05), rgba(170,156,255,.035), transparent 75%) !important;
}

.home-composer-teaser {
    align-items: stretch;
}
.home-composer-actions {
    align-items: flex-end;
}
.home-chip-cloud a,
.topic-flags span,
.status-pill,
.feed-badge,
.topic-tags a,
.reaction-summary span,
.community-hero-tags .status-pill {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.pulse-stats-row div strong,
.community-hero-stats strong,
.stat-box strong,
.mini-stats strong,
.category-counts strong,
.topic-metric strong {
    color: #ffffff;
    text-shadow: 0 0 18px rgba(255,255,255,.06);
}
.online-facepile > span {
    border-color: rgba(115,221,255,.18);
}

.left-rail .panel,
.right-rail .panel {
    background:
        linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.010)),
        linear-gradient(180deg, rgba(14,20,31,.95), rgba(10,15,23,.96)) !important;
}
.rail-menu a i,
.trend-item span,
.institution-mini .icon {
    color: var(--rp-blue);
}
.mini-profile {
    border: 1px solid rgba(115,221,255,.14);
}
.mini-profile .avatar,
.community-hero-icon,
.section-icon,
.category-icon {
    background: linear-gradient(135deg, rgba(115,221,255,.16), rgba(170,156,255,.14));
}

.composer {
    border-color: rgba(115,221,255,.16) !important;
}
.composer::before,
.feed-card::before,
.topic-card::before,
.post-card::before,
.document-card::before,
.case-card::before,
.institution-card::before,
.profile-card::before,
.notification-item::before,
.saved-card::before,
.report-card::before,
.process-evidence-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--rp-blue), rgba(170,156,255,.8));
    opacity: .7;
}
.feed-card,
.topic-card,
.post-card,
.document-card,
.case-card,
.institution-card,
.profile-card,
.notification-item,
.saved-card,
.report-card,
.process-evidence-card,
.composer {
    position: relative;
}
.feed-head {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(115,221,255,.08);
}
.feed-author-info strong a,
.feed-card h2 a,
.topic-card h2 a,
.category-latest a,
.trend-item strong,
.member-topic-list h3,
.post-content header a {
    transition: color .18s ease;
}
.feed-author-info strong a:hover,
.feed-card h2 a:hover,
.topic-card h2 a:hover,
.category-latest a:hover,
.trend-item:hover strong,
.post-content header a:hover {
    color: #96e7ff;
}
.feed-badge {
    color: #d9e8f4;
}
.feed-body {
    font-size: 12.5px;
    line-height: 1.9;
}
.feed-stats {
    color: #a2b1c3;
}
.feed-actions {
    gap: 9px;
}
.feed-actions .action-button,
.feed-actions .inline-form button {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.topic-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.01)),
        linear-gradient(90deg, rgba(115,221,255,.05), transparent 22%),
        linear-gradient(180deg, rgba(14,20,31,.96), rgba(11,16,25,.96)) !important;
}
.topic-state {
    border-right: 1px solid rgba(115,221,255,.08);
}
.topic-state.topic-skin-state > span {
    border-color: rgba(115,221,255,.16);
}
.topic-flags span {
    color: #d5e1ec;
}
.topic-metric,
.topic-card .last-author {
    border-left-color: rgba(115,221,255,.08);
}
.topic-card .character-badges,
.feed-author-info .character-badges,
.post-author .character-badges {
    margin-top: 7px;
}
.character-badges span,
.character-badge,
.profile-meta span,
.role {
    background: rgba(255,255,255,.028);
    border: 1px solid rgba(115,221,255,.12);
    border-radius: 999px;
}
.role {
    color: #d4e1ee;
}

.category-row {
    background:
        linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.01)),
        linear-gradient(90deg, rgba(115,221,255,.04), transparent 26%),
        linear-gradient(180deg, rgba(13,19,29,.96), rgba(11,16,24,.96)) !important;
}
.category-row:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.01)),
        linear-gradient(90deg, rgba(115,221,255,.08), transparent 30%),
        linear-gradient(180deg, rgba(13,19,29,.96), rgba(11,16,24,.96)) !important;
}
.category-counts {
    border-left-color: rgba(115,221,255,.07);
    border-right-color: rgba(115,221,255,.07);
}
.category-latest {
    background: rgba(255,255,255,.012);
}

.post-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.010)),
        linear-gradient(180deg, rgba(14,20,31,.96), rgba(11,16,24,.96)) !important;
}
.post-author {
    border-right-color: rgba(115,221,255,.07);
}
.post-body {
    color: #e2ebf4;
}
.reply-context {
    border-color: rgba(115,221,255,.12);
}
.replying-banner {
    border: 1px solid rgba(115,221,255,.14);
    color: #dbe7f3;
}
.reaction-summary span,
.topic-tags a,
.feed-badge,
.status-pill,
.topic-flags span {
    color: #d5e2ee;
}
.reaction-button.active,
.action-button.active,
.feed-actions .inline-form button.active {
    border-color: rgba(115,221,255,.30);
    background: linear-gradient(180deg, rgba(115,221,255,.12), rgba(170,156,255,.05)) !important;
    color: #effbff;
}

.profile-card,
.institution-card,
.document-card,
.case-card,
.notification-item,
.saved-card,
.role-card,
.process-evidence-card {
    overflow: hidden;
}
.institution-mini,
.trend-item,
.member-topic-list article,
.notification-item,
.saved-card,
.role-card {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(115,221,255,.07);
}
.institution-mini:hover,
.trend-item:hover,
.member-topic-list article:hover {
    border-color: rgba(115,221,255,.18);
}
.official-document {
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,253,.94)) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.15) !important;
}
.official-document::before {
    content: "DOCUMENTO OFICIAL";
    position: absolute;
    top: 14px;
    right: 16px;
    color: rgba(28, 43, 56, .48);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
}
.forum-media {
    border-color: rgba(115,221,255,.15) !important;
}
.forum-media-toolbar small {
    color: #99aabd;
}

.pagination a {
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.pagination a.active {
    background: linear-gradient(135deg, var(--rp-blue), #92e8ff);
    box-shadow: 0 8px 20px rgba(115,221,255,.18);
}
.social-alert.success,
.social-alert.error {
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}

@media (max-width: 980px) {
    .feed-tabs,
    .topic-toolbar {
        background: rgba(10,14,22,.95) !important;
    }
}

@media (max-width: 560px) {
    .feed-card::before,
    .topic-card::before,
    .post-card::before,
    .document-card::before,
    .case-card::before,
    .institution-card::before,
    .profile-card::before,
    .notification-item::before,
    .saved-card::before,
    .report-card::before,
    .process-evidence-card::before,
    .composer::before {
        width: 2px;
    }
    .home-composer-actions,
    .community-hero-actions {
        width: 100%;
    }
}

/* === Definitive theme: Fórum Social RP / Cyberpunk elegante + social === */
:root {
    --pink: #ff5db8;
    --cyan-2: #8af0ff;
    --violet-2: #c0b2ff;
}

::selection {
    color: #061017;
    background: rgba(102,220,255,.88);
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 32%),
        repeating-linear-gradient(180deg, rgba(255,255,255,.012) 0 1px, transparent 1px 4px);
    mix-blend-mode: soft-light;
    opacity: .16;
}
.social-header,
.forum-shortcuts,
.social-page-hero,
.social-main,
.social-footer { position: relative; z-index: 1; }

.social-header {
    border-bottom: 1px solid rgba(102,220,255,.10);
    box-shadow: 0 12px 34px rgba(0,0,0,.26);
}
.social-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(102,220,255,.7), rgba(255,93,184,.45), transparent);
    opacity: .7;
}
.social-brand strong {
    background: linear-gradient(90deg, #eff7ff 0%, #8af0ff 45%, #c0b2ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 18px rgba(102,220,255,.12);
}
.social-brand span {
    letter-spacing: .24em;
    color: #91a6bd;
}
.social-nav a {
    position: relative;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
}
.social-nav a::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--cyan), var(--pink));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
    box-shadow: 0 0 14px rgba(102,220,255,.25);
}
.social-nav a:hover::after,
.social-nav a.active::after { transform: scaleX(1); }
.nav-toggle {
    border-color: rgba(102,220,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.16);
}
.social-search button:hover,
.nav-toggle:hover,
.notification-link:hover,
.account-chip:hover { border-color: rgba(102,220,255,.28); }

.eyebrow,
.social-page-hero span,
.home-composer-teaser .eyebrow,
.community-hero .eyebrow,
.lore-commandbar .eyebrow,
.case-commandbar > div:first-child > span,
.governance-intro > span {
    color: var(--cyan-2);
    text-shadow: 0 0 14px rgba(102,220,255,.14);
}
.social-page-hero h1,
.forum-welcome h1,
.home-composer-teaser h2,
.community-hero h1,
.section-header h2,
.panel-title h2,
.panel-title h3,
.lore-commandbar h1,
.case-commandbar h1,
.governance-intro h1 {
    text-shadow: 0 8px 24px rgba(0,0,0,.22);
}

.button,
.action-button,
.feed-actions .inline-form button,
.feed-actions .action-button {
    position: relative;
    overflow: hidden;
}
.button::before,
.action-button::before,
.feed-actions .inline-form button::before,
.feed-actions .action-button::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,.16), transparent 42%);
    opacity: .55;
    pointer-events: none;
}
.button {
    background: linear-gradient(135deg, #58d7ff 0%, #77e5ff 46%, #9fe9ff 100%);
}
.button.secondary,
.action-button,
.feed-actions .inline-form button,
.feed-actions .action-button,
.editor-tool,
.media-tool,
.notification-link,
.shortcut-pill,
.account-chip {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.10);
}
.action-button.active,
.reaction-button.active,
.feed-actions .inline-form button.active,
.feed-actions .action-button.active,
.status-pill.active {
    border-color: rgba(102,220,255,.34);
    box-shadow: 0 0 0 1px rgba(102,220,255,.12), 0 0 22px rgba(102,220,255,.10);
}

.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout,
.forum-section,
.home-composer-teaser,
.home-discovery-card,
.home-pulse-card,
.community-hero,
.topic-lore-link,
.forum-block,
.contestation-table,
.lore-commandbar,
.case-commandbar,
.governance-intro,
.forum-media,
.category-row,
.notification-item,
.saved-card,
.report-card,
.role-card,
.process-evidence-card,
.institution-section,
.official-document {
    position: relative;
}
.panel::before,
.form-card::before,
.composer::before,
.feed-card::before,
.topic-card::before,
.post-card::before,
.community-hero::before,
.home-composer-teaser::before,
.home-discovery-card::before,
.home-pulse-card::before,
.forum-section::before,
.forum-block::before,
.category-row::before,
.notification-item::before,
.saved-card::before,
.institution-card::before,
.document-card::before,
.case-card::before,
.profile-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(102,220,255,.0), rgba(102,220,255,.65), rgba(255,93,184,.35), rgba(102,220,255,0));
    opacity: .45;
}
.feed-card::after,
.topic-card::after,
.post-card::after,
.category-row::after {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(102,220,255,.92), rgba(255,93,184,.42));
    box-shadow: 0 0 18px rgba(102,220,255,.22);
    opacity: .9;
}
.topic-card::after { top: 16px; bottom: 16px; }
.post-card::after { top: 18px; bottom: 18px; }
.category-row::after { top: 16px; bottom: 16px; }
.feed-card,
.topic-card,
.post-card,
.category-row { padding-left: 0; }
.feed-card > *,
.topic-card > *,
.post-card > *,
.category-row > * { position: relative; z-index: 1; }

.section-header,
.panel-title,
.forum-block-head,
.toolbar,
.breadcrumbs,
.feed-tabs,
.topic-toolbar,
.forum-media-toolbar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.panel-title,
.forum-block-head {
    border-bottom-color: rgba(102,220,255,.10) !important;
}
.panel-title a,
.panel-title span,
.forum-block-head span,
.forum-block-head > a {
    color: #9fe9ff;
}

.forum-welcome,
.identity-strip,
.home-composer-teaser,
.community-hero,
.forum-lore-gateway,
.lore-commandbar,
.case-commandbar,
.governance-intro {
    border-color: rgba(102,220,255,.14) !important;
}
.forum-welcome::before,
.identity-strip::before,
.home-composer-teaser::before,
.community-hero::before,
.forum-lore-gateway::before,
.lore-commandbar::before,
.case-commandbar::before,
.governance-intro::before {
    background:
        linear-gradient(115deg, rgba(102,220,255,.10), transparent 38%, rgba(255,93,184,.05) 76%, transparent),
        radial-gradient(circle at 100% 0, rgba(192,178,255,.08), transparent 34%);
}

.section-icon,
.category-icon,
.community-hero-icon,
.notification-icon,
.topic-state,
.mini-profile .avatar,
.composer .avatar,
.feed-author .avatar,
.post-author .avatar {
    background:
        linear-gradient(135deg, rgba(102,220,255,.16), rgba(192,178,255,.12)),
        rgba(10,15,23,.95) !important;
    border-color: rgba(102,220,255,.18) !important;
}
.feed-author .avatar,
.post-author .avatar,
.composer .avatar {
    border-radius: 18px;
}
.topic-state {
    min-width: 58px;
}
.status-pill,
.topic-tags a,
.reaction-summary span,
.topic-flags span,
.feed-badge,
.home-chip-cloud a,
.empty-chip,
.reply-context,
.category-counts div,
.topic-metric,
.community-hero-stats span,
.pulse-stats-row div,
.stat-box,
.mini-stats div {
    backdrop-filter: blur(8px);
}
.status-pill {
    color: #d8efff;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.topic-flags span {
    color: #d6e8f7;
}
.feed-badge {
    border-color: rgba(102,220,255,.18);
    box-shadow: 0 0 0 1px rgba(102,220,255,.06);
}
.reaction-summary span,
.topic-tags a,
.home-chip-cloud a {
    color: #d8e4ef;
}

.feed-stats,
.post-content header,
.composer-actions,
.category-counts,
.category-latest,
.topic-card .last-author,
.feed-tabs,
.topic-toolbar {
    border-color: rgba(102,220,255,.09) !important;
}
.feed-tabs {
    box-shadow: 0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02);
}
.feed-tabs a.active {
    background: linear-gradient(135deg, rgba(102,220,255,.9), rgba(138,240,255,.9));
    box-shadow: 0 6px 18px rgba(102,220,255,.18);
}
.topic-toolbar .toolbar-actions,
.toolbar .toolbar-actions { gap: 8px; }

.composer,
.forum-media-toolbar,
.feed-card,
.post-card,
.topic-card,
.category-row,
.community-hero,
.home-composer-teaser,
.home-discovery-card,
.home-pulse-card {
    backdrop-filter: blur(16px);
}
.composer textarea {
    background:
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
        rgba(8,12,18,.94) !important;
}
.composer-tools span:first-child,
.feed-meta,
.category-latest small,
.topic-card p,
.notification-item time,
.member-topic-list small,
.trend-item small,
.institution-mini small {
    color: #9bb0c3 !important;
}

.notification-item.unread {
    border-left-color: var(--cyan);
    box-shadow: 0 0 0 1px rgba(102,220,255,.08), 0 12px 30px rgba(0,0,0,.16);
}
.login-callout {
    background:
        linear-gradient(115deg, rgba(102,220,255,.07), transparent 46%, rgba(255,93,184,.05)),
        rgba(12,18,27,.94) !important;
}
.social-alert.success { box-shadow: 0 0 0 1px rgba(126,224,173,.08); }
.social-alert.error { box-shadow: 0 0 0 1px rgba(240,127,144,.08); }

.pagination a {
    border-radius: 12px;
    background: rgba(255,255,255,.03);
}
.pagination a.active {
    box-shadow: 0 8px 18px rgba(102,220,255,.18);
}

.social-footer .social-container > div a:hover,
.social-footer a:hover,
.breadcrumbs a:hover,
.category-latest a:hover,
.topic-card h2 a:hover,
.feed-card h2 a:hover,
.trend-item:hover strong,
.institution-mini:hover strong {
    color: #9fe9ff;
}

@media (max-width: 980px) {
    .feed-card::after,
    .topic-card::after,
    .post-card::after,
    .category-row::after { opacity: .75; }
}

@media (max-width: 560px) {
    .feed-card::after,
    .topic-card::after,
    .post-card::after,
    .category-row::after {
        top: 10px;
        bottom: 10px;
        width: 2px;
    }
    .social-header::after { opacity: .5; }
    .social-brand strong { letter-spacing: .08em; }
}

/* External image fallback / anti-hotlink recovery */
.forum-media-image > a { position: relative; min-height: 80px; background: #05090e; }
.forum-media-image-fallback {
    min-height: 150px;
    padding: 28px 20px;
    display: none;
    place-items: center;
    align-content: center;
    gap: 6px;
    text-align: center;
    background:
        radial-gradient(circle at center, rgba(102,220,255,.08), transparent 60%),
        #070b11;
    color: var(--text-soft);
}
.forum-media-image-fallback strong { font-size: 11px; }
.forum-media-image-fallback small { color: var(--muted); font-size: 9px; }
.forum-media-image.is-failed .forum-media-image-fallback { display: grid; }
.forum-media-image.is-failed > a { text-decoration: none; }

/* Official Imgur embed: album/gallery links are not direct image files. */
.forum-media-imgur {
    width: min(100%, 920px);
    overflow: hidden;
    border-radius: 18px;
    background: #080d14;
}
.forum-media-imgur-frame {
    position: relative;
    width: 100%;
    min-height: 620px;
    background: #05080d;
}
.forum-media-imgur-frame iframe {
    width: 100%;
    height: 680px;
    display: block;
    border: 0;
    background: #05080d;
}
.forum-media-imgur figcaption {
    min-height: 38px;
}
@media (max-width: 760px) {
    .forum-media-imgur-frame { min-height: 520px; }
    .forum-media-imgur-frame iframe { height: 580px; }
}
@media (max-width: 560px) {
    .forum-media-imgur-frame { min-height: 440px; }
    .forum-media-imgur-frame iframe { height: 500px; }
}

/* Imgur official embed unit — do not hand-build an iframe. */
.forum-media-imgur-frame { display: none !important; }
.forum-media-imgur-official {
    width: 100%;
    min-height: 180px;
    padding: 12px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 18% 0, rgba(102,220,255,.07), transparent 26rem),
        #070b11;
}
.forum-media-imgur-official .imgur-embed-pub {
    width: 100%;
    max-width: 760px;
    margin: 0 auto !important;
    border: 0;
    background: transparent;
}
.forum-media-imgur-official .imgur-embed-pub > a {
    min-height: 160px;
    padding: 24px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 1px solid rgba(102,220,255,.16);
    border-radius: 16px;
    background: rgba(255,255,255,.02);
    color: var(--text-soft);
    text-align: center;
    text-decoration: none;
}
.forum-media-imgur-official .imgur-embed-pub > a strong { color: #edf7ff; font-size: 12px; }
.forum-media-imgur-official .imgur-embed-pub > a span { color: var(--cyan); font-size: 10px; }
.forum-media-imgur-official .imgur-embed-pub > a small { color: var(--muted); font-size: 9px; }
.forum-media-imgur-official iframe {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #070b11 !important;
}
@media (max-width: 560px) {
    .forum-media-imgur-official { padding: 8px; }
    .forum-media-imgur-official .imgur-embed-pub > a { min-height: 130px; padding: 18px; }
}

/* ========================================================================== 
   Reprise Forum — Minimal UI pass (2026-08)
   Calm surfaces, restrained accent, consistent line icons, no decorative neon.
   ========================================================================== */
:root {
    --bg: #0b0d10;
    --bg-soft: #0e1115;
    --surface: #11151a;
    --surface-2: #151a20;
    --surface-3: #1a2027;
    --line: #262d35;
    --line-soft: #1d232a;
    --line-bright: #3a444e;
    --text: #e7ebee;
    --text-soft: #bac2c8;
    --muted: #7f8992;
    --cyan: #8fb8c2;
    --cyan-2: #a9cbd2;
    --cyan-soft: rgba(143,184,194,.09);
    --violet: #a8a9b8;
    --green: #8db9a0;
    --amber: #c4a878;
    --red: #c9868f;
    --pink: #a69eaa;
    --radius: 10px;
    --radius-sm: 8px;
    --shadow: 0 12px 30px rgba(0,0,0,.16);
}

html { color-scheme: dark; }
body {
    color: var(--text);
    background: var(--bg) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
}
body::before,
.forum-tech-grid { display: none !important; }
::selection { color: #0b0d10; background: #b7d1d7; }
a:hover { color: #c3d9de; }

/* Consistent vector icon language */
.ui-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    flex: 0 0 auto;
    vertical-align: -0.18em;
    color: currentColor;
}
.section-icon .ui-icon,
.category-icon .ui-icon,
.community-hero-icon .ui-icon,
.institution-icon .ui-icon { width: 21px; height: 21px; }
.institution-hero .institution-icon .ui-icon { width: 25px; height: 25px; }
.notification-icon .ui-icon,
.notification-link .ui-icon { width: 15px; height: 15px; }
.trend-item > span .ui-icon,
.rail-menu i .ui-icon,
.institution-mini .icon .ui-icon { width: 15px; height: 15px; }
.reaction-icon { width: 14px; height: 14px; }
.verified-mark { display: inline-flex; margin-left: 3px; color: var(--cyan); vertical-align: middle; }
.verified-mark .ui-icon { width: 13px; height: 13px; }

/* Remove previous decorative cuts, glows and card rails */
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout,
.forum-section,
.home-composer-teaser,
.home-discovery-card,
.home-pulse-card,
.community-hero,
.topic-lore-link,
.forum-block,
.contestation-table,
.lore-commandbar,
.case-commandbar,
.governance-intro,
.forum-media,
.category-row,
.notification-item,
.saved-card,
.report-card,
.role-card,
.process-evidence-card,
.institution-section,
.official-document,
.shortcut-pill,
.status-pill,
.button,
.action-button,
.editor-tool,
.media-tool,
.notification-link,
.account-chip,
.pagination a {
    clip-path: none !important;
    filter: none !important;
    text-shadow: none !important;
}
.panel::before,
.panel::after,
.form-card::before,
.form-card::after,
.composer::before,
.composer::after,
.feed-card::before,
.feed-card::after,
.topic-card::before,
.topic-card::after,
.post-card::before,
.post-card::after,
.community-hero::before,
.community-hero::after,
.home-composer-teaser::before,
.home-composer-teaser::after,
.home-discovery-card::before,
.home-discovery-card::after,
.home-pulse-card::before,
.home-pulse-card::after,
.forum-section::before,
.forum-section::after,
.forum-block::before,
.forum-block::after,
.category-row::before,
.category-row::after,
.notification-item::before,
.notification-item::after,
.saved-card::before,
.saved-card::after,
.institution-card::before,
.institution-card::after,
.document-card::before,
.document-card::after,
.case-card::before,
.case-card::after,
.profile-card::before,
.profile-card::after,
.button::before,
.button::after,
.action-button::before,
.action-button::after,
.feed-actions .inline-form button::before,
.feed-actions .inline-form button::after,
.feed-actions .action-button::before,
.feed-actions .action-button::after { display: none !important; content: none !important; }

/* Utility/header */
.forum-utility {
    min-height: 28px;
    border-bottom: 1px solid var(--line-soft);
    background: #090b0e;
    color: #737d85;
    letter-spacing: .06em;
}
.server-dot {
    width: 6px;
    height: 6px;
    background: var(--green);
    box-shadow: none;
}
.social-header {
    border-bottom: 1px solid var(--line);
    background: rgba(12,15,18,.96);
    backdrop-filter: blur(14px);
    box-shadow: none;
}
.social-header::after { display: none !important; }
.social-header-inner { min-height: 64px; gap: 18px; }
.social-brand { gap: 9px; }
.social-brand img { width: 36px; height: 36px; }
.social-brand strong {
    color: #edf0f2;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    text-shadow: none;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .12em;
}
.social-brand span {
    margin-top: 3px;
    color: #7f8b93;
    font-size: 7px;
    letter-spacing: .14em;
}
.social-nav a {
    color: #88929a;
    font-size: 9px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: none;
    border: 0;
    background: transparent !important;
}
.social-nav a::after {
    left: 12px;
    right: 12px;
    height: 1px;
    background: #a8c4cb;
    box-shadow: none;
}
.social-nav a:hover,
.social-nav a.active { color: #e2e7ea; }

.social-search {
    max-width: 320px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: #0d1115;
    transition: border-color .16s ease, background .16s ease;
}
.social-search:focus-within { border-color: #4b5c66; background: #10151a; }
.social-search input { height: 36px; padding: 0 12px; font-size: 11px; }
.social-search button {
    width: 38px;
    border-left: 1px solid var(--line-soft);
    color: #85919a;
}
.social-search button:hover { color: #d8e0e4; border-color: var(--line-soft); }

.nav-toggle,
.notification-link {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #101419;
    color: #98a3aa;
    box-shadow: none;
}
.nav-toggle { gap: 7px; }
.nav-toggle:hover,
.notification-link:hover { color: #edf0f2; border-color: var(--line-bright); background: #151a20; }
.notification-link b { border-color: #0b0d10; background: #a9646f; }
.account-chip { gap: 8px; }
.account-chip > span,
.avatar {
    border-color: #33404a;
    border-radius: 9px;
    background: #171d23;
    color: #dce4e7;
}

/* Shortcut strip becomes quiet secondary navigation */
.forum-shortcuts {
    border-bottom: 1px solid var(--line-soft);
    background: #0d1014;
}
.forum-shortcuts-inner { gap: 6px; }
.shortcut-pill {
    border: 0;
    border-radius: 7px;
    background: transparent;
    box-shadow: none;
    padding: 8px 10px;
}
.shortcut-pill:hover { border: 0; background: #151a20; transform: none; }
.shortcut-pill strong { color: #cdd4d8; font-size: 9px; }
.shortcut-pill span { color: #717c84; font-size: 7px; }

/* Typography */
.social-page-hero {
    padding: 24px 0 22px;
    border-bottom: 1px solid var(--line-soft);
    background: #0e1115;
}
.social-page-hero span,
.eyebrow,
.home-composer-teaser .eyebrow,
.community-hero .eyebrow,
.lore-commandbar .eyebrow,
.case-commandbar > div:first-child > span,
.governance-intro > span {
    color: #8daeb7;
    text-shadow: none;
    letter-spacing: .12em;
}
.social-page-hero h1,
.forum-welcome h1,
.home-composer-teaser h2,
.community-hero h1,
.section-header h2,
.panel-title h2,
.panel-title h3,
.lore-commandbar h1,
.case-commandbar h1,
.governance-intro h1 {
    color: #edf0f2;
    font-family: Inter, sans-serif !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
    text-shadow: none;
}
.social-page-hero h1 { font-size: clamp(25px, 3.2vw, 36px); }
.social-page-hero p { max-width: 760px; color: #8e99a1; }

/* Surfaces */
.panel,
.setup-card,
.empty-card,
.form-card,
.composer,
.feed-card,
.profile-card,
.institution-card,
.document-card,
.case-card,
.topic-card,
.post-card,
.institution-hero,
.login-callout,
.forum-section,
.home-composer-teaser,
.home-discovery-card,
.home-pulse-card,
.community-hero,
.topic-lore-link,
.forum-block,
.contestation-table,
.lore-commandbar,
.case-commandbar,
.governance-intro,
.saved-card,
.report-card,
.role-card,
.process-evidence-card,
.institution-section,
.official-document {
    border: 1px solid var(--line) !important;
    border-radius: 11px !important;
    background: var(--surface) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.panel,
.form-card { padding: 16px; }
.panel-title {
    min-height: 34px;
    padding: 0 0 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--line-soft) !important;
    box-shadow: none;
}
.panel-title h2,
.panel-title h3 { font-size: 12px; }
.panel-title a,
.panel-title span,
.forum-block-head span,
.forum-block-head > a { color: #8eaeb6; font-size: 8px; }

.forum-section { overflow: hidden; }
.section-header {
    padding: 15px 17px;
    border-bottom: 1px solid var(--line-soft);
    background: #13181e;
    box-shadow: none;
}
.section-icon,
.category-icon,
.community-hero-icon,
.institution-icon,
.notification-icon {
    display: grid;
    place-items: center;
    border: 1px solid #303943 !important;
    border-radius: 9px !important;
    background: #171d23 !important;
    color: #a4bec5;
}
.section-icon { width: 38px; height: 38px; }
.category-icon { width: 34px; height: 34px; }
.category-row {
    border: 0 !important;
    border-bottom: 1px solid var(--line-soft) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.category-row:last-child { border-bottom: 0 !important; }
.category-row:hover { background: #14191f !important; }
.category-main h3 { color: #dde3e6; }
.category-main p,
.category-latest small { color: #7e8991 !important; }
.category-counts { border-color: var(--line-soft) !important; }

/* Buttons and controls */
.button,
.action-button,
.feed-actions .inline-form button,
.feed-actions .action-button,
.editor-tool,
.media-tool {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #52666d;
    border-radius: 8px;
    background: #a9c6cd;
    color: #11161a;
    box-shadow: none;
    font-weight: 650;
    transition: background .14s ease, border-color .14s ease, color .14s ease, transform .14s ease;
}
.button:hover { color: #0d1114; background: #bdd4da; border-color: #637a82; transform: translateY(-1px); }
.button.secondary,
.action-button,
.feed-actions .inline-form button,
.feed-actions .action-button,
.editor-tool,
.media-tool {
    border-color: var(--line);
    background: #151a20;
    color: #aab4ba;
}
.button.secondary:hover,
.action-button:hover,
.feed-actions .inline-form button:hover,
.feed-actions .action-button:hover,
.editor-tool:hover,
.media-tool:hover {
    color: #e6ebed;
    border-color: #3b4650;
    background: #1a2027;
    transform: none;
}
.action-button.active,
.reaction-button.active,
.feed-actions .inline-form button.active,
.feed-actions .action-button.active,
.status-pill.active {
    color: #dfe9ec;
    border-color: #49606a;
    background: #19242a;
    box-shadow: none;
}
.button.small,
.action-button { min-height: 30px; }
.action-button { padding-inline: 9px; font-size: 9px; }
.action-button.danger { color: #cf8b94 !important; }

.form-control {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #0e1216;
    color: #dfe4e7;
    box-shadow: none;
}
.form-control:focus { border-color: #4b5e68; box-shadow: 0 0 0 3px rgba(143,184,194,.07); }
.form-label { color: #aab3b9; }
.form-help { color: #747f87; }
.check-card { border-radius: 8px; background: #10151a; border-color: var(--line); }

/* Tags/statuses */
.status-pill,
.topic-tags a,
.reaction-summary span,
.topic-flags span,
.feed-badge,
.home-chip-cloud a,
.empty-chip,
.reply-context,
.category-counts div,
.topic-metric,
.community-hero-stats span,
.pulse-stats-row div,
.stat-box,
.mini-stats div {
    border: 1px solid var(--line-soft);
    border-radius: 7px;
    background: #14191f;
    backdrop-filter: none;
    box-shadow: none;
}
.status-pill { color: #9eabb2; text-transform: none; letter-spacing: .02em; }
.status-pill.published { color: #9fc4ad; border-color: #31463a; background: #121b16; }
.topic-tags a,
.home-chip-cloud a { color: #aeb8bd; }

/* Feed/topics/posts */
.feed-card,
.topic-card,
.post-card { overflow: hidden; }
.feed-card,
.post-card { border-radius: 11px !important; }
.feed-card:hover,
.topic-card:hover,
.post-card:hover { border-color: #303943 !important; box-shadow: none !important; transform: none !important; }
.feed-author .avatar,
.post-author .avatar,
.composer .avatar { border-radius: 10px !important; }
.feed-stats,
.post-content header,
.composer-actions,
.category-counts,
.category-latest,
.topic-card .last-author,
.feed-tabs,
.topic-toolbar { border-color: var(--line-soft) !important; }
.feed-tabs { box-shadow: none; background: #101419; }
.feed-tabs a.active { background: #1b242a; color: #dbe5e8; box-shadow: none; }
.feed-body,
.post-body { color: #c4ccd1; line-height: 1.65; }
.feed-card h2 a,
.topic-card h2 a { color: #e3e8ea; }

.reaction-picker { gap: 3px; }
.reaction-button {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #7f8b93;
    filter: none;
    opacity: 1;
}
.reaction-button:hover { color: #d8e2e5; border-color: var(--line); background: #171d23; }
.reaction-button.active { color: #bed4d9; }
.reaction-summary span { display: inline-flex; align-items: center; gap: 4px; padding: 4px 7px; }

/* Editor/media */
.forum-editor-toolbar { gap: 4px; }
.editor-tool { width: 32px; min-width: 32px; height: 30px; min-height: 30px; padding: 0; }
.editor-tool .ui-icon { width: 14px; height: 14px; }
.editor-glyph { font-size: 11px; font-weight: 700; }
.media-tool { min-height: 31px; padding: 6px 9px; }
.forum-media-toolbar { border-color: var(--line); background: #0f1418; box-shadow: none; }
.forum-media { border-radius: 10px !important; }
.forum-media figcaption { border-color: var(--line-soft); background: #101419; }
.forum-media figcaption a,
.forum-media-fallback { display: inline-flex; align-items: center; gap: 5px; }

/* Institution/profile details */
.institution-hero { padding: 20px; }
.institution-hero::before { display: none !important; }
.institution-hero.has-institution-banner { background: #11151a !important; }
.institution-banner-image { opacity: .28; filter: saturate(.65) contrast(.9); }
.institution-hero .institution-icon { width: 52px; height: 52px; }
.institution-mini { border-radius: 8px; }
.institution-mini:hover { background: #151a20; }
.institution-mini .icon { border-radius: 8px; background: #171d23; }
.rail-menu i { display: grid; place-items: center; color: #94adb4; }
.trend-item > span { display: grid; place-items: center; color: #869aa2; }

/* Notifications / states */
.notification-item { border-radius: 9px !important; }
.notification-item.unread {
    border-left: 2px solid #789da6 !important;
    background: #12191d !important;
    box-shadow: none;
}
.social-alert { border-radius: 9px; box-shadow: none !important; }

/* Floating create action */
.forum-fab {
    width: 46px;
    height: 46px;
    border: 1px solid #5b727a;
    border-radius: 50%;
    background: #a9c6cd;
    color: #101518;
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
}
.forum-fab .ui-icon { width: 19px; height: 19px; }
.forum-fab:hover { color: #101518; background: #bfd5da; transform: translateY(-1px); }

.social-footer {
    border-top: 1px solid var(--line-soft);
    background: #090b0e;
    color: #707a82;
}
.social-footer a:hover { color: #c3d9de; }

.text-divider {
    width: 3px;
    height: 3px;
    display: inline-block;
    border-radius: 50%;
    background: #4f5961;
}

@media (max-width: 980px) {
    .social-header-inner { gap: 10px; }
    .social-nav { background: #0e1216; border-color: var(--line); box-shadow: none; }
    .social-nav a { border-bottom: 1px solid var(--line-soft); }
}
@media (max-width: 560px) {
    .social-container { width: min(100% - 20px, 1240px); }
    .social-header-inner { min-height: 58px; }
    .social-brand img { width: 32px; height: 32px; }
    .forum-shortcuts-inner { padding-block: 5px; }
    .shortcut-pill { padding: 7px 9px; }
    .panel,
    .form-card { padding: 13px; }
    .section-header { padding: 13px 14px; }
}

/* ============================================================
   REPRISE SITE ALIGNMENT — referência visual do portal principal
   Mantém a estrutura do fórum, mas usa a mesma linguagem do index.
   ============================================================ */
:root {
    --bg: #070912;
    --bg-soft: #0c1020;
    --surface: rgba(13,17,33,.82);
    --surface-2: #10162a;
    --surface-3: #141b31;
    --line: rgba(255,255,255,.09);
    --line-soft: rgba(255,255,255,.055);
    --line-bright: rgba(33,212,253,.28);
    --text: #f7f8ff;
    --text-soft: #cbd3e8;
    --muted: #8f9ab5;
    --cyan: #21d4fd;
    --cyan-soft: rgba(33,212,253,.10);
    --violet: #a855f7;
    --green: #38f28e;
    --amber: #ffc857;
    --red: #ff5f7a;
    --shadow: 0 24px 80px rgba(0,0,0,.32);
}

body {
    background:
        radial-gradient(circle at 78% 8%, rgba(168,85,247,.10), transparent 32rem),
        radial-gradient(circle at 14% 35%, rgba(33,212,253,.075), transparent 34rem),
        var(--bg);
    color: var(--text);
}
body::before {
    opacity: .18;
    background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,.025) 3px);
    background-size: auto;
    mask-image: none;
}
.forum-tech-grid { opacity: .45; }
.social-container { width: min(1180px, calc(100% - 40px)); }

.forum-utility {
    border-color: var(--line-soft);
    color: #77839d;
    background: rgba(5,7,16,.92);
    letter-spacing: .10em;
}
.server-dot { background: var(--green); box-shadow: 0 0 14px rgba(56,242,142,.65); }

.social-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-color: var(--line);
    background: rgba(7,9,18,.92);
    backdrop-filter: blur(18px);
}
.social-header-inner { min-height: 80px; gap: 16px; }
.social-brand { gap: 9px; }
.social-brand img {
    width: 132px;
    height: auto;
    filter: drop-shadow(0 0 18px rgba(33,212,253,.20));
}
.social-brand div { display: block; }
.social-brand strong { display: none; }
.social-brand span {
    margin: 0;
    padding: 6px 8px;
    border: 1px solid rgba(33,212,253,.20);
    color: #bdeef7;
    background: rgba(33,212,253,.055);
    font-size: 7px;
    letter-spacing: .13em;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 100%);
}

.social-nav { gap: 3px; }
.social-nav a {
    align-self: center;
    min-height: 38px;
    padding: 0 10px;
    border: 0;
    color: #aab5cc;
    font-size: 9px;
    letter-spacing: .055em;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
}
.social-nav a:hover,
.social-nav a.active {
    color: #fff;
    background: rgba(255,255,255,.06);
}
.social-nav a.active::after,
.social-nav a:hover::after {
    left: 9px;
    right: 9px;
    bottom: 3px;
    height: 1px;
    background: var(--cyan);
}

.social-search {
    border-color: var(--line);
    border-radius: 0;
    background: rgba(9,13,27,.78);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 100%);
}
.social-search:focus-within { border-color: rgba(33,212,253,.35); }
.social-search input { color: #e8edfa; }
.social-search button { color: var(--cyan); }

.header-cta,
.button {
    border-radius: 0 !important;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}
.button {
    border-color: transparent;
    color: #061019;
    background: linear-gradient(100deg, #52e4ff, var(--cyan));
    font-weight: 800;
    letter-spacing: .055em;
    box-shadow: 8px 8px 0 rgba(33,212,253,.055);
}
.button:hover {
    color: #061019;
    border-color: transparent;
    background: linear-gradient(100deg, #72e9ff, #35d9fd);
    transform: translateX(2px);
}
.button.secondary,
.action-button,
.feed-actions .inline-form button,
.feed-actions .action-button,
.editor-tool,
.media-tool {
    border-color: var(--line);
    border-radius: 0;
    color: #b4bfd4;
    background: rgba(9,13,27,.78);
    box-shadow: none;
}
.button.secondary:hover,
.action-button:hover,
.feed-actions .inline-form button:hover,
.feed-actions .action-button:hover,
.editor-tool:hover,
.media-tool:hover {
    color: #fff;
    border-color: rgba(33,212,253,.22);
    background: rgba(33,212,253,.055);
}

.forum-shortcuts {
    border-color: var(--line-soft);
    background: rgba(8,11,24,.78);
}
.shortcut-pill {
    border-color: var(--line-soft);
    background: rgba(255,255,255,.02);
}
.shortcut-pill:hover { border-color: rgba(33,212,253,.20); background: rgba(33,212,253,.035); }
.shortcut-pill strong { color: #dfe7f7; }
.shortcut-pill span { color: #75829d; }

.social-page-hero {
    border-color: var(--line-soft);
    background:
        radial-gradient(circle at 84% 20%, rgba(168,85,247,.10), transparent 34%),
        linear-gradient(110deg, rgba(33,212,253,.035), rgba(7,9,18,.78));
}
.social-page-hero span { color: var(--cyan); }
.social-page-hero h1 { color: #fff; }
.social-page-hero p { color: #939fba; }

.panel,
.form-card,
.forum-section,
.feed-card,
.topic-card,
.post-card,
.composer,
.community-hero,
.home-social-bar,
.institution-hero,
.notification-item,
.official-document,
.login-callout {
    border-color: var(--line) !important;
    border-radius: 0 !important;
    background: rgba(13,17,33,.84) !important;
    box-shadow: none !important;
}
.panel,
.form-card,
.forum-section,
.feed-card,
.topic-card,
.post-card,
.community-hero,
.institution-hero,
.official-document {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
.panel:hover,
.feed-card:hover,
.topic-card:hover,
.post-card:hover { border-color: rgba(33,212,253,.16) !important; }

.panel-title,
.forum-block-head,
.section-header,
.toolbar,
.breadcrumbs,
.feed-tabs,
.topic-toolbar,
.forum-media-toolbar {
    border-radius: 0 !important;
    border-color: var(--line-soft) !important;
    background: rgba(9,13,27,.72) !important;
}
.section-header { background: linear-gradient(100deg, rgba(33,212,253,.055), rgba(168,85,247,.035)) !important; }

.section-icon,
.category-icon,
.community-hero-icon,
.institution-icon,
.notification-icon {
    border-color: rgba(33,212,253,.18) !important;
    border-radius: 0 !important;
    background: rgba(33,212,253,.04) !important;
    color: var(--cyan);
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 100%);
}
.category-row:hover { background: rgba(33,212,253,.025) !important; }
.category-main h3 { color: #eef2fb; }
.category-main p,
.category-latest small { color: #8290aa !important; }

.form-control {
    border-radius: 0;
    border-color: var(--line);
    background: rgba(5,8,17,.72);
    color: #edf1fa;
}
.form-control:focus {
    border-color: rgba(33,212,253,.38);
    box-shadow: 0 0 0 3px rgba(33,212,253,.055);
}

.status-pill,
.topic-tags a,
.reaction-summary span,
.topic-flags span,
.feed-badge,
.home-chip-cloud a,
.empty-chip,
.reply-context,
.category-counts div,
.topic-metric,
.community-hero-stats span,
.pulse-stats-row div,
.stat-box,
.mini-stats div {
    border-radius: 0;
    border-color: var(--line-soft);
    background: rgba(255,255,255,.025);
}
.topic-tags a,
.home-chip-cloud a { color: #b9c4d9; }

.post-author { background: linear-gradient(180deg, rgba(33,212,253,.045), rgba(255,255,255,.01)); }
.feed-body,
.post-body { color: #c8d0e1; }
.feed-card h2 a,
.topic-card h2 a { color: #f0f3fb; }

.forum-fab {
    border-radius: 0;
    border-color: rgba(33,212,253,.34);
    background: linear-gradient(135deg, #52e4ff, var(--cyan));
    color: #061019;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    box-shadow: 0 14px 36px rgba(33,212,253,.12);
}
.forum-fab:hover { background: #72e9ff; color: #061019; }

.social-footer {
    border-color: var(--line-soft);
    background: #060811;
    color: #707d99;
}

/* A barra contextual do tópico acompanha o fluxo da página e nunca cobre o post. */
.topic-toolbar {
    position: static !important;
    top: auto !important;
    z-index: 1 !important;
}

@media (max-width: 980px) {
    .social-nav {
        background: rgba(7,9,18,.98);
        border-color: var(--line);
        box-shadow: var(--shadow);
    }
    .social-nav a { border-color: var(--line-soft); }
}
@media (max-width: 560px) {
    .social-container { width: min(100% - 28px, 1180px); }
    .social-header-inner { min-height: 70px; }
    .social-brand img { width: 118px; }
    .social-brand span { display: none; }
}