/* Report Panel: tabs, table, action buttons (cancel, close, TP/SL, close-all) */

.report-body {
  min-height: 0;
  display: grid;
  grid-template-rows: 54px minmax(0, 1fr);
}

.report-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
}

.report-tab {
  height: 28px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}

.report-tab.active {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
}

.report-grid {
  min-height: 0;
  display: block;
}

.report-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  font-family: var(--mono);
}

.report-table th {
  text-align: left;
  padding: 6px 10px;
  color: var(--muted);
  font-weight: 500;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

.report-table td {
  padding: 5px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  white-space: nowrap;
}

.report-table tr.pos-long,
.report-table tr.pos-short {
  color: var(--text, #e0e0e0);
}

.report-table tr.pos-long td:first-child {
  border-left: 3px solid var(--green, #2fb463);
  padding-left: 7px;
}

.report-table tr.pos-short td:first-child {
  border-left: 3px solid var(--red, #ff5d73);
  padding-left: 7px;
}

.tab-count {
  color: var(--muted, #97a0ad);
  font-size: 11px;
}

.pos-coin-link {
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px dashed var(--muted);
  transition: color 0.15s, border-color 0.15s;
}
.pos-coin-long { color: var(--green, #2fb463); border-bottom-color: var(--green, #2fb463); }
.pos-coin-short { color: var(--red, #ff5d73); border-bottom-color: var(--red, #ff5d73); }
.pos-coin-link:hover {
  color: var(--accent, #4e8cff);
  border-bottom-color: var(--accent, #4e8cff);
}

.report-cancel-btn, .report-close-btn {
  border: 1px solid var(--line);
  background: rgba(255, 93, 115, 0.1);
  color: var(--red);
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 11px;
}

.report-close-btn {
  background: rgba(78, 140, 255, 0.1);
  color: var(--blue);
  border-color: rgba(78, 140, 255, 0.2);
}

.report-market-close-btn {
  border: 1px solid rgba(255, 93, 115, 0.3);
  background: rgba(255, 93, 115, 0.15);
  color: var(--red);
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 11px;
}

.report-tpsl-btn {
  border: 1px solid rgba(255, 193, 7, 0.2);
  background: rgba(255, 193, 7, 0.08);
  color: #ffc107;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 11px;
}

.report-trailing-btn {
  border: 1px solid rgba(150, 150, 150, 0.2);
  background: rgba(150, 150, 150, 0.08);
  color: var(--muted);
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 11px;
}

.report-close-all-btn {
  border: none;
  background: none;
  color: var(--red);
  font-size: 11px;
  cursor: pointer;
  padding: 2px 8px;
}

.report-close-all-btn:hover {
  text-decoration: underline;
}