/* ----------------------------------------- */
/*  Chat Messages                            */
/* ----------------------------------------- */

.message-header {
  h2.damage {
    color: orangered;
    font-weight: bold;
  }

  h2.critical {
    color: green;
    font-weight: bold;
  }

  h2.fumble {
    color: red;
    font-weight: bold;
  }

  h2.success {
    color: darkgreen;
    font-weight: bold;
  }

  h2.failure {
    color: darkred;
    font-weight: bold;
  }

  h2.roll {
    color: darkslategrey;
    font-weight: bold;
  }
}

h2.good {
  color: darkgreen;
  font-weight: bold;
}

h2.bad {
  color: darkred;
  font-weight: bold;
}

.chat-message {
  margin: 3px;
  padding: 10px;
  font-size: 14px;
  border-radius: 0;
  background-color: white;
  background-image: url("/systems/bol/ui/box-border-large.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;

  .message-header {
    .flavor-text {
      font-family: "IMFellDWPicaSC-Regular", serif;
      font-size: 14px;

      h2 {
        font-family: "Modesto Condensed", "Palatino Linotype", serif;
        font-size: 20px;
      }
    }
  }

  .message-content {
    .dice-roll {
      .dice-result {
        .dice-formula {
          border-radius: 0px;
          border: 1px inset lightgray;
          background-color: #282828;
          color: white;
        }

        .dice-tooltip {
          .tooltip-part {
            .part-total {
              border-radius: 0px;
              border: 1px inset lightgray;
              background-color: #2a2a2a;
              color: white;
            }
          }
        }

        .dice-total {
          border-radius: 0px;
          border: 1px inset lightgray;
          background-color: #2a2a2a;
          color: white;
        }
      }
    }
  }
}