/* CSS Cog: vitals.css */
/* ============================================================
   INVENTORY: Quantity Controls
   ============================================================ */
.inv-qty{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border-thin);border-radius:var(--radius-sm);overflow:hidden;font-size:0.8em;}
.inv-qty-btn{padding:0.15em 0.4em;cursor:pointer;color:var(--text-muted);background:var(--bg-lighter);transition:all 0.15s;user-select:none;font-weight:700;}
.inv-qty-btn:hover{background:var(--bg-hover);color:var(--text-primary);}
.inv-qty-num{padding:0.15em 0.5em;font-family:var(--font-code);font-weight:700;color:var(--accent-cyan);background:var(--bg-darkest);min-width:1.8em;text-align:center;}

/* ============================================================
   INVENTORY: Consumable Use Button
   ============================================================ */
.btn-use-item{display:inline-flex;align-items:center;gap:0.3em;padding:0.15em 0.5em;border-radius:4px;background:rgba(87,242,135,0.1);border:1px solid rgba(87,242,135,0.3);color:var(--accent-green);font-family:var(--font-display);font-size:0.65em;font-weight:700;letter-spacing:0.04em;cursor:pointer;transition:all 0.15s;white-space:nowrap;}
.btn-use-item:hover{background:rgba(87,242,135,0.25);color:#8fff9f;}

/* ============================================================
   INVENTORY: Gadget Tag
   ============================================================ */
.inv-gadget-tag{display:inline-flex;align-items:center;gap:0.2em;padding:0.1em 0.4em;border-radius:4px;background:rgba(240,178,50,0.1);border:1px solid rgba(240,178,50,0.25);color:var(--accent-amber);font-size:0.65em;font-family:var(--font-display);font-weight:700;letter-spacing:0.04em;cursor:help;}


/* ============================================================
   VITAL ACTION BUTTONS (Heal, Dmg, Recover, Use, Reroll)
   ============================================================ */
.btn-vital-action{display:inline-flex;align-items:center;gap:0.2em;padding:0.1em 0.45em;border-radius:4px;font-family:var(--font-display);font-size:0.6em;font-weight:700;letter-spacing:0.04em;cursor:pointer;transition:all 0.15s;border:1px solid;vertical-align:middle;margin-left:0.2em;}
.btn-heal{background:rgba(87,242,135,0.1);border-color:rgba(87,242,135,0.3);color:var(--accent-green);}.btn-heal:hover{background:rgba(87,242,135,0.25);}
.btn-dmg{background:rgba(237,66,69,0.1);border-color:rgba(237,66,69,0.3);color:var(--accent-red);}.btn-dmg:hover{background:rgba(237,66,69,0.25);}
.btn-recover{background:rgba(88,101,242,0.1);border-color:rgba(88,101,242,0.3);color:var(--accent-blue);}.btn-recover:hover{background:rgba(88,101,242,0.25);}
.btn-ip-use{background:rgba(240,178,50,0.1);border-color:rgba(240,178,50,0.3);color:var(--accent-amber);}.btn-ip-use:hover{background:rgba(240,178,50,0.25);}
.btn-fp-reroll{background:rgba(136,102,242,0.1);border-color:rgba(136,102,242,0.3);color:#a388f2;}.btn-fp-reroll:hover{background:rgba(136,102,242,0.25);}

/* ============================================================
   IP USE MODAL
   ============================================================ */
.ip-section-label{font-family:var(--font-display);font-size:0.7em;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent-amber);margin:0.5em 0 0.3em;padding-bottom:0.2em;border-bottom:1px solid rgba(240,178,50,0.2);}
.ip-use-item{padding:0.5em 0.7em;border-bottom:1px solid var(--border-thin);display:flex;flex-wrap:wrap;align-items:center;gap:0.4em;}
.ip-use-item:last-child{border-bottom:none;}
.ip-use-info{display:flex;justify-content:space-between;width:100%;}
.ip-use-name{font-weight:700;color:var(--text-primary);}
.ip-use-cost{font-family:var(--font-code);color:var(--accent-amber);font-size:0.85em;}
.ip-use-desc{width:100%;font-size:0.8em;color:var(--text-muted);}
.ip-use-disabled{opacity:0.4;}
.ip-inv-warning{background:rgba(240,178,50,0.1);border:1px solid rgba(240,178,50,0.3);border-radius:var(--radius-sm);color:var(--accent-amber);font-size:0.75em;padding:0.5em 0.7em;margin-bottom:0.5em;line-height:1.5;}