.icarus-talent-planner {
  margin: 24px 0;
  padding: 20px;
  color: #e8eef4;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 12px;
}
.icarus-talent-planner h2 { margin: 0 0 5px; color: #ffd86b; font-size: 20px; }
.itp-intro { margin: 0 0 14px; color: rgba(232, 238, 244, .70); font-size: 13px; line-height: 1.5; }
.itp-presets { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.itp-preset, .itp-reset { padding: 6px 10px; color: #e8eef4; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); border-radius: 6px; cursor: pointer; font-size: 12px; }
.itp-preset:hover, .itp-reset:hover { border-color: #ffd86b; }
.itp-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.itp-field { display: flex; flex-direction: column; gap: 4px; }
.itp-label { color: rgba(232, 238, 244, .65); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.itp-input { width: 100%; box-sizing: border-box; padding: 8px 10px; color: #e8eef4; background: rgba(0, 0, 0, .25); border: 1px solid rgba(255, 255, 255, .14); border-radius: 6px; font: inherit; font-variant-numeric: tabular-nums; }
.itp-input:focus { border-color: #ffd86b; outline: 2px solid rgba(255, 216, 107, .18); }
.itp-summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; margin: 14px 0 7px; color: rgba(232, 238, 244, .72); font-size: 13px; }
.itp-used { color: #ffd86b; font-size: 16px; font-weight: 700; }
.itp-remaining { color: #4ade80; font-weight: 600; }
.itp-over { color: #ff9b8f; font-weight: 700; }
.itp-bar { height: 8px; margin-bottom: 10px; overflow: hidden; background: rgba(255, 255, 255, .10); border-radius: 5px; }
.itp-bar-fill { width: 0; height: 100%; background: linear-gradient(90deg, #4ade80, #22d3ee); transition: width .2s; }
.itp-bar-fill.itp-overfill { background: #ff806f; }
.itp-actions { display: flex; justify-content: flex-end; margin-top: 10px; }
.itp-status { min-height: 16px; margin-top: 8px; color: rgba(232, 238, 244, .58); font-size: 11px; }
.itp-scope { margin: 12px 0 0; color: rgba(232, 238, 244, .52); font-size: 11px; line-height: 1.45; }
@media (max-width: 520px) { .icarus-talent-planner { padding: 15px; } .itp-actions { justify-content: flex-start; } }