/*
 * =========================================================
 * EduLead Trading Floor V2
 * Target: Forum 2393 / posting endpoint forum=25
 * =========================================================
 */

body.edulead-trading-floor {
    --etf-bg: #0b1118;
    --etf-panel: #111a24;
    --etf-panel-2: #16212d;
    --etf-border: #263544;
    --etf-text: #e8eef5;
    --etf-muted: #8fa1b3;
    --etf-cyan: #19b5fe;
    --etf-green: #20c878;
    --etf-red: #f04f5f;
    --etf-blue: #4d8dff;
    --etf-shadow: 0 12px 30px rgba(0,0,0,.22);
}

/* ---------- Existing Trading Floor ---------- */

body.edulead-trading-floor #page-content,
body.edulead-trading-floor .region-main,
body.edulead-trading-floor #region-main {
    background: var(--etf-bg);
}

body.edulead-trading-floor .activity-header,
body.edulead-trading-floor .forumheaderlist,
body.edulead-trading-floor .forumpost {
    color: var(--etf-text);
}

body.edulead-trading-floor .edulead-floor-header {
    background:
        radial-gradient(circle at 85% 20%, rgba(25,181,254,.12), transparent 32%),
        linear-gradient(135deg, #101923, #0c141d);
    border: 1px solid var(--etf-border);
    border-radius: 14px;
    padding: 24px 26px;
    margin: 0 0 18px;
    box-shadow: var(--etf-shadow);
}

.edulead-floor-header .etf-kicker,
.etf-composer .etf-kicker {
    color: var(--etf-cyan);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.edulead-floor-header h1 {
    color: #fff;
    font-size: 1.65rem;
    font-weight: 750;
    margin: 0 0 6px;
}

.edulead-floor-header p {
    color: var(--etf-muted);
    margin: 0;
    max-width: 760px;
}

.etf-direction-key {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.etf-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .04em;
}

.etf-badge.sell {
    background: rgba(240,79,95,.14);
    color: #ff7180;
    border: 1px solid rgba(240,79,95,.35);
}

.etf-badge.buy {
    background: rgba(32,200,120,.14);
    color: #45e49a;
    border: 1px solid rgba(32,200,120,.35);
}

.etf-badge.exhaustion {
    background: rgba(77,141,255,.14);
    color: #79a9ff;
    border: 1px solid rgba(77,141,255,.35);
}

/* ---------- Filters ---------- */

.etf-filterbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
}

.etf-filter {
    appearance: none;
    border: 1px solid var(--etf-border);
    background: var(--etf-panel);
    color: var(--etf-muted);
    border-radius: 8px;
    padding: 8px 13px;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: .15s ease;
}

.etf-filter:hover,
.etf-filter.active {
    background: #1a2a38;
    border-color: #31506a;
    color: #fff;
}

.etf-filter.active {
    box-shadow: inset 0 -2px 0 var(--etf-cyan);
}

/* ---------- Share button ---------- */

body.edulead-trading-floor .edulead-floor-actions {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 18px;
}

body.edulead-trading-floor .edulead-floor-actions a,
body.edulead-trading-floor .edulead-floor-actions button {
    border-radius: 9px !important;
    font-weight: 750 !important;
    padding: 10px 16px !important;
    background: var(--etf-cyan) !important;
    border-color: var(--etf-cyan) !important;
    color: #061018 !important;
    box-shadow: 0 5px 18px rgba(25,181,254,.18);
}

/* ---------- Discussion list ---------- */

body.edulead-trading-floor .edulead-discussion-table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    background: transparent !important;
}

body.edulead-trading-floor .edulead-discussion-table thead {
    display: none;
}

body.edulead-trading-floor .edulead-discussion-table tbody tr {
    background: var(--etf-panel) !important;
    box-shadow: var(--etf-shadow);
}

body.edulead-trading-floor .edulead-discussion-table tbody tr:hover {
    background: var(--etf-panel-2) !important;
}

body.edulead-trading-floor .edulead-discussion-table td {
    border-top: 1px solid var(--etf-border) !important;
    border-bottom: 1px solid var(--etf-border) !important;
    padding: 16px 12px !important;
    color: var(--etf-text);
    vertical-align: middle;
}

body.edulead-trading-floor .edulead-discussion-table td:first-child {
    border-left: 1px solid var(--etf-border) !important;
    border-radius: 12px 0 0 12px;
}

body.edulead-trading-floor .edulead-discussion-table td:last-child {
    border-right: 1px solid var(--etf-border) !important;
    border-radius: 0 12px 12px 0;
}

body.edulead-trading-floor .edulead-discussion-table a {
    color: #eaf5ff;
}

body.edulead-trading-floor .edulead-discussion-table .discussionname a {
    font-size: 1rem;
    font-weight: 750;
}

.etf-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 7px;
}

.etf-meta span {
    display: inline-block;
    color: var(--etf-muted);
    font-size: .72rem;
    border: 1px solid var(--etf-border);
    border-radius: 999px;
    padding: 3px 8px;
}

body.edulead-trading-floor .edulead-old-intro {
    display: none !important;
}

/* =========================================================
   POSTING SCREEN — Trading Floor V2
   ========================================================= */

/* Hide only the Moodle activity-level tabs/navigation. */
body.edulead-trading-floor-post .etf-hidden-post-navigation {
    display: none !important;
}

body.edulead-trading-floor-post #page-content,
body.edulead-trading-floor-post #region-main,
body.edulead-trading-floor-post .region-main {
    background: var(--etf-bg) !important;
}

/* Remove the ordinary Moodle form card appearance. */
body.edulead-trading-floor-post .mform {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Composer shell */
body.edulead-trading-floor-post .etf-composer {
    background:
        radial-gradient(circle at 90% 0%, rgba(25,181,254,.08), transparent 30%),
        linear-gradient(135deg, #101923, #0c141d);
    border: 1px solid var(--etf-border);
    border-radius: 16px;
    padding: 24px;
    margin: 0 0 18px;
    box-shadow: var(--etf-shadow);
}

.etf-composer-head {
    border-bottom: 1px solid var(--etf-border);
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.etf-composer h2 {
    color: #fff;
    font-size: 1.45rem;
    margin: 0 0 6px;
    font-weight: 750;
}

.etf-composer p {
    color: var(--etf-muted);
    margin: 0;
}

/* Hide Moodle's original subject group visually only after
   our composer is in place. The JS still writes to the field. */
body.edulead-trading-floor-post .etf-native-subject {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
}

/* Structured form */
.etf-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.etf-field {
    margin: 0 0 16px;
}

.etf-field label {
    display: block;
    color: #dce7f0;
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .03em;
    margin-bottom: 7px;
}

.etf-field input,
.etf-field select,
.etf-field textarea {
    width: 100%;
    box-sizing: border-box;
    background: #0c151e !important;
    color: #eaf5ff !important;
    border: 1px solid #2b3b4b !important;
    border-radius: 9px !important;
    padding: 10px 12px !important;
    min-height: 42px;
    box-shadow: none !important;
}

.etf-field textarea {
    min-height: 170px;
    resize: vertical;
    line-height: 1.55;
}

.etf-field input:focus,
.etf-field select:focus,
.etf-field textarea:focus {
    border-color: var(--etf-cyan) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(25,181,254,.12) !important;
}

/* Direction selector */
.etf-direction-picker {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.etf-choice {
    position: relative;
    cursor: pointer;
}

.etf-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.etf-choice span {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--etf-border);
    background: #0c151e;
    color: var(--etf-muted);
    border-radius: 999px;
    padding: 9px 14px;
    font-size: .78rem;
    font-weight: 750;
}

.etf-choice:hover span {
    color: #fff;
}

.etf-choice input:checked + span {
    color: #fff;
}

.etf-choice.sell input:checked + span {
    border-color: var(--etf-red);
    background: rgba(240,79,95,.13);
    box-shadow: 0 0 0 1px rgba(240,79,95,.18);
}

.etf-choice.buy input:checked + span {
    border-color: var(--etf-green);
    background: rgba(32,200,120,.13);
    box-shadow: 0 0 0 1px rgba(32,200,120,.18);
}

.etf-choice.exhaustion input:checked + span {
    border-color: var(--etf-blue);
    background: rgba(77,141,255,.13);
    box-shadow: 0 0 0 1px rgba(77,141,255,.18);
}

/* Section separators */
.etf-section-title {
    color: var(--etf-cyan);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    border-bottom: 1px solid var(--etf-border);
    padding-bottom: 7px;
    margin: 22px 0 16px;
}

/* Explain what happens to Moodle's native fields */
.etf-submit-note {
    border: 1px dashed #31506a;
    background: rgba(25,181,254,.045);
    color: var(--etf-muted);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: .78rem;
    margin-top: 8px;
}

.etf-submit-note strong {
    color: #dce7f0;
}

/* Native Moodle message editor: keep it functional but visually
   subordinate. The structured composer supplies the content. */
body.edulead-trading-floor-post .etf-native-message {
    margin-top: 14px !important;
    opacity: .92;
}

body.edulead-trading-floor-post .etf-native-message .fitemtitle,
body.edulead-trading-floor-post .etf-native-message > .col-form-label,
body.edulead-trading-floor-post .etf-native-message .form-label {
    color: var(--etf-muted) !important;
}

body.edulead-trading-floor-post .etf-native-message .editor_atto_content,
body.edulead-trading-floor-post .etf-native-message .tox-tinymce {
    border-color: var(--etf-border) !important;
    border-radius: 10px !important;
}

/* Moodle attachment area */
body.edulead-trading-floor-post .filemanager,
body.edulead-trading-floor-post .file-picker {
    background: var(--etf-panel) !important;
    border: 1px solid var(--etf-border) !important;
    border-radius: 12px !important;
    color: var(--etf-text);
}

/* Submit button */
body.edulead-trading-floor-post .etf-native-submit,
body.edulead-trading-floor-post button[type="submit"] {
    border-radius: 10px !important;
    font-weight: 800 !important;
}

body.edulead-trading-floor-post .etf-native-submit {
    background: var(--etf-cyan) !important;
    border-color: var(--etf-cyan) !important;
    color: #061018 !important;
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
    .edulead-floor-header {
        padding: 18px;
    }

    .edulead-floor-header h1 {
        font-size: 1.3rem;
    }

    .etf-form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    body.edulead-trading-floor-post .etf-composer {
        padding: 17px;
        border-radius: 12px;
    }

    body.edulead-trading-floor .edulead-discussion-table td {
        display: block;
        border-left: 1px solid var(--etf-border) !important;
        border-right: 1px solid var(--etf-border) !important;
        border-radius: 0 !important;
    }

    body.edulead-trading-floor .edulead-discussion-table td:first-child {
        border-radius: 12px 12px 0 0 !important;
    }

    body.edulead-trading-floor .edulead-discussion-table td:last-child {
        border-radius: 0 0 12px 12px !important;
    }
}


/* =========================================================
   EduLead Trading Floor V2.1 — UPGRADE LAYER
   Built on the saved V2 baseline.
   Target: Forum 2393 / posting endpoint forum=25
   ========================================================= */

/* ---------- Global refinement ---------- */

body.edulead-trading-floor,
body.edulead-trading-floor-post {
    --etf-focus: rgba(25,181,254,.18);
    --etf-panel-deep: #091019;
    --etf-radius: 12px;
}

body.edulead-trading-floor #page,
body.edulead-trading-floor-post #page {
    background: var(--etf-bg);
}

body.edulead-trading-floor a,
body.edulead-trading-floor-post a {
    transition: color .15s ease, background-color .15s ease,
                border-color .15s ease, box-shadow .15s ease;
}

/* ---------- Trading Floor header upgrade ---------- */

body.edulead-trading-floor .edulead-floor-header {
    position: relative;
    overflow: hidden;
}

body.edulead-trading-floor .edulead-floor-header::after {
    content: "";
    position: absolute;
    inset: auto -80px -100px auto;
    width: 240px;
    height: 240px;
    border: 1px solid rgba(25,181,254,.08);
    border-radius: 50%;
    pointer-events: none;
}

body.edulead-trading-floor .edulead-floor-header p {
    line-height: 1.6;
}

/* ---------- Filter / action area ---------- */

body.edulead-trading-floor .etf-filterbar {
    align-items: center;
}

body.edulead-trading-floor .etf-filter:focus-visible,
body.edulead-trading-floor .edulead-floor-actions a:focus-visible,
body.edulead-trading-floor .edulead-floor-actions button:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--etf-focus);
}

/* ---------- Discussion rows ---------- */

body.edulead-trading-floor .edulead-discussion-table tbody tr {
    transition: transform .15s ease, background-color .15s ease,
                box-shadow .15s ease;
}

body.edulead-trading-floor .edulead-discussion-table tbody tr:hover {
    transform: translateY(-1px);
}

/* ---------- POSTING SCREEN V2.1 ---------- */

body.edulead-trading-floor-post {
    min-height: 100vh;
}

body.edulead-trading-floor-post .etf-composer {
    width: 100%;
    box-sizing: border-box;
}

body.edulead-trading-floor-post .etf-composer-head {
    position: relative;
}

body.edulead-trading-floor-post .etf-composer-head h2 {
    letter-spacing: -.01em;
}

body.edulead-trading-floor-post .etf-form-grid {
    align-items: start;
}

/* Give every structured field a consistent visual container. */
body.edulead-trading-floor-post .etf-field {
    position: relative;
}

body.edulead-trading-floor-post .etf-field label {
    line-height: 1.35;
}

body.edulead-trading-floor-post .etf-field input::placeholder,
body.edulead-trading-floor-post .etf-field textarea::placeholder {
    color: #718397 !important;
    opacity: 1;
}

body.edulead-trading-floor-post .etf-field select {
    cursor: pointer;
}

body.edulead-trading-floor-post .etf-field input:hover,
body.edulead-trading-floor-post .etf-field select:hover,
body.edulead-trading-floor-post .etf-field textarea:hover {
    border-color: #3b5063 !important;
}

body.edulead-trading-floor-post .etf-field input:focus-visible,
body.edulead-trading-floor-post .etf-field select:focus-visible,
body.edulead-trading-floor-post .etf-field textarea:focus-visible {
    outline: 0 !important;
    border-color: var(--etf-cyan) !important;
    box-shadow: 0 0 0 3px var(--etf-focus) !important;
}

/* ---------- Direction picker ---------- */

body.edulead-trading-floor-post .etf-direction-picker {
    margin-top: 2px;
}

body.edulead-trading-floor-post .etf-choice span {
    min-height: 40px;
    box-sizing: border-box;
    transition: .15s ease;
}

body.edulead-trading-floor-post .etf-choice input:focus-visible + span {
    outline: 0;
    box-shadow: 0 0 0 3px var(--etf-focus);
}

body.edulead-trading-floor-post .etf-choice.sell:hover span {
    border-color: rgba(240,79,95,.55);
}

body.edulead-trading-floor-post .etf-choice.buy:hover span {
    border-color: rgba(32,200,120,.55);
}

body.edulead-trading-floor-post .etf-choice.exhaustion:hover span {
    border-color: rgba(77,141,255,.55);
}

/* ---------- Section titles ---------- */

body.edulead-trading-floor-post .etf-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
}

body.edulead-trading-floor-post .etf-section-title::before {
    content: "";
    width: 4px;
    height: 15px;
    border-radius: 3px;
    background: var(--etf-cyan);
    flex: 0 0 auto;
}

/* ---------- Native Moodle editor ---------- */

/*
 * Keep Moodle's editor fully functional, but prevent the native
 * editor from visually dominating the structured Trading Floor form.
 */
body.edulead-trading-floor-post .etf-native-message {
    padding: 0 !important;
}

body.edulead-trading-floor-post .etf-native-message .editor_atto_wrap,
body.edulead-trading-floor-post .etf-native-message .tox-tinymce {
    width: 100% !important;
    max-width: 100% !important;
}

body.edulead-trading-floor-post .etf-native-message .editor_atto_content {
    min-height: 190px !important;
    max-height: 520px;
    overflow-y: auto;
    background: #0c151e !important;
    color: #eaf5ff !important;
}

body.edulead-trading-floor-post .etf-native-message .tox-edit-area__iframe {
    background: #0c151e !important;
}

body.edulead-trading-floor-post .etf-native-message iframe {
    max-width: 100%;
}

body.edulead-trading-floor-post .etf-native-message .tox-toolbar,
body.edulead-trading-floor-post .etf-native-message .tox-toolbar__primary {
    background: #111a24 !important;
}

/* ---------- Attachments ---------- */

body.edulead-trading-floor-post .filemanager:hover,
body.edulead-trading-floor-post .file-picker:hover {
    border-color: #385067 !important;
}

body.edulead-trading-floor-post .filemanager:focus-within,
body.edulead-trading-floor-post .file-picker:focus-within {
    box-shadow: 0 0 0 3px var(--etf-focus);
}

/* ---------- Submit controls ---------- */

body.edulead-trading-floor-post .form-actions {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--etf-border);
}

body.edulead-trading-floor-post .etf-native-submit,
body.edulead-trading-floor-post button[type="submit"] {
    min-height: 44px;
    padding: 10px 20px !important;
    transition: transform .15s ease, box-shadow .15s ease,
                background-color .15s ease;
}

body.edulead-trading-floor-post .etf-native-submit:hover,
body.edulead-trading-floor-post button[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 20px rgba(25,181,254,.22);
}

body.edulead-trading-floor-post .etf-native-submit:focus-visible,
body.edulead-trading-floor-post button[type="submit"]:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--etf-focus),
                0 7px 20px rgba(25,181,254,.18);
}

/* ---------- Moodle validation ---------- */

body.edulead-trading-floor-post .form-control.is-invalid,
body.edulead-trading-floor-post .form-control:invalid:focus {
    border-color: var(--etf-red) !important;
    box-shadow: 0 0 0 3px rgba(240,79,95,.12) !important;
}

body.edulead-trading-floor-post .invalid-feedback {
    color: #ff7180;
}

/* ---------- Small screens ---------- */

@media (max-width: 767px) {

    body.edulead-trading-floor-post .etf-form-grid {
        grid-template-columns: 1fr;
    }

    body.edulead-trading-floor-post .etf-composer {
        margin-left: 0;
        margin-right: 0;
    }

    body.edulead-trading-floor-post .etf-direction-picker {
        width: 100%;
    }

    body.edulead-trading-floor-post .etf-choice span {
        width: 100%;
        justify-content: center;
    }

    body.edulead-trading-floor-post .etf-native-message .editor_atto_content {
        min-height: 160px !important;
    }

    body.edulead-trading-floor-post .form-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
}

/* ---------- Reduced motion ---------- */

@media (prefers-reduced-motion: reduce) {
    body.edulead-trading-floor *,
    body.edulead-trading-floor-post * {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================================
   EduLead Trading Floor V2.2
   REAL MOODLE DISCUSSION-LIST RAIL
   Based on the confirmed rendered Moodle DOM.
   Desktop: ~40% left discussion feed
   Mobile: full width
   ========================================================= */

body.edulead-trading-floor
.table-responsive:has(table.discussion-list) {
    width: 40% !important;
    max-width: 40% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    overflow: visible !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    background: transparent !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable > thead {
    display: none !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable > tbody {
    width: 100% !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] {
    background: var(--etf-panel) !important;
    box-shadow: var(--etf-shadow) !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]:hover {
    background: var(--etf-panel-2) !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > td:first-child {
    width: 42px !important;
    min-width: 42px !important;
    padding: 12px 4px 12px 8px !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > th.topic {
    width: auto !important;
    min-width: 0 !important;
    padding: 14px 12px !important;
    color: var(--etf-text) !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > th.topic a.w-100 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    color: #eaf5ff !important;
    font-size: .94rem !important;
    line-height: 1.38 !important;
    font-weight: 750 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-decoration: none !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > th.topic a.w-100:hover {
    color: var(--etf-cyan) !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > td.author {
    width: 82px !important;
    min-width: 82px !important;
    padding: 10px 8px !important;
    color: var(--etf-muted) !important;
    font-size: .68rem !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > td.author img {
    max-width: 26px !important;
    max-height: 26px !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > td.author a {
    color: #a9c5d9 !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > td:not(:first-child):not(.author) {
    padding: 10px 7px !important;
    color: var(--etf-muted) !important;
    font-size: .68rem !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] > td:last-child {
    width: 38px !important;
    min-width: 38px !important;
    padding: 10px 6px !important;
    text-align: center !important;
}

body.edulead-trading-floor
.table-responsive:has(table.discussion-list) {
    scrollbar-width: none;
}

body.edulead-trading-floor
.table-responsive:has(table.discussion-list)::-webkit-scrollbar {
    display: none;
}

@media (min-width: 768px) {
    body.edulead-trading-floor
    .table-responsive:has(table.discussion-list)::before {
        content: "DISCUSSIONS";
        display: block;
        margin: 0 0 8px 3px;
        color: var(--etf-cyan);
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .14em;
    }
}

@media (max-width: 767px) {
    body.edulead-trading-floor
    .table-responsive:has(table.discussion-list) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
    }

    body.edulead-trading-floor
    table.discussion-list.generaltable {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    body.edulead-trading-floor
    table.discussion-list.generaltable
    tr[data-region="discussion-list-item"] > td.author {
        width: auto !important;
        min-width: 0 !important;
    }
}


/* =========================================================
   EDULEAD FOREX TRADING FLOOR
   DISCUSSION CARDS — WHITE COMPLETE CARD
   ========================================================= */

/* The discussion rail remains dark */
body.edulead-trading-floor
table.discussion-list.generaltable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    background: transparent !important;
}


/* =========================================================
   INDIVIDUAL DISCUSSION CARD
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"] {

    display: grid !important;

    grid-template-columns:
        32px
        minmax(0, 1fr)
        55px
        55px
        35px
        35px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #d7e0e7 !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow:
        0 2px 7px rgba(0,0,0,.12) !important;
}


/* =========================================================
   WHITE DISCUSSION CONTENT
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> th.topic {

    grid-column: 1 / -1 !important;
    grid-row: 1 !important;

    width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 0 !important;

    padding: 14px 15px 12px !important;

    color: #17212b !important;

    text-align: left !important;
}


/* Remove Moodle's internal padding */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> th.topic > div,
body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> th.topic > div > div {

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
}


/* Discussion title */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> th.topic a.w-100 {

    display: block !important;

    width: 100% !important;
    height: auto !important;

    color: #16232d !important;

    font-size: .90rem !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;
}


body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> th.topic a.w-100:hover {

    color: #008dcc !important;
}


/* =========================================================
   METADATA ROW
   STILL PART OF WHITE CARD
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td {

    grid-row: 2 !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    color: #64727d !important;

    border-top: 1px solid #e1e7eb !important;
    border-bottom: 0 !important;

    padding: 7px 4px !important;

    font-size: .62rem !important;

    vertical-align: middle !important;
}


/* =========================================================
   STAR
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td:first-child {

    grid-column: 1 !important;

    border-left: 0 !important;

    text-align: center !important;

    padding-left: 4px !important;
}


body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td:first-child .btn {

    padding: 2px !important;
    margin: 0 !important;
}


/* Star colour */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td:first-child i {

    color: #079bd3 !important;
}


/* =========================================================
   AUTHOR
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td.author {

    grid-column: 3 !important;

    text-align: center !important;

    color: #667783 !important;
}


body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td.author img {

    width: 22px !important;
    height: 22px !important;

    margin: 0 auto 2px !important;
}


/* =========================================================
   OTHER METADATA
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td:not(:first-child) {

    text-align: center !important;

    color: #64727d !important;
}


/* =========================================================
   LAST CELL
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]
> td:last-child {

    grid-column: 6 !important;

    border-right: 0 !important;

    text-align: center !important;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]:hover {

    background: #ffffff !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.16) !important;
}


body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]:hover
> th.topic,
body.edulead-trading-floor
table.discussion-list.generaltable
tr[data-region="discussion-list-item"]:hover
> td {

    background: #ffffff !important;
}


/* =========================================================
   REPLY / COMMENT BUTTON
   ========================================================= */

body.edulead-trading-floor
.etf-comment-button {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    margin-top: 12px !important;

    padding: 6px 11px !important;

    background: #079bd3 !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 5px !important;

    font-size: .68rem !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    cursor: pointer !important;
}


body.edulead-trading-floor
.etf-comment-button:hover {

    background: #067fae !important;

    color: #ffffff !important;

    text-decoration: none !important;
}


body.edulead-trading-floor
.etf-comment-button::before {

    content: "💬" !important;

    font-size: .7rem !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.edulead-trading-floor
    table.discussion-list.generaltable
    tr[data-region="discussion-list-item"] {

        grid-template-columns:
            30px
            minmax(0,1fr)
            45px
            45px
            30px
            30px !important;

        border-radius: 9px !important;
    }

    body.edulead-trading-floor
    table.discussion-list.generaltable
    tr[data-region="discussion-list-item"]
    > th.topic {

        padding: 12px !important;
    }

    body.edulead-trading-floor
    .etf-comment-button {

        margin-top: 10px !important;

        padding: 6px 9px !important;
    }
}

/* =========================================================
   EDULEAD FOREX FLOOR
   DISCUSSION CARD — METADATA ROW FIX
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"] {

    /* Turn the Moodle table row into a controlled card layout */
    display: grid !important;

    /*
     * 1 = star
     * 2 = topic/title
     * 3 = started by
     * 4 = last post
     * 5 = replies
     * 6 = subscribe
     * 7 = menu
     */
    grid-template-columns:
        34px
        minmax(0, 1fr)
        105px
        105px
        42px
        42px
        34px;

    width: 100% !important;
    min-width: 0 !important;

    background: #ffffff !important;
    border: 1px solid #d8dee5 !important;
    border-radius: 8px !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   TITLE / TOPIC
   Put the discussion title across the entire FIRST ROW.
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
th.topic {

    grid-column: 1 / -1 !important;
    grid-row: 1 !important;

    width: auto !important;
    min-width: 0 !important;

    display: block !important;

    background: #ffffff !important;

    padding: 14px 14px 8px 14px !important;

    border: 0 !important;
    border-bottom: 1px solid #e1e5e9 !important;

    color: #101820 !important;

    box-sizing: border-box !important;
}


/* Discussion title */
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
th.topic a {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    color: #111827 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    word-break: normal !important;
}


/* ---------------------------------------------------------
   COMMENT / REPLY BUTTON
   --------------------------------------------------------- */

body.edulead-trading-floor
.etf-comment-button {

    display: inline-block !important;

    margin-top: 8px !important;

    padding: 5px 10px !important;

    background: #08a9e6 !important;
    color: #ffffff !important;

    border-radius: 5px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}

body.edulead-trading-floor
.etf-comment-button:hover {

    background: #078fc3 !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   SECOND ROW
   All Moodle metadata cells are deliberately kept visible.
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"] > td {

    grid-row: 2 !important;

    min-width: 0 !important;

    width: auto !important;

    display: flex !important;
    align-items: center !important;

    background: #ffffff !important;

    border: 0 !important;

    padding: 10px 6px !important;

    color: #374151 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* ---------------------------------------------------------
   STAR
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:first-child {

    grid-column: 1 !important;

    justify-content: center !important;

    padding-left: 8px !important;
    padding-right: 4px !important;
}

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:first-child .fa-star {

    color: #00a8e8 !important;

    font-size: 15px !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/* ---------------------------------------------------------
   STARTED BY
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(3) {

    grid-column: 3 !important;

    justify-content: flex-start !important;

    white-space: normal !important;
}


/* ---------------------------------------------------------
   LAST POST
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(4) {

    grid-column: 4 !important;

    justify-content: flex-start !important;

    white-space: normal !important;
}


/* ---------------------------------------------------------
   REPLIES
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(5) {

    grid-column: 5 !important;

    justify-content: center !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   SUBSCRIBE
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(6) {

    grid-column: 6 !important;

    justify-content: center !important;
}


/* ---------------------------------------------------------
   ACTION MENU
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(7) {

    grid-column: 7 !important;

    justify-content: center !important;
}


/* ---------------------------------------------------------
   USER INFORMATION
   Prevent Moodle's narrow-column wrapping from destroying
   names such as "Edu Lead".
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
.userinitials,
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
.userpicture,
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
a {

    max-width: none !important;
}


/* User names */
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
td:nth-child(3) a,
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
td:nth-child(4) a {

    display: inline-block !important;

    width: auto !important;
    max-width: 100% !important;

    white-space: nowrap !important;

    overflow: visible !important;

    word-break: normal !important;
}


/* ---------------------------------------------------------
   AVATARS
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
.userpicture {

    width: 24px !important;
    height: 24px !important;

    flex: 0 0 24px !important;

    margin-right: 5px !important;
}


/* ---------------------------------------------------------
   DATES / SMALL METADATA
   --------------------------------------------------------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
td:nth-child(3),
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
td:nth-child(4) {

    font-size: 11px !important;
    line-height: 1.35 !important;
}


/* ---------------------------------------------------------
   MOBILE / NARROW CARD
   --------------------------------------------------------- */

@media (max-width: 700px) {

    body.edulead-trading-floor
    table.discussion-list
    tr[data-region="discussion-list-item"] {

        grid-template-columns:
            30px
            minmax(0, 1fr)
            85px
            85px
            35px
            35px
            30px;
    }

    body.edulead-trading-floor
    table.discussion-list
    tr[data-region="discussion-list-item"]
    > td {

        padding: 8px 3px !important;
    }

}/* =========================================================
   FOREX TRADING FLOOR — FINAL DISCUSSION CARD LAYOUT
   ========================================================= */

/* ---------- CARD ---------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"] {

    display: grid !important;

    grid-template-columns:
        46px
        minmax(0, 1fr)
        120px
        120px
        45px
        45px
        36px !important;

    grid-template-rows:
        auto
        auto
        auto !important;

    width: 100% !important;
    min-width: 0 !important;

    background: #ffffff !important;

    border: 1px solid #d7dde3 !important;
    border-radius: 8px !important;

    margin-bottom: 8px !important;

    overflow: visible !important;
}


/* ---------- TITLE ---------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
th.topic {

    grid-column: 1 / -1 !important;
    grid-row: 1 !important;

    width: auto !important;
    min-width: 0 !important;

    padding: 13px 14px 8px 14px !important;

    background: #ffffff !important;

    border: 0 !important;

    color: #111827 !important;
}

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
th.topic a {

    display: block !important;

    width: 100% !important;

    color: #111827 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    white-space: normal !important;

    overflow: visible !important;
}


/* ---------- ALL METADATA CELLS ---------- */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td {

    grid-row: 2 !important;

    min-width: 0 !important;

    width: auto !important;

    background: #ffffff !important;

    border: 0 !important;

    padding: 10px 5px !important;

    display: flex !important;

    align-items: center !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   RATING AREA
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:first-child {

    grid-column: 1 !important;

    justify-content: center !important;

    padding-left: 8px !important;
    padding-right: 4px !important;
}


/*
 * Hide Moodle's original single favourite star.
 */
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:first-child > a {

    display: none !important;
}


/*
 * Five-star rating display.
 *
 * The JS patch below creates:
 * ★ ★ ★ ★ ★
 */
body.edulead-trading-floor
.etf-rating {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 1px !important;

    white-space: nowrap !important;
}

body.edulead-trading-floor
.etf-rating-star {

    font-size: 17px !important;

    line-height: 1 !important;

    color: #cbd5e1 !important;

    cursor: pointer !important;

    transition: color .15s ease !important;
}

body.edulead-trading-floor
.etf-rating-star:hover,
body.edulead-trading-floor
.etf-rating-star.active {

    color: #f5b301 !important;
}


/* =========================================================
   STARTED BY — ONE AVATAR + FULL NAME
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(3) {

    grid-column: 3 !important;

    justify-content: flex-start !important;

    gap: 6px !important;

    white-space: nowrap !important;
}


/* Hide duplicate / secondary profile imagery */
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(3)
.userpicture + .userpicture {

    display: none !important;
}


/* Avatar */
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(3)
.userpicture {

    width: 28px !important;
    height: 28px !important;

    min-width: 28px !important;

    flex: 0 0 28px !important;

    margin: 0 !important;
}


/* Full user name */
body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(3)
a {

    display: inline-block !important;

    width: auto !important;
    max-width: none !important;

    white-space: nowrap !important;

    word-break: normal !important;

    overflow: visible !important;

    text-overflow: clip !important;

    font-size: 11px !important;

    color: #374151 !important;
}


/* =========================================================
   LAST POST
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(4) {

    grid-column: 4 !important;

    justify-content: flex-start !important;

    gap: 6px !important;

    white-space: nowrap !important;
}

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(4)
.userpicture {

    width: 28px !important;
    height: 28px !important;

    min-width: 28px !important;

    flex: 0 0 28px !important;
}


/* =========================================================
   REPLIES
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(5) {

    grid-column: 5 !important;

    justify-content: center !important;

    text-align: center !important;
}


/* =========================================================
   SUBSCRIBE
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(6) {

    grid-column: 6 !important;

    justify-content: center !important;
}


/* =========================================================
   MENU
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
> td:nth-child(7) {

    grid-column: 7 !important;

    justify-content: center !important;
}


/* =========================================================
   COMMENT BUTTON — OWN THIRD ROW
   ========================================================= */

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
.etf-comment-button {

    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    display: block !important;

    width: calc(100% - 24px) !important;

    margin: 3px 12px 10px 12px !important;

    padding: 7px 12px !important;

    box-sizing: border-box !important;

    background: #08a9e6 !important;

    color: #ffffff !important;

    border-radius: 5px !important;

    text-align: center !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}

body.edulead-trading-floor
table.discussion-list
tr[data-region="discussion-list-item"]
.etf-comment-button:hover {

    background: #078fc3 !important;

    color: #ffffff !important;
}