/* Identité Webtoons appliquée aux modules issus du socle UnivActif. */
.blackclover-app.module-page {
    --red: #00dc8c;
    --ink: #f8f2e7;
    --muted: #a9b9af;
    --line: rgba(0, 220, 140, .24);
    --panel: #061b16;
    --background: #020d0b;
    --forum-read-blue: #58a878;
    --forum-read-blue-strong: #347452;
    --forum-read-blue-soft: rgba(58, 128, 84, .18);
    --icon-action-bg: rgba(0, 220, 140, .1);
    --icon-action-fg: #89f3bd;
    --shadow: 0 18px 42px rgba(0, 0, 0, .28);
    background:
        radial-gradient(circle at 88% 4%, rgba(0, 220, 140, .11), transparent 24%),
        radial-gradient(circle at 8% 22%, rgba(36, 107, 70, .22), transparent 28%),
        linear-gradient(180deg, #010806, #02120f 46%, #020b09);
    color: var(--ink);
    color-scheme: dark;
}

.blackclover-app.module-page .workspace {
    position: relative;
    width: min(var(--boxed-width), calc(100% - 40px));
    padding-top: 32px;
    padding-bottom: 54px;
}

.blackclover-app.module-page .page-heading {
    border-color: var(--line);
}

.blackclover-app.module-page .page-heading h1,
.blackclover-app.module-page .page-heading h2,
.blackclover-app.module-page .section-title h2,
.blackclover-app.module-page .forum-information h2,
.blackclover-app.module-page .forum-information h3,
.blackclover-app.module-page .topic-section-title h3,
.blackclover-app.module-page .quick-reply-head h2,
.blackclover-app.module-page .profile-panel h2 {
    color: #fff;
}

.blackclover-app.module-page .page-heading p,
.blackclover-app.module-page .admin-panel-meta,
.blackclover-app.module-page .forum-pagination-summary,
.blackclover-app.module-page .topic-starter,
.blackclover-app.module-page .topic-meta span,
.blackclover-app.module-page .topic-last-post small,
.blackclover-app.module-page .profile-empty {
    color: var(--muted);
}

.blackclover-app.module-page .eyebrow,
.blackclover-app.module-page .breadcrumb-nav a,
.blackclover-app.module-page .profile-inline-link,
.blackclover-app.module-page .topic-title-line a,
.blackclover-app.module-page .topic-last-post-link,
.blackclover-app.module-page .forum-row-title > a,
.blackclover-app.module-page .forum-row-last > div > a {
    color: var(--bc-gold-soft);
}

.blackclover-app.module-page .breadcrumb-nav span,
.blackclover-app.module-page .breadcrumb-nav {
    color: var(--muted);
}

.blackclover-app.module-page .surface-panel,
.blackclover-app.module-page .profile-panel,
.blackclover-app.module-page .profile-post-card,
.blackclover-app.module-page .social-profile-card,
.blackclover-app.module-page .quick-reply-panel,
.blackclover-app.module-page .login-required-panel {
    border-color: var(--line);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .025), transparent),
        rgba(4, 25, 20, .94);
    color: var(--ink);
    box-shadow: var(--shadow);
}

.blackclover-app.module-page .primary-action,
.blackclover-app.module-page .thread-button-primary {
    border-color: rgba(137, 243, 189, .78);
    background: linear-gradient(180deg, var(--bc-gold-soft), var(--bc-gold));
    color: #1c1508;
}

.blackclover-app.module-page .primary-action:hover,
.blackclover-app.module-page .thread-button-primary:hover {
    filter: brightness(1.08);
}

.blackclover-app.module-page .secondary-action,
.blackclover-app.module-page .secondary-page-action,
.blackclover-app.module-page .thread-button,
.blackclover-app.module-page .presence-detail-action,
.blackclover-app.module-page .forum-pagination-link,
.blackclover-app.module-page .profile-post-link {
    border-color: var(--line);
    background: rgba(255, 255, 255, .055);
    color: var(--ink);
}

.blackclover-app.module-page .secondary-action:hover,
.blackclover-app.module-page .secondary-page-action:hover,
.blackclover-app.module-page .thread-button:hover,
.blackclover-app.module-page .presence-detail-action:hover,
.blackclover-app.module-page .forum-pagination-link:hover {
    border-color: var(--bc-line-strong);
    background: rgba(0, 220, 140, .1);
    color: var(--bc-gold-soft);
}

.blackclover-app.module-page .forum-jumbotron {
    border: 1px solid rgba(0, 220, 140, .4);
    background:
        linear-gradient(105deg, rgba(2, 20, 15, .96), rgba(10, 58, 38, .86) 58%, rgba(100, 75, 22, .56)),
        url("/assets/images/webtoon-hero.png");
    background-position: center;
    background-size: cover;
    box-shadow: 0 24px 58px rgba(0, 0, 0, .3);
}

.blackclover-app.module-page .forum-jumbotron .eyebrow { color: var(--bc-gold-soft); }
.blackclover-app.module-page .forum-jumbotron-metrics div {
    border-color: rgba(137, 243, 189, .25);
    background: rgba(2, 17, 13, .58);
}
.blackclover-app.module-page .forum-jumbotron-metrics strong { color: var(--bc-gold-soft); }

.blackclover-app.module-page .forum-category {
    border-color: var(--line);
    background: rgba(3, 22, 17, .92);
}

.blackclover-app.module-page .forum-category-header,
.blackclover-app.module-page .forum-information-header {
    border-color: rgba(0, 220, 140, .25);
    background:
        radial-gradient(circle at 92% 20%, rgba(0, 220, 140, .18), transparent 28%),
        linear-gradient(135deg, #0d5135, #05261c);
    color: #fff;
}

.blackclover-app.module-page .forum-category-header p,
.blackclover-app.module-page .forum-information-header p { color: rgba(248, 242, 231, .72); }
.blackclover-app.module-page .forum-category-header > span,
.blackclover-app.module-page .forum-information-header > span { background: rgba(0, 220, 140, .15); color: var(--bc-gold-soft); }

.blackclover-app.module-page .forum-row,
.blackclover-app.module-page .forum-information-row,
.blackclover-app.module-page .topic-list-heading,
.blackclover-app.module-page .topic-card,
.blackclover-app.module-page .topic-section-title,
.blackclover-app.module-page .thread-post,
.blackclover-app.module-page .quick-reply-head {
    border-color: var(--line);
}

.blackclover-app.module-page .forum-row:hover,
.blackclover-app.module-page .topic-card:hover {
    background: rgba(0, 220, 140, .035);
}

.blackclover-app.module-page .forum-row-main > p,
.blackclover-app.module-page .forum-row-counts,
.blackclover-app.module-page .forum-row-last small,
.blackclover-app.module-page .forum-information-row p { color: var(--muted); }
.blackclover-app.module-page .forum-row-counts strong,
.blackclover-app.module-page .topic-meta strong { color: var(--ink); }

.blackclover-app.module-page .topic-status-icon,
.blackclover-app.module-page .last-post-avatar,
.blackclover-app.module-page .online-member-avatar,
.blackclover-app.module-page .online-directory-avatar,
.blackclover-app.module-page .profile-feed-avatar {
    border-color: rgba(0, 220, 140, .32);
    background: linear-gradient(135deg, #246b46, #b58a31);
    color: #fff;
}

.blackclover-app.module-page .topic-status-read { background: rgba(36, 107, 70, .18); color: #7bc69a; }
.blackclover-app.module-page .topic-status-unread { background: rgba(0, 220, 140, .16); color: var(--bc-gold-soft); }
.blackclover-app.module-page .read-indicator-read { background: rgba(36, 107, 70, .2); color: #8bd1a7; }
.blackclover-app.module-page .topic-tag { color: var(--bc-gold-soft); }
.blackclover-app.module-page .topic-list-heading,
.blackclover-app.module-page .topic-section-title { background: rgba(255, 255, 255, .035); color: var(--muted); }
.blackclover-app.module-page .topic-card { background: rgba(2, 16, 12, .55); }

.blackclover-app.module-page .topic-bulk-toolbar,
.blackclover-app.module-page .standalone-moderation-menu,
.blackclover-app.module-page .post-action-popover > div {
    border-color: var(--line);
    background: #071f18;
    color: var(--ink);
}

.blackclover-app.module-page input,
.blackclover-app.module-page select,
.blackclover-app.module-page textarea,
.blackclover-app.module-page .bbcode-toolbar button,
.blackclover-app.module-page .emoticon-picker,
.blackclover-app.module-page .mention-picker,
.blackclover-app.module-page .mention-results button {
    border-color: var(--line);
    background: #031610;
    color: var(--ink);
    color-scheme: dark;
}

.blackclover-app.module-page input:focus,
.blackclover-app.module-page select:focus,
.blackclover-app.module-page textarea:focus {
    border-color: var(--bc-gold);
    outline: 3px solid rgba(0, 220, 140, .12);
}

.blackclover-app.module-page .global-search-panel > div {
    border-color: var(--line);
    background: rgba(4, 25, 20, .94);
}
.blackclover-app.module-page .global-search-panel button { background: var(--bc-gold); color: #1c1508; }

.blackclover-app.module-page .thread-shell { border-color: var(--line); background: rgba(4, 25, 20, .94); }
.blackclover-app.module-page .thread-post { background: transparent; color: var(--ink); }
.blackclover-app.module-page .thread-post-head,
.blackclover-app.module-page .thread-author-panel { border-color: var(--line); background: rgba(255, 255, 255, .035); }
.blackclover-app.module-page .thread-post-body { color: #e7eee9; }
.blackclover-app.module-page .thread-author-name,
.blackclover-app.module-page .thread-post-author-link { color: var(--bc-gold-soft); }
.blackclover-app.module-page .thread-author-meta,
.blackclover-app.module-page .thread-author-role { color: var(--muted); }
.blackclover-app.module-page .thread-post-reaction-button { border-color: var(--line); background: rgba(255, 255, 255, .045); color: var(--muted); }
.blackclover-app.module-page .thread-post-reaction-button.is-active { border-color: var(--bc-gold); background: rgba(0, 220, 140, .14); color: var(--bc-gold-soft); }

.blackclover-app.module-page .profile-cover {
    background-image:
        radial-gradient(circle at 82% 12%, rgba(0, 220, 140, .24), transparent 32%),
        linear-gradient(120deg, rgba(3, 33, 24, .98), rgba(18, 91, 57, .88) 58%, rgba(111, 81, 20, .72)),
        var(--profile-cover-image, url("/assets/images/webtoon-hero.png"));
}

.blackclover-app.module-page .profile-identity { background: rgba(3, 22, 17, .96); }
.blackclover-app.module-page .profile-portrait { overflow: hidden; border-color: #09291e; background: linear-gradient(135deg, #246b46, var(--bc-gold)); }
.blackclover-app.module-page .profile-bio h1,
.blackclover-app.module-page .profile-about p,
.blackclover-app.module-page .profile-about li,
.blackclover-app.module-page .profile-detail-grid p,
.blackclover-app.module-page .profile-post-card strong { color: var(--ink); }
.blackclover-app.module-page .profile-bio p,
.blackclover-app.module-page .profile-detail-grid span,
.blackclover-app.module-page .profile-post-card small,
.blackclover-app.module-page .profile-about li i { color: var(--muted); }
.blackclover-app.module-page .profile-about,
.blackclover-app.module-page .profile-stat-strip { border-color: var(--line); background: rgba(255, 255, 255, .025); }
.blackclover-app.module-page .profile-detail-grid article {
    border-color: var(--line);
    background: rgba(255, 255, 255, .035);
}
.blackclover-app.module-page .profile-detail-grid span { color: var(--bc-gold-soft); }
.blackclover-app.module-page .profile-stat-strip strong { color: var(--bc-gold-soft); }
.blackclover-app.module-page .profile-stat-strip span { color: var(--muted); }
.blackclover-app.module-page .profile-post-card { box-shadow: none; }

.blackclover-app.module-page .member-profile-card {
    border-color: var(--line);
    background: rgba(4, 25, 20, .94);
    color: var(--ink);
    box-shadow: var(--shadow);
}
.blackclover-app.module-page .member-profile-banner.theme-blackclover {
    position: relative;
    display: grid;
    place-items: center end;
    padding: 14px;
    background:
        radial-gradient(circle at 75% 20%, rgba(137, 243, 189, .2), transparent 32%),
        linear-gradient(135deg, #082b20, #246b46 62%, #76591e);
    color: rgba(137, 243, 189, .24);
    font-size: 42px;
}
.blackclover-app.module-page .member-profile-avatar {
    position: relative;
    z-index: 2;
    border-color: #09291e;
    outline-color: rgba(0, 220, 140, .36);
}
.blackclover-app.module-page .member-profile-avatar.theme-blackclover { background: linear-gradient(135deg, #246b46, #b58a31); }
.blackclover-app.module-page .member-profile-title strong,
.blackclover-app.module-page .member-profile-meta dd { color: var(--ink); }
.blackclover-app.module-page .member-profile-title small,
.blackclover-app.module-page .member-profile-meta dt { color: var(--muted); }
.blackclover-app.module-page .member-admin-badges span { border-color: var(--line); background: rgba(0, 220, 140, .08); }
.blackclover-app.module-page .member-admin-badges .role-founder { color: #89f3bd; }
.blackclover-app.module-page .member-admin-badges .role-admin { color: #efb467; }
.blackclover-app.module-page .member-admin-badges .role-moderator { color: #7fd5a2; }

.blackclover-app.module-page .admin-member-summary-grid article,
.blackclover-app.module-page .presence-item,
.blackclover-app.module-page .online-directory-card,
.blackclover-app.module-page .online-role-legend,
.blackclover-app.module-page .search-result-card,
.blackclover-app.module-page .notification-item {
    border-color: var(--line);
    background: rgba(255, 255, 255, .035);
    color: var(--ink);
}
.blackclover-app.module-page .admin-member-summary-grid strong { color: var(--bc-gold-soft); }
.blackclover-app.module-page .admin-member-summary-grid span,
.blackclover-app.module-page .online-role-legend,
.blackclover-app.module-page .search-result-card p,
.blackclover-app.module-page .notification-item p,
.blackclover-app.module-page .notification-item small { color: var(--muted); }
.blackclover-app.module-page .notification-item.is-unread { border-left-color: var(--bc-gold); background: rgba(0, 220, 140, .07); }
.blackclover-app.module-page .notification-item-icon { background: rgba(0, 220, 140, .12); color: var(--bc-gold-soft); }

.blackclover-app .corporate-footer {
    border-top: 1px solid rgba(0, 220, 140, .28);
    background:
        radial-gradient(circle at 12% 15%, rgba(47, 139, 82, .16), transparent 28%),
        linear-gradient(180deg, #041913, #020b09);
}
.blackclover-app .footer-presence {
    gap: 4px 7px;
    border-top: 1px solid rgba(0, 220, 140, .3);
    border-bottom: 1px solid rgba(0, 220, 140, .3);
    background: linear-gradient(90deg, #103f2a, #246b46 52%, #103f2a);
}
.blackclover-app .footer-presence > i { margin-right: 5px; color: var(--bc-gold-soft); }
.blackclover-app .footer-presence a { margin-left: 7px; border-left: 1px solid rgba(255, 255, 255, .25); padding-left: 13px; color: var(--bc-gold-soft); font-weight: 900; }
.blackclover-app .footer-brand .brand-logo { width: 42px; height: 42px; filter: sepia(1) saturate(2.8) hue-rotate(355deg) brightness(1.08); }
.blackclover-app .footer-brand .brand-mark,
.blackclover-app .footer-brand .brand-name { display: inline; width: auto; height: auto; font-size: 28px; }
.blackclover-app .footer-brand .brand-mark { color: var(--bc-gold-soft); }
.blackclover-app .footer-brand p,
.blackclover-app .footer-links a { color: #aebdb5; }
.blackclover-app .footer-links h2 { color: var(--bc-gold-soft); }
.blackclover-app .footer-links a:hover { color: #fff; }
.blackclover-app .footer-bottom { border-color: rgba(0, 220, 140, .16); color: #879b90; }
.blackclover-app .footer-bottom i { color: var(--bc-gold); }

/* Éditeur BBCode avancé — déclinaison Webtoons. */
.blackclover-app .bbcode-editor,
.blackclover-app .bbcode-editor-preview {
    border-color: var(--bc-line);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .025), transparent),
        var(--bc-panel-strong);
    color: var(--bc-ink);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .025);
}

.blackclover-app .bbcode-editor-toolbar {
    border-bottom-color: rgba(0, 220, 140, .28);
    background:
        radial-gradient(circle at 88% 10%, rgba(0, 220, 140, .14), transparent 30%),
        linear-gradient(135deg, rgba(13, 81, 53, .92), rgba(5, 38, 28, .98));
}

.blackclover-app .bbcode-editor-toolbar-group {
    border-right-color: rgba(137, 243, 189, .2);
}

.blackclover-app .bbcode-editor-button {
    border-color: rgba(0, 220, 140, .26);
    background: rgba(2, 18, 14, .72);
    color: rgba(248, 242, 231, .82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.blackclover-app .bbcode-editor-button:hover,
.blackclover-app .bbcode-editor-button:focus-visible,
.blackclover-app .bbcode-editor-button[aria-expanded="true"] {
    border-color: rgba(137, 243, 189, .72);
    background: rgba(0, 220, 140, .16);
    color: var(--bc-gold-soft);
    box-shadow: 0 0 0 2px rgba(0, 220, 140, .1), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.blackclover-app .bbcode-editor-input {
    background:
        radial-gradient(circle at 100% 0, rgba(36, 107, 70, .09), transparent 32%),
        #031610;
    color: var(--bc-ink);
    caret-color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-input:focus {
    box-shadow: inset 0 0 0 2px rgba(0, 220, 140, .3);
}

.blackclover-app .bbcode-editor-input[data-empty="true"]::before {
    color: rgba(248, 242, 231, .48);
}

.blackclover-app .bbcode-editor-option-panel,
.blackclover-app .bbcode-editor-emoticon-panel,
.blackclover-app .bbcode-editor-mention-panel {
    border-color: rgba(0, 220, 140, .42);
    background:
        radial-gradient(circle at 90% 5%, rgba(0, 220, 140, .1), transparent 34%),
        #061b16;
    color: var(--bc-ink);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .035);
    color-scheme: dark;
}

.blackclover-app .bbcode-editor-option-button,
.blackclover-app .bbcode-editor-emoticon-button,
.blackclover-app .bbcode-editor-mention-item {
    border-color: transparent;
    background: rgba(255, 255, 255, .035);
    color: rgba(248, 242, 231, .88);
}

.blackclover-app .bbcode-editor-option-button:hover,
.blackclover-app .bbcode-editor-option-button:focus-visible,
.blackclover-app .bbcode-editor-emoticon-button:hover,
.blackclover-app .bbcode-editor-emoticon-button:focus-visible,
.blackclover-app .bbcode-editor-mention-item:hover,
.blackclover-app .bbcode-editor-mention-item:focus-visible {
    border-color: rgba(0, 220, 140, .5);
    background: rgba(0, 220, 140, .12);
    color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-mention-panel label,
.blackclover-app .bbcode-editor-media-toolbar label {
    color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-mention-panel input,
.blackclover-app .bbcode-editor-media-toolbar input[type="search"],
.blackclover-app .bbcode-editor-media-upload input[type="file"] {
    border-color: var(--bc-line);
    background: #020d0b;
    color: var(--bc-ink);
    color-scheme: dark;
}

.blackclover-app .bbcode-editor-mention-panel input:focus,
.blackclover-app .bbcode-editor-media-toolbar input:focus {
    border-color: var(--bc-gold);
    outline: 3px solid rgba(0, 220, 140, .12);
}

.blackclover-app .bbcode-editor-mention-status,
.blackclover-app .bbcode-editor-mention-code,
.blackclover-app .bbcode-editor-media-status,
.blackclover-app .bbcode-editor-media-head span,
.blackclover-app .bbcode-editor-media-item small {
    color: var(--bc-muted);
}

.blackclover-app .bbcode-editor-mention-avatar {
    border-color: rgba(0, 220, 140, .42);
    background: linear-gradient(135deg, #246b46, #8b6926);
}

.blackclover-app .bbcode-editor-preview-head {
    border-color: var(--bc-line);
    background:
        radial-gradient(circle at 92% 10%, rgba(0, 220, 140, .12), transparent 28%),
        rgba(5, 38, 28, .9);
}

.blackclover-app .bbcode-editor-preview-head strong {
    color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-preview-head span {
    color: var(--bc-muted);
}

.blackclover-app .bbcode-editor-preview-toggle {
    border-color: var(--bc-line);
    background: rgba(2, 18, 14, .72);
    color: var(--bc-ink);
}

.blackclover-app .bbcode-editor-preview-toggle:hover,
.blackclover-app .bbcode-editor-preview-toggle:focus-visible,
.blackclover-app .bbcode-editor-preview-toggle[aria-expanded="true"] {
    border-color: var(--bc-line-strong);
    background: rgba(0, 220, 140, .14);
    color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-preview-content {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .018), transparent),
        #031610;
    color: #e7eee9;
}

.blackclover-app .bbcode-editor-preview-content:empty::before {
    color: var(--bc-muted);
}

.blackclover-app .bbcode-editor-preview-content a,
.blackclover-app .bbcode-editor-preview-content blockquote cite {
    color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-preview-content blockquote {
    border-left-color: var(--bc-gold);
    background: rgba(36, 107, 70, .16);
    color: rgba(248, 242, 231, .78);
}

.blackclover-app .bbcode-editor-preview-content code {
    border: 1px solid rgba(0, 220, 140, .18);
    background: rgba(0, 0, 0, .28);
    color: #f7dfa8;
}

.blackclover-app .bbcode-editor-media-dialog {
    border: 1px solid rgba(0, 220, 140, .42);
    background: #041913;
    color: var(--bc-ink);
    box-shadow: 0 28px 78px rgba(0, 0, 0, .62), inset 0 1px 0 rgba(255, 255, 255, .035);
    color-scheme: dark;
}

.blackclover-app .bbcode-editor-media-dialog::backdrop {
    background: rgba(1, 8, 6, .78);
    backdrop-filter: blur(3px);
}

.blackclover-app .bbcode-editor-media-head,
.blackclover-app .bbcode-editor-media-foot {
    border-color: var(--bc-line);
    background: rgba(3, 22, 17, .96);
}

.blackclover-app .bbcode-editor-media-head strong {
    color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-media-head .admin-icon-action {
    border-color: var(--bc-line);
    background: rgba(0, 220, 140, .09);
    color: var(--bc-gold-soft);
}

.blackclover-app .bbcode-editor-media-toolbar {
    border-color: rgba(0, 220, 140, .18);
    background:
        radial-gradient(circle at 90% 0, rgba(0, 220, 140, .09), transparent 30%),
        rgba(5, 38, 28, .78);
}

.blackclover-app .bbcode-editor-media-status {
    border-color: rgba(0, 220, 140, .16);
    background: #041913;
}

.blackclover-app .bbcode-editor-media-grid {
    background:
        radial-gradient(circle at 10% 8%, rgba(36, 107, 70, .12), transparent 28%),
        #020f0c;
}

.blackclover-app .bbcode-editor-media-item {
    border-color: rgba(0, 220, 140, .16);
    background: rgba(6, 27, 22, .94);
    color: var(--bc-ink);
}

.blackclover-app .bbcode-editor-media-item:hover,
.blackclover-app .bbcode-editor-media-item:focus-visible {
    border-color: var(--bc-gold);
    background: rgba(0, 220, 140, .08);
    box-shadow: 0 0 0 3px rgba(0, 220, 140, .1);
}

.blackclover-app .bbcode-editor-media-item > span {
    background: #010a08;
}

.blackclover-app .bbcode-editor-media-item strong {
    color: rgba(248, 242, 231, .92);
}

.blackclover-app .bbcode-editor-media-empty {
    border-color: rgba(0, 220, 140, .3);
    background: rgba(255, 255, 255, .025);
    color: var(--bc-muted);
}

.blackclover-app .bbcode-editor-option-panel,
.blackclover-app .bbcode-editor-emoticon-panel,
.blackclover-app .bbcode-editor-mention-panel,
.blackclover-app .bbcode-editor-input,
.blackclover-app .bbcode-editor-preview-content,
.blackclover-app .bbcode-editor-media-grid {
    scrollbar-color: rgba(0, 220, 140, .55) rgba(2, 13, 11, .8);
}

.blackclover-app.module-page .thread-author-status.is-online {
    background: linear-gradient(90deg, #176a43, #2d8b58);
}

.blackclover-app.module-page .thread-author-status.is-invisible {
    background: linear-gradient(90deg, #59471f, #8b6926);
    color: #fff4d6;
}

.blackclover-app.module-page .thread-post-tools .thread-post-report-link.is-active {
    color: var(--bc-gold-soft);
}

@media (max-width: 700px) {
    .blackclover-app.module-page .workspace { width: min(100% - 24px, var(--boxed-width)); padding-top: 22px; }
    .blackclover-app .footer-presence a { width: 100%; margin: 5px 0 0; border-left: 0; padding-left: 0; }
    .blackclover-app .bbcode-editor-toolbar { gap: 5px; padding: 7px; }
    .blackclover-app .bbcode-editor-toolbar-group { gap: 2px; padding-right: 4px; }
    .blackclover-app .bbcode-editor-button { width: 30px; height: 30px; }
}

/* Profil membre, messagerie et notifications : structure UnivActif, identité Clover. */
.blackclover-app.module-page .profile-hero-card,
.blackclover-app.module-page .message-inbox-panel,
.blackclover-app.module-page .message-conversation-shell,
.blackclover-app.module-page .message-compose-form,
.blackclover-app.module-page .message-recipient-card,
.blackclover-app.module-page .message-report-preview,
.blackclover-app.module-page .message-report-panel {
    border-color: var(--bc-line);
    background: linear-gradient(180deg, rgba(255, 255, 255, .025), transparent), rgba(4, 25, 20, .96);
    color: var(--bc-ink);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.blackclover-app.module-page .profile-hero-cover,
.blackclover-app.module-page .messages-hero {
    border-color: rgba(0, 220, 140, .4);
    background-image:
        linear-gradient(105deg, rgba(2, 20, 15, .96), rgba(10, 58, 38, .84) 58%, rgba(100, 75, 22, .58)),
        var(--profile-cover-image, url("/assets/images/webtoon-hero.png"));
    background-position: center;
    background-size: cover;
    color: #fff;
}

.blackclover-app.module-page .messages-hero .eyebrow,
.blackclover-app.module-page .messages-hero .breadcrumb-nav a,
.blackclover-app.module-page .profile-hero-identity h1,
.blackclover-app.module-page .profile-hero-identity h1.role-member,
.blackclover-app.module-page .profile-about-box > span,
.blackclover-app.module-page .profile-about-info-list i,
.blackclover-app.module-page .profile-small-link,
.blackclover-app.module-page .profile-post-card a,
.blackclover-app.module-page .private-message-report-link {
    color: var(--bc-gold-soft);
}

.blackclover-app.module-page .messages-hero p:not(.eyebrow),
.blackclover-app.module-page .messages-hero .breadcrumb-nav span,
.blackclover-app.module-page .profile-hero-identity p,
.blackclover-app.module-page .message-thread-title small,
.blackclover-app.module-page .message-thread-preview,
.blackclover-app.module-page .message-empty-state p,
.blackclover-app.module-page .message-recipient-card p,
.blackclover-app.module-page .message-bubble-footer small,
.blackclover-app.module-page .notification-title-row p,
.blackclover-app.module-page .notification-item small,
.blackclover-app.module-page .member-report-item span,
.blackclover-app.module-page .member-report-meta {
    color: var(--bc-muted);
}

.blackclover-app.module-page .profile-hero-main,
.blackclover-app.module-page .profile-stat-strip-wide,
.blackclover-app.module-page .message-conversation-head,
.blackclover-app.module-page .message-reply-form,
.blackclover-app.module-page .message-inbox-panel .section-title {
    border-color: var(--bc-line);
    background: rgba(3, 22, 17, .94);
}

.blackclover-app.module-page .profile-stat-strip-wide article,
.blackclover-app.module-page .message-thread-row,
.blackclover-app.module-page .message-report-preview header {
    border-color: var(--bc-line);
}

.blackclover-app.module-page .profile-stat-strip-wide article > i,
.blackclover-app.module-page .messages-hero-icon,
.blackclover-app.module-page .message-empty-state > i,
.blackclover-app.module-page .notification-item-icon {
    background: rgba(0, 220, 140, .14);
    color: var(--bc-gold-soft);
}

.blackclover-app.module-page .profile-about-box,
.blackclover-app.module-page .profile-section-summary-group,
.blackclover-app.module-page .profile-badge-grid article,
.blackclover-app.module-page .profile-social-card,
.blackclover-app.module-page .member-report-item,
.blackclover-app.module-page .member-report-meta div,
.blackclover-app.module-page .member-reported-post,
.blackclover-app.module-page .notification-filters,
.blackclover-app.module-page .notification-item {
    border-color: var(--bc-line);
    background: rgba(255, 255, 255, .035);
    color: var(--bc-ink);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

.blackclover-app.module-page .profile-about-info-list,
.blackclover-app.module-page .profile-about-box p,
.blackclover-app.module-page .profile-section-summary-group p,
.blackclover-app.module-page .profile-section-summary-group ul,
.blackclover-app.module-page .profile-post-card p,
.blackclover-app.module-page .profile-badge-grid article p,
.blackclover-app.module-page .notification-item p,
.blackclover-app.module-page .member-report-item p,
.blackclover-app.module-page .member-report-block p {
    color: #c5d1ca;
}

.blackclover-app.module-page .profile-section-summary-group h3,
.blackclover-app.module-page .profile-section-summary-group strong,
.blackclover-app.module-page .profile-badge-grid article strong,
.blackclover-app.module-page .message-thread-title strong,
.blackclover-app.module-page .message-conversation-head h1,
.blackclover-app.module-page .message-report-preview header strong,
.blackclover-app.module-page .notification-item h3,
.blackclover-app.module-page .member-report-item strong,
.blackclover-app.module-page .member-report-block h2,
.blackclover-app.module-page .member-reported-post header strong {
    color: #fff;
}

.blackclover-app.module-page .profile-section-summary-group h3 i,
.blackclover-app.module-page .profile-chip-list span,
.blackclover-app.module-page .member-report-summary-label,
.blackclover-app.module-page .member-report-status {
    border-color: rgba(0, 220, 140, .2);
    background: rgba(0, 220, 140, .12);
    color: var(--bc-gold-soft);
}

.blackclover-app.module-page .profile-count-link,
.blackclover-app.module-page .profile-hero-links a,
.blackclover-app.module-page .profile-link-showcase a,
.blackclover-app.module-page .message-thread-actions button {
    border-color: var(--bc-line);
    background: rgba(255, 255, 255, .05);
    color: var(--bc-ink);
}

.blackclover-app.module-page .profile-count-link:hover,
.blackclover-app.module-page .profile-hero-links a:hover,
.blackclover-app.module-page .profile-link-showcase a:hover,
.blackclover-app.module-page .message-thread-actions button:hover {
    border-color: var(--bc-line-strong);
    background: rgba(0, 220, 140, .12);
    color: var(--bc-gold-soft);
}

.blackclover-app.module-page .profile-tabs {
    border: 1px solid var(--bc-line);
    background: rgba(4, 25, 20, .94);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

.blackclover-app.module-page .profile-tabs a { color: var(--bc-muted); }
.blackclover-app.module-page .profile-tabs a:hover,
.blackclover-app.module-page .profile-tabs a.is-active { color: var(--bc-gold-soft); }
.blackclover-app.module-page .profile-tabs a.is-active { border-bottom-color: var(--bc-gold); background: rgba(0, 220, 140, .08); }

.blackclover-app.module-page .message-thread-card { color: var(--bc-ink); }
.blackclover-app.module-page .message-thread-card:hover,
.blackclover-app.module-page .message-thread-card.is-unread { background: rgba(0, 220, 140, .06); }
.blackclover-app.module-page .message-thread-card.is-unread { border-left-color: var(--bc-gold); }
.blackclover-app.module-page .message-unread-pill { background: rgba(0, 220, 140, .14); color: var(--bc-gold-soft); }

.blackclover-app.module-page .message-bubble-list {
    background: radial-gradient(circle at 10% 10%, rgba(36, 107, 70, .16), transparent 30%), #020f0c;
    scrollbar-color: rgba(0, 220, 140, .55) rgba(2, 13, 11, .8);
}

.blackclover-app.module-page .message-bubble {
    border-color: var(--bc-line);
    background: #071f18;
    color: #e7eee9;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
}

.blackclover-app.module-page .message-bubble-row.is-own .message-bubble {
    border-color: rgba(0, 220, 140, .34);
    background: linear-gradient(135deg, rgba(27, 87, 59, .78), rgba(83, 66, 25, .62));
}

.blackclover-app.module-page .message-bubble-content blockquote {
    border-left-color: var(--bc-gold);
    background: rgba(0, 0, 0, .18);
    color: #c5d1ca;
}

.blackclover-app.module-page .message-bubble-content blockquote cite,
.blackclover-app.module-page .message-bubble-content code { color: #f7dfa8; }
.blackclover-app.module-page .message-bubble-content code { background: rgba(0, 0, 0, .28); }

.blackclover-app.module-page .notification-item.is-unread {
    border-color: rgba(0, 220, 140, .38);
    background: linear-gradient(90deg, rgba(0, 220, 140, .1), rgba(4, 25, 20, .96));
}

.blackclover-app.module-page .profile-moderation-status {
    border-color: rgba(0, 220, 140, .3);
    border-left-color: var(--bc-gold);
    background: linear-gradient(90deg, rgba(0, 220, 140, .12), rgba(4, 25, 20, .95));
    color: var(--bc-ink);
}

.blackclover-app.module-page .profile-moderation-status-icon { background: rgba(0, 220, 140, .12); color: var(--bc-gold-soft); }
.blackclover-app.module-page .profile-moderation-status-copy strong { color: #fff; }
.blackclover-app.module-page .profile-moderation-status-copy span { color: var(--bc-muted); }

.blackclover-app.module-page .profile-settings-form .profile-panel,
.blackclover-app.module-page .profile-report-page-panel { border-color: var(--bc-line); }

.blackclover-app.module-page .profile-settings-form {
    display: grid;
    gap: 18px;
}

.blackclover-app.module-page .profile-settings-form .profile-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.blackclover-app.module-page .profile-settings-form .profile-detail-grid label,
.blackclover-app.module-page .profile-settings-checks label,
.blackclover-app.module-page .profile-report-page-form label {
    display: grid;
    gap: 7px;
    color: var(--bc-muted);
    font-size: 13px;
    font-weight: 800;
}

.blackclover-app.module-page .profile-settings-checks {
    display: grid;
    gap: 12px;
}

.blackclover-app.module-page .profile-settings-checks .check {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.blackclover-app.module-page .message-inbox-panel .message-search-form,
.blackclover-app.module-page .message-search-form > div {
    border-color: var(--bc-line);
    background: rgba(3, 22, 17, .92);
}

.blackclover-app.module-page .message-search-form input { background: transparent; color: var(--bc-ink); }
.blackclover-app.module-page .message-search-form button { background: linear-gradient(180deg, var(--bc-gold-soft), var(--bc-gold)); color: #1c1508; }

.blackclover-app.module-page .badge-blue { background: linear-gradient(135deg, #246b46, #4ba16e); }
.blackclover-app.module-page .badge-green { background: linear-gradient(135deg, #176a43, #2d8b58); }
.blackclover-app.module-page .badge-purple,
.blackclover-app.module-page .badge-violet { background: linear-gradient(135deg, #64417d, #9064ad); }
.blackclover-app.module-page .badge-gold { background: linear-gradient(135deg, #8b6926, #00dc8c); }

@media (max-width: 700px) {
    .blackclover-app.module-page .profile-hero-main { background: rgba(3, 22, 17, .98); }
    .blackclover-app.module-page .profile-stat-strip-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .blackclover-app.module-page .profile-settings-form .profile-detail-grid { grid-template-columns: 1fr; }
}