/* MRXPANEL R318 — Member ID Signature */

[data-mrx-member-id-value-r317d="true"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

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

    padding: 6px 10px !important;

    color: #f6c84e !important;
    background:
        linear-gradient(
            180deg,
            rgba(246, 200, 78, .10),
            rgba(246, 200, 78, .035)
        ) !important;

    border: 1px solid rgba(246, 200, 78, .42) !important;
    border-radius: 7px !important;

    font-family:
        Consolas,
        "Courier New",
        monospace !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .55px !important;

    line-height: 1.2 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.015),
        0 0 12px rgba(246,200,78,.035) !important;

    white-space: nowrap !important;
    word-break: normal !important;
}

[data-mrx-member-id-value-r317d="true"]::before {
    content: "MRX";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 18px;
    padding: 0 5px;

    border-radius: 4px;

    background: #f6c84e;
    color: #111318;

    font-family:
        Arial,
        sans-serif;

    font-size: 8px;
    font-weight: 900;
    letter-spacing: .7px;
}

@media (max-width: 600px) {
    [data-mrx-member-id-value-r317d="true"] {
        font-size: 12px !important;
        padding: 5px 8px !important;
        gap: 6px !important;
    }
}