/* =========================================
   br_today_pl2
   PC右カラム用 本日の収支2
========================================= */

.brTodayPl2,
.brTodayPl2 * {
  box-sizing: border-box;
}

.brTodayPl2 {
  position: relative;

  display: block;

  width: 100%;
  margin: 0;

  padding: 10px 12px 8px;

  background: #eef8ff;

  border: 2px solid #8fd3f4;
  border-radius:8px;

  color: #000000;
  font-family: inherit;

  text-decoration: none;

  transition:
    background-color .16s ease,
    border-color .16s ease;
}

.brTodayPl2:hover {
  background: #e3f4ff;

  border-color: #56b8ea;
}

.brTodayPl2__header {
  position: absolute;

  top: -8px;
  left: 12px;

  display: flex;
  align-items: center;

  margin: 0;
  padding: 0;
}

.brTodayPl2__title {
  display: inline-flex;
  align-items: center;

  padding: 0 8px;

  background: transparent;

  font-size: 13px;
  line-height: 1.1;
  font-weight: 800;

  color: #000000;

  letter-spacing: .08em;

  text-shadow:
    -2px 0 #eef8ff,
     2px 0 #eef8ff,
     0 -2px #eef8ff,
     0  2px #eef8ff,
    -2px -2px #eef8ff,
     2px -2px #eef8ff,
    -2px  2px #eef8ff,
     2px  2px #eef8ff;
}

.brTodayPl2:hover .brTodayPl2__title {
  text-shadow:
    -2px 0 #e3f4ff,
     2px 0 #e3f4ff,
     0 -2px #e3f4ff,
     0  2px #e3f4ff,
    -2px -2px #e3f4ff,
     2px -2px #e3f4ff,
    -2px  2px #e3f4ff,
     2px  2px #e3f4ff;
}

.brTodayPl2__body {
  display: block;
  width: 100%;
}

.brTodayPl2__item {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;

  padding: 4px 0;

  border-bottom: 1px solid rgba(86, 184, 234, .35);
}

.brTodayPl2__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.brTodayPl2__label {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;

  color: #000000;

  white-space: nowrap;
}

.brTodayPl2__amount {
  min-width: 96px;

  text-align: right;

  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;

  color: #000000;

  white-space: nowrap;
}

.brTodayPl2__amount--profit.is-positive {
  color: #dc2626;
}

.brTodayPl2__amount--profit.is-negative {
  color: #2563eb;
}

.brTodayPl2__amount--profit.is-zero {
  color: #000000;
}

.brTodayPl2__guest {
  padding: 2px 0 0;
}

.brTodayPl2__guestText {
  margin: 0 0 8px;
  padding: 0;

  font-size: 12px;
  line-height: 1.4;

  color: #000000;
}

.brTodayPl2__loginCta {
  display: block;

  margin: 6px 0 0;

  padding: 0;
  border: 0;

  background: transparent;
  box-shadow: none;
}

.brTodayPl2__loginInner {
  width: 100%;
}