/* =========================================================
   LOG — STRUCTURE & BEHAVIOR ONLY (AUTHORITATIVE)
   ========================================================= */

/* =========================================================
   🚫 DISABLE NATIVE BROWSER TOOLTIPS (LOG ONLY)
   ========================================================= */
#trade-log [title]{
  cursor:default !important;
}

/* =========================================================
   SHARED VARIABLES
   ========================================================= */
:root{
  --mono: ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}

/* =========================================================
   SCROLL CONTRACT — TABLE ONLY (DESKTOP)
   ========================================================= */
html.is-desktop .table-wrap{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
}

/* DataTables internals must not scroll */
html.is-desktop #trade-log_wrapper,
html.is-desktop #trade-log_wrapper .dataTables_scroll,
html.is-desktop #trade-log_wrapper .dataTables_scrollHead,
html.is-desktop #trade-log_wrapper .dataTables_scrollFoot{
  overflow:visible !important;
  height:auto !important;
  max-height:none !important;
}


/* =========================================================
   DESKTOP TABLE GEOMETRY
   ========================================================= */
#trade-log{
  width:max-content;
  min-width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  background:transparent;
  font-size:.72rem;
}

#trade-log thead th{
  position:sticky;
  top:0;
  z-index:4;
  padding:.5rem .6rem;
  text-align:center;
  white-space:nowrap;
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#trade-log tbody td{
  padding:.5rem .6rem;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  font-variant-numeric:tabular-nums;

  /* 🔒 HARD CELL CONTAINMENT */
  overflow:hidden;
  text-overflow:ellipsis;
}

/* =========================================================
   INLINE CONTENT — SAFE TRUNCATION
   ========================================================= */
#trade-log td > span,
#trade-log td > a{
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:middle;
}

/* =========================================================
   DESKTOP TOOLTIP — SAFE & CLIPPED (TIME + CORR ID)
   ========================================================= */
@media (min-width:769px){

  /* 🔒 Cells NEVER grow */
  #trade-log tbody td{
    overflow:hidden !important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Tooltip anchor */
  #trade-log .has-tip{
    position:relative;
    display:inline-block;
    max-width:100%;
    cursor:default;
  }

  /* Tooltip bubble */
  #trade-log .has-tip::after{
    content:attr(data-tip);

    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);
    transform:translateX(-50%) translateY(6px);

    padding:8px 14px;
    border-radius:999px;

    font-family:var(--mono);
    font-size:.78rem;
    font-weight:600;
    letter-spacing:.02em;
    white-space:nowrap;

    color:#e7ecff;
    background:
      radial-gradient(
        120% 140% at 50% 0%,
        rgba(99,102,241,.35),
        rgba(10,16,40,.95)
      );

    box-shadow:
      0 0 0 1px rgba(99,102,241,.45),
      0 12px 28px rgba(0,0,0,.65),
      0 0 24px rgba(99,102,241,.45);

    pointer-events:none;
    opacity:0;
    z-index:9999;

    transition:opacity .12s ease, transform .12s ease;
  }

  /* Hover reveal */
  #trade-log .has-tip:hover::after{
    opacity:1;
    transform:translateX(-50%) translateY(0);
  }

  /* Safety */
  #trade-log .has-tip:not([data-tip]),
  #trade-log .has-tip[data-tip=""]{
    pointer-events:none;
  }
}

/* =========================================================
   DATATABLES RESPONSIVE — HARD DISABLE
   ========================================================= */
#trade-log table.dataTable > tbody > tr.child,
#trade-log .dtr-details,
#trade-log .dtr-data,
#trade-log .dtr-title,
#trade-log td.dtr-control,
#trade-log th.dtr-control{
  display:none !important;
}

/* =========================================================
   MOBILE — DESKTOP TABLE MUST NEVER RENDER
   ========================================================= */
@media (max-width:768px){
  #trade-log,
  #trade-log_wrapper{
    display:none !important;
  }
}

/* =========================================================
   DESKTOP — PREVENT MOBILE MODAL
   ========================================================= */
html.is-desktop #exchangeConfirm{
  display:none !important;
  pointer-events:none !important;
}