/* ============================================================
   MEDICHPLUS — TRADE CENTER CONTENT
   ============================================================
   IMPORTANT:
   - Does NOT style the global navbar.
   - Scoped exclusively to Trade Center content.
   - Designed to work with the existing Trade Center HTML.
   - MedichPlus visual language:
     Navy + Green + Teal
     Manrope + Inter
     Soft elevated surfaces
     Rounded interfaces
     Restrained premium animation
   ============================================================ */

.mplus-trade-center {
    --tc-navy-950: #0d2140;
    --tc-navy-900: #14315c;
    --tc-navy-700: #1b3a6b;

    --tc-green-600: #2f8f3b;
    --tc-green-500: #3ea24a;
    --tc-green-400: #5cb85f;

    --tc-teal-600: #1e7f8c;
    --tc-teal-500: #2596a3;

    --tc-bg: #f5f7f9;
    --tc-card: #ffffff;
    --tc-ink: #132133;
    --tc-muted: #5a6572;
    --tc-line: #e2e7ec;

    --tc-radius: 20px;
    --tc-radius-sm: 14px;

    position: relative;

    max-width: 1180px;
    margin: 28px auto 60px;
    padding: 0 24px;

    font-family: 'Inter', sans-serif;
    color: var(--tc-ink);

    line-height: 1.6;

    -webkit-font-smoothing: antialiased;
}


/* ------------------------------------------------------------
   RESET / BASE
   ------------------------------------------------------------ */

.mplus-trade-center *,
.mplus-trade-center *::before,
.mplus-trade-center *::after {
    box-sizing: border-box;
}

.mplus-trade-center h1,
.mplus-trade-center h2,
.mplus-trade-center h3,
.mplus-trade-center h4 {
    font-family: 'Manrope', sans-serif;
    color: var(--tc-navy-900);
    letter-spacing: -.015em;
}

.mplus-trade-center a {
    text-decoration: none;
}

.mplus-trade-center button,
.mplus-trade-center input,
.mplus-trade-center textarea,
.mplus-trade-center select {
    font-family: inherit;
}

.mplus-trade-center :focus-visible {
    outline: 3px solid rgba(37,150,163,.35);
    outline-offset: 3px;
}


/* ------------------------------------------------------------
   PAGE HEADER
   ------------------------------------------------------------ */

.mplus-trade-header {
    position: relative;

    overflow: hidden;

    padding: 38px 40px;
    margin-bottom: 24px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: var(--tc-radius);

    background:
        radial-gradient(
            100% 150% at 5% 0%,
            #1b477e 0%,
            var(--tc-navy-950) 55%,
            #09182e 100%
        );

    color: #fff;

    box-shadow:
        0 26px 55px -25px rgba(13,33,64,.55);

    animation:
        tc-rise .65s cubic-bezier(.2,.7,.2,1) both;
}

.mplus-trade-header::before {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -90px;
    top: -150px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(92,184,95,.28),
            transparent 70%
        );

    animation:
        tc-float 8s ease-in-out infinite;
}

.mplus-trade-header::after {
    content: "";

    position: absolute;

    width: 170px;
    height: 170px;

    left: -90px;
    bottom: -120px;

    border-radius: 50%;

    background:
        rgba(37,150,163,.12);
}

.mplus-trade-header h2 {
    position: relative;
    z-index: 2;

    margin: 0 0 7px;

    color: #fff;

    font-size: clamp(24px, 3vw, 32px);
    font-weight: 800;
}

.mplus-trade-header p {
    position: relative;
    z-index: 2;

    margin: 0;

    max-width: 650px;

    color: rgba(255,255,255,.78);

    font-size: 15px;
}


/* ------------------------------------------------------------
   ACTION AREA
   ------------------------------------------------------------ */

.mplus-trade-actions {
    display: flex;
    justify-content: flex-end;

    margin: 0 0 18px;

    animation:
        tc-rise .6s .08s cubic-bezier(.2,.7,.2,1) both;
}

.mplus-create-rfq-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    overflow: hidden;

    padding: 13px 22px;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            var(--tc-green-500),
            var(--tc-teal-600)
        );

    color: #fff !important;

    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 800;

    box-shadow:
        0 14px 28px -14px rgba(46,159,90,.65);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.mplus-create-rfq-button::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255,255,255,.25) 50%,
            transparent 80%
        );

    transform: translateX(-120%);

    transition: transform .6s ease;
}

.mplus-create-rfq-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 20px 34px -14px rgba(46,159,90,.75);
}

.mplus-create-rfq-button:hover::before {
    transform: translateX(120%);
}

.mplus-create-rfq-button span {
    position: relative;
    z-index: 2;

    font-size: 20px;
    line-height: 1;
}


/* ------------------------------------------------------------
   TRADE TABS
   ------------------------------------------------------------ */

.mplus-trade-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;

    padding: 6px;

    margin-bottom: 22px;

    border: 1px solid var(--tc-line);
    border-radius: 16px;

    background: rgba(245,247,249,.85);

    box-shadow:
        0 8px 24px -18px rgba(13,33,64,.35);

    animation:
        tc-rise .6s .12s cubic-bezier(.2,.7,.2,1) both;
}

.mplus-trade-tab {
    position: relative;

    flex: 1 1 auto;

    min-height: 44px;

    border: 1px solid transparent;

    padding: 10px 17px;

    border-radius: 11px;

    background: transparent;

    color: var(--tc-muted);

    font-family: 'Manrope', sans-serif;
    font-size: 13.5px;
    font-weight: 800;

    cursor: pointer;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.mplus-trade-tab:hover {
    color: var(--tc-navy-900);

    background: #fff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px -14px rgba(13,33,64,.45);
}

.mplus-trade-tab.active {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--tc-green-500),
            var(--tc-teal-600)
        );

    box-shadow:
        0 10px 22px -13px rgba(37,150,163,.65);
}

.mplus-trade-tab.active::after {
    content: "";

    position: absolute;

    left: 25%;
    right: 25%;
    bottom: 3px;

    height: 2px;

    border-radius: 999px;

    background: rgba(255,255,255,.8);
}


/* ------------------------------------------------------------
   PANELS
   ------------------------------------------------------------ */

.mplus-trade-panel {
    display: none;
}

.mplus-trade-panel.active {
    display: block;

    animation:
        tc-panel-in .42s cubic-bezier(.2,.7,.2,1) both;
}


/* ------------------------------------------------------------
   TRADE CARDS
   ------------------------------------------------------------ */

.mplus-trade-card {
    position: relative;

    padding: 26px;

    border: 1px solid var(--tc-line);
    border-radius: var(--tc-radius);

    background: var(--tc-card);

    box-shadow:
        0 15px 35px -24px rgba(13,33,64,.38);

    transition:
        box-shadow .3s ease,
        transform .3s ease;
}

.mplus-trade-card:hover {
    box-shadow:
        0 24px 48px -28px rgba(13,33,64,.45);
}

.mplus-trade-card > h3 {
    margin: 0 0 20px;

    font-size: 19px;
    font-weight: 800;
}


/* ------------------------------------------------------------
   CREATE RFQ HEADER
   ------------------------------------------------------------ */

.mplus-trade-form-header {
    position: relative;

    padding: 26px 28px;

    margin-bottom: 20px;

    border: 1px solid var(--tc-line);
    border-radius: var(--tc-radius);

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f6faf9
        );

    box-shadow:
        0 15px 35px -25px rgba(13,33,64,.32);

    animation:
        tc-rise .55s cubic-bezier(.2,.7,.2,1) both;
}

.mplus-trade-form-header::before {
    content: "";

    position: absolute;

    left: 0;
    top: 20px;
    bottom: 20px;

    width: 4px;

    border-radius: 0 5px 5px 0;

    background:
        linear-gradient(
            180deg,
            var(--tc-green-500),
            var(--tc-teal-500)
        );
}

.mplus-trade-back {
    display: inline-flex;
    align-items: center;

    margin-bottom: 10px;

    color: var(--tc-teal-600) !important;

    font-size: 13.5px;
    font-weight: 800;

    transition:
        transform .2s ease,
        color .2s ease;
}

.mplus-trade-back:hover {
    color: var(--tc-green-600) !important;

    transform: translateX(-4px);
}

.mplus-trade-form-header h3 {
    margin: 0 0 6px;

    font-size: 21px;
    font-weight: 800;
}

.mplus-trade-form-header p {
    margin: 0;

    color: var(--tc-muted);

    font-size: 14px;
}


/* ------------------------------------------------------------
   RFQ CREATE PANEL
   ------------------------------------------------------------ */

.mplus-rfq-create-panel {
    padding: 0;

    overflow: hidden;
}


/* ------------------------------------------------------------
   SUMMARY
   ------------------------------------------------------------ */

.mplus-summary-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 16px;
}

.mplus-summary-grid > div {
    position: relative;

    overflow: hidden;

    padding: 24px 20px;

    border: 1px solid var(--tc-line);
    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8fafb
        );

    text-align: center;

    box-shadow:
        0 10px 25px -20px rgba(13,33,64,.35);

    transition:
        transform .28s cubic-bezier(.2,.7,.2,1),
        box-shadow .28s ease,
        border-color .28s ease;
}

.mplus-summary-grid > div::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--tc-green-500),
            var(--tc-teal-500)
        );

    transform: scaleX(.35);

    transform-origin: center;

    transition: transform .3s ease;
}

.mplus-summary-grid > div:hover {
    transform: translateY(-6px);

    border-color:
        rgba(37,150,163,.25);

    box-shadow:
        0 22px 40px -23px rgba(13,33,64,.42);
}

.mplus-summary-grid > div:hover::before {
    transform: scaleX(1);
}

.mplus-summary-grid strong {
    display: block;

    margin-bottom: 4px;

    color: var(--tc-navy-900);

    font-family: 'Manrope', sans-serif;
    font-size: 31px;
    font-weight: 800;

    background:
        linear-gradient(
            135deg,
            var(--tc-green-500),
            var(--tc-teal-600)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

.mplus-summary-grid span {
    display: block;

    color: var(--tc-muted);

    font-size: 13px;
    font-weight: 600;
}


/* ------------------------------------------------------------
   CONTENT GENERATED BY RFQ / QUOTATION / TRANSACTION
   ------------------------------------------------------------ */

.mplus-trade-card table {
    width: 100%;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border: 1px solid var(--tc-line);
    border-radius: 14px;

    background: #fff;
}

.mplus-trade-card table th {
    padding: 13px 15px;

    border-bottom: 1px solid var(--tc-line);

    background:
        linear-gradient(
            180deg,
            #f8fafb,
            #f2f5f7
        );

    color: var(--tc-navy-900);

    font-family: 'Manrope', sans-serif;

    font-size: 12px;
    font-weight: 800;

    text-align: left;

    white-space: nowrap;
}

.mplus-trade-card table td {
    padding: 14px 15px;

    border-bottom: 1px solid #edf0f2;

    color: var(--tc-ink);

    font-size: 13.5px;

    vertical-align: middle;
}

.mplus-trade-card table tbody tr {
    transition:
        background .2s ease,
        transform .2s ease;
}

.mplus-trade-card table tbody tr:hover {
    background: #f7fbfa;
}

.mplus-trade-card table tbody tr:last-child td {
    border-bottom: 0;
}


/* ------------------------------------------------------------
   FORM CONTROLS INSIDE TRADE CENTER
   ------------------------------------------------------------ */

.mplus-trade-center input[type="text"],
.mplus-trade-center input[type="number"],
.mplus-trade-center input[type="date"],
.mplus-trade-center input[type="email"],
.mplus-trade-center input[type="url"],
.mplus-trade-center select,
.mplus-trade-center textarea {
    width: 100%;

    min-height: 44px;

    padding: 11px 13px;

    border: 1px solid #dbe3e8;
    border-radius: 11px;

    background: #fff;

    color: var(--tc-ink);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.mplus-trade-center input:focus,
.mplus-trade-center select:focus,
.mplus-trade-center textarea:focus {
    border-color: var(--tc-teal-500);

    box-shadow:
        0 0 0 4px rgba(37,150,163,.10);

    outline: none;
}

.mplus-trade-center label {
    color: var(--tc-navy-900);

    font-size: 13px;
    font-weight: 700;
}


/* ------------------------------------------------------------
   GENERAL BUTTONS INSIDE TRADE CENTER
   ------------------------------------------------------------ */

.mplus-trade-center button[type="submit"],
.mplus-trade-center .button,
.mplus-trade-center input[type="submit"] {
    min-height: 42px;

    padding: 10px 18px;

    border: 0;
    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            var(--tc-green-500),
            var(--tc-teal-600)
        );

    color: #fff;

    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 9px 20px -13px rgba(37,150,163,.65);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.mplus-trade-center button[type="submit"]:hover,
.mplus-trade-center .button:hover,
.mplus-trade-center input[type="submit"]:hover {
    transform: translateY(-2px);

    box-shadow:
        0 14px 25px -13px rgba(37,150,163,.75);
}


/* ------------------------------------------------------------
   EMPTY / NOTICE STATES
   ------------------------------------------------------------ */

.mplus-trade-center .mplus-notice {
    padding: 18px 20px;

    border: 1px solid var(--tc-line);
    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #f8fafb,
            #f3f8f7
        );

    color: var(--tc-muted);

    font-size: 14px;
}


/* ------------------------------------------------------------
   ANIMATION
   ------------------------------------------------------------ */

@keyframes tc-rise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tc-panel-in {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes tc-float {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-14px, 18px);
    }
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 800px) {

    .mplus-trade-center {
        padding: 0 16px;
    }

    .mplus-trade-header {
        padding: 30px 25px;
    }

    .mplus-summary-grid {
        grid-template-columns: 1fr;
    }

    .mplus-trade-tab {
        flex: 1 1 calc(50% - 9px);
    }

    .mplus-trade-card {
        padding: 20px;
    }

}

@media (max-width: 560px) {

    .mplus-trade-center {
        margin-top: 18px;
        padding: 0 12px;
    }

    .mplus-trade-header {
        padding: 27px 21px;
    }

    .mplus-trade-header h2 {
        font-size: 23px;
    }

    .mplus-trade-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .mplus-trade-tab {
        width: 100%;
        min-height: 46px;
        padding: 9px 8px;
        font-size: 12px;
    }

    .mplus-trade-actions {
        justify-content: stretch;
    }

    .mplus-create-rfq-button {
        width: 100%;
    }

    .mplus-trade-card {
        padding: 15px;
        border-radius: 16px;
    }

    .mplus-trade-card table {
        min-width: 650px;
    }

}


/* ------------------------------------------------------------
   REDUCED MOTION
   ------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {

    .mplus-trade-center *,
    .mplus-trade-center *::before,
    .mplus-trade-center *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }

}
/* ============================================================
   RFQ / QUOTATION POLISH — 1.0.59 TEST
   ============================================================ */
.mplus-trade-center .mplus-quotations{width:100%;}
.mplus-quotation-section-heading{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e8edf1;}
.mplus-quotation-section-heading .mplus-section-eyebrow,.mplus-quote-kicker,.mplus-success-eyebrow{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:#1e7f8c;text-transform:uppercase;}
.mplus-quotation-section-heading h2{margin:4px 0 5px;font-size:30px;}
.mplus-quotation-section-heading p{margin:0;color:#64748b;}
.mplus-quote-list-section h3{margin:0 0 14px;font-size:18px;}
.mplus-quote-summary-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:14px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(13,33,64,.05);}
.mplus-quote-summary-card h4{margin:3px 0 7px;font-size:18px;}
.mplus-quote-summary-card p{margin:3px 0;color:#5a6572;font-size:13px;}
.mplus-quote-summary-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.mplus-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#eef2f4;color:#475569;font-size:11px;font-weight:800;white-space:nowrap;}
.mplus-status-pill.status-quoted{background:#eaf7ef;color:#23743a;}.mplus-status-pill.status-rejected{background:#fff0f0;color:#b42318;}.mplus-status-pill.status-selected_pending_admin{background:#fff7e8;color:#9a6500;}
.mplus-comparison-card{margin-top:28px;padding:20px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(13,33,64,.05);}
.mplus-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.mplus-comparison-heading h3{margin:4px 0 0;font-size:20px;}.mplus-comparison-heading h3 span{font-weight:500;color:#64748b;}
.mplus-quotation-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:14px;}
.mplus-quotation-table{min-width:940px!important;margin:0!important;border:0!important;border-radius:0!important;}
.mplus-quotation-table td{vertical-align:top!important;}
.mplus-quote-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:132px;}
.mplus-quote-actions a,.mplus-quote-actions button,.mplus-view-quotation-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;padding:8px 11px;border:1px solid #d8e1e7;border-radius:9px;background:#fff;color:#16365f;font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;line-height:1.2;text-align:center;cursor:pointer;box-sizing:border-box;white-space:normal;text-decoration:none;}
.mplus-quote-actions .is-primary{border-color:#2f8f3b;background:linear-gradient(135deg,#3ea24a,#1e7f8c);color:#fff;}.mplus-quote-actions .is-danger{color:#b42318;border-color:#f1caca;background:#fff8f8;}
.mplus-quote-actions .mplus-view-quotation-btn{border-color:#dce6ea;background:#f7fafb;color:#1e5963;}
.mplus-quotation-table td[data-label="Actions"]{min-width:155px;}
.mplus-quotation-empty{text-align:center;padding:48px 20px;border:1px dashed #cfd9df;border-radius:16px;background:#fafcfc;}.mplus-empty-icon{font-size:32px}.mplus-quotation-empty h3{margin:8px 0 5px}.mplus-quotation-empty p{margin:0;color:#64748b;}
.mplus-trade-success{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;margin:0 0 24px;border:1px solid #bfe4ca;border-radius:18px;background:linear-gradient(135deg,#f4fcf6,#f7fbfc);box-shadow:0 10px 28px rgba(22,101,52,.08);}
.mplus-success-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2f8f3b;color:#fff;font-size:25px;font-weight:800;}
.mplus-success-copy h3{margin:3px 0 4px;font-size:20px}.mplus-success-copy p{margin:0;color:#5a6572;font-size:13px;}.mplus-success-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}.mplus-success-actions a,.mplus-success-actions button{min-height:40px;padding:9px 13px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer;}.mplus-success-primary{border:0;background:linear-gradient(135deg,#3ea24a,#1e7f8c);color:#fff!important;}.mplus-success-secondary{border:1px solid #d8e1e7;background:#fff;color:#16365f;}
.mplus-trade-detail-surface{max-width:980px;margin:28px auto;padding:28px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(13,33,64,.07);}.mplus-detail-header{position:relative;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e8edf1;}.mplus-detail-header h2{margin:4px 0 8px;font-size:28px;}.mplus-rfq-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e7edf1;border:1px solid #e7edf1;border-radius:14px;overflow:hidden;}.mplus-detail-item{padding:14px 16px;background:#fff;}.mplus-detail-item span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.mplus-detail-item strong{font-size:14px;}.mplus-detail-message,.mplus-detail-docs{margin-top:18px;padding:17px;border:1px solid #e2e8f0;border-radius:14px;background:#f9fbfc;}.mplus-detail-message>span,.mplus-detail-docs h3{display:block;margin:0 0 8px;font-size:13px;font-weight:800;color:#16365f}.mplus-detail-message p{margin:0;color:#3f4b58;font-size:14px;}.mplus-detail-docs h3{margin-bottom:10px}.mplus-detail-docs span,.mplus-detail-docs a{display:inline-flex;margin:4px 8px 4px 0;padding:7px 10px;border-radius:8px;background:#fff;border:1px solid #dce5ea;color:#23415f;text-decoration:none;font-size:12px}.mplus-detail-footer{margin-top:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}.mplus-quote-secondary{display:inline-flex;padding:9px 13px;border-radius:9px;border:1px solid #d8e1e7;background:#fff;color:#16365f;text-decoration:none;font-size:12px;font-weight:800;}
@media(max-width:700px){.mplus-quote-summary-card,.mplus-comparison-heading{align-items:flex-start;flex-direction:column}.mplus-quote-summary-actions,.mplus-success-actions{width:100%;justify-content:stretch}.mplus-quote-summary-actions>*{flex:1}.mplus-trade-success{grid-template-columns:auto 1fr}.mplus-success-actions{grid-column:1/-1}.mplus-rfq-detail-grid{grid-template-columns:1fr}.mplus-trade-detail-surface{padding:18px;margin:18px 12px}.mplus-quotation-section-heading h2{font-size:25px;}}