/* ═══════════════════════════════════════════════════════════
   Stardew Valley Save Editor  ·  skills.css
   Skills tab: rows, level inputs, XP bars
   ═══════════════════════════════════════════════════════════ */

.skill-row {
  display: grid;
  grid-template-columns: 128px 110px 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}
.skill-label {
  font-size: 8px;
  color: var(--parchment2);
  display: flex;
  align-items: center;
  gap: 8px;
}
.skill-icon { font-size: 18px; }

.skill-level-input {
  font-family: 'Press Start 2P', monospace;
  font-size: 11px;
  text-align: center;
  padding: 8px;
  background: rgba(0,0,0,0.35);
  border: 1.5px solid var(--border2);
  border-radius: var(--radius-sm);
  color: var(--gold);
  width: 100%;
  transition: border-color 0.25s, box-shadow 0.25s;
  -moz-appearance: textfield;
}
.skill-level-input::-webkit-inner-spin-button,
.skill-level-input::-webkit-outer-spin-button { display: none; }
.skill-level-input:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 0 3px var(--gold-dim);
}

.skill-bar-wrap {
  height: 24px;
  background: rgba(0,0,0,0.4);
  border: 1.5px solid var(--border2);
  border-radius: 99px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: border-color 0.25s, box-shadow 0.25s;
}
.skill-bar-wrap:hover {
  border-color: var(--border);
  box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}
.skill-bar-fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.65s var(--ease);
  position: relative;
  animation: bar-grow 0.65s var(--ease);
}
.skill-bar-fill::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0.18) 50%,
    transparent 100%);
  border-radius: 99px;
}
.skill-bar-fill.farming  { background: linear-gradient(90deg, #387020, #68a828); box-shadow: 0 0 10px rgba(104,168,40,0.5); }
.skill-bar-fill.fishing  { background: linear-gradient(90deg, #0d4898, #3090d8); box-shadow: 0 0 10px rgba(48,144,216,0.5); }
.skill-bar-fill.foraging { background: linear-gradient(90deg, #486020, #7aa830); box-shadow: 0 0 10px rgba(122,168,48,0.5); }
.skill-bar-fill.mining   { background: linear-gradient(90deg, #504030, #988068); box-shadow: 0 0 10px rgba(152,128,104,0.4); }
.skill-bar-fill.combat   { background: linear-gradient(90deg, #781010, #c82828); box-shadow: 0 0 10px rgba(200,40,40,0.5); }

.skill-xp-label {
  position: absolute;
  right: 10px; top: 50%;
  transform: translateY(-50%);
  font-family: 'Press Start 2P', monospace;
  font-size: 6px;
  color: rgba(255,255,255,0.9);
  pointer-events: none;
  text-shadow: 0 1px 4px rgba(0,0,0,0.9);
}