/* ===============================
   DISTRICT MARKET BOARD
   =============================== */

.market-profile-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.market-profile-label{
  color:var(--dim);
  font-size:11px;
  letter-spacing:.08em;
}

.market-profile-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.market-profile-button.active{
  border-color:rgba(140,255,205,.7);
  box-shadow:0 0 16px rgba(140,255,205,.10);
  color:var(--txt);
}


.district-market-board{
  margin-top:22px;
}

.market-controls{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:end;
  margin-bottom:14px;
}

.market-roll-label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:11px;
  color:var(--dim);
}

.market-roll-input{
  width:92px;
  min-height:42px;
  padding:8px 10px;
  border:1px solid rgba(140,255,205,.24);
  border-radius:8px;
  background:rgba(0,0,0,.28);
  color:var(--txt);
  font:inherit;
  font-size:18px;
  text-align:center;
  outline:none;
}

.market-roll-input:focus{
  border-color:rgba(140,255,205,.55);
  box-shadow:0 0 16px rgba(140,255,205,.08);
}

.market-controls .btn{
  min-height:42px;
  cursor:pointer;
}

.market-controls .btn:disabled{
  opacity:.35;
  cursor:default;
}

.market-message{
  min-height:1.4em;
  margin:0 0 12px;
  font-size:11px;
}

.market-print-area{
  border:1px solid rgba(14,42,28,.9);
  background:rgba(0,0,0,.12);
}

.market-sheet-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-bottom:1px solid rgba(14,42,28,.65);
  font-size:12px;
}

.market-price-table{
  margin:0;
}

.market-price-table th,
.market-price-table td{
  text-align:left;
}

.market-price-cell{
  width:30%;
}

@media(max-width:640px){
  .market-controls{
    align-items:stretch;
  }

  .market-controls .btn{
    flex:1 1 150px;
    justify-content:center;
  }

  .market-roll-label{
    flex:1 1 100%;
  }
}

@media print{
  body.market-printing{
    background:#fff !important;
    color:#000 !important;
  }

  body.market-printing *{
    visibility:hidden !important;
  }

  body.market-printing .market-print-area,
  body.market-printing .market-print-area *{
    visibility:visible !important;
  }

  body.market-printing .market-print-area{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    border:0 !important;
    background:#fff !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }

  body.market-printing .market-sheet-head{
    display:none !important;
  }

  body.market-printing .market-print-area .dim,
  body.market-printing .market-print-area th,
  body.market-printing .market-print-area td,
  body.market-printing .market-print-area strong{
    color:#000 !important;
    text-shadow:none !important;
  }

  body.market-printing .market-sheet-head,
  body.market-printing .market-price-table th,
  body.market-printing .market-price-table td{
    border-color:#000 !important;
  }
}