/* ══ UI ELEMENTS — Buttons, Badges, Form Controls ══ */

/* Buttons */
.btn{height:40px;padding:0 16px;border-radius:var(--rsm);font-size:13px;font-weight:700;cursor:pointer;border:none;white-space:nowrap;transition:all .15s;display:inline-flex;align-items:center;gap:5px}
.btn-navy{background:var(--icoa);color:#fff}.btn-navy:hover{background:var(--icoa-dk)}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#a56e08}
.btn-outline{background:#fff;color:var(--icoa);border:1.5px solid var(--icoa)}.btn-outline:hover{background:var(--icoa-lt)}
.btn-green{background:var(--green-lt);color:var(--green);border:1.5px solid #6ee7b7}.btn-green:hover{background:#d1fae5}
.btn-xero{background:var(--xero);color:#fff}.btn-xero:hover{background:var(--xero-dk)}
.btn:active{transform:scale(.97)}

/* Delete button */
.del-btn{width:26px;height:26px;border:none;border-radius:50%;background:transparent;cursor:pointer;color:#ccc;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;margin:0 auto;padding:0;line-height:1}
.del-btn:hover{background:var(--red-lt);color:var(--red)}

/* Account name hover tooltip */
.has-tip{cursor:help}
#coa-tooltip{position:fixed;z-index:9999;background:#0d1b3e;color:#e0e0e0;border:1px solid rgba(200,134,10,.5);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:400;line-height:1.5;max-width:320px;white-space:normal;pointer-events:none;opacity:0;transition:opacity .15s ease;text-align:left;box-shadow:0 4px 16px rgba(0,0,0,.35)}
#coa-tooltip.visible{opacity:1}

/* Account type badges */
.badge{display:inline-block;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}
.b-asset{background:#dbeafe;color:#1d4ed8}
.b-liab{background:#fee2e2;color:#b91c1c}
.b-equity{background:#dcfce7;color:#15803d}
.b-income{background:#d1fae5;color:#065f46}
.b-cogs{background:#ede9fe;color:#5b21b6}
.b-expense{background:var(--gold-lt);color:var(--gold)}