@import "mixins";

// ─── NPC sheet specifics ─────────────────────────────────────────────────────

.fvtt-celestopol.npc {

  .stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 8px 0;

    .stat-block {
      border: 1px solid var(--cel-border);
      border-radius: 4px;
      overflow: hidden;

      .stat-header {
        background: var(--cel-green);
        background-image: url("../assets/ui/fond_cadrille.jpg");
        background-blend-mode: soft-light;
        color: var(--cel-orange);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 8px;
        border-bottom: 1px solid rgba(196,154,26,0.4);

        .stat-name {
          font-family: var(--cel-font-title);
          font-weight: bold;
          text-transform: uppercase;
          font-size: 0.9em;
        }

        .stat-res {
          display: flex;
          align-items: center;
          gap: 4px;
          font-size: 0.8em;

          label { color: var(--cel-orange-light); }
          .stat-res-value { font-weight: bold; color: var(--cel-orange); }
          .stat-actuel {
            font-size: 0.9em;
            color: rgba(255,200,0,0.7);
            font-style: italic;
          }
          input[type="number"] { width: 30px; .cel-input-std(); }
        }
      }

      .skills-list {
        background: var(--cel-cream);

        .skill-row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 3px 8px;
          border-bottom: 1px solid rgba(122,92,32,0.18);
          font-size: 0.85em;

          &:nth-child(even) { background: var(--cel-cream-dark); }

          &.rollable { .cel-rollable(); }

          .skill-name { flex: 1; }
          .skill-value { font-weight: bold; color: var(--cel-orange); min-width: 24px; text-align: center; }
          .skill-value-input { width: 36px; .cel-input-std(); text-align: center; }
        }
      }
    }
  }

  .track-section {
    border: 1px solid var(--cel-border);
    border-radius: 4px;
    margin-bottom: 8px;
    overflow: hidden;

    .track-header {
      background: var(--cel-green);
      background-image: url("../assets/ui/fond_cadrille.jpg");
      background-blend-mode: soft-light;
      color: var(--cel-orange);
      padding: 5px 8px;
      font-family: var(--cel-font-title);
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.9em;
      letter-spacing: 0.06em;
      border-bottom: 1px solid rgba(196,154,26,0.4);
    }

    .track-boxes {
      display: flex;
      padding: 8px;
      gap: 6px;
      background: var(--cel-cream);

      .track-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        .box-label { font-size: 0.65em; color: var(--cel-border); }
      }
    }

    .track-level {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 4px 8px;
      background: rgba(139,115,85,0.1);
      font-size: 0.85em;
      input[type="number"] { width: 40px; .cel-input-std(); }
    }
  }

  .description-section {
    margin-top: 8px;
    .enriched-html { font-size: 0.9em; line-height: 1.6; }
  }
}
