@charset "utf-8";
/* ***********************************************************************
 *
 *  File:   account.css
 *
 *  Brief:  Styles for the account transactions table, including gain/loss highlighting.
 *
 *  Author: Jomar Hønsi, 2011-2026
 *
 * ************************************************************************/

table.account {
  font-size: 12px;
  background-color: #e0e0e0;
  margin: 0 auto 10px;
  width: 70%;
  padding: 2px;
  border-spacing: 1px;

  & caption {
    font-size: 1.5em;
    margin: 10px;
    letter-spacing: 2px;
    color: #333;
    text-align: center;
    font-weight: bold;
  }

  & th {
    text-align: center;
    padding: 5px;
    letter-spacing: 2px;
  }

  & td {
    padding: 7px;
    font-size: 1.2em;
    background-color: var(--bg-text-panel);
  }

  & td.note {
    text-align: left;
    padding-left: 20px;
    font-size: 11px;
  }

  & td.gain {
    background-color: #9e9;
    font-weight: bold;
  }

  & td.loss {
    background-color: #def;
    color: red;
  }

  & tr.transferred > td:not(.gain):not(.loss) {
    font-style: italic;
    color: blue;
  }
}

@media (max-width: 700px) {
  table.account {
    width: 100%;
  }
}