.rwa-trades *,
.rwa-trades *::before,
.rwa-trades *::after{
        box-sizing: border-box;
      }
.rwa-trades{
        --gradient-start: #3d9062;
        --gradient-end: #124e45;
        --table-border: #edf0f2;
        --header-background: #f3f5f7;
        --header-text: #5f6b75;
        --body-text: #26333d;
        --muted-text: #71808b;
        --green: #178a50;
        --green-soft: #e0f5ca;
        --red: #d64b4b;
        --row-height: 55px;
        --visible-rows: 8;
      }
.rwa-trades .sr-only{
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
.rwa-trades .disclosure{
        display: inline-flex;
        align-items: center;
        gap: 7px;
        max-width: 100%;
        margin: 0 0 12px 4px;
        padding: 6px 11px;
        border: 1px solid rgb(255 255 255 / 34%);
        border-radius: 999px;
        background: rgb(255 255 255 / 13%);
        color: rgb(255 255 255 / 90%);
        font-size: 12px;
        line-height: 1.2;
        white-space: nowrap;
      }
.rwa-trades .disclosure::before{
        content: "";
        width: 6px;
        height: 6px;
        flex: none;
        border-radius: 50%;
        background: #ffdd75;
      }
.rwa-trades .table-card{
        overflow: hidden;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 24px 60px rgb(5 38 32 / 24%);
      }
.rwa-trades .table-scroll{
        max-width: 100%;
        overflow-x: auto;
        scrollbar-color: #c9d2d8 transparent;
      }
.rwa-trades .table-scroll:focus-visible{
        outline: 3px solid rgb(255 255 255 / 72%);
        outline-offset: -3px;
      }
.rwa-trades table{
        width: 100%;
        min-width: 880px;
        margin: 0;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 14px;
      }
.rwa-trades thead,
.rwa-trades tbody{
        display: block;
      }
.rwa-trades tr{
        display: table;
        width: 100%;
        table-layout: fixed;
      }
.rwa-trades th{
        height: 45px;
        padding: 0 16px;
        border-bottom: 1px solid #dfe4e8;
        background: var(--header-background);
        color: var(--header-text);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.44px;
        text-align: left;
        white-space: nowrap;
      }
.rwa-trades tbody{
        height: calc(var(--row-height) * var(--visible-rows));
        overflow: hidden;
      }
.rwa-trades td{
        height: var(--row-height);
        padding: 0 16px;
        border-bottom: 1px solid var(--table-border);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
      }
.rwa-trades tbody tr:last-child td{
        border-bottom: 0;
      }
.rwa-trades .col-pair{
        width: 13%;
      }
.rwa-trades .col-status,
.rwa-trades .col-direction{
        width: 12%;
      }
.rwa-trades .col-payment{
        width: 13%;
      }
.rwa-trades .col-amount{
        width: 12%;
      }
.rwa-trades .col-opened,
.rwa-trades .col-closed{
        width: 19%;
      }
.rwa-trades .pair{
        color: var(--body-text);
        font-weight: 700;
        letter-spacing: 0.16px;
      }
.rwa-trades .status{
        color: var(--green);
        font-weight: 700;
        letter-spacing: 0.24px;
      }
.rwa-trades .payment{
        position: relative;
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        padding: 5px 10px;
        border-radius: 999px;
        background: var(--green-soft);
        color: #127342;
        font-weight: 700;
        line-height: 1;
      }
.rwa-trades .payment::after{
        content: "";
        position: absolute;
        top: 50%;
        right: -5px;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-left: 5px solid var(--green-soft);
        border-bottom: 4px solid transparent;
        transform: translateY(-50%);
      }
.rwa-trades .amount{
        color: var(--body-text);
        font-variant-numeric: tabular-nums;
      }
.rwa-trades .direction{
        font-weight: 700;
        letter-spacing: 0.24px;
      }
.rwa-trades .direction-long{
        color: var(--green);
      }
.rwa-trades .direction-short{
        color: var(--red);
      }
.rwa-trades .time{
        display: inline-block;
        white-space: normal;
        max-width: 105px;
        line-height: 1.3;
        color: var(--muted-text);
        font-variant-numeric: tabular-nums;
      }
.rwa-trades .entering{
        animation: rwa-trade-enter 250ms ease-out;
      }
@keyframes rwa-trade-enter{
        from {
          opacity: 0;
          transform: translateY(-8px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
@media (prefers-reduced-motion: reduce){.rwa-trades .entering{
          animation: none;
        }}
@media (max-width: 640px){.rwa-trades .disclosure{
          display: flex;
          white-space: normal;
        }
.rwa-trades th,
.rwa-trades td{
          padding: 0 12px;
          font-size: 13px;
        }}
.rwa-trades colgroup{ display: none; }
.rwa-trades tr{ display: grid; grid-template-columns: 13% 12% 13% 12% 12% 19% 19%; }
.rwa-trades th,
.rwa-trades td{ display: flex; align-items: center; min-width: 0; }
.rwa-trades th[class],
.rwa-trades td[class]{ width: auto; }
.rwa-trades { min-width: 0; margin-top: 28px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: var(--body-text); }
.rwa-trades .trade-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.rwa-trades .disclosure { margin: 0; }
.rwa-trades .trade-stop { min-height: 44px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.6); border-radius: 999px; background: rgba(255,255,255,.1); color: white; font: inherit; font-size: .85rem; cursor: pointer; }
.rwa-trades .trade-stop:focus-visible { outline: 3px solid white; outline-offset: 3px; }
.rwa-trades .trade-stop:disabled { opacity: .8; cursor: default; }
.rwa-trades th { text-transform: none; }
.rwa-trades .trade-scroll-hint { display: none; margin: 10px 0 0; color: #d7f7df; font-size: .85rem; }
@media(max-width: 900px) { .rwa-trades .trade-scroll-hint { display: block; } }

.rwa-trades .table-card { padding: 0; margin: 0; }