.xsd-pl-matrix
  th, tr
    padding: 0.25rem

  td
    cursor: pointer

  a
    text-decoration: none
    color: $body-color
    pointer-events: none

  .completed
    background: $brand-success
  .partially_completed
    background: $brand-warning
  .nothing
    background: #eee

  .mode--XP
    td
      font-size: 0.7rem

  @mixin pl-matrix-state-bg($bg)
    background: $bg
    &:hover
      background: darken($bg, 6%)

  .--state-NO
    @include pl-matrix-state-bg($color-pl-NO)
  .--state-PLANNED
    @include pl-matrix-state-bg($color-pl-PLANNED)
  .--state-PARTIAL
    @include pl-matrix-state-bg($color-pl-PARTIAL)
  .--state-YES
    @include pl-matrix-state-bg($color-pl-YES)


.xsd-pl-matrix-popover
  font-size: 0.8em
  min-width: 22em

  &.--state-PARTIAL, &.--state-YES
    // Need to be a bit wider for these states
    min-width: 32em

  // Content is xsd-pl-summary
  .popover-content
    display: flex
    & > *
      min-width: 40%

  &.--state-NO .popover-title
    background: $color-pl-NO
  &.--state-PLANNED .popover-title
    background: $color-pl-PLANNED
  &.--state-PARTIAL .popover-title
    background: $color-pl-PARTIAL
  &.--state-YES .popover-title
    background: $color-pl-YES
