/* Buttons */
.btn{padding:9px 16px;border-radius:9px;border:none;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:all 0.2s;white-space:nowrap}
.btn:active{transform:scale(0.97)}
.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 12px rgba(99,102,241,0.3)}
.btn-primary:hover{box-shadow:0 4px 20px rgba(99,102,241,0.5)}
.btn-green{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 2px 12px rgba(16,185,129,0.3)}
.btn-green:hover{box-shadow:0 4px 20px rgba(16,185,129,0.5)}
.btn-ghost{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#94A3B8}
.btn-ghost:hover{background:rgba(255,255,255,0.08);color:#CBD5E1}
.btn-del{background:none;border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px;color:#475569;transition:all 0.15s;font-family:inherit}
.btn-del:hover{border-color:rgba(239,68,68,0.4);color:#f87171;background:rgba(239,68,68,0.06)}
.btn-add{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}

.btn {
  position:relative; overflow:hidden;
  transition: all 0.2s cubic-bezier(0.4,0,0.2,1);
}
.btn::before {
  content:'';
  position:absolute;
  top:50%; left:50%;
  width:0; height:0;
  background:rgba(255,255,255,0.15);
  border-radius:50%;
  transform:translate(-50%,-50%);
  transition:width 0.4s, height 0.4s, opacity 0.4s;
  opacity:0;
}
.btn:active::before { width:200px; height:200px; opacity:0; }
.btn-primary:hover { transform:translateY(-1px); box-shadow:0 6px 24px rgba(99,102,241,0.5); }
.btn-green:hover   { transform:translateY(-1px); box-shadow:0 6px 24px rgba(16,185,129,0.5); }
.btn-ghost:hover   { transform:translateY(-1px); }
.btn-add { transition:all 0.2s; }
.btn-add:hover { transform:translateY(-1px); box-shadow:0 4px 16px rgba(99,102,241,0.4); }
.btn-del { transition:all 0.15s cubic-bezier(0.4,0,0.2,1); }
.btn-del:hover { transform:scale(1.05); }

@media(max-width:768px) {
  .btn { padding:10px 14px; font-size:13px; }
  .hdr-actions { gap:6px; }
  .hdr-actions button { padding:5px 10px; font-size:11px; }
}