/* Calendar View: Modern Dark Pro */

.cal {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.cal .dow {
  font-size: 13px;
  font-weight: 750;
  color: #c7d2fe !important;
  text-align: center;
  padding: 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.cday {
  min-height: 96px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 6px;
  background: #141f36;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.15s ease;
}

.cday:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: #182542;
}

.cal.week .cday {
  min-height: 240px;
}

.cday.other {
  background: #090e1a;
  opacity: 0.45;
}

.cday.today {
  border-color: #10b981;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.3);
}

.cday.sel {
  box-shadow: 0 0 0 2px #6366f1;
  border-color: #6366f1;
}

.cday.over {
  background: rgba(99, 102, 241, 0.25);
  border-color: #6366f1;
}

.cnum {
  font-size: 13px;
  font-weight: 750;
  color: #cbd5e1 !important;
  margin-bottom: 4px;
}

.cchip {
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.35;
  padding: 3px 6px;
  border-radius: 6px;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cchip[draggable="true"] {
  cursor: grab;
}

.cchip.st-pending {
  background: rgba(245, 158, 11, 0.22);
  color: #fbbf24 !important;
  border: 1px solid rgba(245, 158, 11, 0.4);
}

.cchip.st-success {
  background: rgba(16, 185, 129, 0.22);
  color: #34d399 !important;
  border: 1px solid rgba(16, 185, 129, 0.4);
}

.cchip.st-failed {
  background: rgba(244, 63, 94, 0.22);
  color: #f87171 !important;
  border: 1px solid rgba(244, 63, 94, 0.4);
}

.cchip.st-processing {
  background: rgba(56, 189, 248, 0.22);
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.4);
}

.cmore {
  font-size: 11.5px;
  font-weight: 700;
  color: #a5b4fc !important;
}