/* ============================================================
   CSS: npc_rolls.css - NPC Attack/Spell Roll Button Styles
   Author:   Steven J. Cook
   Date:     2026-04-14
   Revision: 1.0.0
   Model:    Claude Opus 4.6
   Chat:     Bestiary Completion and Invite Integration (Abyssal Engine project)
   Updated:  23:10 UTC, 2026-04-14
   ============================================================ */

/* Attack/spell name row: name left, roll button right */
.npc-attack-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}
.npc-attack-header .npc-attack-name {
  flex: 1;
  min-width: 0;
}

/* Roll button */
.npc-roll-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.25em 0.6em !important;
  font-size: 0.72em !important;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--accent-amber) !important;
  border: 1px solid rgba(240,178,50,0.3) !important;
  background: rgba(240,178,50,0.08) !important;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s;
  flex-shrink: 0;
  white-space: nowrap;
}
.npc-roll-btn:hover {
  background: rgba(240,178,50,0.2) !important;
  color: #ffd066 !important;
  border-color: rgba(240,178,50,0.5) !important;
}
.npc-roll-btn i {
  font-size: 1.1em;
}

/* Dice size hint shown inline with accuracy */
.npc-dice-hint {
  font-family: var(--font-code);
  font-size: 0.85em;
  color: var(--text-faint);
  font-weight: 400;
}

/* Spell entry gets same treatment as attacks */
.npc-spell-entry {
  border-left: 2px solid rgba(136,102,242,0.3);
  padding-left: 0.5em;
}