/* Currency Selector Modal Styles */
#currency-selector-window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 370px;
  background: var(--theme-bg-secondary);
  border: 2px solid var(--theme-border-primary);
  border-radius: 4px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
  flex-direction: column;
}

/* Dragging state */
#currency-selector-window.window-dragging {
  transition: none !important;
  user-select: none;
}

/* Window header drag handle styling */
#currency-selector-window .window-header {
  cursor: move;
  user-select: none;
  background: var(--theme-bg-tertiary);
  padding: 10px 12px;
  border-bottom: 1px solid var(--theme-border-primary);
}

#currency-selector-window .window-header:active {
  cursor: grabbing;
}

.currency-selector-container {
  padding: 15px;
}

.currency-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.currency-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.currency-label {
  width: 70px;
  font-weight: bold;
  font-family: monospace;
}

/* Coin colors matching inventory display */
.currency-label.platinum {
  color: #e5e4e2;
}

.currency-label.gold {
  color: #ffd700;
}

.currency-label.silver {
  color: #c0c0c0;
}

.currency-label.copper {
  color: #b87333;
}

.currency-input {
  width: 70px;
  padding: 4px 6px;
  background: #1a1a1a;
  border: 1px solid #333;
  color: #fff;
  font-family: monospace;
  text-align: right;
  font-size: 13px;
}

.currency-input:focus {
  outline: none;
  border-color: #666;
}

/* Hide number input spinners */
.currency-input::-webkit-outer-spin-button,
.currency-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.currency-input[type=number] {
  -moz-appearance: textfield;
}

.currency-btn {
  padding: 3px 8px;
  background: #2a2a2a;
  border: 1px solid #444;
  color: #ccc;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
  min-width: 24px;
}

.currency-btn:hover {
  background: #3a3a3a;
  border-color: #666;
}

.currency-btn:active {
  background: #444;
}

.currency-all {
  font-size: 11px;
  padding: 3px 6px;
}

.currency-max {
  color: #666;
  font-size: 12px;
  font-family: monospace;
  min-width: 50px;
}

.currency-summary {
  border-top: 1px solid #333;
  padding-top: 12px;
  margin-bottom: 15px;
}

.currency-weight {
  color: #aaa;
  font-size: 13px;
  font-family: monospace;
}

.currency-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.currency-actions-left {
  display: flex;
  gap: 8px;
}

.currency-actions-right {
  display: flex;
  gap: 10px;
}

.currency-select-all-btn,
.currency-clear-btn,
.currency-cancel-btn,
.currency-confirm-btn {
  padding: 6px 14px;
  border: 1px solid #444;
  cursor: pointer;
  font-family: monospace;
  font-size: 12px;
}

.currency-select-all-btn,
.currency-clear-btn {
  background: #2a2a2a;
  color: #ccc;
}

.currency-cancel-btn {
  background: #2a2a2a;
  color: #ccc;
}

.currency-confirm-btn {
  background: #3a5a3a;
  color: #fff;
  border-color: #4a7a4a;
}

.currency-select-all-btn:hover,
.currency-clear-btn:hover,
.currency-cancel-btn:hover {
  background: #3a3a3a;
}

.currency-confirm-btn:hover {
  background: #4a6a4a;
}

.currency-select-all-btn:active,
.currency-clear-btn:active,
.currency-cancel-btn:active {
  background: #444;
}

.currency-confirm-btn:active {
  background: #5a7a5a;
}