@import '../../../../themes/page.scss';
/* module/user/pages/user-record/user-record.wxss */

.wrapper {
  display: flex;
  $border: 1px solid #34FFC6;


  &.portrait {
    flex-direction: row;
    flex-wrap: nowrap;
    border-top: $border;
    border-bottom: $border;

    .header {
      flex: none;
      border-right: $border;

      .row {
        width: 90px;
      }
    }

    .scrollable {
      flex: auto;
    }

    .row {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 120px;
      padding: 4px;
      box-sizing: border-box;

      &.odd {
        background-color: #113B38;
      }
    }

    .col+.col {
      border-left: $border;
    }
  }
}

.highlight {
  color: #FD3F3F;
}