@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

body {
  font-family: 'NanumSquare' !important;
  color: rgb(var(--foreground-rgb));
}

/* 공통 */

.toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fafafa;
  margin-bottom: 10px;
}
.toolbar .grp {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.toolbar label {
  font-size: 12px;
  color: #6b7280;
}
.toolbar .hint {
  font-size: 12px;
  color: #9ca3af;
}
.toolbar .num {
  width: 90px;
}

.toolbar button,
.toolbar select {
  border: 1px solid #d1d5db;
  background: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  cursor: pointer;
}
.toolbar button:hover {
  background: #f8fafc;
}
.toolbar button.primary {
  border-color: #2563eb;
  color: #fff;
  background: #2563eb;
}

.wj-content {
  /* border-radius: 5px; */
  background-color: #ffffff;
  /* color: #000000; */
  max-width: 70vw;
}
.wj-header {
  /* background-color: #f5f5f5 !important; */
  color: rgba(0, 0, 0, 0.72) !important;
  background-color: rgba(242, 242, 242, 0.46) !important;
}
.wj-state-selected:not(.wj-pivotpanel *) {
  background-color: #ffe36c !important;
  color: black !important;
}
.wj-state-multi-selected {
  background-color: #66cc94 !important;
  color: #ffffff !important;
}
.wj-tooltip {
  background-color: #cc6666;
  color: #ffffff;
}
.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(
    .wj-state-selected
  ):not(.wj-state-multi-selected) {
  background-color: #ffffff;
  color: #000000;
}
.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(
    .wj-state-multi-selected
  ) {
  background-color: #ffffff;
  color: #000000;
}
.wj-cell:not(.wj-header):not(.wj-pivotpanel *):not(.wj-detail) {
  border-bottom: 1px solid rgba(242, 242, 242, 0.68) !important;
  border-right: none !important;
  text-align: center;
}

.wj-combobox,
.wj-inputmask,
.wj-inputdate {
  font-size: 12px;
}

.wj-flexgrid .wj-cell {
  padding: 8px;
  font-size: 0.7em;
}
