@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


input::-webkit-calendar-picker-indicator {
  display: none !important;
}

select, option {
  background: black !important;
}

body {
  font-family: "Inter", sans-serif;
}

.calendar {
  min-height: calc(100vh - 220px);
}

.chat-picker {
  height: calc(100vh - 110px);
}

.messages {
  height: calc(100vh - 150px);
}

.day {
  @apply p-1 xl:p-3;
  border-right: 1px solid #767676;
  border-top: 1px solid #767676;
  min-height: 90px;
}

.weekend {
  background-color: #5d5d5d44;
}

.day-profit-loss {
  @apply flex justify-between;
}

.down-day {
  @apply bg-brand-red bg-opacity-10;
}

.down-day .profit-loss {
  @apply text-brand-red;
}

.up-day {
  @apply bg-brand-green bg-opacity-10;
}

.up-day .profit-loss {
  @apply text-brand-green;
}

.day:nth-of-type(7n) {
  border-right: none;
}

.current-day {
  @apply bg-brand bg-opacity-10;
}

.current-day .profit-loss {
  @apply text-brand
}

.messages {
  @apply pb-6;
}

.chat-active {
  @apply bg-brand-blue;
}

.inactive-trade-type {
  @apply bg-black text-brand;
}

.active-trade-type {
  @apply text-black bg-brand;
}